/* Minification failed. Returning unminified contents.
(353,13): run-time error CSS1035: Expected colon, found '{'
(367,13): run-time error CSS1035: Expected colon, found '{'
(381,13): run-time error CSS1035: Expected colon, found '{'
(395,13): run-time error CSS1035: Expected colon, found '{'
(409,13): run-time error CSS1035: Expected colon, found '{'
(423,13): run-time error CSS1035: Expected colon, found '{'
(437,13): run-time error CSS1035: Expected colon, found '{'
(451,13): run-time error CSS1035: Expected colon, found '{'
(465,13): run-time error CSS1035: Expected colon, found '{'
(479,13): run-time error CSS1035: Expected colon, found '{'
(493,13): run-time error CSS1035: Expected colon, found '{'
(507,13): run-time error CSS1035: Expected colon, found '{'
(521,13): run-time error CSS1035: Expected colon, found '{'
(535,13): run-time error CSS1035: Expected colon, found '{'
(549,13): run-time error CSS1035: Expected colon, found '{'
(563,13): run-time error CSS1035: Expected colon, found '{'
(930,13): run-time error CSS1035: Expected colon, found '{'
(944,13): run-time error CSS1035: Expected colon, found '{'
(958,13): run-time error CSS1035: Expected colon, found '{'
(972,13): run-time error CSS1035: Expected colon, found '{'
(986,13): run-time error CSS1035: Expected colon, found '{'
(1000,13): run-time error CSS1035: Expected colon, found '{'
(1014,13): run-time error CSS1035: Expected colon, found '{'
(1028,13): run-time error CSS1035: Expected colon, found '{'
(1042,13): run-time error CSS1035: Expected colon, found '{'
(1056,13): run-time error CSS1035: Expected colon, found '{'
(1070,13): run-time error CSS1035: Expected colon, found '{'
(1084,13): run-time error CSS1035: Expected colon, found '{'
(1098,13): run-time error CSS1035: Expected colon, found '{'
(1112,13): run-time error CSS1035: Expected colon, found '{'
(1126,13): run-time error CSS1035: Expected colon, found '{'
(1140,13): run-time error CSS1035: Expected colon, found '{'
(1308,59): run-time error CSS1030: Expected identifier, found '.'
(1308,75): run-time error CSS1031: Expected selector, found ')'
(1308,75): run-time error CSS1025: Expected comma or open brace, found ')'
(1852,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(1853,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(1854,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(1892,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(1893,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(1894,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(3921,16): run-time error CSS1030: Expected identifier, found '.'
(3921,30): run-time error CSS1031: Expected selector, found ')'
(3921,30): run-time error CSS1025: Expected comma or open brace, found ')'
(6063,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(6064,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(6065,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(6523,59): run-time error CSS1030: Expected identifier, found '.'
(6523,75): run-time error CSS1031: Expected selector, found ')'
(6523,75): run-time error CSS1025: Expected comma or open brace, found ')'
(7067,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(7068,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(7069,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(7107,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(7108,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(7109,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(7449,60): run-time error CSS1030: Expected identifier, found '.'
(7449,87): run-time error CSS1031: Expected selector, found ')'
(7449,87): run-time error CSS1025: Expected comma or open brace, found ')'
(8886,62): run-time error CSS1030: Expected identifier, found '.'
(8886,78): run-time error CSS1031: Expected selector, found ')'
(8886,78): run-time error CSS1025: Expected comma or open brace, found ')'
(9666,83): run-time error CSS1030: Expected identifier, found '['
(9666,88): run-time error CSS1031: Expected selector, found '='
(9666,88): run-time error CSS1025: Expected comma or open brace, found '='
(10236,88): run-time error CSS1030: Expected identifier, found '['
(10236,93): run-time error CSS1031: Expected selector, found '='
(10236,93): run-time error CSS1025: Expected comma or open brace, found '='
(10239,88): run-time error CSS1030: Expected identifier, found '['
(10239,93): run-time error CSS1031: Expected selector, found '='
(10239,93): run-time error CSS1025: Expected comma or open brace, found '='
(12396,83): run-time error CSS1030: Expected identifier, found '['
(12396,88): run-time error CSS1031: Expected selector, found '='
(12396,88): run-time error CSS1025: Expected comma or open brace, found '='
(14821,13): run-time error CSS1035: Expected colon, found '{'
(14835,13): run-time error CSS1035: Expected colon, found '{'
(14849,13): run-time error CSS1035: Expected colon, found '{'
(14863,13): run-time error CSS1035: Expected colon, found '{'
(14877,13): run-time error CSS1035: Expected colon, found '{'
(14891,13): run-time error CSS1035: Expected colon, found '{'
(14905,13): run-time error CSS1035: Expected colon, found '{'
(14919,13): run-time error CSS1035: Expected colon, found '{'
(14933,13): run-time error CSS1035: Expected colon, found '{'
(14947,13): run-time error CSS1035: Expected colon, found '{'
(14961,13): run-time error CSS1035: Expected colon, found '{'
(14975,13): run-time error CSS1035: Expected colon, found '{'
(14989,13): run-time error CSS1035: Expected colon, found '{'
(15003,13): run-time error CSS1035: Expected colon, found '{'
(15017,13): run-time error CSS1035: Expected colon, found '{'
(15031,13): run-time error CSS1035: Expected colon, found '{'
(15247,13): run-time error CSS1035: Expected colon, found '{'
(15261,13): run-time error CSS1035: Expected colon, found '{'
(15275,13): run-time error CSS1035: Expected colon, found '{'
(15289,13): run-time error CSS1035: Expected colon, found '{'
(15303,13): run-time error CSS1035: Expected colon, found '{'
(15317,13): run-time error CSS1035: Expected colon, found '{'
(15331,13): run-time error CSS1035: Expected colon, found '{'
(15345,13): run-time error CSS1035: Expected colon, found '{'
(15359,13): run-time error CSS1035: Expected colon, found '{'
(15373,13): run-time error CSS1035: Expected colon, found '{'
(15387,13): run-time error CSS1035: Expected colon, found '{'
(15401,13): run-time error CSS1035: Expected colon, found '{'
(15415,13): run-time error CSS1035: Expected colon, found '{'
(15429,13): run-time error CSS1035: Expected colon, found '{'
(15443,13): run-time error CSS1035: Expected colon, found '{'
(15457,13): run-time error CSS1035: Expected colon, found '{'
(15769,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Gray-NEW-300---Stroke'
(15898,13): run-time error CSS1035: Expected colon, found '{'
(15912,13): run-time error CSS1035: Expected colon, found '{'
(15926,13): run-time error CSS1035: Expected colon, found '{'
(15940,13): run-time error CSS1035: Expected colon, found '{'
(15954,13): run-time error CSS1035: Expected colon, found '{'
(15968,13): run-time error CSS1035: Expected colon, found '{'
(15982,13): run-time error CSS1035: Expected colon, found '{'
(15996,13): run-time error CSS1035: Expected colon, found '{'
(16010,13): run-time error CSS1035: Expected colon, found '{'
(16024,13): run-time error CSS1035: Expected colon, found '{'
(16038,13): run-time error CSS1035: Expected colon, found '{'
(16052,13): run-time error CSS1035: Expected colon, found '{'
(16066,13): run-time error CSS1035: Expected colon, found '{'
(16080,13): run-time error CSS1035: Expected colon, found '{'
(16094,13): run-time error CSS1035: Expected colon, found '{'
(16108,13): run-time error CSS1035: Expected colon, found '{'
 */
/* Minification failed. Returning unminified contents.
(228,13): run-time error CSS1035: Expected colon, found '{'
(242,13): run-time error CSS1035: Expected colon, found '{'
(256,13): run-time error CSS1035: Expected colon, found '{'
(270,13): run-time error CSS1035: Expected colon, found '{'
(284,13): run-time error CSS1035: Expected colon, found '{'
(298,13): run-time error CSS1035: Expected colon, found '{'
(312,13): run-time error CSS1035: Expected colon, found '{'
(326,13): run-time error CSS1035: Expected colon, found '{'
(340,13): run-time error CSS1035: Expected colon, found '{'
(354,13): run-time error CSS1035: Expected colon, found '{'
(368,13): run-time error CSS1035: Expected colon, found '{'
(382,13): run-time error CSS1035: Expected colon, found '{'
(396,13): run-time error CSS1035: Expected colon, found '{'
(410,13): run-time error CSS1035: Expected colon, found '{'
(424,13): run-time error CSS1035: Expected colon, found '{'
(438,13): run-time error CSS1035: Expected colon, found '{'
(805,13): run-time error CSS1035: Expected colon, found '{'
(819,13): run-time error CSS1035: Expected colon, found '{'
(833,13): run-time error CSS1035: Expected colon, found '{'
(847,13): run-time error CSS1035: Expected colon, found '{'
(861,13): run-time error CSS1035: Expected colon, found '{'
(875,13): run-time error CSS1035: Expected colon, found '{'
(889,13): run-time error CSS1035: Expected colon, found '{'
(903,13): run-time error CSS1035: Expected colon, found '{'
(917,13): run-time error CSS1035: Expected colon, found '{'
(931,13): run-time error CSS1035: Expected colon, found '{'
(945,13): run-time error CSS1035: Expected colon, found '{'
(959,13): run-time error CSS1035: Expected colon, found '{'
(973,13): run-time error CSS1035: Expected colon, found '{'
(987,13): run-time error CSS1035: Expected colon, found '{'
(1001,13): run-time error CSS1035: Expected colon, found '{'
(1015,13): run-time error CSS1035: Expected colon, found '{'
(1183,59): run-time error CSS1030: Expected identifier, found '.'
(1183,75): run-time error CSS1031: Expected selector, found ')'
(1183,75): run-time error CSS1025: Expected comma or open brace, found ')'
(1727,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(1728,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(1729,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(1767,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(1768,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(1769,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(3796,16): run-time error CSS1030: Expected identifier, found '.'
(3796,30): run-time error CSS1031: Expected selector, found ')'
(3796,30): run-time error CSS1025: Expected comma or open brace, found ')'
(5938,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(5939,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(5940,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(6398,59): run-time error CSS1030: Expected identifier, found '.'
(6398,75): run-time error CSS1031: Expected selector, found ')'
(6398,75): run-time error CSS1025: Expected comma or open brace, found ')'
(6942,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(6943,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(6944,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(6982,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(6983,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Coral-50'
(6984,15): run-time error CSS1039: Token not allowed after unary operator: '-System-Red-700'
(7324,60): run-time error CSS1030: Expected identifier, found '.'
(7324,87): run-time error CSS1031: Expected selector, found ')'
(7324,87): run-time error CSS1025: Expected comma or open brace, found ')'
(8761,62): run-time error CSS1030: Expected identifier, found '.'
(8761,78): run-time error CSS1031: Expected selector, found ')'
(8761,78): run-time error CSS1025: Expected comma or open brace, found ')'
(9541,83): run-time error CSS1030: Expected identifier, found '['
(9541,88): run-time error CSS1031: Expected selector, found '='
(9541,88): run-time error CSS1025: Expected comma or open brace, found '='
(10111,88): run-time error CSS1030: Expected identifier, found '['
(10111,93): run-time error CSS1031: Expected selector, found '='
(10111,93): run-time error CSS1025: Expected comma or open brace, found '='
(10114,88): run-time error CSS1030: Expected identifier, found '['
(10114,93): run-time error CSS1031: Expected selector, found '='
(10114,93): run-time error CSS1025: Expected comma or open brace, found '='
(12271,83): run-time error CSS1030: Expected identifier, found '['
(12271,88): run-time error CSS1031: Expected selector, found '='
(12271,88): run-time error CSS1025: Expected comma or open brace, found '='
(14696,13): run-time error CSS1035: Expected colon, found '{'
(14710,13): run-time error CSS1035: Expected colon, found '{'
(14724,13): run-time error CSS1035: Expected colon, found '{'
(14738,13): run-time error CSS1035: Expected colon, found '{'
(14752,13): run-time error CSS1035: Expected colon, found '{'
(14766,13): run-time error CSS1035: Expected colon, found '{'
(14780,13): run-time error CSS1035: Expected colon, found '{'
(14794,13): run-time error CSS1035: Expected colon, found '{'
(14808,13): run-time error CSS1035: Expected colon, found '{'
(14822,13): run-time error CSS1035: Expected colon, found '{'
(14836,13): run-time error CSS1035: Expected colon, found '{'
(14850,13): run-time error CSS1035: Expected colon, found '{'
(14864,13): run-time error CSS1035: Expected colon, found '{'
(14878,13): run-time error CSS1035: Expected colon, found '{'
(14892,13): run-time error CSS1035: Expected colon, found '{'
(14906,13): run-time error CSS1035: Expected colon, found '{'
(15122,13): run-time error CSS1035: Expected colon, found '{'
(15136,13): run-time error CSS1035: Expected colon, found '{'
(15150,13): run-time error CSS1035: Expected colon, found '{'
(15164,13): run-time error CSS1035: Expected colon, found '{'
(15178,13): run-time error CSS1035: Expected colon, found '{'
(15192,13): run-time error CSS1035: Expected colon, found '{'
(15206,13): run-time error CSS1035: Expected colon, found '{'
(15220,13): run-time error CSS1035: Expected colon, found '{'
(15234,13): run-time error CSS1035: Expected colon, found '{'
(15248,13): run-time error CSS1035: Expected colon, found '{'
(15262,13): run-time error CSS1035: Expected colon, found '{'
(15276,13): run-time error CSS1035: Expected colon, found '{'
(15290,13): run-time error CSS1035: Expected colon, found '{'
(15304,13): run-time error CSS1035: Expected colon, found '{'
(15318,13): run-time error CSS1035: Expected colon, found '{'
(15332,13): run-time error CSS1035: Expected colon, found '{'
(15644,26): run-time error CSS1039: Token not allowed after unary operator: '-System-Gray-NEW-300---Stroke'
(15773,13): run-time error CSS1035: Expected colon, found '{'
(15787,13): run-time error CSS1035: Expected colon, found '{'
(15801,13): run-time error CSS1035: Expected colon, found '{'
(15815,13): run-time error CSS1035: Expected colon, found '{'
(15829,13): run-time error CSS1035: Expected colon, found '{'
(15843,13): run-time error CSS1035: Expected colon, found '{'
(15857,13): run-time error CSS1035: Expected colon, found '{'
(15871,13): run-time error CSS1035: Expected colon, found '{'
(15885,13): run-time error CSS1035: Expected colon, found '{'
(15899,13): run-time error CSS1035: Expected colon, found '{'
(15913,13): run-time error CSS1035: Expected colon, found '{'
(15927,13): run-time error CSS1035: Expected colon, found '{'
(15941,13): run-time error CSS1035: Expected colon, found '{'
(15955,13): run-time error CSS1035: Expected colon, found '{'
(15969,13): run-time error CSS1035: Expected colon, found '{'
(15983,13): run-time error CSS1035: Expected colon, found '{'
 */
@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  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;
}

/* Slider */
/* 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-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 {
  max-width: 975px !important;
  max-height: 740px;
}

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

@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff" 2);
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Medium"), local("FixelText-Medium"), url("../fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Medium"), local("FixelText-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Bold"), local("FixelText-Bold"), url("../fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Bold"), local("FixelText-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Black"), local("FixelText-Black"), url("../fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Black"), local("FixelText-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Regular"), local("FixelText-Regular"), url("../fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Regular"), local("FixelText-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Light"), local("FixelText-Light"), url("../fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Light"), local("FixelText-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Thin"), local("FixelText-Thin"), url("../fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Thin"), local("FixelText-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@media (max-width: 1200px) {
  .d-none-xl {
    display: none !important;
  }

  .d-block-xl {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .d-none-lg {
    display: none !important;
  }

  .d-block-lg {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .d-none-md {
    display: none !important;
  }

  .d-block-md {
    display: block !important;
  }
}
@media (max-width: 576px) {
  .d-none-sm {
    display: none !important;
  }

  .d-block-sm {
    display: block !important;
  }
}
@media (max-width: 0px) {
  .d-none-xs {
    display: none !important;
  }

  .d-block-xs {
    display: block !important;
  }
}
/* normalize.scss */
.newDesign {
  /* Box sizing rules */
  /* Remove default margin */
  /* Set core body defaults */
  /* Remove list scss on ul, ol elements with a class attribute */
  /* A elements that don't have a class get default scss */
  /* Make images easier to work with */
  /* Natural flow and rhythm in articles by default */
  /* Inherit fonts for inputs and buttons */
  /* Reset heading sizes */
}
.newDesign *,
.newDesign *::before,
.newDesign *::after {
  box-sizing: border-box;
}
.newDesign body,
.newDesign h1,
.newDesign h2,
.newDesign h3,
.newDesign h4,
.newDesign h5,
.newDesign h6,
.newDesign p,
.newDesign ol,
.newDesign ul,
.newDesign figure,
.newDesign blockquote,
.newDesign dl,
.newDesign dd {
  margin: 0;
}
.newDesign ul[role=list],
.newDesign ol[role=list] {
  list-style: none;
}
.newDesign a:not([class]) {
  text-decoration-skip-ink: auto;
}
.newDesign img {
  max-width: 100%;
  display: block;
}
.newDesign article > * + * {
  margin-top: 1em;
}
.newDesign input,
.newDesign button,
.newDesign textarea,
.newDesign select {
  font: inherit;
}
.newDesign h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.newDesign hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.newDesign pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
.newDesign abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}
.newDesign b,
.newDesign strong {
  font-weight: bolder;
}
.newDesign code,
.newDesign kbd,
.newDesign samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.newDesign small {
  font-size: 80%;
}
.newDesign sub,
.newDesign sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.newDesign sub {
  bottom: -0.25em;
}
.newDesign sup {
  top: -0.5em;
}
.newDesign button,
.newDesign input,
.newDesign optgroup,
.newDesign select,
.newDesign textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
.newDesign button,
.newDesign input {
  overflow: visible;
}
.newDesign input:-webkit-autofill, .newDesign input:-internal-autofill-selected {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: 0 0 0px 1000px white inset !important;
}
.newDesign button,
.newDesign select {
  text-transform: none;
}
.newDesign button,
.newDesign [type=button],
.newDesign [type=reset],
.newDesign [type=submit] {
  -webkit-appearance: button;
}
.newDesign button::-moz-focus-inner,
.newDesign [type=button]::-moz-focus-inner,
.newDesign [type=reset]::-moz-focus-inner,
.newDesign [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.newDesign button:-moz-focusring,
.newDesign [type=button]:-moz-focusring,
.newDesign [type=reset]:-moz-focusring,
.newDesign [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.newDesign fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.newDesign legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
.newDesign progress {
  vertical-align: baseline;
}
.newDesign textarea {
  overflow: auto;
}
.newDesign [type=checkbox],
.newDesign [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.newDesign [type=number]::-webkit-inner-spin-button,
.newDesign [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.newDesign [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.newDesign [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.newDesign ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.newDesign details {
  display: block;
}
.newDesign summary {
  display: list-item;
}
.newDesign template {
  display: none;
}
.newDesign [hidden] {
  display: none;
}

html {
  height: 100%;
}

.newDesign *, .newDesign:after, .newDesign:before,
.newDesign-footer *,
.newDesign-footer:after,
.newDesign-footer:before,
.newDesign-header *,
.newDesign-header:after,
.newDesign-header:before,
.sidebar *,
.sidebar:after,
.sidebar:before,
.modal *,
.modal:after,
.modal:before {
  box-sizing: border-box;
}
.newDesign img,
.newDesign-footer img,
.newDesign-header img,
.sidebar img,
.modal img {
  max-width: 100%;
  height: auto;
}
.newDesign a,
.newDesign-footer a,
.newDesign-header a,
.sidebar a,
.modal a {
  text-decoration: none;
  color: inherit;
}
.newDesign ul, .newDesign ol,
.newDesign-footer ul,
.newDesign-footer ol,
.newDesign-header ul,
.newDesign-header ol,
.sidebar ul,
.sidebar ol,
.modal ul,
.modal ol {
  list-style: none;
}
.newDesign button,
.newDesign-footer button,
.newDesign-header button,
.sidebar button,
.modal button {
  cursor: pointer;
  border: none;
  background: none;
  font-weight: 600;
}
.newDesign h1, .newDesign h2, .newDesign h3,
.newDesign-footer h1,
.newDesign-footer h2,
.newDesign-footer h3,
.newDesign-header h1,
.newDesign-header h2,
.newDesign-header h3,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.modal h1,
.modal h2,
.modal h3 {
  font-weight: 600;
  line-height: 1.2;
}
.newDesign h1,
.newDesign-footer h1,
.newDesign-header h1,
.sidebar h1,
.modal h1 {
  font-size: 34px;
}
.newDesign h2,
.newDesign-footer h2,
.newDesign-header h2,
.sidebar h2,
.modal h2 {
  font-size: 24px;
}
.newDesign h3,
.newDesign-footer h3,
.newDesign-header h3,
.sidebar h3,
.modal h3 {
  font-size: 17px;
}
.newDesign h4,
.newDesign-footer h4,
.newDesign-header h4,
.sidebar h4,
.modal h4 {
  font-size: 14px;
}
.newDesign hr,
.newDesign-footer hr,
.newDesign-header hr,
.sidebar hr,
.modal hr {
  height: 1px;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff" 2);
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Medium"), local("FixelText-Medium"), url("../fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Medium"), local("FixelText-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Bold"), local("FixelText-Bold"), url("../fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Bold"), local("FixelText-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Black"), local("FixelText-Black"), url("../fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Black"), local("FixelText-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Regular"), local("FixelText-Regular"), url("../fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Regular"), local("FixelText-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Light"), local("FixelText-Light"), url("../fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Light"), local("FixelText-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Thin"), local("FixelText-Thin"), url("../fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Thin"), local("FixelText-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@media (max-width: 1200px) {
  .d-none-xl {
    display: none !important;
  }

  .d-block-xl {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .d-none-lg {
    display: none !important;
  }

  .d-block-lg {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .d-none-md {
    display: none !important;
  }

  .d-block-md {
    display: block !important;
  }
}
@media (max-width: 576px) {
  .d-none-sm {
    display: none !important;
  }

  .d-block-sm {
    display: block !important;
  }
}
@media (max-width: 0px) {
  .d-none-xs {
    display: none !important;
  }

  .d-block-xs {
    display: block !important;
  }
}
.newDesign .modal,
.postpaid-container .modal,
.main-content .modal {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  opacity: 0;
  z-index: 1072;
}
.newDesign .modal.modal-wrapper-createPayment,
.postpaid-container .modal.modal-wrapper-createPayment,
.main-content .modal.modal-wrapper-createPayment {
  display: flex;
  justify-content: flex-end;
  overflow-y: unset;
  overflow-x: unset;
  right: 0;
  left: auto;
  transform: translateX(200%);
  transition: transform 0.42s ease-out, opacity 0.42s ease-out;
}
.newDesign .modal.modal-wrapper-createPayment.is-open,
.postpaid-container .modal.modal-wrapper-createPayment.is-open,
.main-content .modal.modal-wrapper-createPayment.is-open {
  transform: translateX(0);
}
.newDesign .modal.is-open,
.postpaid-container .modal.is-open,
.main-content .modal.is-open {
  visibility: visible;
  opacity: 1;
  height: 100%;
  transition: opacity 0.42s ease-out;
  overflow-x: hidden;
  overflow-y: auto;
}
.newDesign .modal.is-open .modal-dialog,
.postpaid-container .modal.is-open .modal-dialog,
.main-content .modal.is-open .modal-dialog {
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.42s ease-out;
}
@media (max-width: 576px) {
  .newDesign .modal.is-open .modal-dialog,
.postpaid-container .modal.is-open .modal-dialog,
.main-content .modal.is-open .modal-dialog {
    top: auto;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 12px 12px 0 0;
    transform: translate(0, 0);
  }
}
.newDesign .modal.is-open .modal-dialog.createPayment,
.postpaid-container .modal.is-open .modal-dialog.createPayment,
.main-content .modal.is-open .modal-dialog.createPayment {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 47.688rem;
  min-width: 22rem;
  padding: 0;
  border-radius: 0;
  transform: translate(0);
}
@media (max-width: 768px) {
  .newDesign .modal.is-open .modal-dialog.createPayment,
.postpaid-container .modal.is-open .modal-dialog.createPayment,
.main-content .modal.is-open .modal-dialog.createPayment {
    min-width: 22rem;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .newDesign .modal.is-open .modal-dialog.createPayment,
.postpaid-container .modal.is-open .modal-dialog.createPayment,
.main-content .modal.is-open .modal-dialog.createPayment {
    width: 360px;
  }
}
.newDesign .modal.is-open .modal-dialog.createPayment .modal-content,
.postpaid-container .modal.is-open .modal-dialog.createPayment .modal-content,
.main-content .modal.is-open .modal-dialog.createPayment .modal-content {
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.newDesign .modal.is-open .modal-dialog.createPayment:before,
.postpaid-container .modal.is-open .modal-dialog.createPayment:before,
.main-content .modal.is-open .modal-dialog.createPayment:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url("../img/newDesign/spinner-loading.png") no-repeat center;
  animation: rotate 1s linear infinite;
  transform: translate(-50%, -50%);
}
.debugUrl .newDesign .modal.is-open .modal-dialog.createPayment:before,
.debugUrl .postpaid-container .modal.is-open .modal-dialog.createPayment:before,
.debugUrl .main-content .modal.is-open .modal-dialog.createPayment:before {
  background: url("/Content/themes/novapay/img/newDesign/spinner-loading.png") no-repeat center;
}
.newDesign .modal.is-open .modal-dialog.createPayment:has(.account-payment)::before,
.postpaid-container .modal.is-open .modal-dialog.createPayment:has(.account-payment)::before,
.main-content .modal.is-open .modal-dialog.createPayment:has(.account-payment)::before {
  display: none;
}
.newDesign .modal.is-open .modal-dialog.close-modal-payment-wrap,
.postpaid-container .modal.is-open .modal-dialog.close-modal-payment-wrap,
.main-content .modal.is-open .modal-dialog.close-modal-payment-wrap {
  max-width: 35rem;
  width: 100%;
}
.newDesign .modal.is-open .modal-dialog.close-modal-payment-wrap .modal-content,
.postpaid-container .modal.is-open .modal-dialog.close-modal-payment-wrap .modal-content,
.main-content .modal.is-open .modal-dialog.close-modal-payment-wrap .modal-content {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 768px) {
  .newDesign .modal.is-open .modal-dialog.switcher-version, .newDesign .modal.is-open .modal-dialog.close-modal-payment-wrap, .newDesign .modal.is-open .modal-dialog.modal-extracts, .newDesign .modal.is-open .modal-dialog.extract-loading, .newDesign .modal.is-open .modal-dialog.extract-error-modal, .newDesign .modal.is-open .modal-dialog.extract-confirmation-email,
.postpaid-container .modal.is-open .modal-dialog.switcher-version,
.postpaid-container .modal.is-open .modal-dialog.close-modal-payment-wrap,
.postpaid-container .modal.is-open .modal-dialog.modal-extracts,
.postpaid-container .modal.is-open .modal-dialog.extract-loading,
.postpaid-container .modal.is-open .modal-dialog.extract-error-modal,
.postpaid-container .modal.is-open .modal-dialog.extract-confirmation-email,
.main-content .modal.is-open .modal-dialog.switcher-version,
.main-content .modal.is-open .modal-dialog.close-modal-payment-wrap,
.main-content .modal.is-open .modal-dialog.modal-extracts,
.main-content .modal.is-open .modal-dialog.extract-loading,
.main-content .modal.is-open .modal-dialog.extract-error-modal,
.main-content .modal.is-open .modal-dialog.extract-confirmation-email {
    min-width: 1rem;
    max-width: 22rem;
    width: 100%;
    top: 50%;
    height: fit-content;
    left: 50%;
    border-radius: 12px;
    transform: translate(-50%, -50%);
  }
}
.newDesign .modal.is-open .modal-dialog.modal-extracts,
.postpaid-container .modal.is-open .modal-dialog.modal-extracts,
.main-content .modal.is-open .modal-dialog.modal-extracts {
  width: 100%;
  max-width: 46.25rem;
  height: 85%;
  padding: 0;
}
@media (max-width: 768px) {
  .newDesign .modal.is-open .modal-dialog.modal-extracts,
.postpaid-container .modal.is-open .modal-dialog.modal-extracts,
.main-content .modal.is-open .modal-dialog.modal-extracts {
    max-width: 22rem;
  }
}
.newDesign .modal.is-open .modal-dialog.modal-extracts .modal-content,
.postpaid-container .modal.is-open .modal-dialog.modal-extracts .modal-content,
.main-content .modal.is-open .modal-dialog.modal-extracts .modal-content {
  max-width: 100%;
  height: 100%;
}
.newDesign .modal.is-open .modal-dialog.extract-error-modal, .newDesign .modal.is-open .modal-dialog.extract-loading, .newDesign .modal.is-open .modal-dialog.extract-confirmation-email,
.postpaid-container .modal.is-open .modal-dialog.extract-error-modal,
.postpaid-container .modal.is-open .modal-dialog.extract-loading,
.postpaid-container .modal.is-open .modal-dialog.extract-confirmation-email,
.main-content .modal.is-open .modal-dialog.extract-error-modal,
.main-content .modal.is-open .modal-dialog.extract-loading,
.main-content .modal.is-open .modal-dialog.extract-confirmation-email {
  padding: 0;
}
.newDesign .modal.is-open .modal-dialog.switcher-version,
.postpaid-container .modal.is-open .modal-dialog.switcher-version,
.main-content .modal.is-open .modal-dialog.switcher-version {
  padding: 0;
}
.newDesign .modal .modal-dialog,
.postpaid-container .modal .modal-dialog,
.main-content .modal .modal-dialog {
  position: absolute;
  top: 0;
  left: 50%;
  background: #fff;
  width: auto;
  min-width: 400px;
  padding: 16px 16px 28px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  pointer-events: auto;
  transform: translate(-50%, -250%);
  transition: all 0.32s ease-out;
  z-index: 1073;
}
.newDesign .modal .modal-dialog *,
.newDesign .modal .modal-dialog :after,
.newDesign .modal .modal-dialog :before,
.postpaid-container .modal .modal-dialog *,
.postpaid-container .modal .modal-dialog :after,
.postpaid-container .modal .modal-dialog :before,
.main-content .modal .modal-dialog *,
.main-content .modal .modal-dialog :after,
.main-content .modal .modal-dialog :before {
  box-sizing: border-box;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
.debugUrl .newDesign .modal .modal-dialog *,
.debugUrl .newDesign .modal .modal-dialog :after,
.debugUrl .newDesign .modal .modal-dialog :before,
.debugUrl .postpaid-container .modal .modal-dialog *,
.debugUrl .postpaid-container .modal .modal-dialog :after,
.debugUrl .postpaid-container .modal .modal-dialog :before,
.debugUrl .main-content .modal .modal-dialog *,
.debugUrl .main-content .modal .modal-dialog :after,
.debugUrl .main-content .modal .modal-dialog :before {
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
@media (max-width: 576px) {
  .newDesign .modal .modal-dialog,
.postpaid-container .modal .modal-dialog,
.main-content .modal .modal-dialog {
    min-width: 359px;
    top: auto;
    left: 0;
    bottom: 0;
    border-radius: 12px 12px 0 0;
    transform: translate(0, 250%);
  }
}
.newDesign .modal .modal-dialog.createPayment,
.postpaid-container .modal .modal-dialog.createPayment,
.main-content .modal .modal-dialog.createPayment {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 0;
  transform: translate(200%, 0);
}
@media (max-width: 768px) {
  .newDesign .modal .modal-dialog.switcher-version, .newDesign .modal .modal-dialog.close-modal-payment-wrap,
.postpaid-container .modal .modal-dialog.switcher-version,
.postpaid-container .modal .modal-dialog.close-modal-payment-wrap,
.main-content .modal .modal-dialog.switcher-version,
.main-content .modal .modal-dialog.close-modal-payment-wrap {
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
  }
}
.newDesign .modal-backdrop,
.postpaid-container .modal-backdrop,
.main-content .modal-backdrop {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0;
  background: rgba(32, 36, 39, 0.5);
  opacity: 0;
  transition: opacity 0.55s ease-out;
  z-index: 1071;
}
.newDesign .modal-backdrop.show,
.postpaid-container .modal-backdrop.show,
.main-content .modal-backdrop.show {
  height: 100vh;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.52s ease-out;
}
.newDesign .modal-content,
.postpaid-container .modal-content,
.main-content .modal-content {
  max-width: calc(450px - 32px);
  width: 100%;
  margin: auto;
}
.newDesign .modal-image,
.postpaid-container .modal-image,
.main-content .modal-image {
  display: flex;
  flex: 1 1 100%;
  max-width: 100%;
  height: 240px;
  background-color: #edeff1;
  border-radius: 12px;
  overflow: hidden;
}
.newDesign .modal-image__recovery, .newDesign .modal-image__notification,
.postpaid-container .modal-image__recovery,
.postpaid-container .modal-image__notification,
.main-content .modal-image__recovery,
.main-content .modal-image__notification {
  height: 100%;
  width: 100%;
  background: url("../img/newDesign/notification-banner.png") no-repeat center;
}
.debugUrl .newDesign .modal-image__recovery, .debugUrl .newDesign .modal-image__notification,
.debugUrl .postpaid-container .modal-image__recovery,
.debugUrl .postpaid-container .modal-image__notification,
.debugUrl .main-content .modal-image__recovery,
.debugUrl .main-content .modal-image__notification {
  background: url("/Content/themes/novapay/img/newDesign/notification-banner.png") no-repeat center;
}
.newDesign .modal-text,
.postpaid-container .modal-text,
.main-content .modal-text {
  margin: 0;
  padding-top: 32px;
  padding-bottom: 28px;
  text-align: center;
}
.newDesign .modal-title,
.postpaid-container .modal-title,
.main-content .modal-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.newDesign .modal-description,
.postpaid-container .modal-description,
.main-content .modal-description {
  padding-top: 12px;
  font-size: 14px;
  line-height: 1.2;
}
.newDesign .btn-send-again,
.postpaid-container .btn-send-again,
.main-content .btn-send-again {
  margin-top: 24px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  border-color: transparent;
  border: none;
  background-color: inherit !important;
}

#notifications-container {
  max-height: 86%;
  padding-top: 10px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  right: 24px;
  gap: 8px;
  top: 80px;
  position: fixed;
  max-width: 450px;
  width: 100%;
  z-index: 10001;
  opacity: 1;
}
#notifications-container .show-notification {
  box-sizing: border-box;
  position: relative;
  padding: 16px 16px 16px 22px;
  width: 100%;
  border-radius: 4px;
  transform: translateY(-10px) !important;
  animation: fadeIn 0.5s forwards;
}
#notifications-container .show-notification__container {
  width: 100%;
  display: flex;
  gap: 8px;
}
#notifications-container .show-notification__content {
  width: 100%;
}
#notifications-container .show-notification .show-notification.fade-out {
  animation: fadeOut 0.5s forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}
#notifications-container .show-notification:before {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  left: 0;
  border-radius: 4px 0px 0px 4px;
  width: 6px;
}
#notifications-container .show-notification__title {
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
#notifications-container .show-notification__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  gap: 7px;
}
#notifications-container .show-notification__description {
  margin-top: 8px;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #32383c;
  line-height: 20px;
}
#notifications-container .show-notification__description-t {
  margin-top: 0;
}
#notifications-container .show-notification__close {
  position: relative;
  cursor: pointer;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
}
#notifications-container .show-notification__close:hover {
  opacity: 0.7;
}
#notifications-container .show-notification__close:before, #notifications-container .show-notification__close:after {
  position: absolute;
  content: " ";
  height: 20px;
  width: 2px;
  top: 0;
  right: 8px;
}
#notifications-container .show-notification__close:before {
  transform: rotate(45deg);
}
#notifications-container .show-notification__close:after {
  transform: rotate(-45deg);
}
#notifications-container .show-notification__link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 85%;
  margin-left: 26px;
  color: #690DD3;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}
#notifications-container .show-notification__icon {
  height: 18px;
  width: 20px;
}
#notifications-container .show-notification__success {
  background: #E1F8F2;
  border: 1px solid #7ECABB;
}
#notifications-container .show-notification__success:before {
  background: #22967F;
}
#notifications-container .show-notification__success-title {
  color: #0A7B65;
}
#notifications-container .show-notification__success-close:before, #notifications-container .show-notification__success-close:after {
  background-color: #0A7B65;
}
#notifications-container .show-notification__success-icon {
  background: url("../img/newDesign/icon/circle.check.svg") no-repeat;
}
.debugUrl #notifications-container .show-notification__success-icon {
  background: url("/Content/themes/novapay/img/newDesign/icon/circle.check.svg") no-repeat;
}
#notifications-container .show-notification__error {
  border: 1px solid #F1AEAB;
  background: #FFEBEA;
}
#notifications-container .show-notification__error:before {
  background: #EB4235;
}
#notifications-container .show-notification__error-title {
  color: #C6261A;
}
#notifications-container .show-notification__error-close:before, #notifications-container .show-notification__error-close:after {
  background-color: #C6261A;
}
#notifications-container .show-notification__error-icon {
  background: url("../img/newDesign/icon/triangle.exclamation.svg");
}
#notifications-container .show-notification__error-icon.debugUrl {
  background: url("/Content/themes/novapay/img/newDesign/icon/triangle.exclamation.svg");
}
#notifications-container .show-notification__warning {
  border: 1px solid #FFE098;
  background: #FFF1DB;
}
#notifications-container .show-notification__warning:before {
  background: #EB9D35;
}
#notifications-container .show-notification__warning-title {
  color: #7F560F;
}
#notifications-container .show-notification__warning-close:before, #notifications-container .show-notification__warning-close:after {
  background-color: #767F8A;
}
#notifications-container .show-notification__warning-icon {
  background: url("../img/newDesign/icon/circle.clock.svg") no-repeat;
}
.debugUrl #notifications-container .show-notification__warning-icon {
  background: url("/Content/themes/novapay/img/newDesign/icon/circle.clock.svg") no-repeat;
}

@media (max-width: 480px) {
  #notifications-container {
    max-width: 85%;
    right: 3.5%;
    top: 88px;
  }
  #notifications-container .show-notification {
    padding: 12px 12px 12px 18px;
  }
  #notifications-container .show-notification__title {
    font-size: 14px;
  }
  #notifications-container .show-notification__description {
    font-size: 12px;
    margin-top: 4px;
  }
  #notifications-container .show-notification__description-t {
    margin-top: 0;
  }
  #notifications-container .show-notification__link {
    font-size: 12px;
    width: 80%;
  }
}
@media (max-width: 576px) {
  .postpaid-container .modal.is-open .modal-dialog {
    top: 50%;
    width: auto;
    bottom: unset;
    left: 50%;
    border-radius: 12px 12px;
    transform: translate(-50%, -50%);
  }
}
.postpaid-container .modal .modal-dialog {
  padding: 0;
  min-width: fit-content;
  width: min-content;
}
@media (max-width: 576px) {
  .postpaid-container .modal .modal-dialog {
    width: auto;
    top: auto;
    left: 50%;
    bottom: unset;
    border-radius: 12px 12px;
    transform: translate(-50%, -1464%);
  }
}
.postpaid-container .modal .modal-content {
  max-width: 35rem;
  min-width: 21.875rem;
}

.modal-switch-version {
  display: flex;
  flex-direction: column;
}

.modal-switch__header {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 0.875rem 1.25rem 1.25rem;
}
.modal-switch__header .switch-versiong__title {
  font-weight: 500;
  font-size: 1.25rem;
  color: #32383c;
}
@media (max-width: 768px) {
  .modal-switch__header {
    padding: 1rem 0.75rem 1rem 1rem;
  }
}
.modal-switch__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1.25rem 1.25rem 1.25rem;
  border-bottom: 1px solid #dbdfe4;
}
.modal-switch__content .switch-version__message {
  font-size: 15px;
  font-weight: 400;
}
.modal-switch__content .switch-version__message.strong {
  font-weight: 500;
}
@media (max-width: 768px) {
  .modal-switch__content {
    padding: 0 1rem 1.25rem 1rem;
  }
}
.modal-switch__footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1.25rem;
}
@media (max-width: 768px) {
  .modal-switch__footer {
    justify-content: space-between;
    padding: 0.75rem 1rem;
  }
}
.modal-switch__footer .switch-version__old {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--System-Red-700, #eb4235);
  background-color: var(--System-Coral-50, #ffeee2);
  color: var(--System-Red-700, #eb4235);
  font-weight: 500;
}
.modal-switch__footer .switch-version__stay {
  padding: 0.5rem 0.75rem;
  font-weight: 500;
}
.modal-switch__footer .switch-version__stay:hover {
  background: #F5EDFF;
  color: #690DD3;
}

.close-modal-payment .close-payment__header {
  display: flex;
  justify-content: space-between;
  color: #32383c;
  font-size: 1.25rem;
  font-weight: 500;
}
.close-modal-payment .close-payment__close {
  margin-right: -6px;
}
.close-modal-payment .close-payment__message {
  padding: 1.25rem 0;
  color: #32383c;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5rem;
  border-bottom: 1px solid #DBDFE4;
}
.close-modal-payment .close-payment__action {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 1.25rem;
}
.close-modal-payment .close-payment__action-delete {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--System-Red-700, #eb4235);
  background-color: var(--System-Coral-50, #ffeee2);
  color: var(--System-Red-700, #eb4235);
  font-weight: 500;
}
.close-modal-payment .close-payment__action-save {
  padding: 0.5rem 0.75rem;
  font-weight: 500;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 50% !important;
}

.w-100 {
  width: 100% !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.p-absolute {
  position: absolute !important;
}

.p-relative {
  position: relative;
}

body.notAuth .newDesign {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  background: #f4f6f7;
}
body.notAuth.debugUrl[data-design=new] {
  background: #f4f6f7;
}
body[data-design=new] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  width: 100%;
  min-width: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  margin: 0 auto;
  padding: 0;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #32383c;
  background: #f4f6f7;
  line-height: 1.2;
}
.debugUrl body[data-design=new] {
  background: #f4f6f7;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
body[data-design=new].sidebar-opened {
  overflow-y: hidden;
}
body[data-design=new].modal-open {
  overflow: hidden;
}
body[data-design=new].modal-open .container-page {
  z-index: 4;
}
body[data-design=new].modal-open .main-content.scrollbar-active {
  overflow-y: hidden;
}
body[data-design=new] .main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #f4f6f7;
}
body[data-design=new] .section {
  display: flex;
  flex-grow: 1;
  height: 100%;
  width: 100%;
}
body[data-design=new] .footer {
  position: relative;
}
body[data-design=new] .accounts .accountsTitle,
body[data-design=new] .accounts .k-widget {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
body[data-design=new] .navigator,
body[data-design=new] .bodyContent {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
body[data-design=new].tablet .bodyContent .filters {
  display: block;
}
body[data-design=new] .btnrow.savePayment {
  gap: 0.75rem;
}
body[data-design=new] .btnrow.savePayment .saveAndSignButton,
body[data-design=new] .btnrow.savePayment .saveAndSendButton,
body[data-design=new] .btnrow.savePayment .saveAndSignButtonDisabled,
body[data-design=new] .btnrow.savePayment .saveAndSendButtonDisabled {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
body[data-design=new] .scroll-to-top,
body[data-design=new] .toTop {
  height: 3rem;
  width: 3rem;
  padding: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease, border 0.3s ease;
  border: 1px solid #690DD3;
  background: #F5EDFF;
  border-radius: 50%;
  cursor: pointer;
}
body[data-design=new] .scroll-to-top .icon-scrolltotop,
body[data-design=new] .toTop .icon-scrolltotop {
  background: url("../img/newDesign/icon/icon-scrolltotop-hover.svg") no-repeat center;
}
.debugUrl body[data-design=new] .scroll-to-top .icon-scrolltotop,
.debugUrl body[data-design=new] .toTop .icon-scrolltotop {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-scrolltotop-hover.svg") no-repeat center;
}
body[data-design=new] .scroll-to-top:hover,
body[data-design=new] .toTop:hover {
  border-color: #5E1CAB;
}
@media (max-width: 992px) {
  body[data-design=new] .scroll-to-top,
body[data-design=new] .toTop {
    display: flex;
    padding: 0;
  }
}
body[data-design=new] .toTop.icon-nav-arrow:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: url("../img/newDesign/icon/icon-scrolltotop-hover.svg") no-repeat center;
}
.debugUrl body[data-design=new] .toTop.icon-nav-arrow:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-scrolltotop-hover.svg") no-repeat center;
}

.current {
  width: 100%;
}

.newDesign .title__h1,
.main-content .title__h1 {
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
.newDesign .title__h2,
.main-content .title__h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}
.newDesign .title__h3,
.main-content .title__h3 {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
}
.newDesign .secondary-text,
.main-content .secondary-text {
  color: #464B53;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.newDesign .small-description,
.main-content .small-description {
  color: #767F8A;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.newDesign .title__h1,
.newDesign .title__h2,
.newDesign .title__h3,
.newDesign .secondary-text,
.newDesign .small-description,
.main-content .title__h1,
.main-content .title__h2,
.main-content .title__h3,
.main-content .secondary-text,
.main-content .small-description {
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}

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

#confirmLoader.outerLoader {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 10000;
  backdrop-filter: blur(4px);
}

.outerLoader #loderOverlayPic {
  top: auto;
}

body > .outerLoader #loderOverlayPic,
.content > .outerLoader #loderOverlayPic {
  position: fixed;
}

.loginBlock .outerLoader #loderOverlayPic {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
}

.confirm-loading-image {
  width: 42px;
  height: 42px;
  position: absolute !important;
  top: 50% !important;
  left: 50%;
  background: url("../img/newDesign/icon/loader.png") no-repeat center center;
  animation: spin 1s linear infinite;
}
.confirm-loading-image.debugUrl {
  background: url("/Content/themes/novapay/img/newDesign/icon/loader.png") no-repeat center center;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.newDesign-footer .language-list__wrapper,
.newDesign-header .language-list__wrapper {
  display: flex;
  flex-direction: row;
}
.newDesign-footer .language-list__wrapper:before,
.newDesign-header .language-list__wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #DBDFE4;
}
.newDesign-footer .language-item,
.newDesign-header .language-item {
  position: relative;
  padding: 0 0.5rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #767F8A;
  background: transparent;
  border: none;
  outline: none;
}
.newDesign-footer .language-item.action-language,
.newDesign-header .language-item.action-language {
  color: #690DD3;
}
.newDesign-footer .language-item[data-value-action=UA],
.newDesign-header .language-item[data-value-action=UA] {
  order: 1;
}
.newDesign-footer .language-item[data-value-action=UA]:before,
.newDesign-header .language-item[data-value-action=UA]:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 100%;
  max-height: 12px;
  width: 1px;
  background: #767F8A;
  transform: translateY(-50%);
}
.newDesign-footer .language-item[data-value-action=EN],
.newDesign-header .language-item[data-value-action=EN] {
  order: 2;
}

.dropdown-block {
  position: absolute;
  display: none;
  min-width: 12.625rem;
  padding: 0.5rem;
  max-height: 0;
  background: #fff;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  box-shadow: 0px 24px 44px 0px rgba(98, 98, 100, 0.3);
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
.dropdown-block .dropdown-item {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  min-height: 2.5rem;
  padding: 0.74rem 0.5rem 0.5rem 2.5rem;
  border-radius: 4px;
  color: #767F8A;
}
.dropdown-block .dropdown-item:hover {
  background: #f4f6f7;
  color: #000000;
}
.dropdown-block .dropdown-item:hover a {
  color: #000000 !important;
  text-decoration: none;
  border: none;
}
.dropdown-block.open {
  max-height: 20rem;
  opacity: 1;
}

.container-page {
  position: relative;
  display: flex;
  flex-grow: 1;
  padding: 1.25rem 0 1.25rem 0;
  transition: all 0.3s ease-out;
  overflow-y: auto;
}
@media (max-width: 992px) {
  .container-page {
    padding: 1rem 0 1rem 0;
  }
}

.wrapper-main-content {
  width: 100%;
}

.main-container {
  position: relative;
  display: flex;
  flex-grow: 1;
  padding: 1.25rem 0 1.25rem 0;
  transition: all 0.3s ease-out;
  overflow-y: auto;
}
@media (max-width: 992px) {
  .main-container {
    padding: 1rem 0 1rem 0;
  }
}

.scroll-to-top {
  display: none;
}

.main-content {
  padding: 0 0 0 1.5rem;
  flex-grow: 1;
  width: 100%;
  transition: padding-left 0.4s ease-out;
  background: transparent;
  overflow: inherit;
}
@media (max-width: 992px) {
  .main-content {
    padding: 0;
  }
}
.main-content .main-border-wrapper {
  border-radius: 12px;
}
.main-content .main-border-wrapper.scrollbar-active {
  position: relative;
}
@media (min-width: 62rem) {
  .main-content .main-border-wrapper.scrollbar-active {
    max-height: calc(100vh - (56px * 2) - (20px * 2));
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(168, 173, 180, 0.5);
  }
  .main-content .main-border-wrapper.scrollbar-active::-webkit-scrollbar-track {
    background: rgba(168, 173, 180, 0.5);
    border-radius: 0.25rem;
  }
  .main-content .main-border-wrapper.scrollbar-active::-webkit-scrollbar-thumb {
    background: rgba(168, 173, 180, 0.5);
    border-radius: 0.25rem;
  }
  .main-content .main-border-wrapper.scrollbar-active::-webkit-scrollbar-thumb:hover {
    background: rgba(168, 173, 180, 0.5);
  }
}
@media (max-height: 56.25rem) {
  .main-content .main-border-wrapper.scrollbar-active {
    max-height: 100%;
  }
}
.main-content .scroll-to-top {
  position: fixed;
  justify-content: center;
  align-items: center;
  bottom: 220px;
  right: 77px;
  z-index: 1000;
}
@media (max-width: 768px) {
  .main-content .scroll-to-top {
    bottom: 229px;
    right: 50px;
  }
}
.main-content .scroll-to-top.dynamic-position-btn {
  bottom: 161px;
}
@media (max-width: 768px) {
  .main-content .scroll-to-top.dynamic-position-btn {
    bottom: 126px;
  }
}

.custom-checkbox-label {
  position: relative;
  display: inline-block;
  z-index: 1;
  cursor: pointer;
}
.custom-checkbox-label .custom-checkbox-inp {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.custom-checkbox-label .custom-checkbox-inp:checked + .custom-checkbox-view::after {
  opacity: 1;
  border-radius: 0.25rem;
}
.custom-checkbox-label .custom-checkbox-inp:checked + .custom-checkbox-view::before {
  border-color: transparent;
}
.custom-checkbox-label .custom-checkbox-view {
  margin-left: 30px;
  display: block;
  height: 100%;
  width: 100%;
}
.custom-checkbox-label .custom-checkbox-view::after, .custom-checkbox-label .custom-checkbox-view::before {
  content: "";
  position: absolute;
  height: 1.375rem;
  width: 1.375rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.custom-checkbox-label .custom-checkbox-view::before {
  border-radius: 0.25rem;
  border: 1px solid #DBDFE4;
  background: white;
  transition: background 0.42s ease, border-color 0.3s ease;
}
.custom-checkbox-label .custom-checkbox-view::after {
  background: url("../img/newDesign/icon/ico-checkbox.svg") no-repeat center center;
  opacity: 0;
  transition: opacity 0.42s ease;
  border: 1px solid transparent;
}
.debugUrl .custom-checkbox-label .custom-checkbox-view::after {
  background: url("/Content/themes/novapay/img/newDesign/icon/ico-checkbox.svg") no-repeat center/100%;
}

.header * {
  box-sizing: border-box;
}
.header.new-header {
  display: flex;
  padding: 0.532rem 0;
  height: auto;
  max-height: 3.5rem;
  border-bottom: 1px solid #EDEFF1 !important;
  background-color: #fff;
  z-index: 4;
}
.header .header-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.header .header-logo__img {
  width: 8.6rem !important;
  height: 2.25rem;
  float: none;
  background-position: center !important;
}
.header .header-right {
  display: flex;
  align-items: center;
}
.header .header-right .header-nav {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .header-right .header-nav__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.5rem;
  padding: 6px 6px 6px 1.5rem;
  background: transparent;
  border-radius: 0.688rem;
}
.header .header-right .header-nav__item .submenu-item__exit,
.header .header-right .header-nav__item .submenu-item__old-version {
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  height: 2.5rem;
}
.header .header-right .header-nav__item:not(:last-of-type) {
  margin-left: 0.5rem;
  padding-left: 6px;
}
@media (max-width: 992px) {
  .header .header-right .header-nav__item:not(:last-of-type) {
    margin-left: 6px;
  }
}
.header .header-right .header-nav__item:hover {
  background: #f4f6f7;
}
.header .header-right .header-nav__language {
  display: none;
}
@media (max-width: 992px) {
  .header .header-right .header-nav__language.auth-language {
    margin-left: 0.75rem;
    padding-left: 1rem;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .header .header-right .header-nav__language {
    display: flex;
  }
}
.header .header-right .header-nav__language:hover {
  background: transparent;
}
.header .header-right .header-nav__support-service .help-dropdown {
  position: absolute;
  display: flex;
  top: -20.063rem;
  transition: max-height 0.12s ease-out, opacity 0.12s ease-out;
}
.header .header-right .header-nav__support-service .help-dropdown__item .ico-n {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.header .header-right .header-nav__support-service .help-dropdown__item:hover .icon-telegram {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-Telegram-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .header .header-right .header-nav__support-service .help-dropdown__item:hover .icon-telegram {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-Telegram-hover");
}
.header .header-right .header-nav__support-service .help-dropdown__item:hover .icon-phone {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-phone-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .header .header-right .header-nav__support-service .help-dropdown__item:hover .icon-phone {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-phone-hover");
}
.header .header-right .header-nav__support-service .help-dropdown.open {
  top: 3.063rem;
  transition: max-height 0.42s ease-in-out, opacity 0.42s ease-in-out;
}
.header .header-right .header-nav__support-service .help-dropdown__right-position {
  right: 0;
}
.header .header-right .header-nav__support-call {
  position: relative;
  height: 25px;
  width: 30px;
}
.header .header-right .header-nav__support-call .icon-call {
  position: absolute;
  top: -3px;
  left: 0;
}
.header .header-right .header-nav__support-call:hover .icon-call, .header .header-right .header-nav__support-call:active .icon-call {
  background-color: #690DD3 !important;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#support-service-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .header .header-right .header-nav__support-call:hover .icon-call, .debugUrl .header .header-right .header-nav__support-call:active .icon-call {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#support-service-hover");
}
.header .header-right .header-nav__toggle-mobileNav {
  display: none;
}
.header .header-right .header-nav__toggle-mobileNav .btn-mobile-navToggle {
  padding: 1px 0 0 0;
}
@media (max-width: 992px) {
  .header .header-right .header-nav__toggle-mobileNav {
    display: flex;
    max-width: 2.5rem;
  }
}
.header .header-right .header-nav__contacts {
  position: relative;
}
.header .header-right .header-nav__contacts:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #DBDFE4;
}
.header .header-right .header-nav__contacts:hover {
  background: transparent;
}
.header .header-right .header-nav__contacts .btn-username {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2rem 0 2.375rem;
  font-weight: 500;
  color: #32383c;
}
.header .header-right .header-nav__contacts .btn-username:after {
  content: "";
  position: absolute;
  left: 0;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #EDEFF1;
}
.header .header-right .header-nav__contacts .btn-username .icon-person {
  position: absolute;
  top: -6px;
  left: 6px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  z-index: 1;
}
.header .header-right .header-nav__contacts .btn-username .icon-triangle {
  position: absolute;
  right: 0;
  height: 20px;
  width: 20px;
  background-position: center;
  transform: rotate(180deg);
  transition: transform 0.12s ease-out;
}
.header .header-right .header-nav__contacts .btn-username span {
  max-width: 6.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  font-size: 14px;
}
.header .header-right .header-nav__contacts .btn-username.open .icon-triangle {
  background-position: top;
  transform: rotate(0deg);
  transition: transform 0.42s ease-out;
}
.header .header-right .header-nav__dropdown {
  display: flex;
  top: -20.063rem;
  transition: max-height 0.12s ease-out, opacity 0.12s ease-out;
  overflow: hidden;
}
.header .header-right .header-nav__dropdown.open {
  top: 3.063rem;
  transition: max-height 0.42s ease-in-out, opacity 0.42s ease-in-out;
}
.header .header-right .header-nav__submenu {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.header .header-right .header-nav__submenu-item a {
  color: #767F8A;
}
.header .header-right .header-nav__submenu-item:not(:last-of-type) {
  margin-bottom: 4px;
}
.header .header-right .header-nav__submenu-item .ico-n {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.header .header-right .header-nav__submenu-item:hover .ico-n.icon-user {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-user-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .header .header-right .header-nav__submenu-item:hover .ico-n.icon-user {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-user-hover");
}
.header .header-right .header-nav__submenu-item:hover .ico-n.icon-gear {
  background: url("../img/newDesign/icon/icon-gear-hover.svg") no-repeat center;
}
.debugUrl .header .header-right .header-nav__submenu-item:hover .ico-n.icon-gear {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-gear-hover.svg") no-repeat center;
}
.header .header-right .header-nav__submenu-item.submenu-item__old-version {
  background-color: #F5EDFF;
}
.header .header-right .header-nav__submenu-item.submenu-item__old-version .btn-back__old {
  padding: 0;
  color: #5E1CAB;
  font-weight: 500;
  text-align: left;
  font-size: 14px;
}
.header .header-right .header-nav__submenu-item.submenu-item__old-version:hover {
  background-color: #d9baff;
}
.header .header-right .header-nav__submenu-item.submenu-item__exit {
  background-color: #FFEEE2;
}
.header .header-right .header-nav__submenu-item.submenu-item__exit a {
  color: #DE4420 !important;
}
.header .header-right .header-nav__submenu-item.submenu-item__exit:hover {
  background-clip: #ffd0af;
}
.header .header-right .header-nav__submenu-item.submenu-item__exit:hover a {
  color: #DE4420 !important;
}
.header .header-right .header-nav__message-activeMessage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  width: 36px;
  height: 26px;
}
.header .header-right .header-nav__message-activeMessage .message-count {
  position: absolute;
  top: -3px;
  right: -3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0;
  line-height: 1;
  background: #690DD3;
  border-radius: 50%;
  font-size: 0.688rem;
}

.footer * {
  box-sizing: border-box;
}
.footer.newDesign-footer {
  position: relative;
  display: flex;
  padding: 0.94rem 0;
  height: auto;
  border-top: 1px solid #EDEFF1 !important;
  background-color: #fff;
  color: #767F8A;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .footer.newDesign-footer {
    padding: 0.74rem 0;
  }
}
.footer .footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .footer-left .copy {
  display: block;
  margin: 0;
  font-size: 12px;
}
.footer .footer-nav {
  position: relative;
}
.footer .footer-nav__info {
  display: none;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: #DBDFE4;
  border-radius: 0.75rem;
  border-color: transparent;
}
.footer .footer-nav__info:hover .icon-info {
  background: url("../img/newDesign/icon/info-hover.svg") no-repeat center;
}
.debugUrl .footer .footer-nav__info:hover .icon-info {
  background: url("/Content/themes/novapay/img/newDesign/icon/info-hover.svg") no-repeat center;
}
.footer .footer-nav__info__disabled, .footer .footer-nav__info:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.footer .footer-nav__info:focus {
  outline: none;
  transition: all 0.42s ease-out;
}
.footer .footer-nav__info:focus-visible {
  outline: none;
  border: none;
}
@media (max-width: 992px) {
  .footer .footer-nav__info {
    display: flex;
    padding: 0;
  }
}
@media (max-width: 992px) {
  .footer .footer-nav__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .footer .footer-nav__item:not(:last-of-type):before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #EDEFF1;
  }
  .footer .footer-nav__item.footer-nav__language:before, .footer .footer-nav__item.footer-nav__safety:before {
    display: none;
  }
}
@media (max-width: 992px) {
  .footer .footer-nav__item .footer-link {
    width: 100%;
    padding: 0.5rem 0;
  }
}
@media (max-width: 992px) {
  .footer .footer-nav__language {
    display: none;
  }
}
.footer .footer-nav__language .language-list__wrapper:before {
  display: none;
}
.footer .footer-links {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #767F8A;
  font-size: 14px;
  line-height: 1.2;
  list-style: none;
}
@media (max-width: 992px) {
  .footer .footer-links {
    display: none;
    position: absolute;
    bottom: 3rem;
    right: 0;
    flex-direction: column;
    align-items: start;
    gap: 0;
    padding: 2px 0.75rem;
    min-width: 11.6rem;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0px 24px 44px 0px rgba(98, 98, 100, 0.3);
  }
}
.footer .footer-links .footer-link:hover {
  color: #690DD3 !important;
}
.footer .footer-language {
  margin-left: 1rem;
}
@media (max-width: 992px) {
  .footer .footer-language {
    display: none;
  }
}
.footer .language-switch {
  text-decoration: none;
  color: #767F8A;
}
.footer .language-switch.active {
  color: #690DD3;
}

.ico-n {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 1;
  vertical-align: middle;
  color: inherit;
  fill: currentColor;
}

body[data-design=new] .icon-menu-accounts {
  top: 0.5rem !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-wallet");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-accounts {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-wallet");
}

body[data-design=new] .icon-menu-help {
  left: 0.25rem !important;
  top: 0.25rem !important;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#help");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-help {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#help");
}

.icon-menu-deposits {
  top: 8px !important;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-case");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-menu-deposits {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-case");
}

body[data-design=new] .activeMenuTab .icon-menu-help {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#help-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-help {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#help-selected");
}

body[data-design=new] .icon-menu-home {
  top: 50% !important;
  transform: translateY(-50%);
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-home");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-home {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-home");
}

body[data-design=new] .activeMenuTab .icon-menu-home {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-home-hove");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-home {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-home-hove");
}

body[data-design=new] .icon-menu-payments {
  top: 8px !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-payments");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-payments {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-payments");
}

body[data-design=new] .activeMenuTab .icon-menu-payments {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-payments-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-payments {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-payments-hover");
}

body[data-design=new] .icon-menu-cards {
  top: 6px !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-cards");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-cards {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-cards");
}

body[data-design=new] .activeMenuTab .icon-menu-cards {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-cards-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-cards {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-cards-hover");
}

body[data-design=new] .icon-menu-mail {
  top: 0.5rem !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-mail");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-mail {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-mail");
}

body[data-design=new] .activeMenuTab .icon-menu-mail {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-mail-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-mail {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-mail-hover");
}

.icon-menu-references-list {
  width: 26px !important;
  height: 28px !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-references-list");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-menu-references-list {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-references-list");
}

body[data-design=new] .icon-menu-references {
  left: 9px !important;
  top: 9px !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-bookmark-2");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-references {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-bookmark-2");
}

body[data-design=new] .activeMenuTab .icon-menu-references {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-bookmark-2-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-references {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-bookmark-2-hover");
}

body[data-design=new] .icon-menu-references {
  left: 9px !important;
  top: 9px !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-bookmark-2");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-references {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-bookmark-2");
}

body[data-design=new] .icon-menu-extracts {
  left: 9px !important;
  top: 9px !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-extracts");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-extracts {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-extracts");
}

body[data-design=new] .activeMenuTab .icon-menu-extracts {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-extracts-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-extracts {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-extracts-hover");
}

body[data-design=new] .icon-menu-salaryCardProject {
  top: 0.5rem !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-salaryCardProject");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-salaryCardProject {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-salaryCardProject");
}

body[data-design=new] .activeMenuTab .icon-menu-salaryCardProject {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-salaryCardProject-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-salaryCardProject {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-salaryCardProject-hover");
}

body[data-design=new] .icon-menu-system {
  left: 0.25rem !important;
  top: 0.25rem !important;
  width: 30px !important;
  height: 33px !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#bank");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-system {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#bank");
}

body[data-design=new] .activeMenuTab .icon-menu-system {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#bank-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-system {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#bank-selected");
}

body[data-design=new] .icon-menu-profile {
  left: 4px !important;
  top: 6px !important;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#user");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-profile {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#user");
}

body[data-design=new] .activeMenuTab .icon-menu-profile {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#user-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-profile {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#user-selected");
}

body[data-design=new] .icon-menu-reports {
  left: 6px !important;
  top: 6px !important;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#chart");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .icon-menu-reports {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#chart");
}

body[data-design=new] .activeMenuTab .icon-menu-reports {
  display: inline-block;
  width: 33px;
  height: 33px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#chart-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMenuTab .icon-menu-reports {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#chart-selected");
}

.icon-call {
  background-color: #767F8A !important;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#support-service-normal");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-call {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#support-service-normal");
}

.icon-emptyState {
  background-color: #DBDFE4 !important;
  display: inline-block;
  width: 101px;
  height: 101px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-emptyState");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-emptyState {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-emptyState");
}

.icon-letter {
  background: url("../img/newDesign/icon/letter-normal.svg") no-repeat center;
}
.debugUrl .icon-letter {
  background: url("/Content/themes/novapay/img/newDesign/icon/letter-normal.svg") no-repeat center;
}

.icon-bell {
  background: url("../img/newDesign/icon/bell-normal.svg") no-repeat center;
}
.debugUrl .icon-bell {
  background: url("/Content/themes/novapay/img/newDesign/icon/bell-normal.svg") no-repeat center;
}

.icon-person {
  background-color: #A8ADB4 !important;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#person");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-person {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#person");
}

.icon-info {
  background: url("../img/newDesign/icon/info-normal.svg") no-repeat center;
}
.debugUrl .icon-info {
  background: url("/Content/themes/novapay/img/newDesign/icon/info-normal.svg") no-repeat center;
}

.icon-triangle {
  background: url("../img/newDesign/icon/icon-triangle-up.svg") no-repeat center;
}
.debugUrl .icon-triangle {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-triangle-up.svg") no-repeat center;
}

.icon-arrow-right {
  background: url("../img/newDesign/icon/rectangle-arrow-right.svg") no-repeat center;
}
.debugUrl .icon-arrow-right {
  background: url("/Content/themes/novapay/img/newDesign/icon/rectangle-arrow-right.svg") no-repeat center;
}

.icon-users-two {
  background: url("../img/newDesign/icon/icon-users-2.svg") no-repeat center;
}
.debugUrl .icon-users-two {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-users-2.svg") no-repeat center;
}

.icon-user {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-user");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-user {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-user");
}

.icon-lock {
  background: url("../img/newDesign/icon/icon-lock.svg") no-repeat center;
}
.debugUrl .icon-lock {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-lock.svg") no-repeat center;
}

.icon-gear {
  background: url("../img/newDesign/icon/icon-gear.svg") no-repeat center;
}
.debugUrl .icon-gear {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-gear.svg") no-repeat center;
}

.icon-turn-left-up {
  background: url("../img/newDesign/icon/arrow-turn-left-up.svg") no-repeat center;
}
.debugUrl .icon-turn-left-up {
  background: url("/Content/themes/novapay/img/newDesign/icon/arrow-turn-left-up.svg") no-repeat center;
}

.icon-phone {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-phone");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-phone {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-phone");
}

.icon-telegram {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-Telegram");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-telegram {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-Telegram");
}

body[data-design=new] .activeMessage {
  width: 100%;
  height: 100%;
  position: relative;
}
body[data-design=new] .activeMessage .icon-icon-msg {
  background-color: #767F8A !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#letter-normal");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMessage .icon-icon-msg {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#letter-normal");
}
body[data-design=new] .activeMessage:hover .icon-icon-msg {
  background-color: #690DD3 !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#letter-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl body[data-design=new] .activeMessage:hover .icon-icon-msg {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#letter-hover");
}

.icon-menu {
  background-color: #767F8A !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-menu {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu");
}

.icon-file-lines {
  background: url("../img/newDesign/icon/icon-file-lines.svg") no-repeat center;
}
.debugUrl .icon-file-lines {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-file-lines.svg") no-repeat center;
}

.icon-cash {
  background: url("../img/newDesign/icon/icon-cash-rectangle-horizontal.svg") no-repeat center;
}
.debugUrl .icon-cash {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-cash-rectangle-horizontal.svg") no-repeat center;
}

.icon-bookmark {
  background: url("../img/newDesign/icon/icon-bookmark-2.svg") no-repeat center;
}
.debugUrl .icon-bookmark {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-bookmark-2.svg") no-repeat center;
}

.icon-bill {
  background: url("../img/newDesign/icon/icon-bill-lines-parcel.svg") no-repeat center;
}
.debugUrl .icon-bill {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-bill-lines-parcel.svg") no-repeat center;
}

.icon-arrow-diagonal {
  background: url("../img/newDesign/icon/icon-arrow-diagonal-hover.svg") no-repeat center;
}
.debugUrl .icon-arrow-diagonal {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-arrow-diagonal-hover.svg") no-repeat center;
}

.icon-close {
  background: url("../img/newDesign/icon/icon-close-x.svg") no-repeat center;
}
.debugUrl .icon-close {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-close-x.svg") no-repeat center;
}

.icon-small-up {
  background: url("../img/newDesign/icon/icon-small-up.svg") no-repeat center;
}
.debugUrl .icon-small-up {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-small-up.svg") no-repeat center;
}

.icon-arrow-left {
  background: url("../img/newDesign/icon/icon-arrow-left.svg") no-repeat center;
}
.debugUrl .icon-arrow-left {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-arrow-left.svg") no-repeat center;
}

.icon-search__new {
  background: url("../img/newDesign/icon/icon-search-new.svg") no-repeat center;
}
.debugUrl .icon-search__new {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-search-new.svg") no-repeat center;
}

.icon-account-open {
  background: url("../img/newDesign/icon/icon-account-open.svg") no-repeat center;
}
.debugUrl .icon-account-open {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-open.svg") no-repeat center;
}

.icon-account-close {
  background: url("../img/newDesign/icon/icon-account-close.svg") no-repeat center;
}
.debugUrl .icon-account-close {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-close.svg") no-repeat center;
}

.icon-vertical-dot {
  background: url("../img/newDesign/icon/icon-vertical-dot.svg") no-repeat center;
}
.debugUrl .icon-vertical-dot {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-vertical-dot.svg") no-repeat center;
}

.icon-archive-hidden {
  background: url("../img/newDesign/icon/icon-archive-hidden.svg") no-repeat center;
}
.debugUrl .icon-archive-hidden {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-archive-hidden.svg") no-repeat center;
}

.icon-archive-show {
  background: url("../img/newDesign/icon/icon-archive-show.svg") no-repeat center;
}
.debugUrl .icon-archive-show {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-archive-show.svg") no-repeat center;
}

.icon-show-more {
  background: url("../img/newDesign/icon/icon-show-more.svg") no-repeat center;
}
.debugUrl .icon-show-more {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-show-more.svg") no-repeat center;
}

.icon-arrow-black-down {
  background: url("../img/newDesign/icon/icon-arrow-black-down.svg") no-repeat center;
}
.debugUrl .icon-arrow-black-down {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-arrow-black-down.svg") no-repeat center;
}

.icon-triger-white-arrow {
  background: url("../img/newDesign/icon/arrow-white.svg") no-repeat center;
}
.debugUrl .icon-triger-white-arrow {
  background: url("/Content/themes/novapay/img/newDesign/icon/arrow-white.svg") no-repeat center;
}

.icon-arrow-down-color {
  background: url("../img/newDesign/icon/arrow-down-color.svg") no-repeat center;
}
.debugUrl .icon-arrow-down-color {
  background: url("/Content/themes/novapay/img/newDesign/icon/arrow-down-color.svg") no-repeat center;
}

.icon-arrow-dropdown {
  background: url("../img/newDesign/icon/arrow.small.down.svg") no-repeat center;
}
.debugUrl .icon-arrow-dropdown {
  background: url("/Content/themes/novapay/img/newDesign/icon/arrow.small.down.svg") no-repeat center;
}

.icon-view-details {
  background: url("../img/newDesign/icon/icon-view-details.svg") no-repeat center;
}
.debugUrl .icon-view-details {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-view-details.svg") no-repeat center;
}

.icon-create-payment {
  width: 30px;
  background: url("../img/newDesign/icon/icon-account-payments.svg") no-repeat center;
}
.debugUrl .icon-create-payment {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-payments.svg") no-repeat center;
}

.icon-account-copy {
  background: url("../img/newDesign/icon/icon-account-copy.svg") no-repeat center;
}
.debugUrl .icon-account-copy {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-copy.svg") no-repeat center;
}

.icon-account-copyAll {
  background: url("../img/newDesign/icon/icon-account-copyAll.svg") no-repeat center;
}
.debugUrl .icon-account-copyAll {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-copyAll.svg") no-repeat center;
}

.icon-account-print {
  background: url("../img/newDesign/icon/icon-account-print.svg") no-repeat center;
}
.debugUrl .icon-account-print {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-print.svg") no-repeat center;
}

.icon-cancel {
  background: url("../img/newDesign/icon/icon-account-cancel.svg") no-repeat center;
}
.debugUrl .icon-cancel {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-cancel.svg") no-repeat center;
}

.icon-pen-edit {
  background: url("../img/newDesign/icon/icon-account-edit.svg") no-repeat center;
}
.debugUrl .icon-pen-edit {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-edit.svg") no-repeat center;
}

.icon-calendar {
  background: url("../img/newDesign/icon/icon-account-calendar.svg") no-repeat center;
}
.debugUrl .icon-calendar {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-calendar.svg") no-repeat center;
}

.select-arrow-icon {
  background: url("../img/newDesign/icon/select-arrow.svg") no-repeat center;
}
.debugUrl .select-arrow-icon {
  background: url("/Content/themes/novapay/img/newDesign/icon/select-arrow.svg") no-repeat center;
}

.tooltip-icon {
  background: url("../img/newDesign/icon/tooltip_circle-icon.svg") no-repeat center;
}
.debugUrl .tooltip-icon {
  background: url("/Content/themes/novapay/img/newDesign/icon/tooltip_circle-icon.svg") no-repeat center;
}

.icon-scrolltotop {
  background: url("../img/newDesign/icon/icon-scrolltotop.svg") no-repeat center;
}
.debugUrl .icon-scrolltotop {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-scrolltotop.svg") no-repeat center;
}

.icon-plus {
  background: url("../img/newDesign/icon/icon-plus.svg") no-repeat center;
}
.debugUrl .icon-plus {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-plus.svg") no-repeat center;
}

.icon-trash-new-ui {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-account-trash");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-trash-new-ui {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-account-trash");
}

.search-icon {
  background: url("../img/newDesign/icon/search-icon.svg") no-repeat center;
}
.debugUrl .search-icon {
  background: url("/Content/themes/novapay/img/newDesign/icon/search-icon.svg") no-repeat center;
}

.icon-postpaid-file-lines {
  background: url("../img/newDesign/icon/icon-postpaid-file-lines.svg") no-repeat center;
}
.debugUrl .icon-postpaid-file-lines {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-postpaid-file-lines.svg") no-repeat center;
}

.icon-postpaid-sufficient-clock {
  background: url("../img/newDesign/icon/icon-postpaid-sufficient-clock.svg") no-repeat center;
}
.debugUrl .icon-postpaid-sufficient-clock {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-postpaid-sufficient-clock.svg") no-repeat center;
}

.icon-postpaid-limit-clock {
  background: url("../img/newDesign/icon/icon-postpaid-limit-clock.svg") no-repeat center;
}
.debugUrl .icon-postpaid-limit-clock {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-postpaid-limit-clock.svg") no-repeat center;
}

.icon-download-new-ui {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-download");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-download-new-ui {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-download");
}

.icon-postpaid-plus-white {
  background: url("../img/newDesign/icon/icon-postpaid-plus-white.svg") no-repeat center;
}
.debugUrl .icon-postpaid-plus-white {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-postpaid-plus-white.svg") no-repeat center;
}

.icon-slick-arrow-left {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-slick-arrow-left");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-slick-arrow-left {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-slick-arrow-left");
}

.icon-slick-arrow-right {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-slick-arrow-right");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-slick-arrow-right {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-slick-arrow-right");
}

.icon-user-group {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#user-group");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-user-group {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#user-group");
}

.icon-cross-user-group {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#cross-user-group");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-cross-user-group {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#cross-user-group");
}

.icon-send-email {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-send-email");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-send-email {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-send-email");
}

.icon-edits {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-pen-edit");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-edits {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-pen-edit");
}

.icon-menu-extractsTurns {
  top: 0.5rem !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-extractsTurns ");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-menu-extractsTurns {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-extractsTurns ");
}

.icon-info-new {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-info-new");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-info-new {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-info-new");
}

.icon-export {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-export");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-export {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-export");
}

.sidebar {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: start;
  width: 100%;
  max-width: 251px;
  min-width: 230px;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 0.75rem;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .sidebar {
    position: fixed;
    justify-content: space-between;
    top: 0;
    right: 0;
    max-height: fit-content;
    height: calc(100% - env(safe-area-inset-bottom));
    max-height: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    transform: translateX(150%);
    z-index: 13;
    border-radius: 0;
    opacity: 0;
  }
  .sidebar:has(.activeMenuTab) {
    height: calc(100% - env(safe-area-inset-bottom));
  }
  .sidebar .sidebar-wrapper-menu {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 100vh;
    background-color: #fff;
    scrollbar-width: thin;
    scrollbar-color: rgba(168, 173, 180, 0.5);
  }
  .sidebar .sidebar-wrapper-menu::-webkit-scrollbar-track {
    background: rgba(168, 173, 180, 0.5);
    border-radius: 10px;
  }
  .sidebar .sidebar-wrapper-menu::-webkit-scrollbar-thumb {
    background: rgba(168, 173, 180, 0.5);
    border-radius: 10px;
  }
  .sidebar .sidebar-wrapper-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(168, 173, 180, 0.5);
  }
}
.sidebar nav {
  width: 100%;
}
.sidebar nav ul {
  list-style-type: none;
  padding: 0;
}

.sidebar-backdrop {
  display: none;
}
@media (max-width: 992px) {
  .sidebar-backdrop {
    display: block;
    position: fixed;
    height: 100%;
    z-index: 11;
    top: 0;
    width: 0;
    right: 0;
    transition: width 0.2s ease-out;
    background: rgba(50, 56, 60, 0.6);
    backdrop-filter: blur(1px);
    transform: rotate(180deg);
  }
}

@media (max-width: 992px) {
  .sidebar-opened .sidebar {
    transform: translateX(0);
    opacity: 1;
  }
}
.sidebar-opened .sidebar-backdrop {
  width: 100%;
}

.sidebar-close {
  display: none;
  position: absolute;
  left: -3.25rem;
  top: 50%;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.5rem;
  background-color: #EDEFF1;
}
.sidebar-close .btn-mobile-navToggle {
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
}
.sidebar-close .ico-n {
  height: 1.25rem;
  width: 1.25rem;
}
@media (max-width: 992px) {
  .sidebar-close {
    display: flex;
  }
}

.navigation-menu-list .menu-list .menu-item {
  position: relative;
  padding: 0;
  border-radius: 4px;
  transition: background 0.22s ease-out;
  cursor: pointer;
  font-size: 14px;
}
.navigation-menu-list .menu-list .menu-item[data-code=PostpaidStatements][data-hasnotification=False] .notification {
  display: none;
}
.navigation-menu-list .menu-list .menu-item[data-code=PostpaidStatements][data-hasnotification=True] .notification {
  display: flex;
}
.navigation-menu-list .menu-list .menu-item[data-code=PostpaidStatements][data-hasnotification=True]:before {
  content: "";
  position: absolute;
  left: -0.625rem;
  top: 0;
  width: 3px;
  height: 100%;
  background: #E1CFF6;
}
.navigation-menu-list .menu-list .menu-item[data-code=PostpaidStatements][data-hasnotification=True]:after {
  content: "";
  position: absolute;
  left: -7px;
  height: 100%;
  top: 0;
  width: 0.875rem;
  opacity: 1;
  background: linear-gradient(90deg, rgba(105, 13, 211, 0.1) 0%, rgba(105, 13, 211, 0) 100%);
}
.navigation-menu-list .menu-list .menu-item[data-code=PostpaidStatements][data-hasnotification=True]:hover:after {
  opacity: 0;
  transition: opacity 0.22s ease-out;
}
.navigation-menu-list .menu-list .menu-item a {
  display: block;
  padding: 0.8rem 0.5rem 0.7rem 3rem;
  color: #767F8A;
  background-color: transparent;
  text-decoration: none;
  border-radius: 4px;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.navigation-menu-list .menu-list .menu-item a p {
  display: flex;
  align-items: center;
}
.navigation-menu-list .menu-list .menu-item a:hover {
  background-color: #F5EDFF;
  color: #5E1CAB !important;
}
.navigation-menu-list .menu-list .menu-item a:hover .icon-menu-home {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-home-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item a:hover .icon-menu-home {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-home-hover");
}
.navigation-menu-list .menu-list .menu-item a:hover .icon-menu-profile {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#user-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item a:hover .icon-menu-profile {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#user-selected");
}
.navigation-menu-list .menu-list .menu-item a:hover .icon-menu-help {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#help-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item a:hover .icon-menu-help {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#help-selected");
}
.navigation-menu-list .menu-list .menu-item a:hover .icon-menu-postpaidStatements {
  background: url("../img/menu/icon-menu-postpaidStatements-hover.svg") no-repeat;
}
.debugUrl .navigation-menu-list .menu-list .menu-item a:hover .icon-menu-postpaidStatements {
  background: url("/Content/themes/novapay/img/menu/icon-menu-postpaidStatements-hover.svg") no-repeat;
}
.navigation-menu-list .menu-list .menu-item a:hover .icon-menu-extractsTurns {
  background-color: #690DD3 !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-extractsTurns");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item a:hover .icon-menu-extractsTurns {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-extractsTurns");
}
.navigation-menu-list .menu-list .menu-item.activeExtraMenuTab a {
  background-color: #F5EDFF;
  color: #5E1CAB !important;
}
.navigation-menu-list .menu-list .menu-item.activeExtraMenuTab a .icon-menu-home {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-home");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item.activeExtraMenuTab a .icon-menu-home {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-home");
}
.navigation-menu-list .menu-list .menu-item.activeExtraMenuTab a .icon-menu-profile {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#user-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item.activeExtraMenuTab a .icon-menu-profile {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#user-selected");
}
.navigation-menu-list .menu-list .menu-item.activeExtraMenuTab a .icon-menu-help {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#help-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item.activeExtraMenuTab a .icon-menu-help {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#help-selected");
}
.navigation-menu-list .menu-list .menu-item.activeExtraMenuTab a .icon-menu-extractsTurns {
  background-color: #690DD3 !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-extractsTurns");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item.activeExtraMenuTab a .icon-menu-extractsTurns {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-extractsTurns");
}
.navigation-menu-list .menu-list .menu-item.activeExtraMenuTab[data-hasnotification=True] .notification {
  display: none;
}
.navigation-menu-list .menu-list .menu-item.activeExtraMenuTab[data-hasnotification=True]:before {
  display: none;
}
.navigation-menu-list .menu-list .menu-item.activeExtraMenuTab[data-hasnotification=True]:after {
  display: none;
}
.navigation-menu-list .menu-list .menu-item .icon {
  position: absolute;
  top: 4px;
  left: 8px;
}
.navigation-menu-list .menu-list .menu-item.activeMenuTab .menu-item__content {
  background-color: #F5EDFF;
  color: #5E1CAB;
  transition: background 0.42s ease-out;
}
.navigation-menu-list .menu-list .menu-item.activeMenuTab .menu-item__content:before {
  transform: rotate(0deg);
  background: url("../img/newDesign/icon/icon-small-up-hover.svg") no-repeat center;
}
@media (max-width: 992px) {
  .navigation-menu-list .menu-list .menu-item.activeMenuTab .menu-item__content:before {
    transform: rotate(90deg);
  }
}
.debugUrl .navigation-menu-list .menu-list .menu-item.activeMenuTab .menu-item__content:before {
  transform: rotate(0deg);
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-small-up-hover.svg") no-repeat center;
}
@media (max-width: 992px) {
  .debugUrl .navigation-menu-list .menu-list .menu-item.activeMenuTab .menu-item__content:before {
    transform: rotate(90deg);
  }
}
.navigation-menu-list .menu-list .menu-item.activeMenuTab:hover {
  color: #5E1CAB;
}
.navigation-menu-list .menu-list .menu-item.activeMenuTab a {
  background-color: #F5EDFF;
  color: #690DD3;
}
.navigation-menu-list .menu-list .menu-item.activeMenuTab a:hover {
  background: none;
  color: #767F8A;
}
.navigation-menu-list .menu-list .menu-item.activeMenuTab .sub-menu a {
  background-color: #fff;
  color: #767F8A;
}
.navigation-menu-list .menu-list .menu-item.activeMenuTab .sub-menu a:hover {
  background-color: #fff;
  color: #767F8A;
}
.navigation-menu-list .menu-list .menu-item__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0.8rem 0.5rem 0.7rem 3rem;
  background: #fff;
  color: #767F8A;
  border-radius: 4px;
}
.navigation-menu-list .menu-list .menu-item__content:hover {
  background-color: #F5EDFF;
  color: #5E1CAB;
  transition: background 0.42s ease-out;
}
.navigation-menu-list .menu-list .menu-item__content:hover:before {
  background: url("../img/newDesign/icon/icon-small-up-hover.svg") no-repeat center;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-small-up-hover.svg") no-repeat center;
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-accounts {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-wallet-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-accounts {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-wallet-hover");
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-payments {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-payments-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-payments {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-payments-hover");
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-visa {
  background: url("../img/menu/icon-menu-visa-hover.svg") no-repeat;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-visa {
  background: url("/Content/themes/novapay/img/menu/icon-menu-visa-hover.svg") no-repeat;
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-cards {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-cards-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-cards {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-cards-hover");
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-deposits {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-case-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-deposits {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-case-hover");
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-credits {
  background-position: -2px -402px;
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-contracts {
  background-position: -59px -594px;
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-currencyForms {
  background-position: -1px -331px;
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-salaryCardProject {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-salaryCardProject-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-salaryCardProject {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-salaryCardProject-hover");
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-mail {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-mail-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-mail {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-mail-hover");
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-reports {
  display: inline-block;
  width: 33px;
  height: 33px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#chart-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-reports {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#chart-selected");
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-references {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-bookmark-2-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-references {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-bookmark-2-hover");
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-extracts {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-extracts-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-extracts {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-extracts-hover");
}
.navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-system {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#bank-selected");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:hover .icon-menu-system {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#bank-selected");
}
.navigation-menu-list .menu-list .menu-item__content:before {
  content: "";
  position: absolute;
  right: 5px;
  top: 7px;
  height: 1.5rem;
  width: 1.5rem;
  opacity: 1;
  transform: rotate(90deg);
  transition: transform 0.22s ease-out;
  background: url("../img/newDesign/icon/icon-small-up.svg") no-repeat center;
}
.debugUrl .navigation-menu-list .menu-list .menu-item__content:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-small-up.svg") no-repeat center;
}
.navigation-menu-list .menu-list .menu-item .notification {
  position: absolute;
  top: 50%;
  left: -1.1rem;
  justify-content: center;
  align-items: center;
  height: 1.125rem;
  width: 1.125rem;
  padding-right: 2px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #690DD3;
}
.navigation-menu-list .menu-list .menu-item .notification .notification-count {
  display: block;
  width: 100%;
  font-size: 11px;
  color: #fff;
  text-align: center;
}

.sub-menu {
  display: none;
  padding: 0;
}
.sub-menu .submenu-list .backArrow {
  display: none !important;
}
.sub-menu .submenu-list .menu-item {
  padding: 0;
}
.sub-menu .submenu-list .menu-item a {
  padding: 0.8rem 0 0.7rem 3rem !important;
  margin: 0;
  background: none;
}
.sub-menu .submenu-list .menu-item:hover {
  background-color: #fff;
}
.sub-menu .submenu-list .menu-item:hover a {
  background: none !important;
}
.sub-menu .submenu-list .menu-item.activeExtraMenuTab {
  background-color: transparent;
}
.sub-menu .submenu-list .menu-item.activeExtraMenuTab a {
  background-image: none;
  color: #690DD3 !important;
}
.sub-menu .submenu-list .menu-item.activeExtraMenuTab a:before {
  background: none;
}
.sub-menu .submenu-list .menu-item.activeExtraMenuTab a:hover:before {
  background: none;
}
@media (max-width: 992px) {
  .sub-menu {
    display: none !important;
  }
}

.sidebar-helper {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 1.5rem;
  margin-top: 1.25rem;
}
.sidebar-helper__item {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0.74rem 0.5rem 0.5rem 2.8rem;
  flex: 1 1 100%;
  border-radius: 4px;
  color: #767F8A;
}
.sidebar-helper__item .ico-n {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
@media (max-width: 992px) {
  .sidebar-helper__item .ico-n {
    left: 7px;
  }
}
.sidebar-helper__item:hover {
  background: #F5EDFF;
  color: #5E1CAB;
}
.sidebar-helper__item:hover a {
  color: #5E1CAB !important;
  text-decoration: none;
  border: none;
}
.sidebar-helper__language {
  padding: 1rem 0 0 4px;
}
.sidebar-helper__language:hover {
  background: transparent;
}
.sidebar-helper .language-list__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.sidebar-helper .language-list__wrapper .language-item {
  padding: 4px 10px;
  width: 110px;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  background: #f4f6f7;
  font-size: 14px;
  font-weight: 500;
  color: #767F8A;
}
.sidebar-helper .language-list__wrapper .language-item.action-language {
  border-color: #C39EED;
  background: #F5EDFF;
  color: #690DD3;
}
.sidebar-helper .language-list__wrapper .language-item[data-value-action=UA] {
  order: 1;
  margin-right: 0.5rem;
}
.sidebar-helper .language-list__wrapper .language-item[data-value-action=EN] {
  order: 2;
}

.sidebar-nav__contacts {
  display: none;
}
.sidebar-nav__contacts .btn-username {
  position: relative;
  padding: 0.86rem 0.5rem 0.77rem 2.875rem;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  color: #32383c;
  cursor: pointer;
}
.sidebar-nav__contacts .btn-username:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #EDEFF1;
}
.sidebar-nav__contacts .btn-username .icon-person {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  border-radius: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.sidebar-nav__contacts .btn-username .icon-small-up {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
}
.sidebar-nav__contacts .btn-username span {
  max-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  font-size: 14px;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
  font-weight: 500;
}
.debugUrl .sidebar-nav__contacts .btn-username span {
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
@media (max-width: 992px) {
  .sidebar-nav__contacts {
    display: flex;
  }
}
.sidebar-nav__dropdown {
  position: fixed;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  top: 0;
  height: 100%;
  background-color: #fff;
  border-radius: 0;
  z-index: 10;
  width: 0;
  right: 0;
  opacity: 1;
  transition: transform 0.2s ease-out, width 0.2s ease-out, opacity 0.2s ease-out;
  transform: translateX(100%);
}
.sidebar-nav__dropdown .dropdown-item {
  padding: 0.85rem 0.5rem 0.65rem 2.875rem;
}
.sidebar-nav__dropdown .btn-back {
  position: relative;
  padding: 0.9rem 0.5rem 0.9rem 2.5rem;
  border-radius: 0.25rem;
  color: #32383c;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  text-align: left;
}
.sidebar-nav__dropdown .btn-back:hover {
  color: #000000;
}
.sidebar-nav__dropdown .btn-back .ico-n {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.sidebar-nav__dropdown .btn-back:before {
  content: "";
  position: absolute;
  left: -0.5rem;
  bottom: -0.5rem;
  height: 1px;
  width: 108%;
  background: #DBDFE4;
}
.sidebar-nav__dropdown .ico-n {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.sidebar-nav__dropdown .sub-menu_show .submenu-list {
  padding: 0.5rem 0 0 0;
}
.sidebar-nav__dropdown .sub-menu_show .submenu-item {
  display: none;
}
.sidebar-nav__dropdown .sub-menu_show .menu-item {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1rem 1rem 0.9rem 1rem;
  border-radius: 0.25rem;
  font-size: 14px;
  color: #767F8A;
}
.sidebar-nav__dropdown .sub-menu_show .menu-item.activeExtraMenuTab {
  color: #690DD3 !important;
}
.sidebar-nav__dropdown .sub-menu_show .menu-item:hover {
  background: #f4f6f7;
  color: #000000;
}
.sidebar-nav__dropdown .sub-menu_show .menu-item:hover a {
  color: #000000 !important;
  text-decoration: none;
  border: none;
}
@media (max-width: 992px) {
  .sidebar-nav__dropdown .sub-menu_show .menu-item {
    padding: 0;
  }
  .sidebar-nav__dropdown .sub-menu_show .menu-item a {
    width: 100%;
    display: block;
    padding: 1rem 1rem 0.9rem 1rem;
  }
}
.sidebar-nav__dropdown.open {
  transform: translateX(0);
  width: 100%;
  right: 0;
  max-height: 100%;
  opacity: 1;
}
@media (max-width: 992px) {
  .sidebar-nav__dropdown.open {
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom));
  }
}
.sidebar-nav__dropdown.open.profile .sidebar-nav__submenu-control {
  display: block;
}
@media (max-width: 992px) {
  .sidebar-nav__dropdown-profile .sidebar-nav__item-back.dropdown-item {
    padding: 0;
    border-radius: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
.sidebar-nav__submenu-control {
  display: none;
}
.sidebar-nav__submenu-control .submenu-item__exit,
.sidebar-nav__submenu-control .submenu-item__old-version {
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
}
.sidebar-nav__submenu-control .submenu-item__exit .btn-back__old,
.sidebar-nav__submenu-control .submenu-item__exit a,
.sidebar-nav__submenu-control .submenu-item__old-version .btn-back__old,
.sidebar-nav__submenu-control .submenu-item__old-version a {
  font-size: 14px;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
  font-weight: 500;
  text-align: left;
}
.sidebar-nav__submenu-control .submenu-item__old-version {
  margin-bottom: 1rem;
  background-color: #F5EDFF;
  border-color: #690DD3;
}
.sidebar-nav__submenu-control .submenu-item__old-version .btn-back__old {
  padding: 0;
  color: #5E1CAB;
}
.sidebar-nav__submenu-control .submenu-item__old-version:hover {
  background-color: #d9baff;
}
.sidebar-nav__submenu-control .submenu-item__exit {
  border-color: #DE4420;
  background-color: #FFEEE2;
}
.sidebar-nav__submenu-control .submenu-item__exit a {
  display: flex;
  align-items: center;
  color: #DE4420 !important;
}
.sidebar-nav__submenu-control .submenu-item__exit:hover {
  background-color: #ffd0af;
}
.sidebar-nav__submenu-control .submenu-item__exit:hover a {
  color: #DE4420 !important;
}

.sidebar-selector {
  position: relative;
  display: none;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 4.375rem;
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  font-size: 14px;
  font-weight: 500;
  color: #767F8A;
  background-color: #fff;
  line-height: 1.35;
}
.sidebar-selector *, .sidebar-selector :after, .sidebar-selector :before {
  box-sizing: border-box;
}
.sidebar-selector__search-block {
  position: relative;
}
.sidebar-selector__search-block .ico-n {
  position: absolute;
  left: 5px;
  top: 6px;
}
.sidebar-selector__search-input {
  display: block;
  width: 100%;
  border-radius: 0.5px 0.5px 0 0;
  border-color: transparent;
  padding: 0.5rem 0.75rem 0.5rem 2rem;
  background: #FFF;
  color: #767F8A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
}
.sidebar-selector__search-input:focus {
  border-color: #9b51e0;
  box-shadow: 0 0 4px rgba(155, 81, 224, 0.2);
}
.sidebar-selector.open .sidebar-selector__search-input {
  display: block;
  width: 100%;
  border-color: transparent;
}
.sidebar-selector.open .multi-select__show {
  border-color: #E1CFF6;
}
.sidebar-selector.open .multi-select__show .icon-arrow:before {
  transform: rotate(0deg);
}
.sidebar-selector.open .sidebar-selector__wrapper {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0.625rem) scaleY(1);
}
.sidebar-selector.open .sidebar-selector__list {
  display: block;
}
.sidebar-selector .multi-select__show {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
  padding: 0.75rem 2.625rem 0.75rem 0.75rem;
  margin-bottom: 0;
  border-radius: 0.75rem;
  border: 1px solid #DBDFE4;
  cursor: pointer;
}
.sidebar-selector .multi-select__show .icon-arrow {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  opacity: 1;
  transform: translateY(-50%);
}
.sidebar-selector .multi-select__show .icon-arrow:before {
  content: "";
  position: relative;
  display: block;
  height: 1rem;
  width: 1rem;
  transform: rotate(180deg);
  transition: transform 0.32s ease-out;
  background: url("../img/newDesign/icon/icon-small-up.svg") no-repeat center;
}
.debugUrl .sidebar-selector .multi-select__show .icon-arrow:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-small-up.svg") no-repeat center;
}
.sidebar-selector .multi-select__count {
  display: block;
  width: 100%;
  margin-bottom: 4px;
  color: #000000;
}
.sidebar-selector .multi-select__active-item {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 12px;
}
.sidebar-selector__wrapper {
  position: absolute;
  top: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: max-height 0.32s ease-out, opacity 0.22s ease-out, transform 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transform: translateY(-0.5rem) scaleY(0);
  transform-origin: top;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 -9px 0 0 #fff;
  background-color: #fff;
  border-radius: 0.75rem;
  border: 1px solid #E1CFF6;
  overflow: hidden;
  z-index: 2;
}
.sidebar-selector__list-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 0;
  border-radius: 0 0 0.75rem 0.75rem;
  border-top: 1px solid #DBDFE4;
}
.sidebar-selector__list {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
}
.sidebar-selector__list-item {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  border-bottom: 1px solid #DBDFE4;
  cursor: pointer;
}
.sidebar-selector__list-item .icon-checkbox {
  position: absolute;
  top: 50%;
  left: 0;
  float: none;
  font-size: 0;
  height: 1.125rem;
  width: 1.125rem;
  transform: translateY(-50%);
}
.sidebar-selector__list-item .icon-checkbox::after, .sidebar-selector__list-item .icon-checkbox::before {
  content: "";
  position: absolute;
  height: 1.125rem;
  width: 1.125rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar-selector__list-item .icon-checkbox::before {
  border-radius: 4px;
  border: 1px solid #DBDFE4;
  background: #fff;
  transition: background 0.42s ease, border-color 0.3s ease;
}
.sidebar-selector__list-item .icon-checkbox::after {
  background: url("../img/newDesign/icon/ico-checkbox.svg") no-repeat center center;
  opacity: 0;
  transition: opacity 0.42s ease;
}
.debugUrl .sidebar-selector__list-item .icon-checkbox::after {
  background: url("/Content/themes/novapay/img/newDesign/icon/ico-checkbox.svg") no-repeat;
}
.sidebar-selector__list-item input[type=checkbox] {
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.sidebar-selector__list-item input[type=checkbox]:checked + .icon-checkbox::after {
  opacity: 1;
}
.sidebar-selector__list-item:last-child {
  border-bottom: none;
}
.sidebar-selector .select-all-label {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.sidebar-selector__list-label,
.sidebar-selector .select-all-label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 1.75rem;
  width: 100%;
  cursor: pointer;
}
.sidebar-selector .form-check-content {
  display: flex;
  flex-wrap: wrap;
}
.sidebar-selector .form-check-name {
  position: relative;
  display: block;
  width: 100%;
  color: #000000;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
}
.sidebar-selector .form-check-index {
  font-size: 12px;
}
.sidebar-selector__footer {
  padding: 0.75rem;
  background-color: #690DD3;
  color: #fff;
  font-size: 14px;
  border-radius: 0 0 0.75rem 0.75rem;
}
.sidebar-selector__footer .selection-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar-selector__footer .selection-info .selection-label {
  margin-right: 10px;
}
.sidebar-selector__footer .selection-info .selection-value {
  white-space: nowrap;
}
.sidebar-selector .empty-filter {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  color: #000000;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
}

.sidebar .sidebar-selector {
  display: flex;
}

.newDesign .container,
body[data-design=new] .container,
body[data-design=new] .main-container .container {
  width: 100%;
  height: 100%;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1623px;
}
@media (min-width: 1700px) {
  .newDesign .container,
body[data-design=new] .container,
body[data-design=new] .main-container .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1700px) {
  .newDesign .container,
body[data-design=new] .container,
body[data-design=new] .main-container .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 479px) {
  .newDesign .container,
body[data-design=new] .container,
body[data-design=new] .main-container .container {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.newDesign .help-page__wraper,
body[data-design=new] .help-page__wraper,
body[data-design=new] .main-container .help-page__wraper {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  overflow-y: scroll;
  height: 100%;
}
@media (max-width: md) {
  .newDesign .help-page__wraper .itemDetails .videos > div,
body[data-design=new] .help-page__wraper .itemDetails .videos > div,
body[data-design=new] .main-container .help-page__wraper .itemDetails .videos > div {
    flex-direction: column;
  }
}
.newDesign .row,
body[data-design=new] .row,
body[data-design=new] .main-container .row {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.newDesign .col, .newDesign .col-1, .newDesign .col-2, .newDesign .col-3,
.newDesign .col-4, .newDesign .col-5, .newDesign .col-6, .newDesign .col-7,
.newDesign .col-8, .newDesign .col-9, .newDesign .col-10, .newDesign .col-11,
.newDesign .col-12,
body[data-design=new] .col,
body[data-design=new] .col-1,
body[data-design=new] .col-2,
body[data-design=new] .col-3,
body[data-design=new] .col-4,
body[data-design=new] .col-5,
body[data-design=new] .col-6,
body[data-design=new] .col-7,
body[data-design=new] .col-8,
body[data-design=new] .col-9,
body[data-design=new] .col-10,
body[data-design=new] .col-11,
body[data-design=new] .col-12,
body[data-design=new] .main-container .col,
body[data-design=new] .main-container .col-1,
body[data-design=new] .main-container .col-2,
body[data-design=new] .main-container .col-3,
body[data-design=new] .main-container .col-4,
body[data-design=new] .main-container .col-5,
body[data-design=new] .main-container .col-6,
body[data-design=new] .main-container .col-7,
body[data-design=new] .main-container .col-8,
body[data-design=new] .main-container .col-9,
body[data-design=new] .main-container .col-10,
body[data-design=new] .main-container .col-11,
body[data-design=new] .main-container .col-12 {
  position: relative;
  width: 100%;
}
.newDesign .col-1,
body[data-design=new] .col-1,
body[data-design=new] .main-container .col-1 {
  flex: 0 0 8.3%;
  max-width: 8.3%;
}
.newDesign .col-2,
body[data-design=new] .col-2,
body[data-design=new] .main-container .col-2 {
  flex: 0 0 16.6%;
  max-width: 16.6%;
}
.newDesign .col-3,
body[data-design=new] .col-3,
body[data-design=new] .main-container .col-3 {
  flex: 0 0 253%;
  max-width: 25%;
}
.newDesign .col-4,
body[data-design=new] .col-4,
body[data-design=new] .main-container .col-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.newDesign .col-5,
body[data-design=new] .col-5,
body[data-design=new] .main-container .col-5 {
  flex: 0 0 41.6%;
  max-width: 41.6%;
}
.newDesign .col-6,
body[data-design=new] .col-6,
body[data-design=new] .main-container .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.newDesign .col-7,
body[data-design=new] .col-7,
body[data-design=new] .main-container .col-7 {
  flex: 0 0 58.3%;
  max-width: 58.3%;
}
.newDesign .col-8,
body[data-design=new] .col-8,
body[data-design=new] .main-container .col-8 {
  flex: 0 0 66.6%;
  max-width: 66.6%;
}
.newDesign .col-9,
body[data-design=new] .col-9,
body[data-design=new] .main-container .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.newDesign .col-10,
body[data-design=new] .col-10,
body[data-design=new] .main-container .col-10 {
  flex: 0 0 83.3%;
  max-width: 83.3%;
}
.newDesign .col-11,
body[data-design=new] .col-11,
body[data-design=new] .main-container .col-11 {
  flex: 0 0 91.6%;
  max-width: 91.6%;
}
.newDesign .col-12,
body[data-design=new] .col-12,
body[data-design=new] .main-container .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .newDesign .col-lg-12,
body[data-design=new] .col-lg-12,
body[data-design=new] .main-container .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .newDesign .col-md-12,
body[data-design=new] .col-md-12,
body[data-design=new] .main-container .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.newDesign .container,
body[data-design=new] .newDesign-footer .container,
body[data-design=new] .newDesign-header .container,
body[data-design=new] .container-page .container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 1700px) {
  .newDesign .container,
body[data-design=new] .newDesign-footer .container,
body[data-design=new] .newDesign-header .container,
body[data-design=new] .container-page .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1700px) {
  .newDesign .container,
body[data-design=new] .newDesign-footer .container,
body[data-design=new] .newDesign-header .container,
body[data-design=new] .container-page .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 479px) {
  .newDesign .container,
body[data-design=new] .newDesign-footer .container,
body[data-design=new] .newDesign-header .container,
body[data-design=new] .container-page .container {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.main-content .popup-calendar-new {
  visibility: hidden;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  opacity: 0;
  z-index: 1074;
}
.main-content .popup-calendar-new.is-open {
  visibility: visible;
  opacity: 1;
  height: 100%;
  transition: opacity 0.32s ease-out;
  overflow-x: hidden;
  overflow-y: auto;
}
.main-content .popup-calendar-new__bg {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0;
  background: rgba(32, 36, 39, 0.5);
  opacity: 0;
  transition: opacity 0.22s ease-out;
  z-index: 1073 !important;
}
.main-content .popup-calendar-new__bg.show {
  height: 100vh;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.42s ease-out;
}
.main-content .popup-calendar-new .popup-calendar {
  max-width: 785px;
  width: 100%;
}
.main-content .popup-calendar-new .popup-calendar__container {
  display: flex;
}
.main-content .popup-calendar-new .popup-calendar__header {
  position: relative;
}
.main-content .popup-calendar-new .popup-calendar__header::after {
  position: absolute;
  content: "";
  right: -16px;
  background: #DBDFE4;
  width: 100%;
  height: 1px;
  padding: 0px 16px;
}
.main-content .popup-calendar-new .popup-calendar__close {
  display: none;
  border: none;
  position: absolute;
  top: -13px;
  right: -16px;
  background: none;
}
.main-content .popup-calendar-new .popup-calendar__title {
  margin-bottom: 16px;
  color: #32383c;
  font-family: "Fixel Display";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.main-content .popup-calendar-new .popup-calendar__left {
  padding: 16px 16px;
  max-width: 520px;
  width: 100%;
  background: #FFF;
  border-radius: 8px 0 0 8px;
}
.main-content .popup-calendar-new .popup-calendar__inputs-container {
  margin-top: 32px;
  gap: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-content .popup-calendar-new .popup-calendar__icon {
  position: absolute;
  top: 8px;
  left: 12px;
}
.main-content .popup-calendar-new .popup-calendar__input-wrap {
  position: relative;
  width: 50%;
}
.main-content .popup-calendar-new .popup-calendar__input-data {
  padding: 8px 40px !important;
  width: 100%;
}
.main-content .popup-calendar-new .popup-calendar__input-line {
  border-top: 1px solid #DBDFE4;
  width: 8px;
  display: flex;
  align-items: center;
}
.main-content .popup-calendar-new .popup-calendar__wrap {
  margin-top: 16px;
  display: flex;
  gap: 40px;
}
.main-content .popup-calendar-new .popup-calendar__calendar-box {
  width: 50%;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-inline {
  height: 260px;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-header {
  position: relative;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-prev span {
  top: 7px;
  left: 4px;
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-prev::after {
  position: absolute;
  top: 50%;
  left: 7%;
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-top: 2px solid #32383c;
  border-left: 2px solid #32383c;
  transform: translate(-50%, -50%) rotate(-45deg);
  transform-origin: center;
  cursor: pointer;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-next span {
  top: 7px;
  right: 7px;
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4%;
  width: 0.4rem;
  height: 0.4rem;
  border-top: 2px solid #32383c;
  border-left: 2px solid #32383c;
  transform: translate(-50%, -50%) rotate(135deg);
  transform-origin: center;
  cursor: pointer;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-calendar {
  width: 100%;
  align-items: center;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-calendar td {
  padding: 7px 7px;
  width: 32px;
  font-size: 14px !important;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-calendar thead th {
  padding: 9px 8px 7px 8px;
  color: #767f8a;
  text-align: center;
  font-family: "Fixel Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.main-content .popup-calendar-new .popup-calendar .ui-datepicker-title {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #32383c;
  font-family: "Fixel Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.main-content .popup-calendar-new .popup-calendar .ui-state-default {
  text-decoration: none;
  color: #32383c;
}
.main-content .popup-calendar-new .popup-calendar__right {
  position: relative;
  padding: 24px 16px;
  max-width: 265px;
  width: 100%;
  border-left: 1px solid #DBDFE4;
  background: #f4f6f7;
  border-radius: 0px 8px 8px 0px;
}
.main-content .popup-calendar-new .popup-calendar__actions {
  display: flex;
  gap: 8px;
}
.main-content .popup-calendar-new .popup-calendar__actions-wrap {
  display: flex;
  gap: 8px;
  width: 100%;
}
.main-content .popup-calendar-new .popup-calendar__actions-top {
  flex-wrap: wrap;
}
.main-content .popup-calendar-new .popup-calendar__actions-bottom {
  position: absolute;
  bottom: 24px;
  right: 16px;
}
.main-content .popup-calendar-new .popup-calendar__actions .active {
  background: #32383c;
  color: #FFF;
}
.main-content .popup-calendar-new .popup-calendar__save {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  border: none;
  background-color: #690DD3;
  color: #FFF;
  transition: background-color 0.22s ease-out;
  box-shadow: none;
  color: #FFF;
  font-family: "Fixel Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  border-radius: 8px;
}
.main-content .popup-calendar-new .popup-calendar__save:hover {
  background-color: #5E1CAB;
  transition: background-color 0.42s ease-out;
  color: #FFF !important;
}
.main-content .popup-calendar-new .popup-calendar__save:active {
  background-color: #5E1CAB;
  transition: background-color 0.42s ease-out;
  color: #FFF !important;
}
.main-content .popup-calendar-new .popup-calendar__save__disabled, .main-content .popup-calendar-new .popup-calendar__save:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.main-content .popup-calendar-new .popup-calendar__cansel {
  cursor: pointer;
  width: 98px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  border: none;
  color: #690DD3;
  border-radius: 8px;
  font-family: "Fixel Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  background: none;
}
.main-content .popup-calendar-new .popup-calendar__cansel:hover {
  background-color: #f5edff;
  transition: background-color 0.42s ease-out;
  border-color: #8222f1;
  border: 1px solid;
}
.main-content .popup-calendar-new .popup-calendar__cansel:active {
  background-color: #f5edff;
  transition: background-color 0.42s ease-out;
  border-color: #8222f1;
  border: 1px solid;
}
.main-content .popup-calendar-new .popup-calendar__btn-period {
  cursor: pointer;
  border-radius: 24px;
  border: 1px solid #DBDFE4;
  background: #f4f6f7;
  display: flex;
  padding: 7px 10px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  color: #32383c;
  font-family: "Fixel Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.main-content .popup-calendar-new .popup-calendar__btn-period:hover {
  background: #32383c;
  color: #FFF;
}
.main-content .popup-calendar-new .popup-calendar__btn-period:active {
  background: #32383c;
  color: #FFF;
}
.main-content .popup-calendar-new .popup-calendar__message {
  margin-top: 80px;
  position: relative;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #DBDFE4;
  width: calc(100% - 3px);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-left: 3px;
}
.main-content .popup-calendar-new .popup-calendar__message::before {
  position: absolute;
  content: "";
  border-radius: 4px 0px 0px 4px;
  background: #DBDFE4;
  width: 6px;
  height: 100%;
  top: 0;
  left: -3px;
}
.main-content .popup-calendar-new .popup-calendar__message-icon {
  width: 23px;
  height: 23px;
  margin-top: -2px;
}
.main-content .popup-calendar-new .popup-calendar__message-content {
  color: #32383c;
  font-family: "Fixel Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.main-content .popup-calendar-new .popup-calendarWitoutpanel {
  max-width: 520px;
}
.main-content .popup-calendar-new .popup-calendarWitoutpanel .actions-block-without-panelBtn {
  border-top: 1px solid #DBDFE4;
  position: relative;
  height: 50px;
  display: flex;
  align-items: end;
  justify-content: end;
}
.main-content .popup-calendar-new .popup-calendarWitoutpanel .popup-calendar__actions {
  position: initial;
}
.main-content .popup-calendar-new .popup-calendarWitoutpanel .popup-calendar__right {
  width: 0;
  padding: 0;
  display: none;
}
.main-content .popup-calendar-new .popup-calendarWitoutpanel .popup-calendar__left {
  border-radius: 8px;
}
.main-content .popup-calendar-new .selected-range {
  background: #E1CFF6 !important;
  color: #FFF !important;
  border-radius: 0;
}
.main-content .popup-calendar-new .selected-range.range-start {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.main-content .popup-calendar-new .selected-range.range-end {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.main-content .popup-calendar-new .disabled-calendar {
  opacity: 0.5;
  pointer-events: none;
}
.main-content .popup-calendar-new .ui-datepicker-calendar .ui-state-disabled {
  color: grey !important;
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 767px) {
  .main-content .popup-calendar-new .popup-calendar__container {
    flex-direction: column;
  }
  .main-content .popup-calendar-new .popup-calendar__close {
    display: block;
  }
  .main-content .popup-calendar-new .popup-calendar__left, .main-content .popup-calendar-new .popup-calendar__right {
    border-radius: 0;
    max-width: inherit;
  }
  .main-content .popup-calendar-new .popup-calendar__actions-wrap {
    width: auto;
  }
  .main-content .popup-calendar-new .popup-calendar__actions-bottom {
    position: static;
    margin-top: 24px;
  }
}
@media (max-width: 550px) {
  .main-content .popup-calendar-new {
    top: 2%;
  }
  .main-content .popup-calendar-new .popup-calendar {
    height: 88%;
    overflow-y: auto;
  }
  .main-content .popup-calendar-new .popup-calendar__wrap {
    flex-direction: column;
    gap: 35px;
    height: 295px;
    overflow-y: scroll;
  }
  .main-content .popup-calendar-new .popup-calendar__calendar-box {
    width: 100%;
  }
  .main-content .popup-calendar-new .popup-calendar__message {
    margin-top: 15px;
  }
  .main-content .popup-calendar-new .popup-calendar__input-data {
    padding: 8px 8px 8px 40px !important;
    width: 100%;
  }
  .main-content .popup-calendar-new .popup-calendarWitoutpanel {
    height: auto;
  }
  .main-content .popup-calendar-new .ui-datepicker-header {
    margin-bottom: 40px;
  }
  .main-content .popup-calendar-new .ui-datepicker-calendar thead {
    position: fixed;
    width: 85%;
    left: 6.8%;
    border-top: 1px solid #ededf0;
    border-bottom: 1px solid #ededf0;
    margin-top: -40px;
    background-color: #FFF;
    z-index: 1;
  }
  .main-content .popup-calendar-new .ui-datepicker-calendar thead tr {
    display: flex;
    justify-content: space-between;
  }
  .main-content .popup-calendar-new #calendar-end .ui-datepicker-header {
    margin-bottom: 0;
  }
  .main-content .popup-calendar-new #calendar-end .ui-datepicker-inline {
    height: 230px;
  }
  .main-content .popup-calendar-new #calendar-end .ui-datepicker-calendar thead {
    display: none;
  }
}

.main-content .modalDataExportGeneration {
  width: 100% !important;
  max-width: 560px !important;
  padding: 0 !important;
}
.main-content .modalDataExportGeneration .modal-content {
  max-width: none !important;
}
@media (max-width: 576px) {
  .main-content .modalDataExportGeneration {
    top: 50% !important;
    transform: translate(0%, -50%) !important;
    border-radius: 12px !important;
    height: fit-content;
    width: calc(100% - 32px) !important;
    left: 16px !important;
    min-width: auto !important;
  }
}
.main-content .modalDataExportGeneration .data-export .icon-info-new {
  background-color: #690DD3 !important;
}
.main-content .modalDataExportGeneration .data-export__header {
  padding: 20px 14px 20px 20px;
  height: 76px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DBDFE4;
}
.main-content .modalDataExportGeneration .data-export__header-title {
  color: #32383c;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.main-content .modalDataExportGeneration .data-export__close {
  padding: 0;
}
.main-content .modalDataExportGeneration .data-export__tooltip {
  min-width: 265px;
}
.main-content .modalDataExportGeneration .data-export__row {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DBDFE4;
}
.main-content .modalDataExportGeneration .data-export__row-subtitle {
  color: #767f8a;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
@media (max-width: 479px) {
  .main-content .modalDataExportGeneration .data-export__row-subtitle {
    margin-bottom: 13px;
  }
}
.main-content .modalDataExportGeneration .data-export__row:nth-child(4), .main-content .modalDataExportGeneration .data-export__row:nth-child(5) {
  height: 68px;
}
@media (max-width: 479px) {
  .main-content .modalDataExportGeneration .data-export__row:nth-child(4), .main-content .modalDataExportGeneration .data-export__row:nth-child(5) {
    height: 96px;
  }
}
.main-content .modalDataExportGeneration .data-export__row-tooltip {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 479px) {
  .main-content .modalDataExportGeneration .data-export__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-content .modalDataExportGeneration .data-export__row .icon-info-new {
    margin-bottom: 12px;
  }
  .main-content .modalDataExportGeneration .data-export__row .tooltip-text {
    left: 60px;
  }
  .main-content .modalDataExportGeneration .data-export__row .tooltip-text:after {
    left: calc(100% - (21% + 139px));
  }
}
.main-content .modalDataExportGeneration .data-export__options {
  display: flex;
  gap: 8px;
  justify-content: end;
  align-items: center;
}
.main-content .modalDataExportGeneration .data-export__options-btn {
  padding: 8px 12px;
  min-width: 87px;
  font-size: 14px;
}
@media (max-width: 479px) {
  .main-content .modalDataExportGeneration .data-export__options-btn {
    font-weight: 500;
  }
}
.main-content .modalDataExportGeneration .data-export__options-btn:hover {
  background-color: #f5edff;
  transition: background-color 0.42s ease-out;
  border: 1px solid #5e1cab;
  color: #5e1cab;
}
.main-content .modalDataExportGeneration .data-export__options-btn:active {
  background-color: #f5edff;
  transition: background-color 0.42s ease-out;
  border: 1px solid #5e1cab;
  color: #5e1cab;
}
.main-content .modalDataExportGeneration .data-export .active {
  background-color: #f5edff;
  transition: background-color 0.42s ease-out;
  border: 1px solid #5e1cab;
  color: #5e1cab;
}
.main-content .modalDataExportGeneration .data-export__actions {
  padding: 16px 20px;
  display: flex;
  justify-content: end;
  gap: 12px;
  align-items: center;
}
@media (max-width: 479px) {
  .main-content .modalDataExportGeneration .data-export__actions-btn {
    width: 50%;
  }
}
.main-content .modalDataExportGeneration .data-export__custom-select {
  width: 148px;
}

.main-content .modalDataExportGeneration {
  width: 100% !important;
  max-width: 560px !important;
  padding: 0 !important;
}
.main-content .modalDataExportGeneration .modal-content {
  max-width: none !important;
}
.main-content .modalDataExportGeneration .pdf-canvas {
  width: 100% !important;
}
@media (max-width: 576px) {
  .main-content .modalDataExportGeneration {
    top: 50% !important;
    transform: translate(0%, -50%) !important;
    border-radius: 12px !important;
    height: fit-content;
    width: calc(100% - 32px) !important;
    left: 16px !important;
    min-width: auto !important;
  }
}
.main-content .modalDataExportGeneration .extract-formation .icon-info-new {
  background-color: #690DD3 !important;
}
.main-content .modalDataExportGeneration .extract-formation__header {
  padding: 20px 14px 20px 20px;
  height: 76px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DBDFE4;
}
.main-content .modalDataExportGeneration .extract-formation__header-title {
  color: #32383c;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.main-content .modalDataExportGeneration .extract-formation__close {
  padding: 0;
}
.main-content .modalDataExportGeneration .extract-formation__row {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DBDFE4;
}
.main-content .modalDataExportGeneration .extract-formation__row-subtitle {
  color: #767f8a;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.main-content .modalDataExportGeneration .extract-formation__row-tooltip {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 479px) {
  .main-content .modalDataExportGeneration .extract-formation__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-content .modalDataExportGeneration .extract-formation__row .tooltip-text {
    left: 60px;
  }
  .main-content .modalDataExportGeneration .extract-formation__row .tooltip-text:after {
    left: calc(100% - (21% + 139px));
  }
}
.main-content .modalDataExportGeneration .extract-formation__tooltip {
  min-width: 265px;
}
.main-content .modalDataExportGeneration .extract-formation__options {
  display: flex;
  gap: 8px;
  justify-content: end;
  align-items: center;
}
@media (max-width: 479px) {
  .main-content .modalDataExportGeneration .extract-formation__options {
    margin-top: 13px;
  }
}
.main-content .modalDataExportGeneration .extract-formation__options-btn {
  padding: 8px 12px;
  min-width: 87px;
  font-size: 14px;
}
@media (max-width: 479px) {
  .main-content .modalDataExportGeneration .extract-formation__options-btn {
    font-weight: 500;
  }
}
.main-content .modalDataExportGeneration .extract-formation__options-btn:hover {
  background-color: #f5edff;
  transition: background-color 0.42s ease-out;
  border: 1px solid #5e1cab;
  color: #5e1cab;
}
.main-content .modalDataExportGeneration .extract-formation__options-btn:active {
  background-color: #f5edff;
  transition: background-color 0.42s ease-out;
  border: 1px solid #5e1cab;
  color: #5e1cab;
}
.main-content .modalDataExportGeneration .extract-formation .active {
  background-color: #f5edff;
  transition: background-color 0.42s ease-out;
  border: 1px solid #5e1cab;
  color: #5e1cab;
}
.main-content .modalDataExportGeneration .extract-formation__actions {
  padding: 16px 20px;
  display: flex;
  justify-content: end;
  gap: 12px;
  align-items: center;
}
@media (max-width: 479px) {
  .main-content .modalDataExportGeneration .extract-formation__actions-btn {
    width: 50%;
  }
}
.main-content .modalDataExportGeneration .extract-formation__custom-select {
  width: 148px;
}

.newDesign .btn,
.main-content .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 16px;
  border-radius: 8px;
  line-height: 1.2;
  text-align: center;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.newDesign .btn__disabled, .newDesign .btn:disabled,
.main-content .btn__disabled,
.main-content .btn:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.newDesign .btn:focus,
.main-content .btn:focus {
  outline: none;
  transition: all 0.42s ease-out;
}
.newDesign .btn:focus-visible,
.main-content .btn:focus-visible {
  outline: none;
  border: none;
}
.newDesign .btn-primary-bg,
.main-content .btn-primary-bg {
  border: none;
  background-color: #690DD3;
  color: #FFF;
  transition: background-color 0.22s ease-out;
  box-shadow: none;
}
.newDesign .btn-primary-bg:hover,
.main-content .btn-primary-bg:hover {
  background-color: #5E1CAB;
  transition: background-color 0.42s ease-out;
  color: #FFF !important;
}
.newDesign .btn-primary-bg:active,
.main-content .btn-primary-bg:active {
  background-color: #5E1CAB;
  transition: background-color 0.42s ease-out;
  color: #FFF !important;
}
.newDesign .btn-secondary,
.main-content .btn-secondary {
  border: 1px solid #690DD3;
  background-color: #fff;
  color: #690DD3;
}
.newDesign .btn-secondary:hover,
.main-content .btn-secondary:hover {
  border-color: #8222f1;
  color: #510aa3;
  background-color: #F5EDFF;
  transition: background-color 0.42s ease-out;
}
.newDesign .btn-secondary:active,
.main-content .btn-secondary:active {
  border-color: #510aa3;
  color: #510aa3;
  transition: background-color 0.42s ease-out;
}
.newDesign .btn-base,
.main-content .btn-base {
  border: 1px solid #DBDFE4;
  background-color: transparent;
  color: #202427;
}
.newDesign .btn-cancel,
.main-content .btn-cancel {
  gap: 8px;
  border: 1px solid var(--System-Red-700, #EB4235);
  background-color: var(--System-Coral-50, #FFEEE2);
  color: var(--System-Red-700, #EB4235);
}
.newDesign .btn-close__modal,
.main-content .btn-close__modal {
  height: 2rem;
  width: 2rem;
  padding: 0.25rem;
  background: #F4F6F7;
}

.newDesign .form-control[type=password],
.main-content .form-control[type=password] {
  max-height: 40px;
  font-size: 24px !important;
}
.newDesign .form-control[type=password]::-ms-reveal, .newDesign .form-control[type=password]::-ms-clear,
.main-content .form-control[type=password]::-ms-reveal,
.main-content .form-control[type=password]::-ms-clear {
  display: none;
}
.newDesign .form-control,
.main-content .form-control {
  max-height: 40px;
}
.newDesign .input-control__auth,
.newDesign .form-control,
.main-content .input-control__auth,
.main-content .form-control {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  background: #FFF;
  color: #32383c;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.newDesign .input-control__auth:focus,
.newDesign .form-control:focus,
.main-content .input-control__auth:focus,
.main-content .form-control:focus {
  outline: none;
}
.newDesign .form-control.is-invalid,
.main-content .form-control.is-invalid {
  border-color: #EB4235;
}
.newDesign .lable-text,
.newDesign .form-label,
.main-content .lable-text,
.main-content .form-label {
  color: #767F8A;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}
.newDesign .base-input,
.main-content .base-input {
  max-height: 40px;
  display: flex;
  padding: 8px 12px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #DBDFE4;
  background: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #32383c;
}
.newDesign .base-input::placeholder,
.main-content .base-input::placeholder {
  color: #767F8A;
}
.newDesign .invalid-feedback,
.main-content .invalid-feedback {
  padding-top: 0.5rem;
  display: none;
  font-size: 12px;
  color: #EB4235;
}
.newDesign .is-invalid-server,
.main-content .is-invalid-server {
  display: block !important;
  color: #f9c4c0;
}
.newDesign .is-invalid ~ .invalid-feedback,
.newDesign .is-invalid ~ .invalid-tooltip,
.newDesign .was-validated :invalid ~ .invalid-feedback,
.newDesign .was-validated :invalid ~ .invalid-tooltip,
.main-content .is-invalid ~ .invalid-feedback,
.main-content .is-invalid ~ .invalid-tooltip,
.main-content .was-validated :invalid ~ .invalid-feedback,
.main-content .was-validated :invalid ~ .invalid-tooltip {
  display: block !important;
  color: #EB4235;
}
.newDesign .custom-select,
.main-content .custom-select {
  max-height: 40px;
  position: relative;
  min-width: 116px;
  font-size: 15px;
  color: #767F8A;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.newDesign .custom-select__trigger,
.main-content .custom-select__trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  height: 2.5rem;
  background: #FFF;
  border: 1px solid #DBDFE4;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.5s, border-color 0.3s;
}
.newDesign .custom-select__trigger input,
.main-content .custom-select__trigger input {
  transition: background 0.5s;
}
.newDesign .custom-select__trigger:hover,
.main-content .custom-select__trigger:hover {
  background: #f4f6f7;
}
.newDesign .custom-select__trigger:hover input,
.main-content .custom-select__trigger:hover input {
  background: #f4f6f7;
}
.newDesign .custom-select__value,
.main-content .custom-select__value {
  width: 100%;
  color: #767F8A;
  flex: 1;
  border-color: transparent;
  text-align: left;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.newDesign .custom-select__value:hover,
.main-content .custom-select__value:hover {
  background: #f4f6f7;
}
.newDesign .custom-select__arrow,
.main-content .custom-select__arrow {
  width: 24px;
  height: 24px;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.newDesign .custom-select.open .custom-select__arrow,
.main-content .custom-select.open .custom-select__arrow {
  transform: rotate(180deg);
}
.newDesign .custom-select.open .custom-select__dropdown,
.main-content .custom-select.open .custom-select__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.newDesign .custom-select__dropdown,
.main-content .custom-select__dropdown {
  position: absolute;
  top: calc(100%);
  left: 0;
  right: 0;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #DBDFE4;
  box-shadow: 0px 24px 44px rgba(98, 98, 100, 0.3);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: opacity 0.3s, transform 0.3s;
}
.newDesign .custom-select__list,
.main-content .custom-select__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.newDesign .custom-select__option,
.main-content .custom-select__option {
  padding: 8px 12px;
  color: #767F8A;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  transition: background 0.3s;
}
.newDesign .custom-select__option:hover,
.main-content .custom-select__option:hover {
  background: #f4f6f7;
}
.newDesign .custom-select__option.selected,
.main-content .custom-select__option.selected {
  background: #f4f6f7 !important;
  color: #767F8A !important;
  border: none !important;
}
.newDesign .custom-select .disabled,
.main-content .custom-select .disabled {
  pointer-events: none;
  opacity: 0.5;
}
.newDesign .form-check-label,
.main-content .form-check-label {
  position: relative;
  display: inline-block;
  z-index: 1;
  cursor: pointer;
}
.newDesign .form-check-label .form-check-input,
.main-content .form-check-label .form-check-input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.newDesign .form-check-label .form-check-input:checked + .checkbox-view::after,
.main-content .form-check-label .form-check-input:checked + .checkbox-view::after {
  opacity: 1;
}
.newDesign .form-check-label .checkbox-view,
.main-content .form-check-label .checkbox-view {
  display: block;
  height: 100%;
  width: 100%;
}
.newDesign .form-check-label .checkbox-view::after, .newDesign .form-check-label .checkbox-view::before,
.main-content .form-check-label .checkbox-view::after,
.main-content .form-check-label .checkbox-view::before {
  content: "";
  position: absolute;
  height: 1.375rem;
  width: 1.375rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.newDesign .form-check-label .checkbox-view::before,
.main-content .form-check-label .checkbox-view::before {
  border-radius: 0.25rem;
  border: 1px solid #DBDFE4;
  background: #fff;
  transition: background 0.42s ease, border-color 0.3s ease;
}
.newDesign .form-check-label .checkbox-view::after,
.main-content .form-check-label .checkbox-view::after {
  background: url("../img/newDesign/icon/ico-checkbox.svg") no-repeat center center;
  opacity: 0;
  transition: opacity 0.42s ease;
}
.debugUrl .newDesign .form-check-label .checkbox-view::after,
.debugUrl .main-content .form-check-label .checkbox-view::after {
  background: url("/Content/themes/novapay/img/newDesign/icon/ico-checkbox.svg") no-repeat center/100%;
}
.newDesign .base-inp-textarea,
.main-content .base-inp-textarea {
  border-radius: 8px;
  border: 1px solid #dbdfe4;
  background: #fff;
  display: flex;
  padding: 8px 12px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #32383C;
}
.newDesign .base-inp-textarea::placeholder,
.main-content .base-inp-textarea::placeholder {
  color: #767F8A;
}
.newDesign .sender-dropdown-container.is-invalid .section-button,
.newDesign .custom-select.is-invalid .custom-select__trigger,
.main-content .sender-dropdown-container.is-invalid .section-button,
.main-content .custom-select.is-invalid .custom-select__trigger {
  border: 1px solid red;
}
.newDesign .is-invalid,
.main-content .is-invalid {
  border-color: #EB4235 !important;
}

.tooltip-wrap {
  position: relative;
}

.tooltip-wrap:hover .tooltip-text {
  display: block;
}

.tooltip-text {
  display: none;
  position: absolute;
  min-width: max-content;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #202427;
  padding: 6px 8px;
  z-index: 1;
  bottom: 35px;
  left: 8px;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  color: #FFF;
  text-align: center;
  font-size: 11px;
  font-style: normal;
}
.tooltip-text:after {
  content: "";
  left: calc(100% - (50% + 14px));
  bottom: -9px;
  position: absolute;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 12px solid #202427;
}

@media (max-width: 479px) {
  .tooltip-text {
    left: -20px;
  }
  .tooltip-text:after {
    left: calc(100% - (21% + 14px));
  }
}
.newDesign .modal,
.postpaid-container .modal,
.main-content .modal {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  opacity: 0;
  z-index: 1072;
}
.newDesign .modal.modal-wrapper-createPayment,
.postpaid-container .modal.modal-wrapper-createPayment,
.main-content .modal.modal-wrapper-createPayment {
  display: flex;
  justify-content: flex-end;
  overflow-y: unset;
  overflow-x: unset;
  right: 0;
  left: auto;
  transform: translateX(200%);
  transition: transform 0.42s ease-out, opacity 0.42s ease-out;
}
.newDesign .modal.modal-wrapper-createPayment.is-open,
.postpaid-container .modal.modal-wrapper-createPayment.is-open,
.main-content .modal.modal-wrapper-createPayment.is-open {
  transform: translateX(0);
}
.newDesign .modal.is-open,
.postpaid-container .modal.is-open,
.main-content .modal.is-open {
  visibility: visible;
  opacity: 1;
  height: 100%;
  transition: opacity 0.42s ease-out;
  overflow-x: hidden;
  overflow-y: auto;
}
.newDesign .modal.is-open .modal-dialog,
.postpaid-container .modal.is-open .modal-dialog,
.main-content .modal.is-open .modal-dialog {
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.42s ease-out;
}
@media (max-width: 576px) {
  .newDesign .modal.is-open .modal-dialog,
.postpaid-container .modal.is-open .modal-dialog,
.main-content .modal.is-open .modal-dialog {
    top: auto;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 12px 12px 0 0;
    transform: translate(0, 0);
  }
}
.newDesign .modal.is-open .modal-dialog.createPayment,
.postpaid-container .modal.is-open .modal-dialog.createPayment,
.main-content .modal.is-open .modal-dialog.createPayment {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 47.688rem;
  min-width: 22rem;
  padding: 0;
  border-radius: 0;
  transform: translate(0);
}
@media (max-width: 768px) {
  .newDesign .modal.is-open .modal-dialog.createPayment,
.postpaid-container .modal.is-open .modal-dialog.createPayment,
.main-content .modal.is-open .modal-dialog.createPayment {
    min-width: 22rem;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .newDesign .modal.is-open .modal-dialog.createPayment,
.postpaid-container .modal.is-open .modal-dialog.createPayment,
.main-content .modal.is-open .modal-dialog.createPayment {
    width: 360px;
  }
}
.newDesign .modal.is-open .modal-dialog.createPayment .modal-content,
.postpaid-container .modal.is-open .modal-dialog.createPayment .modal-content,
.main-content .modal.is-open .modal-dialog.createPayment .modal-content {
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.newDesign .modal.is-open .modal-dialog.createPayment:before,
.postpaid-container .modal.is-open .modal-dialog.createPayment:before,
.main-content .modal.is-open .modal-dialog.createPayment:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url("../img/newDesign/spinner-loading.png") no-repeat center;
  animation: rotate 1s linear infinite;
  transform: translate(-50%, -50%);
}
.debugUrl .newDesign .modal.is-open .modal-dialog.createPayment:before,
.debugUrl .postpaid-container .modal.is-open .modal-dialog.createPayment:before,
.debugUrl .main-content .modal.is-open .modal-dialog.createPayment:before {
  background: url("/Content/themes/novapay/img/newDesign/spinner-loading.png") no-repeat center;
}
.newDesign .modal.is-open .modal-dialog.createPayment:has(.account-payment)::before,
.postpaid-container .modal.is-open .modal-dialog.createPayment:has(.account-payment)::before,
.main-content .modal.is-open .modal-dialog.createPayment:has(.account-payment)::before {
  display: none;
}
.newDesign .modal.is-open .modal-dialog.close-modal-payment-wrap,
.postpaid-container .modal.is-open .modal-dialog.close-modal-payment-wrap,
.main-content .modal.is-open .modal-dialog.close-modal-payment-wrap {
  max-width: 35rem;
  width: 100%;
}
.newDesign .modal.is-open .modal-dialog.close-modal-payment-wrap .modal-content,
.postpaid-container .modal.is-open .modal-dialog.close-modal-payment-wrap .modal-content,
.main-content .modal.is-open .modal-dialog.close-modal-payment-wrap .modal-content {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 768px) {
  .newDesign .modal.is-open .modal-dialog.switcher-version, .newDesign .modal.is-open .modal-dialog.close-modal-payment-wrap, .newDesign .modal.is-open .modal-dialog.modal-extracts, .newDesign .modal.is-open .modal-dialog.extract-loading, .newDesign .modal.is-open .modal-dialog.extract-error-modal, .newDesign .modal.is-open .modal-dialog.extract-confirmation-email,
.postpaid-container .modal.is-open .modal-dialog.switcher-version,
.postpaid-container .modal.is-open .modal-dialog.close-modal-payment-wrap,
.postpaid-container .modal.is-open .modal-dialog.modal-extracts,
.postpaid-container .modal.is-open .modal-dialog.extract-loading,
.postpaid-container .modal.is-open .modal-dialog.extract-error-modal,
.postpaid-container .modal.is-open .modal-dialog.extract-confirmation-email,
.main-content .modal.is-open .modal-dialog.switcher-version,
.main-content .modal.is-open .modal-dialog.close-modal-payment-wrap,
.main-content .modal.is-open .modal-dialog.modal-extracts,
.main-content .modal.is-open .modal-dialog.extract-loading,
.main-content .modal.is-open .modal-dialog.extract-error-modal,
.main-content .modal.is-open .modal-dialog.extract-confirmation-email {
    min-width: 1rem;
    max-width: 22rem;
    width: 100%;
    top: 50%;
    height: fit-content;
    left: 50%;
    border-radius: 12px;
    transform: translate(-50%, -50%);
  }
}
.newDesign .modal.is-open .modal-dialog.modal-extracts,
.postpaid-container .modal.is-open .modal-dialog.modal-extracts,
.main-content .modal.is-open .modal-dialog.modal-extracts {
  width: 100%;
  max-width: 46.25rem;
  height: 85%;
  padding: 0;
}
@media (max-width: 768px) {
  .newDesign .modal.is-open .modal-dialog.modal-extracts,
.postpaid-container .modal.is-open .modal-dialog.modal-extracts,
.main-content .modal.is-open .modal-dialog.modal-extracts {
    max-width: 22rem;
  }
}
.newDesign .modal.is-open .modal-dialog.modal-extracts .modal-content,
.postpaid-container .modal.is-open .modal-dialog.modal-extracts .modal-content,
.main-content .modal.is-open .modal-dialog.modal-extracts .modal-content {
  max-width: 100%;
  height: 100%;
}
.newDesign .modal.is-open .modal-dialog.extract-error-modal, .newDesign .modal.is-open .modal-dialog.extract-loading, .newDesign .modal.is-open .modal-dialog.extract-confirmation-email,
.postpaid-container .modal.is-open .modal-dialog.extract-error-modal,
.postpaid-container .modal.is-open .modal-dialog.extract-loading,
.postpaid-container .modal.is-open .modal-dialog.extract-confirmation-email,
.main-content .modal.is-open .modal-dialog.extract-error-modal,
.main-content .modal.is-open .modal-dialog.extract-loading,
.main-content .modal.is-open .modal-dialog.extract-confirmation-email {
  padding: 0;
}
.newDesign .modal.is-open .modal-dialog.switcher-version,
.postpaid-container .modal.is-open .modal-dialog.switcher-version,
.main-content .modal.is-open .modal-dialog.switcher-version {
  padding: 0;
}
.newDesign .modal .modal-dialog,
.postpaid-container .modal .modal-dialog,
.main-content .modal .modal-dialog {
  position: absolute;
  top: 0;
  left: 50%;
  background: #fff;
  width: auto;
  min-width: 400px;
  padding: 16px 16px 28px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  pointer-events: auto;
  transform: translate(-50%, -250%);
  transition: all 0.32s ease-out;
  z-index: 1073;
}
.newDesign .modal .modal-dialog *,
.newDesign .modal .modal-dialog :after,
.newDesign .modal .modal-dialog :before,
.postpaid-container .modal .modal-dialog *,
.postpaid-container .modal .modal-dialog :after,
.postpaid-container .modal .modal-dialog :before,
.main-content .modal .modal-dialog *,
.main-content .modal .modal-dialog :after,
.main-content .modal .modal-dialog :before {
  box-sizing: border-box;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
.debugUrl .newDesign .modal .modal-dialog *,
.debugUrl .newDesign .modal .modal-dialog :after,
.debugUrl .newDesign .modal .modal-dialog :before,
.debugUrl .postpaid-container .modal .modal-dialog *,
.debugUrl .postpaid-container .modal .modal-dialog :after,
.debugUrl .postpaid-container .modal .modal-dialog :before,
.debugUrl .main-content .modal .modal-dialog *,
.debugUrl .main-content .modal .modal-dialog :after,
.debugUrl .main-content .modal .modal-dialog :before {
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
@media (max-width: 576px) {
  .newDesign .modal .modal-dialog,
.postpaid-container .modal .modal-dialog,
.main-content .modal .modal-dialog {
    min-width: 359px;
    top: auto;
    left: 0;
    bottom: 0;
    border-radius: 12px 12px 0 0;
    transform: translate(0, 250%);
  }
}
.newDesign .modal .modal-dialog.createPayment,
.postpaid-container .modal .modal-dialog.createPayment,
.main-content .modal .modal-dialog.createPayment {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 0;
  transform: translate(200%, 0);
}
@media (max-width: 768px) {
  .newDesign .modal .modal-dialog.switcher-version, .newDesign .modal .modal-dialog.close-modal-payment-wrap,
.postpaid-container .modal .modal-dialog.switcher-version,
.postpaid-container .modal .modal-dialog.close-modal-payment-wrap,
.main-content .modal .modal-dialog.switcher-version,
.main-content .modal .modal-dialog.close-modal-payment-wrap {
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
  }
}
.newDesign .modal-backdrop,
.postpaid-container .modal-backdrop,
.main-content .modal-backdrop {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0;
  background: rgba(32, 36, 39, 0.5);
  opacity: 0;
  transition: opacity 0.55s ease-out;
  z-index: 1071;
}
.newDesign .modal-backdrop.show,
.postpaid-container .modal-backdrop.show,
.main-content .modal-backdrop.show {
  height: 100vh;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.52s ease-out;
}
.newDesign .modal-content,
.postpaid-container .modal-content,
.main-content .modal-content {
  max-width: calc(450px - 32px);
  width: 100%;
  margin: auto;
}
.newDesign .modal-image,
.postpaid-container .modal-image,
.main-content .modal-image {
  display: flex;
  flex: 1 1 100%;
  max-width: 100%;
  height: 240px;
  background-color: #edeff1;
  border-radius: 12px;
  overflow: hidden;
}
.newDesign .modal-image__recovery, .newDesign .modal-image__notification,
.postpaid-container .modal-image__recovery,
.postpaid-container .modal-image__notification,
.main-content .modal-image__recovery,
.main-content .modal-image__notification {
  height: 100%;
  width: 100%;
  background: url("../img/newDesign/notification-banner.png") no-repeat center;
}
.debugUrl .newDesign .modal-image__recovery, .debugUrl .newDesign .modal-image__notification,
.debugUrl .postpaid-container .modal-image__recovery,
.debugUrl .postpaid-container .modal-image__notification,
.debugUrl .main-content .modal-image__recovery,
.debugUrl .main-content .modal-image__notification {
  background: url("/Content/themes/novapay/img/newDesign/notification-banner.png") no-repeat center;
}
.newDesign .modal-text,
.postpaid-container .modal-text,
.main-content .modal-text {
  margin: 0;
  padding-top: 32px;
  padding-bottom: 28px;
  text-align: center;
}
.newDesign .modal-title,
.postpaid-container .modal-title,
.main-content .modal-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.newDesign .modal-description,
.postpaid-container .modal-description,
.main-content .modal-description {
  padding-top: 12px;
  font-size: 14px;
  line-height: 1.2;
}
.newDesign .btn-send-again,
.postpaid-container .btn-send-again,
.main-content .btn-send-again {
  margin-top: 24px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  border-color: transparent;
  border: none;
  background-color: inherit !important;
}

#notifications-container {
  max-height: 86%;
  padding-top: 10px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  right: 24px;
  gap: 8px;
  top: 80px;
  position: fixed;
  max-width: 450px;
  width: 100%;
  z-index: 10001;
  opacity: 1;
}
#notifications-container .show-notification {
  box-sizing: border-box;
  position: relative;
  padding: 16px 16px 16px 22px;
  width: 100%;
  border-radius: 4px;
  transform: translateY(-10px) !important;
  animation: fadeIn 0.5s forwards;
}
#notifications-container .show-notification__container {
  width: 100%;
  display: flex;
  gap: 8px;
}
#notifications-container .show-notification__content {
  width: 100%;
}
#notifications-container .show-notification .show-notification.fade-out {
  animation: fadeOut 0.5s forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}
#notifications-container .show-notification:before {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  left: 0;
  border-radius: 4px 0px 0px 4px;
  width: 6px;
}
#notifications-container .show-notification__title {
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
#notifications-container .show-notification__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  gap: 7px;
}
#notifications-container .show-notification__description {
  margin-top: 8px;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #32383c;
  line-height: 20px;
}
#notifications-container .show-notification__description-t {
  margin-top: 0;
}
#notifications-container .show-notification__close {
  position: relative;
  cursor: pointer;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
}
#notifications-container .show-notification__close:hover {
  opacity: 0.7;
}
#notifications-container .show-notification__close:before, #notifications-container .show-notification__close:after {
  position: absolute;
  content: " ";
  height: 20px;
  width: 2px;
  top: 0;
  right: 8px;
}
#notifications-container .show-notification__close:before {
  transform: rotate(45deg);
}
#notifications-container .show-notification__close:after {
  transform: rotate(-45deg);
}
#notifications-container .show-notification__link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 85%;
  margin-left: 26px;
  color: #690DD3;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}
#notifications-container .show-notification__icon {
  height: 18px;
  width: 20px;
}
#notifications-container .show-notification__success {
  background: #E1F8F2;
  border: 1px solid #7ECABB;
}
#notifications-container .show-notification__success:before {
  background: #22967F;
}
#notifications-container .show-notification__success-title {
  color: #0A7B65;
}
#notifications-container .show-notification__success-close:before, #notifications-container .show-notification__success-close:after {
  background-color: #0A7B65;
}
#notifications-container .show-notification__success-icon {
  background: url("../img/newDesign/icon/circle.check.svg") no-repeat;
}
.debugUrl #notifications-container .show-notification__success-icon {
  background: url("/Content/themes/novapay/img/newDesign/icon/circle.check.svg") no-repeat;
}
#notifications-container .show-notification__error {
  border: 1px solid #F1AEAB;
  background: #FFEBEA;
}
#notifications-container .show-notification__error:before {
  background: #EB4235;
}
#notifications-container .show-notification__error-title {
  color: #C6261A;
}
#notifications-container .show-notification__error-close:before, #notifications-container .show-notification__error-close:after {
  background-color: #C6261A;
}
#notifications-container .show-notification__error-icon {
  background: url("../img/newDesign/icon/triangle.exclamation.svg");
}
#notifications-container .show-notification__error-icon.debugUrl {
  background: url("/Content/themes/novapay/img/newDesign/icon/triangle.exclamation.svg");
}
#notifications-container .show-notification__warning {
  border: 1px solid #FFE098;
  background: #FFF1DB;
}
#notifications-container .show-notification__warning:before {
  background: #EB9D35;
}
#notifications-container .show-notification__warning-title {
  color: #7F560F;
}
#notifications-container .show-notification__warning-close:before, #notifications-container .show-notification__warning-close:after {
  background-color: #767F8A;
}
#notifications-container .show-notification__warning-icon {
  background: url("../img/newDesign/icon/circle.clock.svg") no-repeat;
}
.debugUrl #notifications-container .show-notification__warning-icon {
  background: url("/Content/themes/novapay/img/newDesign/icon/circle.clock.svg") no-repeat;
}

@media (max-width: 480px) {
  #notifications-container {
    max-width: 85%;
    right: 3.5%;
    top: 88px;
  }
  #notifications-container .show-notification {
    padding: 12px 12px 12px 18px;
  }
  #notifications-container .show-notification__title {
    font-size: 14px;
  }
  #notifications-container .show-notification__description {
    font-size: 12px;
    margin-top: 4px;
  }
  #notifications-container .show-notification__description-t {
    margin-top: 0;
  }
  #notifications-container .show-notification__link {
    font-size: 12px;
    width: 80%;
  }
}
@media (max-width: 576px) {
  .postpaid-container .modal.is-open .modal-dialog {
    top: 50%;
    width: auto;
    bottom: unset;
    left: 50%;
    border-radius: 12px 12px;
    transform: translate(-50%, -50%);
  }
}
.postpaid-container .modal .modal-dialog {
  padding: 0;
  min-width: fit-content;
  width: min-content;
}
@media (max-width: 576px) {
  .postpaid-container .modal .modal-dialog {
    width: auto;
    top: auto;
    left: 50%;
    bottom: unset;
    border-radius: 12px 12px;
    transform: translate(-50%, -1464%);
  }
}
.postpaid-container .modal .modal-content {
  max-width: 35rem;
  min-width: 21.875rem;
}

.modal-switch-version {
  display: flex;
  flex-direction: column;
}

.modal-switch__header {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 0.875rem 1.25rem 1.25rem;
}
.modal-switch__header .switch-versiong__title {
  font-weight: 500;
  font-size: 1.25rem;
  color: #32383c;
}
@media (max-width: 768px) {
  .modal-switch__header {
    padding: 1rem 0.75rem 1rem 1rem;
  }
}
.modal-switch__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1.25rem 1.25rem 1.25rem;
  border-bottom: 1px solid #dbdfe4;
}
.modal-switch__content .switch-version__message {
  font-size: 15px;
  font-weight: 400;
}
.modal-switch__content .switch-version__message.strong {
  font-weight: 500;
}
@media (max-width: 768px) {
  .modal-switch__content {
    padding: 0 1rem 1.25rem 1rem;
  }
}
.modal-switch__footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1.25rem;
}
@media (max-width: 768px) {
  .modal-switch__footer {
    justify-content: space-between;
    padding: 0.75rem 1rem;
  }
}
.modal-switch__footer .switch-version__old {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--System-Red-700, #eb4235);
  background-color: var(--System-Coral-50, #ffeee2);
  color: var(--System-Red-700, #eb4235);
  font-weight: 500;
}
.modal-switch__footer .switch-version__stay {
  padding: 0.5rem 0.75rem;
  font-weight: 500;
}
.modal-switch__footer .switch-version__stay:hover {
  background: #F5EDFF;
  color: #690DD3;
}

.close-modal-payment .close-payment__header {
  display: flex;
  justify-content: space-between;
  color: #32383c;
  font-size: 1.25rem;
  font-weight: 500;
}
.close-modal-payment .close-payment__close {
  margin-right: -6px;
}
.close-modal-payment .close-payment__message {
  padding: 1.25rem 0;
  color: #32383c;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5rem;
  border-bottom: 1px solid #DBDFE4;
}
.close-modal-payment .close-payment__action {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 1.25rem;
}
.close-modal-payment .close-payment__action-delete {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--System-Red-700, #eb4235);
  background-color: var(--System-Coral-50, #ffeee2);
  color: var(--System-Red-700, #eb4235);
  font-weight: 500;
}
.close-modal-payment .close-payment__action-save {
  padding: 0.5rem 0.75rem;
  font-weight: 500;
}

.skeleton {
  position: relative;
}

.skeleton-active::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(90deg, #F0F0F0 25%, #FFF 50%, #f0f0f0 75%);
  border-radius: 4px;
  background-size: 200% 100%;
  animation: skeleton-loading 2.2s infinite;
  z-index: 1;
  border-radius: 4px;
  height: calc(100% + 2px);
}

.skeleton-active > * {
  height: 100%;
  visibility: hidden;
  pointer-events: none;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.newDesign .table-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(4px);
  z-index: 10000;
}
.newDesign .table-loader:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url("../img/newDesign/spinner-loading.png") no-repeat center;
  animation: rotate 1s linear infinite;
  transform: translate(-50%, -50%);
}
.debugUrl .newDesign .table-loader:before {
  background: url("/Content/themes/novapay/img/newDesign/spinner-loading.png") no-repeat center;
}

.modal-loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(4px);
  z-index: 10000;
}
.modal-loading:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url("../img/newDesign/spinner-loading.png") no-repeat center;
  animation: rotate 1s linear infinite;
  transform: translate(-50%, -50%);
}
.debugUrl .modal-loading:before {
  background: url("/Content/themes/novapay/img/newDesign/spinner-loading.png") no-repeat center;
}

.newDesign .auth,
.newDesign .change-password {
  display: flex;
  padding: 1.5 0;
  height: 100%;
}
.newDesign .auth__errors-list,
.newDesign .change-password__errors-list {
  margin-bottom: -25px;
  padding-top: 10px !important;
}
.newDesign .auth__errors-list .line2,
.newDesign .change-password__errors-list .line2 {
  padding-left: 0;
}
.newDesign .auth__errors-list .icon-status-error,
.newDesign .change-password__errors-list .icon-status-error {
  display: none;
}
.newDesign .auth__errors-list .text,
.newDesign .change-password__errors-list .text {
  margin-left: 0;
  font-size: 13px;
}
.newDesign .auth__field,
.newDesign .change-password__field {
  position: relative;
}
.newDesign .auth__invalid-feedback,
.newDesign .change-password__invalid-feedback {
  position: absolute;
  bottom: -109px;
  color: #EB4235;
  font-size: 12px;
  font-weight: 400;
  max-height: 25px;
}
@media (max-width: 992px) {
  .newDesign .auth,
.newDesign .change-password {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .newDesign .auth,
.newDesign .change-password {
    padding-top: 0;
  }
}
.newDesign .auth__login .form-check {
  position: relative;
  display: flex;
  margin-top: 0.5rem;
}
.newDesign .auth__login .form-check .check {
  position: absolute;
  float: none;
}
.newDesign .auth__login .form-check span {
  position: relative;
  float: none;
  font-size: 0;
  height: 1rem;
  width: 1rem;
}
.newDesign .auth__login .form-check span::after, .newDesign .auth__login .form-check span::before {
  content: "";
  position: absolute;
  height: 1.125rem;
  width: 1.125rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.newDesign .auth__login .form-check span::before {
  border-radius: 4px;
  border: 1px solid #DBDFE4;
  background: #fff;
  transition: background 0.42s ease, border-color 0.3s ease;
}
.newDesign .auth__login .form-check span::after {
  background: url("../img/newDesign/icon/ico-checkbox.svg") no-repeat center center;
  opacity: 0;
  transition: opacity 0.42s ease;
}
.debugUrl .newDesign .auth__login .form-check span::after {
  background: url("/Content/themes/novapay/img/newDesign/icon/ico-checkbox.svg") no-repeat;
}
.newDesign .auth__login .form-check input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.newDesign .auth__login .form-check input[type=checkbox]:checked ~ span::after {
  opacity: 1;
}
.newDesign .auth__login .form-check-label {
  position: relative;
  padding-left: 1.5rem;
  margin: 0 !important;
  float: none !important;
  color: #000000;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  z-index: 1;
}

.auth-slick {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
@media (max-width: 1700px) {
  .auth-slick {
    width: 50%;
  }
}
.auth-slick__slider {
  max-height: 100vh;
  overflow: hidden;
  background-color: #873DDC;
  border-radius: 16px;
}
.auth-slick__slider.slick-initialized .slider-item {
  display: flex;
}
.auth-slick__slider .slider-item {
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  max-height: 100vh;
  text-align: center;
  overflow: hidden;
  color: white;
}
@media (max-width: 768px) {
  .auth-slick__slider .slider-item {
    min-height: 150px;
  }
}
.auth-slick__slider .slider-item img {
  max-height: 100%;
  width: auto;
  object-fit: contain;
  max-width: 402px;
}
.auth-slick__slider .slider-item__bottom-content {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .auth-slick__slider .slider-item__bottom-content {
    padding-bottom: 20px;
  }
}
.auth-slick__slider .slider-item__bottom-content.bottom-position {
  bottom: 5%;
}
@media (max-width: 1200px) {
  .auth-slick__slider .slider-item__bottom-content.bottom-position {
    padding-bottom: 20px;
  }
}
.auth-slick__slider .slider-item__title {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 16px;
}
@media (max-width: 1200px) {
  .auth-slick__slider .slider-item__title {
    padding-bottom: 8px;
  }
}
.auth-slick__slider .slider-item__subTitle {
  font-size: 14px;
}
.auth-slick__slider .slick-prev,
.auth-slick__slider .slick-next {
  padding: 36px 16px;
  background: rgba(244, 246, 247, 0.2);
  border-radius: 8px;
  transition: background-color 0.22s ease-out;
  z-index: 1;
}
.auth-slick__slider .slick-prev:before,
.auth-slick__slider .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: url("../img/newDesign/icon/arrow.svg") no-repeat center;
}
.debugUrl .auth-slick__slider .slick-prev:before,
.debugUrl .auth-slick__slider .slick-next:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/arrow.svg") no-repeat center;
}
.auth-slick__slider .slick-prev:hover,
.auth-slick__slider .slick-next:hover {
  transition: background-color 0.42s ease-out;
  background: rgba(244, 246, 247, 0.5);
}
.auth-slick__slider .slick-prev {
  left: 20px;
}
.auth-slick__slider .slick-next {
  right: 20px;
}
.auth-slick__slider .slick-next:before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.auth-slick__slider .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 32px;
  left: 0;
}
.auth-slick__slider .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  margin: 0;
}
.auth-slick__slider .slick-dots li:not(.auth-slick__slider .slick-dots li:last-of-type) {
  margin-right: 8px;
}
.auth-slick__slider .slick-dots li button {
  position: relative;
  height: 100%;
  width: 100%;
}
.auth-slick__slider .slick-dots li button:before {
  content: "";
  left: 50%;
  top: 50%;
  height: 16px;
  width: 16px;
  background: url("../img/newDesign/icon/slick-dot.svg") no-repeat center;
  transition: all 0.22s ease-out;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.debugUrl .auth-slick__slider .slick-dots li button:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/slick-dot.svg") no-repeat center;
}
.auth-slick__slider .slick-dots .slick-active button:before {
  background: url("../img/newDesign/icon/slick-active-dot.svg") no-repeat center;
  transition: all 0.42s ease-out;
}
.debugUrl .auth-slick__slider .slick-dots .slick-active button:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/slick-active-dot.svg") no-repeat center;
}
.auth-slick .slick-list {
  height: 100%;
  max-width: 60.938rem;
  max-height: 46.25rem;
}
.auth-slick .slick-list .slick-track {
  height: 100%;
}
@media (min-width: 1700px) {
  .auth-slick .slick-list .slick-track {
    min-width: 975px !important;
  }
}

.newDesign .auth-recovery__request, .newDesign .auth-recovery__form {
  flex-direction: column;
  width: 100%;
  background-color: #fff;
}
@media (max-width: 768px) {
  .newDesign .auth-recovery__request, .newDesign .auth-recovery__form {
    justify-content: center;
  }
}
.newDesign .auth-recovery__title {
  margin-top: 32px;
}
.newDesign .auth-recovery__notification {
  margin-top: 12px;
}
.newDesign .auth-recovery__banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 44px;
}
.newDesign .auth-recovery__banner-bg {
  position: relative;
  width: 224px;
  height: 224px;
  padding: 12px;
  margin-bottom: 32px;
  background-color: #f5edff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newDesign .auth-recovery__banner-bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 100%;
  width: 100%;
  transform: translateY(-50%);
  background: url("../img/newDesign/recovery-banner.png") no-repeat center;
}
.debugUrl .newDesign .auth-recovery__banner-bg::after {
  background: url("/Content/themes/novapay/img/newDesign/recovery-banner.png") no-repeat center;
}
.newDesign .auth-recovery .recovery-title {
  display: block;
  width: 100%;
  text-align: left;
}
.newDesign .auth-recovery .title-request {
  text-align: center;
}
.newDesign .auth-recovery .temporary-password {
  display: flex;
  margin-top: 24px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  border-color: transparent;
  border: none;
  background-color: inherit !important;
}
.newDesign .auth-recovery .recovery-instruction {
  display: block;
  padding-top: 12px;
  font-size: 16px;
}
.newDesign .auth-recovery .notificatio-info {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #464b53;
}
.newDesign .auth-recovery .btn-remember-password {
  display: flex;
  margin-top: 24px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  border-color: transparent;
  border: none;
  background-color: inherit !important;
}
.newDesign .recovery-title,
.newDesign .recovery-instruction,
.newDesign .temporary-password {
  display: none;
}
.newDesign .change-password {
  display: flex;
}
.newDesign .change-password__column {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .newDesign .change-password__column {
    padding: 0;
  }
}
.newDesign .change-password__forms-container {
  position: relative;
  border-radius: 12px;
  background: #FFF;
  max-width: 450px;
  width: 100%;
  box-shadow: 0px 4px 34px 0px rgba(191, 195, 204, 0.3);
  padding: 24px 24px 32px;
}
@media (max-width: 992px) {
  .newDesign .change-password__forms-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 768px) {
  .newDesign .change-password__forms-container {
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0;
    justify-content: center;
    flex-direction: column;
  }
}
@media (max-width: 479px) {
  .newDesign .change-password__forms-container {
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: none;
  }
}
.newDesign .change-password__form-group {
  width: 100%;
}
.newDesign .change-password__form-wrapper {
  margin-top: 32px;
}
.newDesign .change-password__field {
  position: relative;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.newDesign .change-password__field .icon-show-password,
.newDesign .change-password__field .icon-hide-password {
  position: absolute;
  right: 11px;
  top: auto;
  bottom: 11px;
}
.newDesign .change-password__field .icon-show-password {
  background: url("../img/newDesign/icon/Input-eye.svg") no-repeat center;
  color: red;
}
.debugUrl .newDesign .change-password__field .icon-show-password {
  background: url("/Content/themes/novapay/img/newDesign/icon/Input-eye.svg") no-repeat center;
}
.newDesign .change-password .form-control {
  margin-top: 8px;
}
.newDesign .change-password .btm-save-password {
  margin-top: 48px;
  width: 100%;
  cursor: pointer;
}
.newDesign .change-password .invalid-feedback.green {
  color: #4CAF50;
}
.newDesign .change-password .invalid-feedback.orange {
  color: orange;
}
.newDesign .change-password .invalid-feedback.red {
  color: #EB4235;
}

@media (max-width: 768px) {
  body[data-design=new].open-dropdown-cell {
    overflow: hidden;
  }
  body[data-design=new].open-dropdown-cell .container-page {
    z-index: 3;
  }
}

.accounts.accounts-main {
  border-radius: 0.75rem;
}
.accounts__skeleton-wrap {
  min-height: 270px;
}
.accounts__skeleton-wrap:not(skeleton-active) .accounts-td__loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(4px);
  z-index: 1071;
}
.accounts__skeleton-wrap:not(skeleton-active) .accounts-td__loading:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url("../img/newDesign/spinner-loading.png") no-repeat center;
  animation: rotate 1s linear infinite;
  transform: translate(-50%, -50%);
}
.debugUrl .accounts__skeleton-wrap:not(skeleton-active) .accounts-td__loading:before {
  background: url("/Content/themes/novapay/img/newDesign/spinner-loading.png") no-repeat center;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.accounts-td {
  position: relative;
  background-color: #fff;
  border-radius: 0.75rem;
  padding: 1.5rem;
  min-height: 18rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .accounts-td {
    padding: 1rem 0.75rem;
  }
}
.accounts-td__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .accounts-td__title {
    padding-bottom: 1.75rem;
  }
}
.accounts-td__title h3 {
  font-weight: 500;
}
.accounts-td .archive-activity {
  position: relative;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  height: fit-content;
  color: #690DD3;
  font-size: 15px;
  font-weight: 500;
  background: transparent;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  cursor: pointer;
}
.accounts-td .archive-activity span {
  position: relative;
  display: block;
}
.accounts-td .archive-activity span::before {
  content: "";
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -1.75rem;
}
.accounts-td .archive-activity span.show-archive::before {
  background: url("../img/newDesign/icon/icon-archive-show.svg") no-repeat center;
}
.debugUrl .accounts-td .archive-activity span.show-archive::before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-archive-hidden.svg") no-repeat center;
}
.accounts-td .archive-activity span.hide-archive {
  display: none;
}
.accounts-td .archive-activity span.hide-archive::before {
  background: url("../img/newDesign/icon/icon-archive-hidden.svg") no-repeat center;
}
.debugUrl .accounts-td .archive-activity span.hide-archive::before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-archive-show.svg") no-repeat center;
}
.accounts-td .archive-activity .archive-checkbox {
  width: 0;
  height: 0;
  opacity: 0;
}
.accounts-td .archive-activity .archive-checkbox:checked ~ .archive-labels .hide-archive {
  display: block;
}
.accounts-td .archive-activity .archive-checkbox:checked ~ .archive-labels .show-archive {
  display: none;
}
.accounts-td__list {
  display: block;
  margin-bottom: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
}
@media (max-width: 992px) {
  .accounts-td__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: none;
    gap: 0.5rem;
  }
}
@media (max-width: 768px) {
  .accounts-td__list {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 1rem;
  }
}
.accounts-td__row {
  display: grid;
  grid-template-columns: 2fr 2fr 1.5fr 0.7fr 0.5fr;
  gap: 10px;
  max-width: 100%;
  padding: 0.75rem;
}
@media (max-width: 1500px) {
  .accounts-td__row {
    grid-template-columns: 1.5fr 1fr 1fr 1fr 0.5fr;
  }
}
@media (max-width: 1160px) {
  .accounts-td__row {
    grid-template-columns: 2fr 1fr 1fr 1fr 0.5fr;
  }
}
.accounts-td__row:not(:last-of-type) {
  border-bottom: 1px solid #DBDFE4;
}
@media (max-width: 992px) {
  .accounts-td__row {
    position: relative;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0.5rem;
    border: 1px solid #DBDFE4;
  }
  .accounts-td__row.active .cell-IBAN .icon-arrow-dropdown {
    transform: translateY(-50%) rotate(0deg);
  }
  .accounts-td__row.active .cell-balance:not(:last-of-type)::after {
    display: block;
  }
  .accounts-td__row.active .cell-status,
.accounts-td__row.active .cell-actions {
    display: flex;
  }
}
.accounts-td__cell {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
}
.accounts-td__cell:before {
  display: none;
  content: attr(data-label);
  margin-right: 1rem;
  color: #767F8A;
  font-size: 12px;
}
.accounts-td__cell:last-of-type {
  justify-content: center;
}
@media (max-width: 992px) {
  .accounts-td__cell {
    position: relative;
    flex-direction: column;
    align-items: start;
    padding: 0.75rem 0;
    gap: 0.25rem;
  }
  .accounts-td__cell.cell-status, .accounts-td__cell.cell-actions {
    display: none;
  }
  .accounts-td__cell:before {
    display: block;
    margin-bottom: 5px;
  }
  .accounts-td__cell.cell-balance:not(:last-of-type)::after {
    display: none;
  }
  .accounts-td__cell:not(:last-of-type)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #EDEFF1;
  }
}
.accounts-td__cell.cell-actions {
  cursor: pointer;
}
.accounts-td__cell.cell-actions:before {
  display: none;
}
.accounts-td__cell .icon-arrow-dropdown {
  display: none;
}
@media (max-width: 992px) {
  .accounts-td__cell .icon-arrow-dropdown {
    position: absolute;
    right: 5px;
    top: 47%;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    opacity: 1;
    transform: translateY(-50%) rotate(-180deg);
    transform-origin: center;
    transition: transform 0.32s ease-out;
  }
}
.accounts-td__header {
  text-align: left;
  background-color: #EDEFF1;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.accounts-td__header .accounts-td__cell {
  padding: 0;
}
.accounts-td__header .cell-header {
  color: #767F8A;
  font-size: 12px;
}
@media (max-width: 992px) {
  .accounts-td__header {
    display: none;
  }
}
.accounts-td .iban-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.accounts-td .iban-container span {
  display: block;
  width: 100%;
}
.accounts-td .iban-container .iban-block {
  width: fit-content;
  font-size: 15px;
  color: #690DD3;
  line-height: 1.6;
  user-select: none;
}
.accounts-td .iban-container .iban-block:after {
  content: attr(data-full-iban);
  user-select: text;
  position: absolute;
  left: -1px;
  font-size: 1px;
  transform: scale(0);
}
@media (max-width: 576px) {
  .accounts-td .iban-container .iban-block {
    padding-right: 2rem;
  }
}
.accounts-td .iban-container .full-iban {
  position: absolute;
  left: -1px;
  font-size: 1px;
  transform: scale(0);
}
.accounts-td .iban-container .iban-label {
  font-size: 14px;
  color: #767F8A;
  line-height: 1.3;
}
@media (max-width: 992px) {
  .accounts-td .iban-container .iban-label {
    display: none;
  }
}
.accounts-td .iban-container .account-number {
  position: relative;
}
@media (max-width: 1200px) {
  .accounts-td .iban-label {
    display: block;
    word-break: break-all;
  }
}
.accounts-td .account-balance {
  color: #32383c;
  font-size: 14px;
  line-height: 1.3;
}
@media (max-width: 992px) {
  .accounts-td .account-balance {
    color: #22967F;
  }
}
.accounts-td .cell-status {
  font-size: 12px;
}
.accounts-td .cell-status .status {
  border-radius: 1.5rem;
  padding: 0.5rem 0.625rem 0.45rem;
  border: 1px solid transparent;
}
.accounts-td .cell-status .status .status-text {
  position: relative;
  display: none;
  padding-left: 1.5rem;
}
.accounts-td .cell-status .status .status-text:before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 0;
  top: 50%;
  height: 1.125rem;
  width: 1.125rem;
  transform: translateY(-50%);
}
.accounts-td .cell-status .status[data-status="0"] {
  background: #FFEBEA;
  color: #C6261A;
  border-color: #FBA18C;
}
.accounts-td .cell-status .status[data-status="0"] .status-text.close {
  display: block;
}
.accounts-td .cell-status .status[data-status="0"] .status-text:before {
  background: url("../img/newDesign/icon/icon-account-close.svg") no-repeat center;
}
.debugUrl .accounts-td .cell-status .status[data-status="0"] .status-text:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-close.svg") no-repeat center;
}
.accounts-td .cell-status .status[data-status="1"] {
  background: #D9FCF4;
  color: #0D5C53;
}
.accounts-td .cell-status .status[data-status="1"] .status-text.open {
  display: block;
}
.accounts-td .cell-status .status[data-status="1"] .status-text:before {
  background: url("../img/newDesign/icon/icon-account-open.svg") no-repeat center;
}
.debugUrl .accounts-td .cell-status .status[data-status="1"] .status-text:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-open.svg") no-repeat center;
}
.accounts-td .cell-status .status[data-status="2"] {
  background: #f4f6f7;
  color: #32383c;
  border-color: #DBDFE4;
}
.accounts-td .cell-status .status[data-status="2"] .status-text.blocked {
  display: block;
}
.accounts-td .cell-status .status[data-status="2"] .status-text:before {
  background: url("../img/newDesign/icon/icon-account-blocked.svg") no-repeat center;
}
.debugUrl .accounts-td .cell-status .status[data-status="2"] .status-text:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-blocked.svg") no-repeat center;
}
.accounts-td .cell-status .status[data-status="4"] {
  background: #FFF5DD;
  color: #7F560F;
  border-color: transparent;
}
.accounts-td .cell-status .status[data-status="4"] .status-text.in-processing {
  display: block;
}
.accounts-td .cell-status .status[data-status="4"] .status-text:before {
  background: url("../img/newDesign/icon/icon-account-clock.svg") no-repeat center;
}
.debugUrl .accounts-td .cell-status .status[data-status="4"] .status-text:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-clock.svg") no-repeat center;
}
.accounts-td .cell-status .status span {
  display: block;
  white-space: nowrap;
}
.accounts-td .cell-status .status .ico-n {
  margin-right: 4px;
}
@media (max-width: 992px) {
  .accounts-td .cell-status {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.accounts-td .btn-td__action {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 0.5rem;
  background: transparent;
  border: none;
  outline: none;
  color: #202427;
}
.accounts-td .btn-td__action:hover .icon-vertical-dot, .accounts-td .btn-td__action:active .icon-vertical-dot, .accounts-td .btn-td__action:focus .icon-vertical-dot {
  background: url("../img/newDesign/icon/icon-vertical-dot-hover.svg") no-repeat center;
}
.debugUrl .accounts-td .btn-td__action:hover .icon-vertical-dot, .debugUrl .accounts-td .btn-td__action:active .icon-vertical-dot, .debugUrl .accounts-td .btn-td__action:focus .icon-vertical-dot {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-vertical-dot-hover.svg") no-repeat center;
}
.accounts-td .btn-td__action span {
  cursor: pointer;
  position: relative;
}
.accounts-td .btn-td__action .content-text {
  display: none;
}
@media (max-width: 992px) {
  .accounts-td .btn-td__action {
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid #DBDFE4;
    background: transparent;
    font-weight: 500;
  }
  .accounts-td .btn-td__action .content-dot {
    display: none;
  }
  .accounts-td .btn-td__action .content-text {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 1.35;
  }
}
.accounts-td .more-activity {
  text-align: left;
}
.accounts-td__show-more {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}
@media (max-width: 768px) {
  .accounts-td__show-more {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.accounts-td .table-pagination {
  display: flex;
  align-items: center;
  color: #767F8A;
}
.accounts-td .table-pagination__info-title {
  margin-right: 0.75rem;
}
.accounts-td .table-pagination__switch:checked + .table-pagination__options-filter .table-pagination__select {
  transform: scaleY(1);
  opacity: 1;
}
.accounts-td .table-pagination__switch:checked + .table-pagination__options-filter .table-pagination__filter:after {
  transform: rotate(0deg);
}
.accounts-td .table-pagination__options-filter {
  width: 100%;
  cursor: pointer;
}
.accounts-td .table-pagination__filter {
  position: relative;
  display: flex;
  margin-right: 0.75rem;
  padding: 0.35rem 2rem 0.2rem 0.5rem;
  color: #27292C;
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid #CDD3DD;
  font-size: 14px;
  transition: 0.32s;
}
.accounts-td .table-pagination__filter::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0.5rem;
  width: 1rem;
  height: 1rem;
  transform: rotate(180deg);
  background: url("../img/newDesign/icon/icon-arrow-black-down.svg") no-repeat center;
  transition: 0.3s ease-in-out;
}
.debugUrl .accounts-td .table-pagination__filter::after {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-arrow-black-down.svg") no-repeat center;
}
.accounts-td .table-pagination__select {
  position: absolute;
  bottom: 100%;
  left: 0;
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden;
  transform: scaleY(0);
  transform-origin: bottom;
  opacity: 0;
  transition: 0.22s ease-in-out;
  z-index: 4;
  border: 1px solid #CDD3DD;
  border-radius: 0.25rem;
}
.accounts-td .table-pagination__select-option {
  padding: 0.25rem 0.5rem;
  background-color: #fff;
  border-bottom: 1px solid #e9ecef;
  transition: 0.3s;
}
.accounts-td .table-pagination__select-option:first-of-type {
  border-bottom: 0;
}
.accounts-td .table-pagination__select-option:hover {
  background-color: #e9ecef;
}
.accounts-td .btn-show-more {
  padding: 0.5rem 1rem;
  height: fit-content;
  border-radius: 0.5rem;
  color: #690DD3;
  font-size: 15px;
  font-weight: 600;
  background: transparent;
  border: 1px solid #690DD3;
  outline: none;
  cursor: pointer;
}
.accounts-td .btn-show-more .ico-n {
  margin-right: 0.5rem;
}
.accounts-td .btn-show-more span {
  margin-left: 0.5rem;
}
@media (max-width: 768px) {
  .accounts-td .btn-show-more {
    margin-bottom: 1.125rem;
  }
}
.accounts-td__dropdown {
  transform: scaleY(0);
  transition: 0.32s ease-in-out;
  min-width: 13.313rem;
}
.accounts-td__dropdown .btn-Swiper-Container {
  display: none;
}
@media (max-width: 768px) {
  .accounts-td__dropdown .btn-Swiper-Container {
    position: relative;
    display: flex;
    height: 1.25rem;
    width: 100%;
  }
  .accounts-td__dropdown .btn-Swiper-Container:before {
    content: "";
    position: absolute;
    top: 0.5rem;
    left: 50%;
    width: 2rem;
    height: 0.25rem;
    border-radius: 0.625rem;
    transform: translateX(-50%);
    background: #767F8A;
  }
}
.accounts-td__dropdown .dropdown-item {
  padding: 0;
}
.accounts-td__dropdown .dropdown-item.create-payment {
  display: none;
}
.accounts-td__dropdown .dropdown-item.create-payment[data-account-status="1"] {
  display: flex;
  flex-direction: column;
}
.accounts-td__dropdown .dropdown-item[data-account-newdesignpaymentcreate=true] button {
  display: flex;
}
.accounts-td__dropdown .dropdown-item[data-account-newdesignpaymentcreate=true] a {
  display: none;
}
.accounts-td__dropdown .dropdown-item[data-account-newdesignpaymentcreate=false] button {
  display: none;
}
.accounts-td__dropdown .dropdown-item[data-account-newdesignpaymentcreate=false] a {
  display: flex;
}
.accounts-td__dropdown .btn-account {
  width: 100%;
  padding: 0;
  gap: 0.75rem;
  padding: 0.74rem 0.5rem 0.5rem 0.5rem;
  font-size: 12px;
  font-weight: 500;
  color: #767F8A;
  text-align: left;
}
.accounts-td__dropdown .btn-account:hover {
  color: #32383c !important;
}
.accounts-td__dropdown .btn-account:hover .icon-view-details {
  background: url("../img/newDesign/icon/icon-view-details-hover.svg") no-repeat center;
}
.debugUrl .accounts-td__dropdown .btn-account:hover .icon-view-details {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-view-details-hover.svg") no-repeat center;
}
.accounts-td__dropdown .btn-account:hover .icon-menu-references-list {
  background-color: #32383c !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-references-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .accounts-td__dropdown .btn-account:hover .icon-menu-references-list {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-references-hover");
}
.accounts-td__dropdown .btn-account:hover .icon-create-payment {
  background: url("../img/newDesign/icon/icon-account-payments-hover.svg") no-repeat center;
}
.debugUrl .accounts-td__dropdown .btn-account:hover .icon-create-payment {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-payments-hover.svg") no-repeat center;
}
.accounts-td__dropdown.open {
  display: block;
  transform: scaleY(1);
  top: 2.625rem;
  left: -135px;
  transform: translateX(-12%);
}
@media (min-width: 106rem) {
  .accounts-td__dropdown.open {
    left: -80px;
    transform: translateX(0);
  }
}
@media (max-width: 992px) {
  .accounts-td__dropdown.open {
    left: 50%;
    top: 3rem;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .accounts-td__dropdown.open {
    position: fixed;
    bottom: 0;
    left: 0;
    top: auto;
    padding-bottom: 2rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    transform: translateX(0);
    overflow: inherit;
    box-shadow: none;
    z-index: 10002;
  }
}
@media (max-width: 768px) {
  .accounts-td__dropdown-bg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(32, 36, 39, 0.5);
    z-index: 1001;
  }
}

#modalAccountdetail .modal-dialog {
  min-width: 22rem;
  max-width: 40.625rem;
  width: 100%;
  padding: 0;
}
#modalAccountdetail .modal-content {
  max-width: 100%;
}
#modalAccountdetail .modal-account {
  display: flex;
  flex-direction: column;
}
#modalAccountdetail .modal-account__title, #modalAccountdetail .modal-account__item, #modalAccountdetail .modal-account__file-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#modalAccountdetail .modal-account__title {
  padding: 1.25rem 0.875rem 1.25rem 1.25rem;
  border-bottom: 1px solid #DBDFE4;
}
#modalAccountdetail .modal-account__title h2 {
  margin: 0;
}
#modalAccountdetail .modal-account__title .btn {
  padding: 6px;
}
#modalAccountdetail .modal-account__item {
  padding: 0.5rem 1.25rem;
  border-bottom: 1px solid #DBDFE4;
}
#modalAccountdetail .modal-account__item .item-name {
  font-size: 14px;
  color: #767F8A;
  line-height: 1.35;
}
#modalAccountdetail .modal-account__file-actions {
  gap: 1rem;
  padding: 1.5rem 1.255rem;
  display: flex;
  justify-content: end;
}
#modalAccountdetail .modal-account__file-actions .btn-secondary {
  padding: 0.5rem 0.75rem;
  border-color: #DBDFE4;
  color: #202427;
}
#modalAccountdetail .modal-account__file-actions .btn-secondary:hover {
  border-color: #8222f1;
  color: #510aa3;
}
#modalAccountdetail .modal-account__file-actions .btn-secondary:hover .icon-account-copyAll {
  background: url("../img/newDesign/icon/icon-account-copyAll-hover.svg") no-repeat center;
}
.debugUrl #modalAccountdetail .modal-account__file-actions .btn-secondary:hover .icon-account-copyAll {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-copyAll-hover.svg") no-repeat center;
}
#modalAccountdetail .modal-account__file-actions .btn-secondary:hover .icon-account-print {
  background: url("../img/newDesign/icon/icon-account-print-hover.svg") no-repeat center;
}
.debugUrl #modalAccountdetail .modal-account__file-actions .btn-secondary:hover .icon-account-print {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-print-hover.svg") no-repeat center;
}
#modalAccountdetail .modal-account__print {
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
#modalAccountdetail .item-content__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
#modalAccountdetail .item-content__info .btn {
  padding: 0;
}
#modalAccountdetail .item-content__text {
  padding: 9px 0;
  font-size: 14px;
  color: #32383c;
  line-height: 1.35;
}
#modalAccountdetail .btn-coppy:hover .ico-n {
  background: url("../img/newDesign/icon/icon-account-copy-hover.svg") no-repeat center;
}
.debugUrl #modalAccountdetail .btn-coppy:hover .ico-n {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-copy-hover.svg") no-repeat center;
}

@media (max-width: 576px) {
  .modal-account-detail {
    top: 50% !important;
    transform: translate(0%, -50%) !important;
    height: fit-content;
    border-radius: 12px !important;
    width: 100% !important;
    min-width: 200px !important;
  }
}
.newDesign .index-balans {
  border-radius: 12px;
  background: #FFF;
  padding: 24px 24px 32px;
}
.newDesign .index-balans__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.newDesign .index-balans__header-balans {
  min-width: 250px;
}
.newDesign .index-balans__total {
  color: #32383c;
}
.newDesign .index-balans__total-fractional {
  color: #767F8A;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.newDesign .index-balans__actions {
  display: flex;
  gap: 12px;
}
.newDesign .index-balans__import-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #690DD3 !important;
  font-weight: 500;
}
.newDesign .index-balans__import-icon {
  margin-top: -4px;
  width: 20px;
  height: 20px;
}
.newDesign .index-balans__select-btn {
  position: relative;
  gap: 8px;
  width: 186px;
  font-weight: 500;
}
.newDesign .index-balans__select-btn .icon-triger-white-arrow {
  width: 20px;
  height: 20px;
  margin-top: -2px;
  transform: rotate(180deg);
  transition: transform 0.3s ease-out;
}
.newDesign .index-balans__select-btn.open:hover .icon-triger-white-arrow, .newDesign .index-balans__select-btn.open:focus .icon-triger-white-arrow {
  transform: none;
}
.newDesign .index-balans__label {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 4px;
  line-height: 18px;
}
.newDesign .index-balans__line {
  margin: 24px 0;
  height: 1px;
  width: 100%;
  background: #EDEFF1;
}
.newDesign .index-balans__title {
  margin-bottom: 24px;
  width: fit-content;
}
.newDesign .index-balans__dropdown-wrap {
  position: relative;
}
.newDesign .index-balans__icon-dropdown {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 12px;
  top: 20px;
  transform: none;
  transition: transform 0.3s ease-out;
}
.newDesign .index-balans__tooltip-wrap {
  margin-bottom: 4px;
}
.newDesign .index-balans__icon-tooltip {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.newDesign .index-balans__payment-dropdown {
  padding: 0.25rem;
  display: flex;
  top: 100%;
  left: -3px;
  min-width: max-content;
  width: 100%;
}
.newDesign .index-balans__dropdown-items {
  width: 100%;
}
.newDesign .index-balans__dropdown-item {
  padding: 10px 6px;
  cursor: pointer;
}
.newDesign .index-balans__table {
  border-radius: 8px;
  border: 1px solid #DBDFE4;
  background: #FFF;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.newDesign .index-balans__table .active .icon-arrow-dropdown {
  transform: rotate(180deg);
  transition: transform 0.3s ease-out;
}
.newDesign .index-balans__table-title {
  margin-bottom: 4px;
}
.newDesign .index-balans__table-title-wrap {
  position: relative;
  align-items: center;
  display: flex;
  gap: 8px;
}
.newDesign .index-balans__table-value {
  overflow: hidden;
  color: #32383c;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.newDesign .index-balans__table-value_green {
  color: #22967F;
  font-size: 16px;
  font-weight: 500;
}
.newDesign .index-balans__table-value_bold {
  font-weight: 500;
}
.newDesign .index-balans__table-item {
  position: relative;
  width: 100%;
  gap: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newDesign .index-balans__table-item::after {
  content: "";
  position: absolute;
  left: 100%;
  height: 32px;
  width: 1px;
  background: #DBDFE4;
}
.newDesign .index-balans__table-item:last-child::after {
  display: none;
}
.newDesign .index-balans .btn-Swiper-Container {
  display: none;
}
@media (max-width: 768px) {
  .newDesign .index-balans .btn-Swiper-Container {
    position: relative;
    display: flex;
    height: 1.25rem;
    width: 100%;
  }
  .newDesign .index-balans .btn-Swiper-Container:before {
    content: "";
    position: absolute;
    top: 0.5rem;
    left: 50%;
    width: 2rem;
    height: 0.25rem;
    border-radius: 0.625rem;
    transform: translateX(-50%);
    background: #767F8A;
  }
}
@media (max-width: 768px) {
  .newDesign .payment-dropdown-bg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(32, 36, 39, 0.5);
    z-index: 1001;
  }
}
@media (max-width: 1279px) {
  .newDesign .index-balans__total {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .newDesign .overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
  }
  .newDesign .overlay.open {
    display: block;
  }
  .newDesign .index-balans {
    padding: 20px 20px 28px;
  }
  .newDesign .index-balans__payment-dropdown.open {
    display: block;
  }
  .newDesign .index-balans__header {
    align-items: start;
    flex-direction: column;
    gap: 16px;
  }
  .newDesign .index-balans__total-fractional {
    font-size: 17px;
    line-height: 20px;
  }
  .newDesign .index-balans__total {
    font-size: 24px;
  }
  .newDesign .index-balans__table {
    flex-direction: column;
    padding: 0;
    margin: auto;
    width: 75%;
  }
  .newDesign .index-balans__table-title-wrap {
    width: 100%;
    justify-content: space-between;
  }
  .newDesign .index-balans__icon-dropdown {
    display: block;
  }
  .newDesign .index-balans__actions {
    width: 100%;
  }
  .newDesign .index-balans__import-btn, .newDesign .index-balans__dropdown-wrap {
    width: 50%;
  }
  .newDesign .index-balans__select-btn {
    width: 100%;
  }
  .newDesign .index-balans__table-item {
    padding: 12px 12px 0px;
  }
  .newDesign .index-balans__table-item::after {
    content: none;
  }
  .newDesign .index-balans__table-item-wrap {
    border-bottom: 1px solid #EDEFF1;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 8px;
  }
  .newDesign .index-balans .js-accordion-content {
    display: none;
    transition: max-height 0.8s ease-out;
  }
  .newDesign .index-balans .js-accordion-header.active + .js-accordion-content,
.newDesign .index-balans .js-accordion-header.active + .js-accordion-content + .js-accordion-content {
    display: flex;
    flex-direction: column;
    transition: max-height 0.8s ease-out;
  }
}
@media (max-width: 767px) {
  .newDesign .index-balans {
    padding: 16px 12px;
  }
  .newDesign .index-balans__label {
    font-size: 12px;
    line-height: 16px;
  }
  .newDesign .index-balans__line {
    margin: 18px 0;
  }
  .newDesign .index-balans__title {
    display: none;
  }
  .newDesign .index-balans__table {
    width: 100%;
  }
  .newDesign .index-balans__table-item-wrap {
    align-items: baseline;
  }
  .newDesign .index-balans__select-btn, .newDesign .index-balans__import-btn {
    font-size: 14px;
  }
  .newDesign .index-balans__import-icon, .newDesign .index-balans__drop-icon {
    display: none;
  }
  .newDesign .index-balans__table-value, .newDesign .index-balans__table-value_green {
    font-size: 14px;
    font-weight: 500;
  }
  .newDesign .index-balans__payment-dropdown {
    position: fixed;
    top: inherit;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 4px 34px 0px rgba(191, 195, 204, 0.3);
    padding: 8px 10px 40px;
    width: 100%;
    border-radius: 16px 16px 0px 0px;
    z-index: 1002;
  }
  .newDesign .index-balans__dropdown-item {
    display: flex;
    padding: 12px 6px;
    font-size: 15px;
    color: #202427;
  }
}

.main-content .modal.is-open .modal-dialog.createPayment {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 59.5rem;
  min-width: 22rem;
  padding: 0;
  border-radius: 0;
  transform: translate(0);
}
@media (max-width: 1623px) {
  .main-content .modal.is-open .modal-dialog.createPayment {
    width: 100%;
    max-width: 47.688rem;
  }
}
@media (max-width: 768px) {
  .main-content .modal.is-open .modal-dialog.createPayment {
    min-width: 22rem;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .main-content .modal.is-open .modal-dialog.createPayment {
    width: 360px;
  }
}
.main-content .modal.is-open .modal-dialog.createPayment .modal-content {
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.main-content .modal.is-open .modal-dialog.createPayment:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url("../img/newDesign/spinner-loading.png") no-repeat center;
  animation: rotate 1s linear infinite;
  transform: translate(-50%, -50%);
}
.debugUrl .main-content .modal.is-open .modal-dialog.createPayment:before {
  background: url("/Content/themes/novapay/img/newDesign/spinner-loading.png") no-repeat center;
}
.main-content .modal.is-open .modal-dialog.createPayment:has(.account-payment)::before {
  display: none;
}
.main-content .modal .modal-dialog.createPayment {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 0;
  transform: translate(200%, 0);
}

.account-payment {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 69px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 173, 180, 0.5);
}
@media (max-width: 768px) {
  .account-payment {
    max-height: calc(100vh - 79px);
    padding-bottom: 40px;
    height: calc(100% - env(safe-area-inset-bottom));
  }
}
.account-payment::-webkit-scrollbar-track {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.account-payment::-webkit-scrollbar-thumb {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.account-payment::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 173, 180, 0.5);
}
.account-payment.active-rental-detail::before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 16;
  pointer-events: auto;
}
@media (max-width: 1110px) {
  .account-payment.active-rental-detail::before {
    background: rgba(32, 36, 39, 0.5);
  }
}
.account-payment__title {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 1.5rem 1rem 1.5rem;
  border-bottom: 1px solid #DBDFE4;
}
.account-payment__title .title-wrapper {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.account-payment__title .title-wrapper .title__h2 {
  display: flex;
  gap: 0.75rem;
}
@media (max-width: 992px) {
  .account-payment__title .title-wrapper .title__h2 {
    font-size: 1.25rem;
  }
}
.account-payment__title .title-wrapper .payment-number {
  position: relative;
}
.account-payment__title .title-wrapper.edit .title-editor-field {
  width: calc(100% + 6rem);
  opacity: 1;
}
.account-payment__title .title-wrapper.edit .title-editor-field .form-control {
  padding: 3px 0.75rem;
  width: 100%;
}
.account-payment__title .title-wrapper.edit .title-editor-field .form-check-label {
  display: block;
  position: absolute;
  right: -2.5rem;
  top: 0;
  height: 2rem;
  width: 2rem;
}
.account-payment__title .title-wrapper.edit .title-editor-field .form-check-label .checkbox-view::after, .account-payment__title .title-wrapper.edit .title-editor-field .form-check-label .checkbox-view::before {
  height: 100%;
  width: 100%;
}
.account-payment__title .title-wrapper.edit .title-editor-field .form-check-label .checkbox-view::after {
  opacity: 1;
}
.account-payment__title .title-wrapper.edit .title-editor-field .btn-clear-edit {
  width: auto;
}
.account-payment__title .btn-title-edit {
  padding: 0.25rem;
  background: transparent;
}
.account-payment__title .btn-title-edit:hover {
  background: #f4f6f7;
}
.account-payment__title .btn-title-edit:hover .ico-n {
  background: url("../img/newDesign/icon/icon-account-edit-hover.svg") no-repeat center;
}
.debugUrl .account-payment__title .btn-title-edit:hover .ico-n {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-edit-hover.svg") no-repeat center;
}
.account-payment__title .title-editor-field {
  position: absolute;
  top: -0.25rem;
  left: 0;
  width: 0;
  transform-origin: top;
  opacity: 0;
  transition: 0.22s ease-in-out;
  z-index: 4;
  border: 1px solid #690DD3;
  border-radius: 0.5rem;
}
.account-payment__title .title-editor-field .form-control {
  padding: 0;
  width: 0;
  border: none;
}
.account-payment__title .title-editor-field .btn-clear-edit {
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  padding: 3px;
  transform: translateY(-50%);
}
.account-payment__title .title-editor-field .form-check-label {
  display: none;
  right: 0;
  top: 0;
  height: 0;
  width: 0;
}
.account-payment__title .title-editor-field .form-check-label .checkbox-view::after, .account-payment__title .title-editor-field .form-check-label .checkbox-view::before {
  height: 100%;
  width: 100%;
}
.account-payment .btn-close__payment {
  height: 2rem;
  width: 2rem;
  padding: 0.25rem;
  background: #F4F6F7;
}
.account-payment__creation-date {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
  min-height: 3rem;
  background: #F4F6F7;
}
@media (max-width: 992px) {
  .account-payment__creation-date {
    padding: 0.5rem 1rem;
    justify-content: center;
  }
}
.account-payment .creation-date,
.account-payment .date-picker-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 14px;
  color: #767F8A;
}
.account-payment .creation-date__active,
.account-payment .date-picker-wrapper__active {
  color: #32383c;
}
.account-payment .date-picker-wrapper {
  position: relative;
}
.account-payment .date-picker-wrapper .date-picker-content {
  display: flex;
  align-items: center;
  min-width: 5rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  background: #fff;
}
.account-payment .date-picker-wrapper .date-picker-content .date-field-range {
  width: 100%;
  padding: 0;
  border-color: transparent;
}
.account-payment .date-picker-wrapper .btn-date-picker {
  padding: 3px;
}
.account-payment .date-picker-wrapper .btn-date-picker:hover .icon-calendar {
  background: url("../img/newDesign/icon/icon-account-calendar-hover.svg") no-repeat center;
}
.debugUrl .account-payment .date-picker-wrapper .btn-date-picker:hover .icon-calendar {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-calendar-hover.svg") no-repeat center;
}
.account-payment .date-picker-wrapper .date-display {
  color: #32383c;
}
.account-payment .date-picker-wrapper .btn-date-clear {
  padding: 3px;
  display: none;
}
.account-payment .date-picker-wrapper .btn-date-clear.show {
  display: flex;
}
.account-payment .date-picker-wrapper .dropdown-calendar {
  position: absolute;
  right: -0.5rem;
  padding: 0.5rem;
  width: 18.125rem;
  box-shadow: 0px 1.5rem 2.75rem 0px rgba(98, 98, 100, 0.3);
  border-radius: 1.25rem;
  background: #fff;
  border: 1px solid #DBDFE4;
  z-index: 10;
}
.account-payment .date-picker-wrapper .dropdown-calendar.calendar-top {
  bottom: 107%;
}
.account-payment .date-picker-wrapper .dropdown-calendar.calendar-bottom {
  top: 107%;
}
.account-payment .date-picker-wrapper .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.625rem;
}
.account-payment .date-picker-wrapper .btn-prev,
.account-payment .date-picker-wrapper .btn-next {
  position: relative;
  padding: 0;
  height: 2rem;
  width: 2rem;
}
.account-payment .date-picker-wrapper .btn-prev::after,
.account-payment .date-picker-wrapper .btn-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #32383c;
  border-left: 2px solid #32383c;
  transform: translate(-50%, -50%) rotate(-45deg);
  transform-origin: center;
}
.account-payment .date-picker-wrapper .btn-prev::before,
.account-payment .date-picker-wrapper .btn-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: #f0f0f0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.22s ease, height 0.22s ease;
}
.account-payment .date-picker-wrapper .btn-prev:hover::before,
.account-payment .date-picker-wrapper .btn-next:hover::before {
  width: 100%;
  height: 100%;
}
.account-payment .date-picker-wrapper .btn-prev::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.account-payment .date-picker-wrapper .btn-next::after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.account-payment .date-picker-wrapper .week-header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}
.account-payment .date-picker-wrapper .empty-day,
.account-payment .date-picker-wrapper .calendar-day,
.account-payment .date-picker-wrapper .week-day {
  text-align: center;
  height: 2.375rem;
  width: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.account-payment .date-picker-wrapper .calendar-body .days-container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.account-payment .date-picker-wrapper .calendar-body .empty-day {
  visibility: hidden;
}
.account-payment .date-picker-wrapper .calendar-body .calendar-day {
  position: relative;
  cursor: pointer;
  border-radius: 50%;
}
.account-payment .date-picker-wrapper .calendar-body .calendar-day.disabled {
  pointer-events: none;
  border-radius: 0;
}
.account-payment .date-picker-wrapper .calendar-body .calendar-day.disabled::before {
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
  background: #f4f6f7;
}
.account-payment .date-picker-wrapper .calendar-body .calendar-day.disabled span {
  color: #ccc;
}
.account-payment .date-picker-wrapper .calendar-body .calendar-day span {
  position: relative;
  display: block;
  color: #32383c;
}
.account-payment .date-picker-wrapper .calendar-body .calendar-day::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: #f0f0f0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.22s ease, height 0.22s ease;
}
.account-payment .date-picker-wrapper .calendar-body .calendar-day:hover::before {
  width: 100%;
  height: 100%;
}
.account-payment .date-picker-wrapper .calendar-body .calendar-day.chosen {
  background-color: #E1CFF6;
  color: #32383c;
  border-radius: 50%;
}
.account-payment .date-picker-wrapper .calendar-body .calendar-day.chosen:hover::before {
  display: none;
}
.account-payment .date-picker-wrapper .year-selector {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 10px;
  color: #32383c;
  text-align: center;
}
.account-payment .date-picker-wrapper .year-selector .calendar-year {
  position: relative;
  padding: 0.5rem;
  display: block;
  color: #32383c;
  border-radius: 0.25rem;
  cursor: pointer;
  overflow: hidden;
}
.account-payment .date-picker-wrapper .year-selector .calendar-year.disabled {
  pointer-events: none;
}
.account-payment .date-picker-wrapper .year-selector .calendar-year.disabled::before {
  width: 100%;
  height: 100%;
  background: #f4f6f7;
}
.account-payment .date-picker-wrapper .year-selector .calendar-year span {
  position: relative;
  display: block;
}
.account-payment .date-picker-wrapper .year-selector .calendar-year::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: #f0f0f0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.22s ease, height 0.22s ease;
}
.account-payment .date-picker-wrapper .year-selector .calendar-year:hover::before {
  width: 200%;
  height: 200%;
}
.account-payment .date-picker-wrapper .year-selector .calendar-year.chosen {
  background-color: #E1CFF6;
  color: #32383c;
}
.account-payment .date-picker-wrapper .year-selector .calendar-year.chosen:hover::before {
  display: none;
}
.account-payment .date-picker-wrapper .current-month-year {
  position: relative;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  text-transform: capitalize;
  color: #32383c;
}
.account-payment .date-picker-wrapper .current-month-year::before {
  content: "";
  position: absolute;
  top: 0.25rem;
  width: 7px;
  right: -1.125rem;
  height: 7px;
  border-top: 2px solid #32383c;
  border-left: 2px solid #32383c;
  transform-origin: center;
  transform: translate(-50%, 0) rotate(225deg);
}
.account-payment .section-title {
  padding-bottom: 0.5rem;
  font-size: 12px;
  color: #767F8A;
}
.account-payment__radio-tabs {
  padding: 1.25rem 1.5rem;
  width: 100%;
}
@media (max-width: 992px) {
  .account-payment__radio-tabs {
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .account-payment__radio-tabs {
    padding-bottom: 1.25rem;
  }
}
.account-payment__radio-tabs .tabs-container {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
  border: 1px solid #DBDFE4;
  border-radius: 0.5rem;
  width: 100%;
}
@media (max-width: 992px) {
  .account-payment__radio-tabs .tabs-container {
    display: none;
  }
}
.account-payment__radio-tabs .radio-tab {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.account-payment__radio-tabs .radio-tab input[type=radio] {
  display: none;
}
.account-payment__radio-tabs .radio-tab input[type=radio]:checked + span {
  background: #F5EDFF;
  color: #690DD3;
}
.account-payment__radio-tabs .radio-tab span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 16px;
  color: #767F8A;
  text-align: center;
}
.account-payment__radio-tabs .radio-tab:hover span {
  color: #690DD3;
}
.account-payment__radio-tabs .tabs-mobile-select {
  display: none;
  position: relative;
  border: 1px solid #DBDFE4;
  border-radius: 0.5rem;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 992px) {
  .account-payment__radio-tabs .tabs-mobile-select {
    display: block;
  }
  .account-payment__radio-tabs .tabs-mobile-select:before {
    content: "";
    position: absolute;
    right: 5px;
    top: 7px;
    height: 1.5rem;
    width: 1.5rem;
    opacity: 1;
    transform: rotate(180deg);
    transition: transform 0.22s ease-out;
    background: url("../img/newDesign/icon/icon-small-up.svg") no-repeat center;
  }
  .debugUrl .account-payment__radio-tabs .tabs-mobile-select:before {
    background: url("/Content/themes/novapay/img/newDesign/icon/icon-small-up.svg") no-repeat center;
  }
  .account-payment__radio-tabs .tabs-mobile-select.active-tabs-select:before {
    transform: rotate(0deg);
  }
}
.account-payment__radio-tabs .tabs-mobile-select .tabs-selected {
  position: relative;
  padding: 0.5rem;
  font-size: 16px;
  color: #767F8A;
  z-index: 1;
}
.account-payment__radio-tabs .tabs-mobile-select .tabs-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0.25rem;
  background: white;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: 0.32s ease-in-out;
  z-index: 10;
  list-style: none;
  border: 1px solid #DBDFE4;
  border-radius: 0.5rem;
}
.account-payment__radio-tabs .tabs-mobile-select .tabs-dropdown__item {
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 16px;
  color: #767F8A;
  cursor: pointer;
}
.account-payment__radio-tabs .tabs-mobile-select .tabs-dropdown__item.active {
  background: #F5EDFF;
  color: #690DD3;
}
.account-payment__radio-tabs .tabs-mobile-select .tabs-dropdown__item:hover {
  background: #F5EDFF;
  color: #690DD3;
}
.account-payment__radio-tabs .tabs-mobile-select .tabs-dropdown.open {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.25rem;
  transform: scaleY(1);
  opacity: 1;
}
.account-payment__sender-dropdown {
  padding: 0 1.5rem 0.75rem;
}
@media (max-width: 992px) {
  .account-payment__sender-dropdown {
    padding: 0 1rem 1rem;
  }
}
@media (max-width: 768px) {
  .account-payment__sender-dropdown {
    padding: 0 1rem 0.75rem;
  }
}
.account-payment__sender-dropdown .invalid-feedback {
  position: relative;
  bottom: 17px;
}
.account-payment__sender-dropdown .sender-dropdown-container {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  width: 21.75rem;
  border-radius: 0.75rem;
  font-size: 14px;
  font-weight: 500;
  color: #767F8A;
  background-color: #fff;
  line-height: 1.35;
}
@media (max-width: 768px) {
  .account-payment__sender-dropdown .sender-dropdown-container {
    width: 100%;
    flex-direction: column;
  }
}
.account-payment__sender-dropdown .sender-dropdown-container .oneLineContent {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.account-payment__sender-dropdown .sender-dropdown-container.open .sender-dropdown-container__show {
  border-color: #DBDFE4;
}
.account-payment__sender-dropdown .sender-dropdown-container.open .sender-dropdown-container__show .icon-arrow:before {
  transform: rotate(0deg);
}
.account-payment__sender-dropdown .sender-dropdown-container.open .sender-dropdown-container__wrapper {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0.625rem) scaleY(1);
}
.account-payment__sender-dropdown .sender-dropdown-container.open .sender-dropdown-container__list {
  display: block;
}
.account-payment__sender-dropdown .sender-dropdown-container .title-selected {
  width: 100%;
  font-size: 12px;
  color: #767F8A;
}
.account-payment__sender-dropdown .sender-dropdown-container .title-selected__item {
  font-size: 12px;
  font-weight: 400;
}
.account-payment__sender-dropdown .sender-dropdown-container__show {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.5rem 0;
  gap: 4px;
  min-height: 2.5rem;
  padding: 0.55rem 2.625rem 0.55rem 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid #DBDFE4;
  cursor: pointer;
}
.account-payment__sender-dropdown .sender-dropdown-container__show .icon-arrow {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  opacity: 1;
  transform: translateY(-50%);
}
.account-payment__sender-dropdown .sender-dropdown-container__show .icon-arrow:before {
  content: "";
  position: relative;
  display: block;
  height: 1rem;
  width: 1rem;
  transform: rotate(180deg);
  transition: transform 0.32s ease-out;
  background: url("../img/newDesign/icon/icon-small-up.svg") no-repeat center;
}
.debugUrl .account-payment__sender-dropdown .sender-dropdown-container__show .icon-arrow:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-small-up.svg") no-repeat center;
}
.account-payment__sender-dropdown .sender-dropdown-container__active-item {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 15px;
  color: #32383c;
}
.account-payment__sender-dropdown .sender-dropdown-container__wrapper {
  position: absolute;
  top: 2.2rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 2.5rem;
  pointer-events: none;
  background-color: #fff;
  border-radius: 0.75rem;
  border: 1px solid #DBDFE4;
  overflow: hidden;
  transition: max-height 0.32s ease-out, opacity 0.22s ease-out, transform 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transform: translateY(-0.5rem) scaleY(0);
  transform-origin: top;
  opacity: 0;
  z-index: 2;
}
.account-payment__sender-dropdown .sender-dropdown-container__search-block {
  position: relative;
  padding: 0.5rem 0.75rem;
}
.account-payment__sender-dropdown .sender-dropdown-container__search-block .ico-n {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.account-payment__sender-dropdown .sender-dropdown-container__search-input {
  display: block;
  width: 100%;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem 0.5rem 2rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  background: #FFF;
  color: #32383c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
}
.account-payment__sender-dropdown .sender-dropdown-container__search-input:focus {
  border-color: #9b51e0;
  box-shadow: 0 0 4px rgba(155, 81, 224, 0.2);
}
.account-payment__sender-dropdown .sender-dropdown-container__list {
  display: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  max-height: 23.25rem;
  list-style: none;
  background-color: #fff;
  border-radius: 0 0 0.75rem 0.75rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 173, 180, 0.5);
}
.account-payment__sender-dropdown .sender-dropdown-container__list::-webkit-scrollbar-track {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.account-payment__sender-dropdown .sender-dropdown-container__list::-webkit-scrollbar-thumb {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.account-payment__sender-dropdown .sender-dropdown-container__list::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 173, 180, 0.5);
}
.account-payment__sender-dropdown .sender-dropdown-container__list li {
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  cursor: pointer;
}
.account-payment__sender-dropdown .sender-dropdown-container__list li:last-child {
  border-bottom: none;
}
.account-payment__sender-dropdown .sender-dropdown-container__list li.empty-message {
  display: flex;
  align-items: start;
  padding: 0.75rem;
  width: 100%;
  color: #32383c;
}
.account-payment__sender-dropdown .sender-dropdown-container__list label {
  position: relative;
  display: flex;
  align-items: start;
  padding: 0.75rem;
  width: 100%;
  flex-direction: column;
  cursor: pointer;
  overflow: hidden;
}
.account-payment__sender-dropdown .sender-dropdown-container__list label:has(input[type=radio]:checked) {
  background: #f4f6f7;
}
.account-payment__sender-dropdown .sender-dropdown-container__list label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: #f4f6f7;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.32s ease, height 0.32s ease;
}
.account-payment__sender-dropdown .sender-dropdown-container__list label:hover::before {
  width: 200%;
  height: 200%;
}
.account-payment__sender-dropdown .sender-dropdown-container__list .icon-checkbox {
  display: none;
}
.account-payment__sender-dropdown .sender-dropdown-container__list .icon-checkbox::after, .account-payment__sender-dropdown .sender-dropdown-container__list .icon-checkbox::before {
  display: none;
}
.account-payment__sender-dropdown .sender-dropdown-container__list input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.account-payment__sender-dropdown .sender-dropdown-container__list input[type=radio]:checked + .icon-checkbox::after {
  opacity: 1;
}
.account-payment__sender-dropdown .sender-dropdown-container .form-check-content {
  display: flex;
  flex-wrap: wrap;
}
.account-payment__sender-dropdown .sender-dropdown-container .form-check-name {
  position: relative;
  display: block;
  width: 100%;
  color: #000000;
}
.account-payment__sender-dropdown .sender-dropdown-container .form-check-index {
  position: relative;
  font-size: 12px;
}
.account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list label {
  flex-direction: row;
  align-items: center;
}
.account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-label::before {
  display: none;
}
.account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-item .form-check-content {
  padding-left: 1.75rem;
}
.account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-item .icon-checkbox {
  position: absolute;
  top: 50%;
  left: 0.875rem;
  display: block;
  font-size: 0;
  height: 1.125rem;
  width: 1.125rem;
  transform: translateY(-50%);
}
.account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-item .icon-checkbox::after, .account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-item .icon-checkbox::before {
  content: "";
  position: absolute;
  height: 1.125rem;
  width: 1.125rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-item .icon-checkbox::before {
  border-radius: 4px;
  border: 1px solid #DBDFE4;
  background: #fff;
  transition: background 0.42s ease, border-color 0.3s ease;
}
.account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-item .icon-checkbox::after {
  background: url("../img/newDesign/icon/ico-checkbox.svg") no-repeat center center;
  opacity: 0;
  transition: opacity 0.42s ease;
}
.debugUrl .account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-item .icon-checkbox::after {
  background: url("/Content/themes/novapay/img/newDesign/icon/ico-checkbox.svg") no-repeat;
}
.account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-item input[type=checkbox] {
  position: absolute;
  left: 0.875rem;
  opacity: 0;
  z-index: -1;
}
.account-payment__sender-dropdown .multiselect-container .sender-dropdown-container__list-item input[type=checkbox]:checked + .icon-checkbox::after {
  opacity: 1;
}
.account-payment__select-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .account-payment__select-wrapper {
    flex-direction: column;
    gap: 0;
  }
}
.account-payment__account-list {
  padding-bottom: 20px;
  border-bottom: 1px solid #DBDFE4;
}
.account-payment__available-balance {
  display: flex;
  align-items: center;
  max-width: -webkit-fill-available;
  width: 100%;
  height: fit-content;
  min-height: 2.5rem;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  border-radius: 0.5rem;
  background: #D9FCF4;
  color: #0D5C53;
  font-size: 15px;
}
@media (max-width: 768px) {
  .account-payment__available-balance {
    max-width: 100%;
    margin-top: 0.75rem;
  }
}
.account-payment__available-balance .balance-content {
  font-weight: 400;
}
.account-payment__available-balance .balance-content .balance-count {
  font-weight: 600;
  background: transparent;
}
.account-payment__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem 1.25rem;
  border-top: 1px solid #DBDFE4;
  background: #fff;
  z-index: 2;
}
.account-payment__footer .button-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account-payment__footer .button-group .btn {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
@media (max-width: 768px) {
  .account-payment__footer .button-group .btn {
    padding: 0.625rem;
  }
}
.account-payment__footer .right-buttons {
  margin-left: auto;
  display: flex;
  gap: 0.75rem;
}
.account-payment .payment-form {
  padding: 20px 24px;
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 992px) {
  .account-payment .payment-form {
    padding: 20px 16px;
  }
}
.account-payment .payment-form .error-border {
  border: 1px solid #EB4235;
}
.account-payment .payment-form .error-message {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  color: #EB4235;
  font-size: 0.75rem;
  font-weight: normal;
}
@media (max-width: 768px) {
  .account-payment .payment-form .payment-template .error-message {
    top: calc(100% - 20px);
  }
}
.account-payment .payment-form .payment-receiver__header {
  display: flex;
  gap: 1rem;
}
.account-payment .payment-form .payment-receiver__title {
  color: #464B53;
  font-size: 1rem;
  line-height: 1.35;
}
.account-payment .payment-form .payment-receiver__account {
  margin-top: 1.25rem;
}
.account-payment .payment-form .payment-receiver__account-select {
  min-width: 116px;
  width: 25%;
}
.account-payment .payment-form .payment-receiver__account-subtitle {
  margin-bottom: 0.5rem;
}
.account-payment .payment-form .payment-receiver__account-form {
  display: flex;
  gap: 0.5rem;
}
.account-payment .payment-form .payment-receiver__account-input {
  min-width: 312px;
  width: 40%;
  margin: 0;
}
.account-payment .payment-form .payment-receiver__account-disable-input {
  display: flex;
  flex-direction: column;
  min-width: 207px;
  width: -webkit-fill-available;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
}
.account-payment .payment-form .payment-receiver__account-disable-content {
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  height: fit-content;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  background: #F4F6F7;
  font-size: 15px;
  font-weight: 500;
  color: #767F8A;
}
.account-payment .payment-form .payment-receiver__account-disable-content:empty {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
}
.account-payment .payment-form .payment-receiver__account-actual-payee {
  min-width: 120px;
  width: 100%;
}
.account-payment .payment-form .payment-receiver__document {
  margin-top: 1.75rem;
  display: flex;
  gap: 0.5rem;
}
.account-payment .payment-form .payment-receiver__document.actual-payee {
  margin-top: 18px;
}
.account-payment .payment-form .payment-receiver__document-form {
  width: 52%;
}
.account-payment .payment-form .payment-receiver__document-line {
  position: relative;
  display: flex;
  width: 100%;
  gap: 0.5rem;
}
.account-payment .payment-form .payment-receiver__document-line .invalid-feedback {
  position: absolute;
  top: calc(100% - 0px);
  left: 51%;
}
.account-payment .payment-form .payment-receiver__document-subtitle {
  margin-bottom: 8px;
}
.account-payment .payment-form .payment-receiver__document-subtitle1 {
  margin-bottom: 0;
}
.account-payment .payment-form .payment-receiver__document-select {
  min-width: 116px;
  width: 25%;
}
.account-payment .payment-form .payment-receiver__document-long-select {
  min-width: 170px;
}
@media (max-width: 767px) {
  .account-payment .payment-form .payment-receiver__document-long-select {
    min-width: inherit;
  }
}
.account-payment .payment-form .payment-receiver__document-input-seria {
  width: 64px;
}
.account-payment .payment-form .payment-receiver__document-input-number {
  min-width: 120px;
  width: 100%;
}
.account-payment .payment-form .payment-receiver__document-input-name {
  width: 100%;
}
.account-payment .payment-form .payment-receiver__document-receiver {
  display: flex;
  align-items: center;
  margin-top: 1.25rem;
  width: fit-content;
  font-weight: normal;
  font-size: 15px;
}
.account-payment .payment-form .payment-receiver__document-title {
  position: relative;
  width: fit-content;
  padding-left: 2rem;
}
.account-payment .payment-form .payment-receiver__important {
  color: #EB4235;
}
.account-payment .payment-form .payment-receiver__actual-total-payee {
  position: relative;
  padding: 1.25rem 0 0 0;
  margin-top: 28px;
}
.account-payment .payment-form .payment-receiver__actual-total-payee:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.5rem;
  height: 0.0625rem;
  width: calc(100% + (2 * 1.5rem));
  background: #DBDFE4;
}
@media (max-width: 992px) {
  .account-payment .payment-form .payment-receiver__actual-total-payee:before {
    left: -1rem;
    width: calc(100% + (2 * 1rem));
  }
}
.account-payment .payment-form .payment-receiver__actual-total-payee .slider-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 176px;
  height: 2.5rem;
  border: 0.0625rem solid #DBDFE4;
  border-radius: 0.5rem;
  padding: 0.25rem;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .slider-container input[type=checkbox] {
  display: none;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .slider-container input[type=checkbox]:checked ~ .slider-bg {
  left: 50%;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .slider-container input[type=checkbox]:checked ~ .noTax {
  color: #767F8A;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .slider-container input[type=checkbox]:checked ~ .tax {
  color: #690DD3;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .slider-container label {
  position: relative;
  z-index: 1;
  flex: 1;
  text-align: center;
  cursor: pointer;
  color: #767F8A;
  transition: color 0.3s ease;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .slider-container label.noTax {
  color: #690DD3;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .slider-bg {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 0;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  background-color: #f5edff;
  border-radius: 8px;
  transition: left 0.32s ease;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .payment-receiver__total {
  display: flex;
  flex-direction: column;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .payment-receiver__total-sum {
  position: relative;
  height: 62px;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .payment-receiver__total-sum .invalid-feedback {
  position: unset;
  margin-top: 13px;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .payment-receiver__total .total-count {
  position: absolute;
  bottom: 0;
  display: block;
  width: max-content;
  margin: 0.5rem 0 0 0;
  color: #767F8A;
  font-size: 12px;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .payment-receiver__total .total-detail {
  color: #32383c;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .payment-receiver__total .invalid-feedback {
  left: 0;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .payment-receiver__document-form {
  width: 100%;
}
.account-payment .payment-form .payment-receiver__actual-total-payee .payment-receiver__document-line {
  width: 100%;
}
@media (max-width: 768px) {
  .account-payment .payment-form .payment-receiver__actual-total-payee .payment-receiver__document-line {
    gap: 0;
    flex-direction: column;
  }
}
.account-payment .payment-form .payment-receiver__autocomplite-iban {
  position: relative;
}
.account-payment .payment-form .payment-receiver__config-tax {
  display: flex;
  gap: 8px;
}
.account-payment .payment-form .payment-receiver__purpose-block {
  padding-top: 1.75rem;
}
.account-payment .payment-form .payment-receiver__purpose-block .purpose-title {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  pointer-events: auto;
}
.account-payment .payment-form .payment-receiver__purpose-block .purpose-title .btn-select-directory {
  padding: 0 16px 0 0;
  pointer-events: all;
}
.account-payment .payment-form .payment-receiver__purpose-block .purpose-title .btn-select-directory:before {
  right: -8px;
}
.account-payment .payment-form .payment-receiver__purpose-textarea {
  position: relative;
}
.account-payment .payment-form .payment-receiver__purpose-textarea .invalid-feedback {
  position: absolute;
  top: calc(100% + -3px);
}
.account-payment .payment-form .payment-receiver__purpose-textarea .purpose-textarea {
  width: 100%;
  min-height: 112px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 0.0625rem solid #DBDFE4;
  font-size: 15px;
  resize: none;
}
@media (max-width: 768px) {
  .account-payment .payment-form .payment-receiver__purpose-textarea .purpose-textarea {
    min-height: 84px;
  }
}
.account-payment .payment-form .payment-receiver__purpose-textarea .textarea-count {
  position: absolute;
  right: 14px;
  bottom: 11.008px;
  color: #767F8A;
  font-size: 12px;
}
.account-payment .payment-form__btn-select-directory {
  position: relative;
  font-size: 12px;
  color: #690DD3;
  font-weight: 500;
  padding-right: 1.25rem;
}
.account-payment .payment-form__btn-select-directory:before {
  content: "";
  position: absolute;
  right: -0.25rem;
  top: 50%;
  height: 24px;
  width: 24px;
  opacity: 1;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center;
  background: url("../img/newDesign/icon/icon-small-up-hover.svg") no-repeat center;
}
.debugUrl .account-payment .payment-form__btn-select-directory:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-small-up-hover.svg") no-repeat center;
}
.account-payment .payment-form__btn-select-directory:hover {
  color: #5E1CAB;
}
.account-payment .payment-form__template {
  position: relative;
  padding: 1.25rem 0 1.75rem 0;
  margin-top: 1.75rem;
}
.account-payment .payment-form__template:before {
  content: "";
  position: absolute;
  top: 0;
  left: -23.008px;
  height: 0.0625rem;
  width: calc(100% + (2 * 23.008px));
  background: #DBDFE4;
}
@media (max-width: 992px) {
  .account-payment .payment-form__template:before {
    left: -16px;
    width: calc(100% + (2 * 16px));
  }
}
.account-payment .payment-form .payment-template__activator {
  padding-bottom: 0.375rem;
}
.account-payment .payment-form .payment-template__activator .visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 0.0625rem;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 0.0625rem;
}
.account-payment .payment-form .payment-template__activator .checkbox-activator {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: flex-start;
  align-items: center;
}
.account-payment .payment-form .payment-template__activator .toggle-activator {
  cursor: pointer;
  display: flex;
  min-width: 48px;
  height: 28px;
  border-radius: 400px;
  padding: 4px;
  transition: background 0.3s ease;
  background-color: #bababa;
  position: relative;
}
.account-payment .payment-form .payment-template__activator .toggle-activator:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.account-payment .payment-form .payment-template__activator .toggle-activator:before {
  left: 0.1875rem;
}
.account-payment .payment-form .payment-template__activator .toggle-activator:has(input[type=checkbox]:checked) {
  background-color: #690DD3;
}
.account-payment .payment-form .payment-template__activator .toggle-activator:has(input[type=checkbox]:checked):before {
  background-color: #fff;
  transform: translate(75%, -50%);
}
.account-payment .payment-form .payment-template__activator .label-activator {
  color: #202427;
  font-size: 14px;
}
.account-payment .payment-form .payment-template__configurator {
  padding: 12px 0 0 0;
  display: flex;
  flex-direction: column;
}
.account-payment .payment-form .payment-template__configurator .configurator-title {
  position: relative;
  font-size: 12px;
}
.account-payment .payment-form .payment-template__configurator .configurator-title:after {
  content: "*";
  position: relative;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  margin-left: 4px;
  color: #EB4235;
}
.account-payment .payment-form .payment-template__configurator .configurator-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-start;
  padding: 8px 0 16px 0;
}
@media (max-width: 768px) {
  .account-payment .payment-form .payment-template__configurator .configurator-wrapper {
    flex-direction: column;
    gap: 0;
    padding: 8px 0 0 0;
  }
}
.account-payment .payment-form .payment-template__configurator .template-name {
  display: flex;
  color: #767F8A;
  min-width: 356px;
}
.account-payment .payment-form .payment-template__configurator .template-name__field {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 0.0625rem solid #DBDFE4;
  font-size: 15px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .account-payment .payment-form .payment-template__configurator .template-name {
    min-width: 100%;
    padding-bottom: 24px;
  }
}
.account-payment .payment-form .payment-template .recurrence-selector {
  display: flex;
  gap: 12px;
  align-items: center;
}
.account-payment .payment-form .payment-template .recurrence-selector__label {
  display: flex;
  align-items: center;
}
.account-payment .payment-form .payment-template .recurrence-selector__label .invalid-feedback {
  position: absolute;
  top: calc(100% + 8px);
}
.account-payment .payment-form .payment-template .recurrence-selector__title {
  position: relative;
  height: auto;
  padding-left: 28px;
  color: #32383c;
  font-weight: 400;
  font-size: 15px;
}
.account-payment .payment-form .payment-template .recurrence-selector__point-block {
  min-width: 140px;
  width: auto;
}
@media (max-width: 768px) {
  .account-payment .payment-form .payment-template .recurrence-selector__point-block {
    min-width: 127.008px;
  }
}
.account-payment .payment-form .payment-template .recurrence-selector__date-range {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 12px 28px 4px 0;
}
@media (max-width: 768px) {
  .account-payment .payment-form .payment-template .recurrence-selector__date-range {
    flex-direction: column;
    align-items: flex-start;
  }
}
.account-payment .payment-form .payment-template .recurrence-selector__date-range .date-range-title {
  display: block;
}
.account-payment .payment-form .payment-template .recurrence-selector__date-range .date-range__period-validity {
  display: flex;
  align-items: center;
  gap: 16px;
}
.account-payment .payment-form .payment-template .recurrence-selector__date-range .date-range-start,
.account-payment .payment-form .payment-template .recurrence-selector__date-range .date-range-end {
  min-width: 194px;
}
@media (max-width: 768px) {
  .account-payment .payment-form .payment-template .recurrence-selector__date-range .date-range-start,
.account-payment .payment-form .payment-template .recurrence-selector__date-range .date-range-end {
    min-width: 144px;
  }
}
@media (max-width: 768px) {
  .account-payment .payment-form .payment-template .recurrence-selector__date-range .date-range-end .dropdown-calendar {
    right: -8px;
    left: auto;
  }
}
.account-payment .payment-form .payment-template .recurrence-selector__date-range .dropdown-calendar {
  left: -8px;
}
.account-payment .payment-form .payment-template .recurrence-selector__date-range .date-picker-content {
  width: 100%;
  padding: 4px 12px;
}
.account-payment .payment-form__transfer {
  position: relative;
}
.account-payment .payment-form__transfer .payment-receiver__total {
  position: relative;
  padding-top: 1.25rem;
  margin-top: 1.75rem;
}
.account-payment .payment-form__transfer .payment-receiver__total:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.438rem;
  height: 0.0625rem;
  width: calc(100% + (2 * 1.238rem));
  background: #DBDFE4;
}
@media (max-width: 768px) {
  .account-payment .payment-form__transfer .payment-receiver__total:before {
    left: -1rem;
    width: calc(100% + (2 * 1rem));
  }
}
.account-payment .payment-form__transfer-subtitle {
  margin: 1.25rem 0 0.5rem;
}
.account-payment .payment-form__transfer-inp-sum {
  margin-top: 0.5rem;
  max-width: 238px;
  width: 100%;
}
@media (max-width: 768px) {
  .account-payment .payment-form__transfer-inp-sum {
    max-width: none;
  }
}
.account-payment .payment-form__transfer-custom-select .account-payment__sender-dropdown {
  padding: 0;
}
@media (max-width: 768px) {
  .account-payment .payment-form__transfer-custom-select {
    max-width: none;
    width: 100%;
  }
}
.account-payment .payment-form__transfer-custom-select #SelfCreditCodeIBAN {
  display: none;
}
.account-payment .payment-form__transfer-select__value {
  color: #32383c;
}
.account-payment .payment-form__transfer-wrap {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account-payment .payment-form__transfer-wrap::after {
  content: "";
  position: absolute;
  top: -1.25rem;
  left: -23.008px;
  height: 0.0625rem;
  width: calc(100% + (2 * 23.008px));
  background: #dbdfe4;
}
.account-payment .payment-form__transfer-payment {
  padding: 1.25rem 0 2.625rem;
}
@media (max-width: 768px) {
  .account-payment .payment-form__transfer-payment {
    padding: 1.25rem 0 1.75rem;
  }
}
.account-payment .payment-form__transfer-textarea {
  width: 100%;
  height: 5.5rem;
}
@media (max-width: 767px) {
  .account-payment .payment-form .payment-receiver__header {
    display: flex;
    justify-content: space-between;
  }
  .account-payment .payment-form .payment-receiver__account-form {
    flex-direction: column;
    gap: 0.5rem;
  }
  .account-payment .payment-form .payment-receiver__document-select, .account-payment .payment-form .payment-receiver__account-input, .account-payment .payment-form .payment-receiver__account-disable-input {
    width: 100%;
  }
  .account-payment .payment-form .payment-receiver__account-disable-input {
    margin-top: 0.75rem;
  }
  .account-payment .payment-form .payment-receiver__account-input {
    margin: 0;
    font-size: 15px;
  }
  .account-payment .payment-form .payment-receiver__document {
    margin-top: 24px;
    gap: 1.5rem;
    flex-direction: column;
  }
  .account-payment .payment-form .payment-receiver__document-form {
    width: 100%;
  }
  .account-payment .payment-form .payment-receiver__document-input-seria {
    max-width: 64px;
  }
  .account-payment .payment-form .payment-receiver__document-input-number {
    min-width: inherit;
  }
  .account-payment .payment-form .payment-receiver__document-receiver {
    margin-top: 32px;
  }
  .account-payment .payment-form .payment-receiver__account-actual-payee {
    width: auto;
    margin: 0;
  }
  .account-payment .payment-form .payment-receiver .actual-payee {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .account-payment .payment-form .payment-receiver__config-tax {
    margin-top: 20px;
  }
  .account-payment .payment-form .payment-receiver__config-tax .slider-container {
    min-width: 175px;
  }
  .account-payment .payment-form .payment-receiver__config-tax .slider-container .slider-bg {
    border-radius: 4px;
  }
  .account-payment .payment-form .payment-receiver__purpose-block {
    margin-top: 4px;
  }
  .account-payment .payment-form .payment-template .recurrence-selector {
    width: 100%;
    justify-content: space-between;
  }
}
.account-payment .payment-form__base-area .account-payment__radio-tabs {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .account-payment .payment-form__base-area .account-payment__radio-tabs {
    padding-bottom: 0.25rem;
  }
}
.account-payment .tab-payment-taxes,
.account-payment .tab-payment-singleaccount,
.account-payment .tab-payment-rental,
.account-payment .tab-payment-other {
  padding-bottom: 0;
}
.account-payment .tab-payment-taxes .payment-form,
.account-payment .tab-payment-singleaccount .payment-form,
.account-payment .tab-payment-rental .payment-form,
.account-payment .tab-payment-other .payment-form {
  padding: 0;
}
.account-payment .tab-payment-taxes .payment-receiver__important,
.account-payment .tab-payment-singleaccount .payment-receiver__important,
.account-payment .tab-payment-rental .payment-receiver__important,
.account-payment .tab-payment-other .payment-receiver__important {
  color: #EB4235;
}
.account-payment .tab-payment-taxes .tax-total-payee {
  position: relative;
  display: flex;
  align-items: normal;
  gap: 1.25rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-taxes .tax-total-payee {
    flex-direction: column;
    align-items: flex-start;
  }
}
.account-payment .tab-payment-taxes .tax-total-payee:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.438rem;
  height: 0.0625rem;
  width: calc(99% + (2 * 1.238rem));
  background: #DBDFE4;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-taxes .tax-total-payee:before {
    left: -1rem;
    width: calc(100% + (2 * 1rem));
  }
}
.account-payment .tab-payment-taxes .tax-total-payee .payment-receiver__actual-total-payee {
  width: auto;
  margin: 0;
  padding: 0;
}
.account-payment .tab-payment-taxes .tax-total-payee .payment-receiver__actual-total-payee:before {
  display: none;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-taxes .tax-total-payee .payment-receiver__actual-total-payee {
    width: 100%;
  }
}
.account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (max-width: 1623px) {
  .account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code {
    width: 68.5%;
  }
}
@media (max-width: 768px) {
  .account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code__subtitle {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code__notification {
  display: none;
  font-size: 12px;
  color: #690DD3;
  text-align: right;
  width: 100%;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code__notification {
    display: block;
  }
}
.account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code .payment-form__transfer-subtitle {
  margin-top: 0;
}
.account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code .account-payment__sender-dropdown {
  padding: 0;
  width: 100%;
}
.account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code .account-payment__sender-dropdown .sender-dropdown-container {
  width: 100%;
  max-width: 42.375rem;
}
.account-payment .tab-payment-taxes .tax-total-payee .tax-total-payment-code .sender-dropdown-container__list-item .form-check-content {
  position: relative;
  z-index: 1;
}
.account-payment .tab-payment-taxes .tax-total-payee .payment-form__transfer-custom-select {
  width: 100%;
  max-height: fit-content;
  max-width: fit-content;
  min-width: 100%;
}
.account-payment .tab-payment-taxes .payment-form .payment-receiver__purpose-block {
  padding-bottom: 0;
  padding-top: 1.75rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-taxes .payment-form .payment-receiver__purpose-block {
    padding-top: 1.5rem;
  }
}
.account-payment .tab-payment-singleaccount {
  margin-top: 1.25rem;
}
.account-payment .tab-payment-singleaccount .payment-form .payment-form__transfer-subtitle {
  margin-top: 0;
}
.account-payment .tab-payment-singleaccount .payment-form .payment-receiver__purpose-block {
  padding-bottom: 0;
  padding-top: 1.5rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount .payment-form .payment-receiver__purpose-block {
    padding-top: 1.5rem;
    margin: 0;
  }
}
.account-payment .tab-payment-singleaccount .payment-form .payment-receiver__purpose-block .purpose-textarea {
  min-height: 3.75rem;
}
.account-payment .tab-payment-singleaccount .tax-decisio-wrapper {
  display: flex;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount .tax-decisio-wrapper {
    flex-direction: column;
  }
}
.account-payment .tab-payment-singleaccount .tax-decisio-wrapper .payment-receiver__actual-total-payee {
  margin: 0;
  padding: 0;
}
.account-payment .tab-payment-singleaccount .tax-decisio-wrapper .payment-receiver__actual-total-payee:before {
  display: none;
}
.account-payment .tab-payment-singleaccount .tax-decisio-wrapper .account-field {
  display: flex;
  flex-direction: column;
}
.account-payment .tab-payment-singleaccount .tax-decisio-wrapper .account-field__label {
  margin-bottom: 0.5rem;
  font-size: 12px;
  color: #767F8A;
}
.account-payment .tab-payment-singleaccount .tax-decisio-wrapper .account-field__input {
  padding: 0.5rem 0.75rem;
  min-width: 18.813rem;
  min-height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  font-size: 15px;
  color: #767F8A;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount .tax-decisio-wrapper .account-field__input {
    width: 100%;
  }
}
.account-payment .tab-payment-singleaccount .tax-decisio-wrapper .payment-receiver__total .base-input {
  max-width: 9.438rem;
  width: 100%;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount .tax-decisio-wrapper .payment-receiver__total .base-input {
    max-width: 100%;
  }
}
.account-payment .tab-payment-singleaccount .tax-decision {
  display: flex;
  flex-direction: column;
  color: #767F8A;
}
.account-payment .tab-payment-singleaccount .tax-decision__label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 12px;
  color: #767F8A;
}
.account-payment .tab-payment-singleaccount .tax-decision__field-wrapper {
  position: relative;
}
.account-payment .tab-payment-singleaccount .tax-decision__input {
  padding: 0.5rem 0.75rem;
  min-width: 13.938rem;
  min-height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  font-size: 15px;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount .tax-decision__input {
    width: 100%;
  }
}
.account-payment .tab-payment-singleaccount .tax-decision__tooltip {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.account-payment .tab-payment-singleaccount .tax-decision__tooltip .icon-info {
  background: url("../img/newDesign/icon/info-hover.svg") no-repeat center;
}
.debugUrl .account-payment .tab-payment-singleaccount .tax-decision__tooltip .icon-info {
  background: url("/Content/themes/novapay/img/newDesign/icon/info-hover.svg") no-repeat center;
}
.account-payment .tab-payment-singleaccount .tax-decision__tooltip:hover .tooltip-content, .account-payment .tab-payment-singleaccount .tax-decision__tooltip.active .tooltip-content {
  visibility: visible;
  opacity: 1;
}
.account-payment .tab-payment-singleaccount .tax-decision .tooltip-content {
  position: absolute;
  bottom: 120%;
  left: 50%;
  width: 13.813rem;
  transform: translateX(-50%);
  background: #202427;
  color: #fff;
  padding: 6px 8px;
  border-radius: 0.25rem;
  font-size: 11px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 100;
  text-align: center;
}
.account-payment .tab-payment-singleaccount .tax-decision .tooltip-content:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #202427 transparent transparent transparent;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount .tax-decision .tooltip-content:after {
    left: 92%;
    transform: translateX(-93%);
  }
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount .tax-decision .tooltip-content {
    left: 0;
    transform: translateX(-84%);
  }
}
.account-payment .tab-payment-singleaccount .tax-decision .tooltip-link {
  text-decoration: underline;
}
.account-payment .tab-payment-singleaccount__created-container {
  display: flex;
  flex-direction: column;
}
.account-payment .tab-payment-singleaccount__created-tax-field, .account-payment .tab-payment-singleaccount__created-template {
  width: 100%;
  position: relative;
  padding: 1.25rem 0;
}
.account-payment .tab-payment-singleaccount__created-tax-field:before, .account-payment .tab-payment-singleaccount__created-template:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.438rem;
  height: 0.0625rem;
  width: calc(100% + (2 * 1.238rem));
  background: #DBDFE4;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount__created-tax-field:before, .account-payment .tab-payment-singleaccount__created-template:before {
    left: -1rem;
    width: calc(100% + (2 * 1rem));
  }
}
.account-payment .tab-payment-singleaccount__created-template .created-template-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.25rem;
}
.account-payment .tab-payment-singleaccount__created-template .created-template-number {
  font-size: 15px;
}
.account-payment .tab-payment-singleaccount__created-template .btn-template-remove {
  display: flex;
  gap: 6px;
  align-items: center;
  color: #690DD3;
  font-size: 12px;
  font-weight: 500;
}
.account-payment .tab-payment-singleaccount__template-generator {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount__template-generator {
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
  }
}
.account-payment .tab-payment-singleaccount__template-generator .payment-amount__container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount__template-generator .payment-amount__container {
    width: 100%;
  }
}
.account-payment .tab-payment-singleaccount__template-generator .payment-amount__title {
  font-size: 12px;
  color: #a56ee5;
  line-height: 1.3;
}
.account-payment .tab-payment-singleaccount__template-generator .payment-amount__value {
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  background: #F5EDFF;
  color: #690DD3;
  font-weight: 500;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount .template-generator-container {
    width: 100%;
  }
}
.account-payment .tab-payment-singleaccount .btn-singleaccount-generate-template {
  position: relative;
  display: flex;
  gap: 0.5rem;
  padding-top: 0.425rem;
  padding-bottom: 0.425rem;
  min-height: 2.5rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-singleaccount .btn-singleaccount-generate-template {
    width: 100%;
  }
}
.account-payment .tab-payment-singleaccount .btn-singleaccount-generate-template:hover {
  background: #fff;
}
.account-payment .tab-payment-singleaccount .btn-singleaccount-generate-template:hover .icon-plus {
  background: url("../img/newDesign/icon/icon-account-plus-hover.svg") no-repeat center;
}
.debugUrl .account-payment .tab-payment-singleaccount .btn-singleaccount-generate-template:hover .icon-plus {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-plus-hover.svg") no-repeat center;
}
.account-payment .tab-payment-rental {
  display: flex;
  flex-direction: column;
}
.account-payment .tab-payment-rental .rental-payment-details {
  display: flex;
  width: 100%;
  align-items: end;
  padding: 0.5rem 0 1.75rem 0;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-payment-details {
    padding: 0.5rem 0 1.5rem 0;
  }
}
.account-payment .tab-payment-rental .account-iBan-field {
  max-width: 20.125rem;
  width: 100%;
  padding-right: 1.25rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .account-iBan-field {
    max-width: 100%;
  }
}
.account-payment .tab-payment-rental .account-iBan-field__label {
  display: block;
  margin-bottom: 0.5rem;
}
.account-payment .tab-payment-rental .account-iBan-field__input {
  padding: 0.5rem 0.75rem;
  width: 100%;
  min-height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  font-size: 15px;
  color: #32383c;
}
.account-payment .tab-payment-rental .account-card-field__input {
  padding: 0.5rem 0.75rem;
  min-width: 15.625rem;
  min-height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  font-size: 15px;
  color: #767F8A;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .account-card-field__input {
    width: 100%;
  }
}
.account-payment .tab-payment-rental .rental-payment-receiver {
  display: flex;
  flex-direction: column;
}
.account-payment .tab-payment-rental .rental-payment-receiver__label {
  display: block;
  margin-bottom: 0.5rem;
}
.account-payment .tab-payment-rental .rental-payment-receiver__input {
  padding: 0.5rem 0.75rem;
  max-width: 20.125rem;
  min-height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  font-size: 15px;
  color: #767F8A;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-payment-receiver__input {
    width: 100%;
  }
}
.account-payment .tab-payment-rental .rental-total-payee {
  position: relative;
  display: flex;
  align-items: normal;
  gap: 1.25rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-total-payee {
    flex-direction: column;
    align-items: flex-start;
  }
}
.account-payment .tab-payment-rental .rental-total-payee:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.438rem;
  height: 0.0625rem;
  width: calc(99% + (2 * 1.438rem));
  background: #DBDFE4;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-total-payee:before {
    left: -1rem;
    width: calc(100% + (2 * 1rem));
  }
}
.account-payment .tab-payment-rental .rental-total-payee .payment-receiver__actual-total-payee {
  width: auto;
  margin: 0;
  padding: 0;
}
.account-payment .tab-payment-rental .rental-total-payee .payment-receiver__actual-total-payee:before {
  display: none;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-total-payee .payment-receiver__actual-total-payee {
    width: 100%;
  }
}
.account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1623px) {
  .account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code {
    width: 68%;
  }
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code__subtitle {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code__notification-link {
  position: absolute;
  right: 0;
  top: 0;
  width: fit-content;
  font-size: 12px;
  text-align: right;
  color: #690DD3;
}
.account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code__notification-link:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  background: #690DD3;
}
.account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code__notification-link:hover {
  color: #690DD3 !important;
}
.account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code .account-payment__sender-dropdown {
  padding: 0;
}
.account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code .account-payment__sender-dropdown .sender-dropdown-container {
  width: 100%;
  max-width: 42.375rem;
}
.account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code .account-payment__sender-dropdown .sender-dropdown-container .form-check-content {
  position: relative;
  z-index: 1;
}
.account-payment .tab-payment-rental .rental-total-payee .rental-total-payment-code .payment-form__transfer-subtitle {
  margin-top: 0;
}
.account-payment .tab-payment-rental .rental-total-payee .payment-form__transfer-custom-select {
  width: 100%;
  max-height: fit-content;
  max-width: fit-content;
  min-width: 100%;
}
.account-payment .tab-payment-rental .rental-total-edit,
.account-payment .tab-payment-rental .rental-detail-add {
  padding-top: 1.75rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-total-edit,
.account-payment .tab-payment-rental .rental-detail-add {
    padding-top: 1.5rem;
  }
}
.account-payment .tab-payment-rental .rental-total-edit .btn-rental-total-edit,
.account-payment .tab-payment-rental .rental-total-edit .btn-add-rental-details,
.account-payment .tab-payment-rental .rental-detail-add .btn-rental-total-edit,
.account-payment .tab-payment-rental .rental-detail-add .btn-add-rental-details {
  min-width: 16rem;
  height: 2.5rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-total-edit .btn-rental-total-edit,
.account-payment .tab-payment-rental .rental-total-edit .btn-add-rental-details,
.account-payment .tab-payment-rental .rental-detail-add .btn-rental-total-edit,
.account-payment .tab-payment-rental .rental-detail-add .btn-add-rental-details {
    width: 100%;
    min-width: 100%;
  }
}
.account-payment .tab-payment-rental .rental-total-edit .btn-rental-total-edit .ico-n,
.account-payment .tab-payment-rental .rental-total-edit .btn-add-rental-details .ico-n,
.account-payment .tab-payment-rental .rental-detail-add .btn-rental-total-edit .ico-n,
.account-payment .tab-payment-rental .rental-detail-add .btn-add-rental-details .ico-n {
  margin-right: 0.5rem;
}
.account-payment .tab-payment-rental .rental-total-edit .btn-rental-total-edit .ico-n,
.account-payment .tab-payment-rental .rental-detail-add .btn-rental-total-edit .ico-n {
  margin-right: 0.5rem;
  background: url("../img/newDesign/icon/icon-account-edit-hover.svg") no-repeat center;
}
.debugUrl .account-payment .tab-payment-rental .rental-total-edit .btn-rental-total-edit .ico-n,
.debugUrl .account-payment .tab-payment-rental .rental-detail-add .btn-rental-total-edit .ico-n {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-account-edit-hover.svg") no-repeat center;
}
.account-payment .tab-payment-rental .rental-total-edit .rental-detail-notification,
.account-payment .tab-payment-rental .rental-detail-add .rental-detail-notification {
  display: block;
  padding-top: 0.75rem;
  color: #EB4235;
  font-size: 14px;
}
.account-payment .tab-payment-rental .rental-total-edit {
  gap: 0.75rem;
}
.account-payment .tab-payment-rental .rental-total-edit .config-rental-detail {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.account-payment .tab-payment-rental .rental-total-edit .config-rental-detail__content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-rental .rental-total-edit {
    flex-direction: column;
  }
}
.account-payment .tab-payment-other {
  display: flex;
  flex-direction: column;
  padding-top: 1.25rem;
}
.account-payment .tab-payment-other .other-payment-details {
  display: flex;
  width: 100%;
  align-items: end;
  padding: 0;
}
.account-payment .tab-payment-other .account-iBan-field {
  max-width: 20.125rem;
  width: 100%;
  padding-right: 1.25rem;
}
@media (max-width: 768px) {
  .account-payment .tab-payment-other .account-iBan-field {
    max-width: 100%;
  }
}
.account-payment .tab-payment-other .account-iBan-field__label {
  display: block;
  margin-bottom: 0.5rem;
}
.account-payment .tab-payment-other .account-iBan-field__input {
  padding: 0.5rem 0.75rem;
  width: 100%;
  min-height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  font-size: 15px;
  color: #32383c;
}
.account-payment .modal-rental-detail {
  position: absolute;
  right: 0;
  left: auto;
  top: 1.25rem;
  height: calc(100% - 2.5rem);
  width: 0;
  background: #fff;
  overflow: hidden;
  transform: translateX(100%);
  transition: transform 0.3s ease, left 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  border-radius: 0.5rem;
  z-index: 10;
}
.account-payment .modal-rental-detail.open {
  right: auto;
  left: -35%;
  transform: translateX(0);
  width: 312px;
  opacity: 1;
}
@media (max-width: 1623px) {
  .account-payment .modal-rental-detail.open {
    left: -43.5%;
  }
}
@media (max-width: 1110px) {
  .account-payment .modal-rental-detail.open {
    left: 2.5%;
    z-index: 17;
  }
}
@media (max-width: 768px) {
  .account-payment .modal-rental-detail.open {
    left: 0;
    z-index: 17;
    height: 100%;
    top: 0;
    width: 100%;
    border-radius: 0;
  }
}
.account-payment .rental-detail__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 768px) {
  .account-payment .rental-detail__container {
    overflow-y: auto;
  }
}
.account-payment .rental-detail__header {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #DBDFE4;
}
.account-payment .rental-detail__title {
  color: #464B53;
  font-size: 16px;
}
.account-payment .rental-detail__close {
  padding: 0;
}
.account-payment .rental-detail__content {
  flex: 1;
  padding: 1.5rem 1rem 0;
}
.account-payment .rental-detail__form {
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
.account-payment .rental-detail__form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.account-payment .rental-detail__form-label, .account-payment .rental-detail__notification {
  color: #767F8A;
  font-size: 12px;
}
@media (max-width: 768px) {
  .account-payment .rental-detail__notification {
    padding-bottom: 1rem;
  }
}
.account-payment .rental-detail__custom-select {
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #DBDFE4;
  border-radius: 0.5rem;
  cursor: pointer;
}
.account-payment .rental-detail__select-selected {
  position: relative;
  width: 100%;
  padding: 0.75rem 2.188rem 0.75rem 0.75rem;
  border-radius: 0.5rem;
  text-align: left;
  font-weight: normal;
}
.account-payment .rental-detail__select-selected .custom-select__arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transition: transform 0.2s ease-out;
  transform: translate(-50%, -50%) rotate(0deg);
}
.account-payment .rental-detail__select-selected.open .custom-select__arrow {
  transform: translate(-50%, -50%) rotate(180deg);
}
.account-payment .rental-detail__type-list {
  position: absolute;
  top: 109%;
  left: 0;
  width: 100%;
  border-radius: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  border: 1px solid #DBDFE4;
  z-index: 10;
  margin: 0;
  padding: 0;
  overflow: auto;
  max-height: 23.25rem;
  list-style: none;
  background-color: #fff;
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 173, 180, 0.5);
}
.account-payment .rental-detail__type-list::-webkit-scrollbar-track {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.account-payment .rental-detail__type-list::-webkit-scrollbar-thumb {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.account-payment .rental-detail__type-list::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 173, 180, 0.5);
}
.account-payment .rental-detail__type-item {
  position: relative;
  padding: 10px;
  cursor: pointer;
  overflow: hidden;
}
.account-payment .rental-detail__type-item:not(:last-of-type)::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 50%;
  bottom: 0;
  background: #DBDFE4;
  transform: translateX(-50%);
}
.account-payment .rental-detail__type-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: #f0f0f0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.22s ease, height 0.22s ease;
  z-index: -1;
}
.account-payment .rental-detail__type-item:hover::after {
  width: 200%;
  height: 200%;
}
.account-payment .rental-detail__footer {
  margin-top: auto;
  margin-top: auto;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #DBDFE4;
}
.account-payment .date-start-lease .date-picker-wrapper .date-picker-content {
  width: 100%;
}
.account-payment .date-start-lease .date-picker-wrapper .btn-date-picker {
  font-weight: normal;
  width: 100%;
  padding: 0;
  text-align: left;
}
.account-payment .date-start-lease .date-picker-wrapper .date-display {
  display: block;
  width: 100%;
  padding: 0;
  color: #767F8A;
  font-size: 15px;
}
.account-payment .date-start-lease .date-picker-wrapper .date-field-range {
  padding: 0.5rem 0.75rem;
  border-color: transparent;
  width: 100%;
}

@media (max-width: 479px) {
  .account-payment__title {
    padding: 1.25rem 1rem 1rem;
  }
  .account-payment__title .title-wrapper {
    gap: 8px;
  }
  .account-payment__title.edit .title-editor-field {
    width: calc(100% + 1.95rem);
  }
  .account-payment .date-picker-wrapper {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 400;
    font-size: 12px;
  }
  .account-payment__radio-tabs {
    padding: 1rem 1rem 1.25rem;
  }
  .account-payment__select {
    padding: 0 1rem 1.25rem;
  }
  .account-payment__available-balance {
    padding: 0.375rem 0.75rem;
  }
  .account-payment__account-list {
    padding-bottom: 28px;
  }
}
.modal-directories-recipients {
  padding: 0 !important;
  max-width: 926px;
  width: 100% !important;
  min-height: 564px;
  border: 1px solid #DBDFE4;
  border-radius: 12px !important;
}
.modal-directories-recipients .modal-content {
  display: contents;
}
.modal-directories-recipients *, .modal-directories-recipients :after, .modal-directories-recipients :before {
  box-sizing: border-box;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
.debugUrl .modal-directories-recipients *, .debugUrl .modal-directories-recipients :after, .debugUrl .modal-directories-recipients :before {
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
.modal-directories-recipients__loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(4px);
  z-index: 10000;
}
.modal-directories-recipients__loading:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url("../img/newDesign/spinner-loading.png") no-repeat center;
  animation: rotate 1s linear infinite;
  transform: translate(-50%, -50%);
}
.debugUrl .modal-directories-recipients__loading:before {
  background: url("/Content/themes/novapay/img/newDesign/spinner-loading.png") no-repeat center;
}
.modal-directories-recipients .directory-recipients__container {
  position: relative;
  max-height: 570px;
  height: 100%;
  border-radius: 12px;
  width: 100%;
  background: #FFF;
}
@media (max-width: 480px) {
  .modal-directories-recipients .directory-recipients__container {
    max-height: 580px;
  }
}
.modal-directories-recipients .directory-recipients__header {
  padding: 20px 14px 20px 20px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e1e6f0;
}
.modal-directories-recipients .directory-recipients__header-header {
  color: #32383c;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.modal-directories-recipients .directory-recipients__header-title {
  color: #32383c;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.modal-directories-recipients .directory-recipients__close {
  padding: 6px;
  border: none;
  background: none;
  cursor: pointer;
}
.modal-directories-recipients .directory-recipients__section-inputs {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.modal-directories-recipients .directory-recipients__section-left, .modal-directories-recipients .directory-recipients__section-right {
  width: 50%;
}
.modal-directories-recipients .directory-recipients__label {
  margin-bottom: 8px;
}
.modal-directories-recipients .directory-recipients__input-wrap {
  position: relative;
}
.modal-directories-recipients .directory-recipients__icon {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 12px;
  top: 8px;
}
.modal-directories-recipients .directory-recipients__select-value {
  max-height: 24px;
  overflow: hidden;
}
.modal-directories-recipients .directory-recipients__custom-select, .modal-directories-recipients .directory-recipients__search {
  width: -webkit-fill-available;
}
.modal-directories-recipients .directory-recipients__search {
  padding-left: 40px;
}
.modal-directories-recipients .directory-recipients__table {
  height: 358px;
}
.modal-directories-recipients .directory-recipients__table-header {
  padding: 8px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #EDEFF1;
  background: #EDEFF1;
}
.modal-directories-recipients .directory-recipients__table-header-data {
  color: #767F8A;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.modal-directories-recipients .directory-recipients__table-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid #e1e6f0;
}
.modal-directories-recipients .directory-recipients__table-body {
  overflow-y: auto;
  max-height: 325px;
}
.modal-directories-recipients .directory-recipients__table-body .directory-recipients__table-row:last-child {
  border-bottom: none;
}
.modal-directories-recipients .directory-recipients__table-data {
  color: #32383c;
  font-family: "Fixel Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  min-width: 190px;
}
.modal-directories-recipients .directory-recipients__table-btn {
  padding: 8px 12px;
  font-weight: 400;
}
.modal-directories-recipients .directory-recipients__table-column1 {
  max-width: 290px;
  width: 100%;
}
.modal-directories-recipients .directory-recipients__table-column2 {
  max-width: 148px;
  width: 100%;
}
.modal-directories-recipients .directory-recipients__table-column3 {
  max-width: 260px;
  width: 100%;
}
.modal-directories-recipients .directory-recipients__table-column4 {
  display: flex;
  justify-content: end;
  max-width: 152px;
  width: 100%;
}
.modal-directories-recipients .directory-recipients__footer {
  padding: 12px 20px;
}
@media (max-width: 480px) {
  .modal-directories-recipients .directory-recipients__footer {
    padding: 6px 20px;
  }
}
.modal-directories-recipients .directory-recipients__footer-pages {
  color: #767F8A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.modal-directories-recipients .directory-recipients__footer-pages span {
  color: #32383c;
  font-size: 16px;
}
@media (max-width: 480px) {
  .modal-directories-recipients .directory-recipients__footer-pages span {
    font-size: 14px;
  }
}
.modal-directories-recipients .directory-recipients__mobile-container {
  max-height: 310px;
  overflow-y: auto;
}
.modal-directories-recipients .directory-recipients__mobile {
  display: none;
}
@media (max-width: 768px) {
  .modal-directories-recipients .directory-recipients__table {
    display: none;
  }
  .modal-directories-recipients .directory-recipients__section-inputs {
    flex-direction: column;
    gap: 12px;
  }
  .modal-directories-recipients .directory-recipients__section-left, .modal-directories-recipients .directory-recipients__section-right {
    width: 100%;
  }
  .modal-directories-recipients .directory-recipients__section-right .directory-recipients__label {
    display: none;
  }
  .modal-directories-recipients .directory-recipients__mobile {
    margin: 16px;
    padding: 12px;
    display: block;
    border-radius: 8px;
    border: 1px solid #EDEFF1;
    background: #FFF;
  }
  .modal-directories-recipients .directory-recipients__mobile-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .modal-directories-recipients .directory-recipients__mobile-wrap {
    padding-bottom: 8px;
    border-bottom: 1px solid #EDEFF1;
    width: 100%;
    margin-bottom: 8px;
  }
  .modal-directories-recipients .directory-recipients__mobile-lable {
    margin-bottom: 4px;
  }
  .modal-directories-recipients .directory-recipients__mobile-data {
    overflow: hidden;
    color: #32383c;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
  }
  .modal-directories-recipients .directory-recipients__mobile-btn {
    width: 100%;
    font-size: 14px;
  }
  .modal-directories-recipients .directory-recipients__mobile-footer .directory-recipients__mobile-wrap {
    border-bottom: none;
  }
  .modal-directories-recipients .directory-recipients__mobile-icon-dropdown {
    position: absolute;
    right: 0;
    top: 7px;
    width: 24px;
    height: 24px;
    transform: rotate(0deg);
    transition: transform 0.3s ease-out;
  }
  .modal-directories-recipients .directory-recipients__mobile .active .directory-recipients__mobile-icon-dropdown {
    transform: rotate(180deg);
    transition: transform 0.3s ease-out;
  }
}

.js-directory-recipients__mobile-accordion-content {
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.js-directory-recipients__mobile-header.active + .js-directory-recipients__mobile-accordion-content,
.js-directory-recipients__mobile-header.active + .js-directory-recipients__mobile-accordion-content + .js-directory-recipients__mobile-accordion-content {
  display: block;
  flex-direction: column;
  transition: max-height 0.8s ease-out;
}

@media (max-width: 576px) {
  .modal-directories-recipients {
    top: 50% !important;
    transform: translate(0%, -50%) !important;
  }
}
.modal-directories-recipients {
  padding: 0 !important;
  max-width: 926px;
  width: 100% !important;
  min-height: 564px;
  border: 1px solid #DBDFE4;
  border-radius: 12px !important;
}
.modal-directories-recipients *,
.modal-directories-recipients :after,
.modal-directories-recipients :before {
  box-sizing: border-box;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
.debugUrl .modal-directories-recipients *,
.debugUrl .modal-directories-recipients :after,
.debugUrl .modal-directories-recipients :before {
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif !important;
}
.modal-directories-recipients__loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(4px);
  z-index: 10000;
}
.modal-directories-recipients__loading:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url("../img/newDesign/spinner-loading.png") no-repeat center;
  animation: rotate 1s linear infinite;
  transform: translate(-50%, -50%);
}
.debugUrl .modal-directories-recipients__loading:before {
  background: url("/Content/themes/novapay/img/newDesign/spinner-loading.png") no-repeat center;
}
.modal-directories-recipients .directory-payment__container {
  position: relative;
  max-height: 570px;
  min-height: 565px;
  height: 100%;
  border-radius: 12px;
  width: 100%;
}
@media (max-width: 480px) {
  .modal-directories-recipients .directory-payment__container {
    max-height: 580px;
  }
}
.modal-directories-recipients .directory-payment__header {
  padding: 20px 14px 20px 20px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e1e6f0;
}
.modal-directories-recipients .directory-payment__header-header {
  color: #32383c;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.modal-directories-recipients .directory-payment__header-title {
  color: #32383c;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.modal-directories-recipients .directory-payment__close {
  padding: 6px;
  border: none;
  background: none;
  cursor: pointer;
}
.modal-directories-recipients .directory-payment__section-inputs {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.modal-directories-recipients .directory-payment__section-left, .modal-directories-recipients .directory-payment__section-right {
  width: 50%;
}
.modal-directories-recipients .directory-payment__label {
  margin-bottom: 8px;
}
.modal-directories-recipients .directory-payment__input-wrap {
  position: relative;
}
.modal-directories-recipients .directory-payment__icon {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 12px;
  top: 8px;
}
.modal-directories-recipients .directory-payment__select-value {
  max-height: 24px;
  overflow: hidden;
}
.modal-directories-recipients .directory-payment__search {
  width: -webkit-fill-available;
  padding-left: 40px;
}
.modal-directories-recipients .directory-payment__slider-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  border: 0.0625rem solid #DBDFE4;
  border-radius: 8px;
  padding: 4px;
}
.modal-directories-recipients .directory-payment__slider-container input[type=checkbox] {
  display: none;
}
.modal-directories-recipients .directory-payment__slider-container input[type=checkbox]:checked ~ .directory-payment__slider-bg {
  left: 50%;
}
.modal-directories-recipients .directory-payment__slider-container input[type=checkbox]:checked ~ .noTax {
  color: #767F8A;
}
.modal-directories-recipients .directory-payment__slider-container input[type=checkbox]:checked ~ .tax {
  color: #690DD3;
}
.modal-directories-recipients .directory-payment__slider-container label {
  position: relative;
  z-index: 1;
  flex: 1;
  text-align: center;
  cursor: pointer;
  color: #767F8A;
  transition: color 0.3s ease;
}
.modal-directories-recipients .directory-payment__slider-container label.noTax {
  color: #690DD3;
}
.modal-directories-recipients .directory-payment__slider-bg {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 0;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  background-color: #F5EDFF;
  border-radius: 8px;
  transition: left 0.32s ease;
}
.modal-directories-recipients .directory-payment__table-header {
  padding: 8px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #EDEFF1;
  background: #EDEFF1;
}
.modal-directories-recipients .directory-payment__table-header-data {
  color: #767F8A;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.modal-directories-recipients .directory-payment__table-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid #e1e6f0;
}
.modal-directories-recipients .directory-payment__table-body {
  overflow-y: auto;
  max-height: 325px;
}
.modal-directories-recipients .directory-payment__table-body .directory-payment__table-row:last-child {
  border-bottom: none;
}
.modal-directories-recipients .directory-payment__table-data {
  color: #32383c;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  min-width: 190px;
}
.modal-directories-recipients .directory-payment__table-btn {
  padding: 8px 12px;
  font-weight: 400;
}
.modal-directories-recipients .directory-payment__table-column1 {
  max-width: 290px;
  width: 100%;
}
.modal-directories-recipients .directory-payment__table-column2 {
  max-width: 350px;
  width: 100%;
}
.modal-directories-recipients .directory-payment__table-column3 {
  display: flex;
  justify-content: end;
  width: 100%;
}
.modal-directories-recipients .directory-payment__footer {
  padding: 12px 20px;
}
@media (max-width: 480px) {
  .modal-directories-recipients .directory-payment__footer {
    padding: 6px 20px;
  }
}
.modal-directories-recipients .directory-payment__footer-pages {
  color: #767F8A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.modal-directories-recipients .directory-payment__footer-pages span {
  color: #32383c;
  font-size: 16px;
}
@media (max-width: 480px) {
  .modal-directories-recipients .directory-payment__footer-pages span {
    font-size: 14px;
  }
}
.modal-directories-recipients .directory-payment__mobile-container {
  max-height: 310px;
  overflow-y: auto;
}
@media (max-width: 410px) {
  .modal-directories-recipients .directory-payment__mobile-container {
    max-height: 302px;
  }
}
.modal-directories-recipients .directory-payment__mobile {
  display: none;
}
@media (max-width: 768px) {
  .modal-directories-recipients .directory-payment__table {
    display: none;
  }
  .modal-directories-recipients .directory-payment__section-inputs {
    flex-direction: column;
    gap: 12px;
  }
  .modal-directories-recipients .directory-payment__section-left, .modal-directories-recipients .directory-payment__section-right {
    width: 100%;
  }
  .modal-directories-recipients .directory-payment__section-right .directory-payment__label {
    display: none;
  }
  .modal-directories-recipients .directory-payment__mobile {
    margin: 16px;
    padding: 12px;
    display: block;
    border-radius: 8px;
    border: 1px solid #EDEFF1;
    background: #FFF;
  }
  .modal-directories-recipients .directory-payment__mobile-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .modal-directories-recipients .directory-payment__mobile-wrap {
    padding-bottom: 8px;
    border-bottom: 1px solid #EDEFF1;
    width: 100%;
    margin-bottom: 8px;
  }
  .modal-directories-recipients .directory-payment__mobile-lable {
    margin-bottom: 4px;
  }
  .modal-directories-recipients .directory-payment__mobile-data {
    overflow: hidden;
    color: #32383c;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
  }
  .modal-directories-recipients .directory-payment__mobile-btn {
    width: 100%;
    font-size: 14px;
  }
  .modal-directories-recipients .directory-payment__mobile-footer .directory-payment__mobile-wrap {
    border-bottom: none;
  }
  .modal-directories-recipients .directory-payment__mobile-icon-dropdown {
    position: absolute;
    right: 0;
    top: 7px;
    width: 24px;
    height: 24px;
    transform: rotate(0deg);
    transition: transform 0.3s ease-out;
  }
  .modal-directories-recipients .directory-payment__mobile .active .directory-payment__mobile-icon-dropdown {
    transform: rotate(180deg);
    transition: transform 0.3s ease-out;
  }
}

.js-directory-payment__mobile-accordion-content {
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.js-directory-payment__mobile-accordion-content.active {
  max-height: 500px;
}

.js-directory-payment__mobile-header.active + .js-directory-payment__mobile-accordion-content,
.js-directory-payment__mobile-header.active + .js-directory-payment__mobile-accordion-content + .js-directory-payment__mobile-accordion-content {
  display: block;
  flex-direction: column;
  transition: max-height 0.8s ease-out;
}

.postpaid-container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: calc(100vh - (56px * 2) - (20px * 2));
  background: #fff;
  border-radius: 0.75rem;
}
.postpaid-container * {
  box-sizing: border-box;
}
.postpaid-container .postpaid-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  padding: 1.5rem;
  box-shadow: 0px 4px 34px 0px rgba(191, 195, 204, 0.3);
  border-bottom: 1px solid #DBDFE4;
  z-index: 1;
  border-top-right-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
  background: #fff;
}
@media (max-width: 479px) {
  .postpaid-container .postpaid-header {
    padding: 24px 12px;
  }
}
.postpaid-container .postpaid-configuration {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 991px) {
  .postpaid-container .postpaid-configuration {
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
  }
}
.postpaid-container .postpaid-configuration__cell {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.postpaid-container .postpaid-configuration__cell-select {
  width: 100%;
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .postpaid-container .postpaid-configuration__cell {
    width: 100%;
  }
}
.postpaid-container .postpaid-configuration__format .custom-select {
  width: 7.75rem;
}
@media (max-width: 1279px) {
  .postpaid-container .postpaid-configuration__format .custom-select {
    width: 85px;
  }
}
@media (max-width: 991px) {
  .postpaid-container .postpaid-configuration__format .custom-select {
    width: 100%;
    max-width: 100%;
  }
}
.postpaid-container .postpaid-configuration__generate-statement {
  padding-top: 1.5rem;
  margin-left: 0.5rem;
}
@media (max-width: 1279px) {
  .postpaid-container .postpaid-configuration__generate-statement {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .postpaid-container .postpaid-configuration__generate-statement {
    padding-top: 8px;
  }
}
.postpaid-container .postpaid-configuration__title {
  color: #767F8A;
  font-size: 14px;
}
.postpaid-container .postpaid-configuration__data-wrap {
  gap: 8px;
  display: flex;
  align-items: center;
  max-height: 40px;
  padding: 8px 12px;
  border-radius: 8px;
  width: 275px;
  border: 1px solid #DBDFE4;
  background: #FFF;
  cursor: pointer;
}
@media (max-width: 1279px) {
  .postpaid-container .postpaid-configuration__data-wrap {
    min-width: max-content;
    width: 14.625rem;
  }
}
@media (max-width: 73.75rem) {
  .postpaid-container .postpaid-configuration__data-wrap {
    min-width: 8.4375rem;
    width: auto;
  }
}
.postpaid-container .postpaid-configuration__data-icon {
  width: 24px;
  height: 24px;
}
.postpaid-container .postpaid-configuration__data-info {
  color: #32383C;
  font-family: "Fixel Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.postpaid-container .postpaid-configuration__right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1279px) {
  .postpaid-container .postpaid-configuration__right {
    gap: 10.4px;
  }
}
@media (max-width: 991px) {
  .postpaid-container .postpaid-configuration__right {
    flex-direction: column;
    width: 100%;
    gap: 1rem;
  }
}
.postpaid-container .postpaid-configuration .postpaid-select {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 21.75rem;
  min-width: 13.75rem;
  border-radius: 0.75rem;
  font-size: 14px;
  font-weight: 500;
  color: #767F8A;
  background-color: #fff;
  line-height: 1.35;
}
@media (max-width: 992px) {
  .postpaid-container .postpaid-configuration .postpaid-select {
    max-width: 100%;
  }
}
.postpaid-container .postpaid-configuration .postpaid-select__search-block {
  position: relative;
}
.postpaid-container .postpaid-configuration .postpaid-select__search-block .ico-n {
  position: absolute;
  left: 5px;
  top: 6px;
}
.postpaid-container .postpaid-configuration .postpaid-select__search-input {
  display: block;
  width: 100%;
  border-radius: 0.75rem 0.75rem 0 0;
  border-color: transparent;
  padding: 0.5rem 0.75rem 0.5rem 2rem;
  background: #FFF;
  color: #767F8A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
}
.postpaid-container .postpaid-configuration .postpaid-select__search-input:focus {
  border-color: #9b51e0;
  box-shadow: 0 0 4px rgba(155, 81, 224, 0.2);
}
.postpaid-container .postpaid-configuration .postpaid-select.open .postpaid-selector__search-input {
  display: block;
  width: 100%;
  border-color: transparent;
}
.postpaid-container .postpaid-configuration .postpaid-select.open .postpaid-select__show {
  border-color: #DBDFE4;
}
.postpaid-container .postpaid-configuration .postpaid-select.open .postpaid-select__show .icon-arrow:before {
  transform: rotate(0deg);
}
.postpaid-container .postpaid-configuration .postpaid-select.open .postpaid-select__wrapper {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(1.3rem) scaleY(1);
}
.postpaid-container .postpaid-configuration .postpaid-select.open .postpaid-select__list {
  display: block;
}
.postpaid-container .postpaid-configuration .postpaid-select .title-selected {
  width: 100%;
  font-size: 12px;
  color: #767F8A;
}
.postpaid-container .postpaid-configuration .postpaid-select .title-selected__item {
  font-size: 12px;
  font-weight: 400;
}
.postpaid-container .postpaid-configuration .postpaid-select__show {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  gap: 4px;
  min-height: 2.5rem;
  padding: 0.55rem 2.625rem 0.55rem 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid #DBDFE4;
  cursor: pointer;
}
.postpaid-container .postpaid-configuration .postpaid-select__show .icon-arrow {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  opacity: 1;
  transform: translateY(-50%);
}
.postpaid-container .postpaid-configuration .postpaid-select__show .icon-arrow:before {
  content: "";
  position: relative;
  display: block;
  height: 1rem;
  width: 1rem;
  transform: rotate(180deg);
  transition: transform 0.32s ease-out;
  background: url("../img/newDesign/icon/icon-small-up.svg") no-repeat center;
}
.debugUrl .postpaid-container .postpaid-configuration .postpaid-select__show .icon-arrow:before {
  background: url("/Content/themes/novapay/img/newDesign/icon/icon-small-up.svg") no-repeat center;
}
.postpaid-container .postpaid-configuration .postpaid-select__active-item {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 15px;
  color: #32383c;
}
.postpaid-container .postpaid-configuration .postpaid-select__wrapper {
  position: absolute;
  top: 55%;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 2.5rem;
  transition: max-height 0.32s ease-out, opacity 0.22s ease-out, transform 0.22s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transform: translateY(-0.5rem) scaleY(0);
  transform-origin: top;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: 0.75rem;
  border: 1px solid #DBDFE4;
  overflow: hidden;
  z-index: 2;
}
.postpaid-container .postpaid-configuration .postpaid-select__list-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 0;
  border-radius: 0 0 0.75rem 0.75rem;
  border-top: 1px solid #DBDFE4;
}
.postpaid-container .postpaid-configuration .postpaid-select__list {
  display: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  max-height: 23.25rem;
  list-style: none;
  background-color: #fff;
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 173, 180, 0.5);
}
.postpaid-container .postpaid-configuration .postpaid-select__list::-webkit-scrollbar-track {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.postpaid-container .postpaid-configuration .postpaid-select__list::-webkit-scrollbar-thumb {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.postpaid-container .postpaid-configuration .postpaid-select__list::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 173, 180, 0.5);
}
.postpaid-container .postpaid-configuration .postpaid-select__list li {
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  cursor: pointer;
}
.postpaid-container .postpaid-configuration .postpaid-select__list li:last-child {
  border-bottom: none;
}
.postpaid-container .postpaid-configuration .postpaid-select__list label {
  position: relative;
  display: flex;
  align-items: start;
  padding: 0.75rem;
  width: 100%;
  flex-direction: column;
  cursor: pointer;
  overflow: hidden;
}
.postpaid-container .postpaid-configuration .postpaid-select__list label:has(input[type=radio]:checked) {
  background: #f4f6f7;
}
.postpaid-container .postpaid-configuration .postpaid-select__list label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: #f4f6f7;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.32s ease, height 0.32s ease;
}
.postpaid-container .postpaid-configuration .postpaid-select__list label:hover::before {
  width: 200%;
  height: 200%;
}
.postpaid-container .postpaid-configuration .postpaid-select__list .icon-checkbox {
  display: none;
}
.postpaid-container .postpaid-configuration .postpaid-select__list .icon-checkbox::after, .postpaid-container .postpaid-configuration .postpaid-select__list .icon-checkbox::before {
  display: none;
}
.postpaid-container .postpaid-configuration .postpaid-select__list input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.postpaid-container .postpaid-configuration .postpaid-select__list input[type=radio]:checked + .icon-checkbox::after {
  opacity: 1;
}
.postpaid-container .postpaid-configuration .postpaid-select .form-check-content {
  display: flex;
  flex-wrap: wrap;
}
.postpaid-container .postpaid-configuration .postpaid-select .form-check-name {
  position: relative;
  display: block;
  width: 100%;
  color: #000000;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
}
.postpaid-container .postpaid-configuration .postpaid-select .form-check-index {
  position: relative;
  font-size: 12px;
}
.postpaid-container .postpaid-configuration .postpaid-select .empty-filter {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  color: #000000;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
}
.postpaid-container .postpaid-configuration .btn-generate-statement {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  width: 13.875rem;
  gap: 0.5rem;
  background-color: #690DD3;
  color: #FFF;
  transition: background-color 0.22s ease-out;
  cursor: pointer;
  border: none;
}
.postpaid-container .postpaid-configuration .btn-generate-statement:hover {
  background-color: #5E1CAB;
  transition: background-color 0.42s ease-out;
  color: #FFF !important;
}
.postpaid-container .postpaid-configuration .btn-generate-statement:active {
  background-color: #5E1CAB;
  transition: background-color 0.42s ease-out;
  color: #FFF !important;
}
.postpaid-container .postpaid-configuration .btn-generate-statement__disabled, .postpaid-container .postpaid-configuration .btn-generate-statement:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
@media (max-width: 73.75rem) {
  .postpaid-container .postpaid-configuration .btn-generate-statement {
    width: 100%;
    padding: 8px 10px;
  }
}
.postpaid-container__notification {
  min-height: 46.75rem;
}
.postpaid-container__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.postpaid-container__empty-title {
  color: #464B53;
  text-align: center;
  font-family: "Fixel Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 12px;
}
.postpaid-container__empty-description {
  color: #767F8A;
  text-align: center;
  font-family: "Fixel Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.postpaid-container .notification-message {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  padding: 0.75rem;
  background: #fff;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
@media (max-width: 992px) {
  .postpaid-container .notification-message {
    padding-bottom: 2.281rem;
    padding-top: 2.281rem;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
  }
}
.postpaid-container .notification-message__images {
  display: block;
  margin: 0 auto 1.25rem auto;
}
.postpaid-container .notification-message .notification-message-title {
  margin: 0 0 1rem 0;
  color: #464B53;
}
.postpaid-container .notification-message__instruction {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #767F8A;
}
@media (max-width: 992px) {
  .postpaid-container .notification-message__instruction {
    font-size: 12px;
  }
}
.postpaid-container .notification-message .instruction-item:not(:last-of-type) {
  padding-bottom: 0.5rem;
}
.postpaid-container .notification-message__form {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #767F8A;
  padding: 0 12px;
}
.postpaid-container .notification-message__form-link {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-weight: 500;
  color: #690DD3;
}
@media (max-width: 1100px) {
  .postpaid-container .notification-message__form {
    position: relative;
    margin-top: 24px;
    bottom: 0;
  }
}
.postpaid-container .notification-video {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  background: #E1CFF6;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
@media (max-width: 992px) {
  .postpaid-container .notification-video {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
}
.postpaid-container .notification-video .video-instruction {
  display: block;
}
.postpaid-container .notification-video .video-instruction img {
  display: block;
  width: 100%;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
@media (max-width: 992px) {
  .postpaid-container .notification-video .video-instruction img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
}
.postpaid-container .postpaid-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - (56px * 2) - (20px * 2));
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 173, 180, 0.5);
}
.postpaid-container .postpaid-content::-webkit-scrollbar-track {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.postpaid-container .postpaid-content::-webkit-scrollbar-thumb {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.postpaid-container .postpaid-content::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 173, 180, 0.5);
}
@media (max-height: 56.25rem) {
  .postpaid-container .postpaid-content {
    max-height: 100%;
  }
}
.postpaid-container .postpaid-content__header {
  width: 100%;
  padding: 1.5rem 1.5rem 0.5rem;
  font-size: 14px;
  color: #767F8A;
  border-bottom: 1px solid #DBDFE4;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-content__header {
    border-bottom: none;
    padding: 2rem 1.5rem 0.75rem;
  }
}
.postpaid-container .postpaid-content__table {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-content {
    padding: 0;
  }
}
.postpaid-container .postpaid-table__row {
  display: grid;
  grid-template-columns: 3rem 1fr 1fr 9.063rem;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #DBDFE4;
}
.postpaid-container .postpaid-table__row.blurred-bg {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
  z-index: 0;
}
.postpaid-container .postpaid-table__row.blurred-bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  filter: blur(7px);
  backdrop-filter: blur(2px);
  z-index: 1;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__row {
    display: flex;
    flex-direction: column;
    padding: 0 0 1.5rem 0;
    gap: 0;
  }
}
.postpaid-container .postpaid-table__time-point {
  margin-top: 3px;
}
.postpaid-container .postpaid-table__cell {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell {
    padding-bottom: 0.75rem;
  }
}
.postpaid-container .postpaid-table__cell--icon {
  justify-content: center;
  padding: 0.75rem;
  background: #F5EDFF;
  border-radius: 0.5rem;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell--icon {
    display: none;
  }
}
.postpaid-container .postpaid-table__cell--info {
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
}
.postpaid-container .postpaid-table__cell--info .info-title {
  margin-bottom: 0.25rem;
  font-size: 16px;
  color: #32383c;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell--info .info-title {
    margin-bottom: 1rem;
  }
}
.postpaid-container .postpaid-table__cell--info .info-notification {
  font-size: 12px;
  color: #767F8A;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell--info {
    position: relative;
    order: 2;
    padding: 0 0.75rem 0.75rem;
  }
  .postpaid-container .postpaid-table__cell--info:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0.75rem;
    width: calc(100% - (12px * 2));
    height: 1px;
    background: #DBDFE4;
  }
}
.postpaid-container .postpaid-table__cell--time {
  font-size: 12px;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell--time {
    order: 1;
    padding-top: 0;
  }
}
.postpaid-container .postpaid-table__cell--time .ico-n {
  margin-right: 0.25rem;
}
.postpaid-container .postpaid-table__cell--time .time-point {
  position: relative;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  display: flex;
  align-items: center;
  min-width: 99.5px;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell--time .time-point {
    width: 100%;
    border-radius: 0;
    text-align: center;
  }
}
.postpaid-container .postpaid-table__cell--time .time-point:hover .tooltip-content, .postpaid-container .postpaid-table__cell--time .time-point.active .tooltip-content {
  visibility: visible;
  opacity: 1;
}
.postpaid-container .postpaid-table__cell--time.indicator-sufficient-time .time-point {
  color: #7F560F;
  background: #FFF5DD;
}
.postpaid-container .postpaid-table__cell--time.indicator-limit-time .time-point {
  color: #C6261A;
  background: #FFEBEA;
}
.postpaid-container .postpaid-table__cell--time .tooltip-content {
  position: absolute;
  bottom: 120%;
  left: 50%;
  width: 13.813rem;
  transform: translateX(-50%);
  background: #202427;
  color: #fff;
  padding: 6px 8px;
  border-radius: 0.25rem;
  font-size: 11px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 100;
  text-align: center;
}
.postpaid-container .postpaid-table__cell--time .tooltip-content:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #202427 transparent transparent transparent;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell--time .tooltip-content:after {
    left: 92%;
    transform: translateX(-93%);
  }
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell--time .tooltip-content {
    left: 0;
    transform: translateX(-84%);
  }
}
.postpaid-container .postpaid-table__cell--action .download-btn {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  color: #464B53;
  background: #EDEFF1;
  cursor: pointer;
}
.postpaid-container .postpaid-table__cell--action .download-btn__disabled, .postpaid-container .postpaid-table__cell--action .download-btn:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.postpaid-container .postpaid-table__cell--action .download-btn:hover {
  border-color: #8222f1;
  color: #510aa3;
  background-color: #F5EDFF;
  transition: background-color 0.42s ease-out;
}
.postpaid-container .postpaid-table__cell--action .download-btn:hover .ico-n {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-download-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .postpaid-container .postpaid-table__cell--action .download-btn:hover .ico-n {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-download-hover");
}
.postpaid-container .postpaid-table__cell--action .download-btn:active {
  border-color: #510aa3;
  color: #510aa3;
  transition: background-color 0.42s ease-out;
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell--action .download-btn {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .postpaid-container .postpaid-table__cell--action {
    order: 3;
    padding: 0.75rem 0.75rem 0;
  }
}

#modalPostpaidloading .postpaid-additional-class,
#modalPostpaidError .postpaid-additional-class,
#modalPostpaidnodata .postpaid-additional-class,
#modalPostpaidProcessing .postpaid-additional-class {
  padding: 0;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid,
#modalPostpaidError .postpaid-additional-class .modal-postpaid,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid {
  justify-content: center;
  align-items: center;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid .btn-close__postpaid,
#modalPostpaidError .postpaid-additional-class .modal-postpaid .btn-close__postpaid,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid .btn-close__postpaid,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid .btn-close__postpaid {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  padding: 0.375rem;
  background: transparent;
  border: none;
  cursor: pointer;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__loading,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__loading,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__loading,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__loading {
  padding: 2.25rem 2.75rem;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__content.generate-statement,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__content.generate-statement,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__content.generate-statement,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__content.generate-statement {
  display: flex;
  justify-content: center;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__content.generate-statement span,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__content.generate-statement span,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__content.generate-statement span,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__content.generate-statement span {
  color: #464B53;
  text-align: center;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__error,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__error,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__error,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__error {
  padding: 2rem;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__error .postpaid-error__images,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__error .postpaid-error__images,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__error .postpaid-error__images,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__error .postpaid-error__images {
  display: flex;
  align-items: center;
  justify-content: center;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__error .postpaid-error__images .error-images,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__error .postpaid-error__images .error-images,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__error .postpaid-error__images .error-images,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__error .postpaid-error__images .error-images {
  width: 6.813rem;
  height: 3.125rem;
  background: url("../img/newDesign/postpaid-error.svg") no-repeat center;
}
.debugUrl #modalPostpaidloading .postpaid-additional-class .modal-postpaid__error .postpaid-error__images .error-images,
.debugUrl #modalPostpaidError .postpaid-additional-class .modal-postpaid__error .postpaid-error__images .error-images,
.debugUrl #modalPostpaidnodata .postpaid-additional-class .modal-postpaid__error .postpaid-error__images .error-images,
.debugUrl #modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__error .postpaid-error__images .error-images {
  background: url("/Content/themes/novapay/img/newDesign/postpaid-error.svg") no-repeat center;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__error .postpaid-error__content,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__error .postpaid-error__content,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__error .postpaid-error__content,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__error .postpaid-error__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__error .postpaid-error__title,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__error .postpaid-error__title,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__error .postpaid-error__title,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__error .postpaid-error__title {
  margin-bottom: 0.5rem;
  color: #ED1C24;
  font-size: 20px;
  font-weight: 600;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__error .postpaid-error__message,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__error .postpaid-error__message,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__error .postpaid-error__message,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__error .postpaid-error__message {
  font-size: 14px;
  color: #6D737E;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__no-data,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__no-data,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__no-data,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__no-data {
  padding: 2rem;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper .postpaid-no-data-images,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper .postpaid-no-data-images,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper .postpaid-no-data-images,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper .postpaid-no-data-images {
  width: 6.813rem;
  height: 3.125rem;
  background: url("../img/newDesign/postpaid-error.svg") no-repeat center;
}
.debugUrl #modalPostpaidloading .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper .postpaid-no-data-images,
.debugUrl #modalPostpaidError .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper .postpaid-no-data-images,
.debugUrl #modalPostpaidnodata .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper .postpaid-no-data-images,
.debugUrl #modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__images-wrapper .postpaid-no-data-images {
  background: url("/Content/themes/novapay/img/newDesign/postpaid-error.svg") no-repeat center;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__content,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__content,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__content,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__title,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__title,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__title,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__title {
  margin-bottom: 0.5rem;
  color: #ED1C24;
  font-size: 20px;
  font-weight: 600;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message {
  text-align: center;
  line-height: 21px;
  font-size: 14px;
  color: #6D737E;
}
@media (max-width: 460px) {
  #modalPostpaidloading .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message {
    width: 110%;
  }
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message:not(:last-of-type),
#modalPostpaidError .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message:not(:last-of-type),
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message:not(:last-of-type),
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__no-data .postpaid-no-data__message:not(:last-of-type) {
  margin-bottom: 0.25rem;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__header,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__header,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__header,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__header {
  position: relative;
  padding: 1.25rem 0.875rem 1.25rem 1.25rem;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__header .btn-close__postpaid,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__header .btn-close__postpaid,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__header .btn-close__postpaid,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__header .btn-close__postpaid {
  right: 1rem;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__title,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__title,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__title,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__title {
  font-size: 20px;
  font-weight: 600;
  color: #32383c;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__content,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__content,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__content,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__content {
  padding: 0 1.25rem 1.25rem 1.25rem;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__message,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__message,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__message,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__message {
  font-size: 15px;
  color: #32383c;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__footer,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__footer,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__footer,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__footer {
  padding: 1.25rem 1rem;
  width: 100%;
  display: flex;
  justify-content: end;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  background-color: #690DD3;
  color: #FFF;
  transition: background-color 0.22s ease-out;
  cursor: pointer;
  border: none;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button:hover,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button:hover,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button:hover,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button:hover {
  background-color: #5E1CAB;
  transition: background-color 0.42s ease-out;
  color: #FFF !important;
}
#modalPostpaidloading .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button:active,
#modalPostpaidError .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button:active,
#modalPostpaidnodata .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button:active,
#modalPostpaidProcessing .postpaid-additional-class .modal-postpaid__processing .postpaid-processing__button:active {
  background-color: #5E1CAB;
  transition: background-color 0.42s ease-out;
  color: #FFF !important;
}
#modalPostpaidloading .postpaid-additional-class .postpaid-loading,
#modalPostpaidError .postpaid-additional-class .postpaid-loading,
#modalPostpaidnodata .postpaid-additional-class .postpaid-loading,
#modalPostpaidProcessing .postpaid-additional-class .postpaid-loading {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  margin-bottom: 1.25rem;
}
#modalPostpaidloading .postpaid-additional-class .postpaid-loading__spiner,
#modalPostpaidError .postpaid-additional-class .postpaid-loading__spiner,
#modalPostpaidnodata .postpaid-additional-class .postpaid-loading__spiner,
#modalPostpaidProcessing .postpaid-additional-class .postpaid-loading__spiner {
  width: 2rem;
  height: 2rem;
  position: absolute !important;
  top: 0;
  background: url("../img/newDesign/icon/loader.png") no-repeat center center;
  animation: spin 1s linear infinite;
}
#modalPostpaidloading .postpaid-additional-class .postpaid-loading__spiner.debugUrl,
#modalPostpaidError .postpaid-additional-class .postpaid-loading__spiner.debugUrl,
#modalPostpaidnodata .postpaid-additional-class .postpaid-loading__spiner.debugUrl,
#modalPostpaidProcessing .postpaid-additional-class .postpaid-loading__spiner.debugUrl {
  background: url("/Content/themes/novapay/img/newDesign/icon/loader.png") no-repeat center center;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

#modalPostpaidProcessing .modal-content {
  max-width: 35rem;
  width: 100%;
}

@media (max-width: 576px) {
  .postpaid-additional-class {
    top: 50% !important;
    transform: translate(3%, -50%) !important;
    height: fit-content;
    border-radius: 12px !important;
    width: 94% !important;
    min-width: 200px !important;
  }
}
.icon-extracts {
  background-color: #873DDC !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-menu-extracts-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .icon-extracts {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-extracts-hover");
}

.modal-dialog.modal-extracts {
  perspective: 1200px;
  background: transparent !important;
}
.modal-dialog.modal-extracts .modal-extract {
  backface-visibility: hidden;
  background-color: #fff;
  transform-style: preserve-3d;
  will-change: transform;
  border-radius: 12px;
}
.modal-dialog.modal-extracts .modal-extract:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #DBDFE4;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  z-index: 0;
  pointer-events: none;
}
.modal-dialog.extract-error-modal .btn-close__modal, .modal-dialog.extract-confirmation-email .btn-close__modal {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  background: transparent;
}

.extracts-container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: calc(100vh - (56px * 2) - (20px * 2));
  background: #fff;
  border-radius: 0.75rem;
}
.extracts-container * {
  box-sizing: border-box;
}
.extracts-container .extracts-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - (56px * 2) - (20px * 2));
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 173, 180, 0.5);
}
.extracts-container .extracts-content::-webkit-scrollbar-track {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.extracts-container .extracts-content::-webkit-scrollbar-thumb {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.extracts-container .extracts-content::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 173, 180, 0.5);
}
@media (max-height: 56.25rem) {
  .extracts-container .extracts-content {
    max-height: 100%;
  }
}
@media (max-width: 768px) {
  .extracts-container__list {
    padding: 1.5rem 0.75rem;
  }
}
.extracts-container__list-item {
  position: relative;
  display: flex;
  padding: 1rem 1.5rem;
  border: 1px solid transparent;
}
.extracts-container__list-item:not(:last-of-type):before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #DBDFE4;
}
@media (max-width: 768px) {
  .extracts-container__list-item:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
  .extracts-container__list-item:not(:last-of-type):before {
    display: none;
  }
}
@media (max-width: 768px) {
  .extracts-container__list-item {
    flex-direction: column;
    padding: 0.75rem;
    border-radius: 0.8rem;
    border-color: #DBDFE4;
  }
}
.extracts-container__list-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background-color: #F5EDFF;
}
@media (max-width: 768px) {
  .extracts-container__list-icon {
    display: none;
    padding: 0;
    background-color: transparent;
  }
}
.extracts-container__list-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.25rem;
  padding-left: 1rem;
}
@media (max-width: 768px) {
  .extracts-container__list-content {
    position: relative;
    padding-left: 0;
  }
  .extracts-container__list-content:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #DBDFE4;
  }
}
.extracts-container .document-title {
  position: relative;
  padding-bottom: 0;
  font-size: 16px;
  color: #464B53;
  font-weight: 500;
}
@media (max-width: 768px) {
  .extracts-container .document-title {
    padding-left: 2.5rem;
    padding-bottom: 0.75rem;
  }
  .extracts-container .document-title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #873DDC !important;
    transform: translateY(-50%);
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    background-image: none;
    mask-image: url("../img/sprite.svg#icon-menu-extracts-hover");
    mask-repeat: no-repeat;
    mask-size: contain;
  }
  .debugUrl .extracts-container .document-title:before {
    mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-menu-extracts-hover");
  }
}
.extracts-container .document-description {
  font-size: 12px;
  color: #767F8A;
  font-weight: normal;
}
@media (max-width: 768px) {
  .extracts-container .document-description {
    padding-bottom: 0.75rem;
  }
}
.extracts-container__list-button {
  margin-left: auto;
}
@media (max-width: 768px) {
  .extracts-container__list-button {
    padding-top: 0.75rem;
    margin: 0 auto;
    width: 100%;
  }
}
.extracts-container .btn-extracts {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  color: #464B53;
  background: #EDEFF1;
  cursor: pointer;
}
.extracts-container .btn-extracts__disabled, .extracts-container .btn-extracts:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.extracts-container .btn-extracts:hover {
  border-color: #8222f1;
  color: #510aa3;
  background-color: #F5EDFF;
  transition: background-color 0.42s ease-out;
}
.extracts-container .btn-extracts:hover .ico-n {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#icon-download-hover");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .extracts-container .btn-extracts:hover .ico-n {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#icon-download-hover");
}
.extracts-container .btn-extracts:active {
  border-color: #510aa3;
  color: #510aa3;
  transition: background-color 0.42s ease-out;
}
@media (max-width: 768px) {
  .extracts-container .btn-extracts {
    justify-content: center;
    width: 100%;
  }
}
.extracts-container .popup-calendar-new__bg {
  z-index: 1073;
}
.extracts-container .popup-calendar-new .popup-calendar__wrap {
  transition: all 0.22s ease-in-out;
}
.extracts-container .popup-calendar-new .calendar-input-error {
  border-color: #EB4235;
}

.calendar-input-error-tooltip {
  position: absolute;
  top: -2.813rem;
  left: 0;
  padding: 0.25rem 0.75rem;
  max-width: 12.5rem;
  width: 100%;
  background: #fff;
  border: 1px solid #EB4235;
  font-size: 12px;
  color: #EB4235;
  border-radius: 0.25rem;
  z-index: 1000;
}
.calendar-input-error-tooltip:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%) rotate(0);
  border-width: 6px;
  border-style: solid;
  border-color: #EB4235 transparent transparent transparent;
}
@media (max-width: 768px) {
  .calendar-input-error-tooltip:after {
    left: 92%;
    transform: translateX(-93%);
  }
}

.modal-extract {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modal-extract * {
  box-sizing: border-box;
}
.modal-extract__header {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.25rem 1.25rem 1rem 1.25rem;
}
@media (max-width: 768px) {
  .modal-extract__header {
    padding: 0.75rem 0.75rem 0 0.75rem;
  }
}
.modal-extract__header:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #DBDFE4;
}
@media (max-width: 768px) {
  .modal-extract__header:before {
    z-index: 1;
  }
}
.modal-extract__header-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-extract__header-filter {
  position: relative;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (max-width: 768px) {
  .modal-extract__header-filter {
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  .modal-extract__header-filter:before {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    left: -0.75rem;
    width: calc(100% + 24px);
    height: 1px;
    background-color: #DBDFE4;
  }
}
@media screen and (max-height: 667px) {
  .modal-extract__filters {
    height: 21rem;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(168, 173, 180, 0.5);
  }
  .modal-extract__filters::-webkit-scrollbar-track {
    background: rgba(168, 173, 180, 0.5);
    border-radius: 0.25rem;
  }
  .modal-extract__filters::-webkit-scrollbar-thumb {
    background: rgba(168, 173, 180, 0.5);
    border-radius: 0.25rem;
  }
  .modal-extract__filters::-webkit-scrollbar-thumb:hover {
    background: rgba(168, 173, 180, 0.5);
  }
}
.modal-extract__title {
  margin: 0;
}
@media (max-width: 768px) {
  .modal-extract__title {
    font-size: 15px;
  }
}
.modal-extract__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  height: 100%;
}
@media (max-width: 768px) {
  .modal-extract__content {
    display: none;
    padding: 0 0.75rem;
    margin-top: 1rem;
  }
}
.modal-extract__content .document-result {
  height: 100%;
  padding: 1.25rem 1.25rem 0 1.25rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 173, 180, 0.5);
}
.modal-extract__content .document-result::-webkit-scrollbar-track {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.modal-extract__content .document-result::-webkit-scrollbar-thumb {
  background: rgba(168, 173, 180, 0.5);
  border-radius: 0.25rem;
}
.modal-extract__content .document-result::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 173, 180, 0.5);
}
.modal-extract__content .document-result .content-pdf {
  height: 100%;
}
.modal-extract__content .document-result .pdf-frame-wrapper {
  width: 100%;
  background: #fff;
  display: block;
  overflow-y: auto;
  padding: 10px 0 10px 0;
}
.modal-extract__content .document-result .pdf-canvas {
  display: block;
  margin: 0 auto 20px auto;
  max-width: 100%;
  width: 100%;
  height: auto;
  border: 1px solid #DBDFE4;
}
.modal-extract__content .emptyState {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 22.813rem;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .modal-extract__content .emptyState {
    max-width: 100%;
    padding: 0 1rem;
  }
}
.modal-extract__content .emptyState__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .modal-extract__content .emptyState__icon {
    padding-bottom: 0.5rem;
  }
  .modal-extract__content .emptyState__icon .ico-n {
    width: 60px;
    height: 60px;
  }
}
.modal-extract__content .emptyState__title {
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 17px;
  color: #767F8A;
  font-weight: 500;
}
@media (max-width: 768px) {
  .modal-extract__content .emptyState__title {
    font-size: 14px;
  }
}
.modal-extract__content .emptyState__description {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: #767F8A;
}
@media (max-width: 768px) {
  .modal-extract__content .emptyState__description {
    font-size: 12px;
  }
}
.modal-extract__document-result {
  height: 100%;
}
.modal-extract__filter-panel {
  display: flex;
  flex-direction: row;
  padding: 1.25rem 0;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .modal-extract__filter-panel {
    padding: 0.75rem 0;
    flex-direction: column;
    gap: 1rem;
  }
}
.modal-extract__company-dropdown {
  padding: 0;
}
.modal-extract__company-dropdown.account-payment__sender-dropdown {
  padding: 0;
  width: 50%;
}
@media (max-width: 768px) {
  .modal-extract__company-dropdown.account-payment__sender-dropdown {
    width: 100%;
  }
}
.modal-extract__company-dropdown .company-dropdown-title {
  padding-bottom: 0.5rem;
}
.modal-extract__company-dropdown .title-selected__item {
  display: none;
}
.modal-extract__company-dropdown .sender-dropdown-container__select-allItem {
  position: relative;
}
.modal-extract__company-dropdown .sender-dropdown-container__select-allItem label {
  position: relative;
  display: flex;
  align-items: start;
  padding: 0.75rem;
  width: 100%;
  flex-direction: column;
  cursor: pointer;
  overflow: hidden;
}
.modal-extract__company-dropdown .sender-dropdown-container__select-allItem .form-check-content {
  padding-left: 1.75rem;
}
.modal-extract__account-list {
  padding: 0;
  border: none;
  width: 50%;
  max-width: 20.75rem;
}
@media (max-width: 768px) {
  .modal-extract__account-list {
    width: 100%;
    max-width: 100%;
  }
}
.modal-extract__account-list .extract-sender-account-block {
  width: 100%;
}
.modal-extract__account-list .title-selected__item {
  display: none;
}
.modal-extract__account-list .account-dropdown-title {
  padding-bottom: 0.5rem;
}
.modal-extract__account-list .sender-dropdown-container {
  width: 100%;
}
.modal-extract__account-list .sender-dropdown-container__select-allItem {
  position: relative;
}
.modal-extract__account-list .sender-dropdown-container__select-allItem label {
  position: relative;
  display: flex;
  align-items: start;
  padding: 0.75rem;
  width: 100%;
  flex-direction: column;
  cursor: pointer;
  overflow: hidden;
}
.modal-extract__account-list .sender-dropdown-container__select-allItem .form-check-content {
  padding-left: 1.75rem;
}
@media (max-width: 768px) {
  .modal-extract__account-list .sender-dropdown-container__list {
    max-height: 11.25rem;
  }
}
.modal-extract__receiver-account-dropdown {
  width: 50%;
}
@media (max-width: 768px) {
  .modal-extract__receiver-account-dropdown {
    width: 100%;
  }
}
.modal-extract__receiver-account-dropdown .receiver-dropdown-title {
  padding-bottom: 0.5rem;
}
.modal-extract__receiver-account-dropdown .sender-dropdown-container {
  width: 100%;
}
.modal-extract__receiver-account-dropdown .sender-dropdown-container .title-selected__item {
  display: none;
}
.modal-extract__receiver-account-dropdown .account-payment__sender-dropdown {
  padding: 0;
}
.modal-extract__receiver-account-dropdown .disabled-dropdown.section-button {
  pointer-events: none;
  opacity: 0.8;
  cursor: default;
}
.modal-extract__receiver-account-dropdown[data-tooltip-content] {
  position: relative;
  cursor: pointer;
}
.modal-extract__receiver-account-dropdown[data-tooltip-content]:hover:after {
  content: attr(data-tooltip-content);
  position: absolute;
  top: 110%;
  left: 50%;
  color: #fff;
  padding: 6px 8px;
  border-radius: 0.25rem;
  white-space: nowrap;
  font-size: 11px;
  transform: translateX(-50%);
  margin-top: 6px;
  pointer-events: none;
  background: #202427;
  z-index: 1000;
}
.modal-extract__receiver-account-dropdown[data-tooltip-content]:hover:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  border-width: 6px;
  border-style: solid;
  border-color: #202427 transparent transparent transparent;
}
.modal-extract__receiver-account-dropdown .sender-dropdown-container__select-allItem {
  position: relative;
}
.modal-extract__receiver-account-dropdown .sender-dropdown-container__select-allItem label {
  position: relative;
  display: flex;
  align-items: start;
  padding: 0.75rem;
  width: 100%;
  flex-direction: column;
  cursor: pointer;
  overflow: hidden;
}
.modal-extract__receiver-account-dropdown .sender-dropdown-container__select-allItem .form-check-content {
  padding-left: 1.75rem;
}
.modal-extract .counterparty-account-dropdown .sender-dropdown-container__show,
.modal-extract .counterparty-account-dropdown .sender-dropdown-container__wrapper {
  max-width: 18.8rem;
  padding-right: 0.75rem;
}
@media (max-width: 768px) {
  .modal-extract .counterparty-account-dropdown .sender-dropdown-container__show,
.modal-extract .counterparty-account-dropdown .sender-dropdown-container__wrapper {
    width: calc(100% - 52px);
  }
}
.modal-extract .counterparty-account-dropdown .sender-dropdown-container__show .form-check-name,
.modal-extract .counterparty-account-dropdown .sender-dropdown-container__wrapper .form-check-name {
  max-width: 15.5rem;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-extract .counterparty-account-dropdown .sender-dropdown-container .sender-dropdown-container__show {
  position: static;
}
.modal-extract .counterparty-account-dropdown .sender-dropdown-container .icon-arrow {
  height: 2.5rem;
  width: 2.5rem;
  position: absolute;
  top: 1.25rem;
  right: 2px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F1F2F4;
}
.modal-extract .counterparty-account-dropdown .sender-dropdown-container .icon-arrow:before {
  transform: rotate(0deg);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#user-group");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .modal-extract .counterparty-account-dropdown .sender-dropdown-container .icon-arrow:before {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#user-group");
}
.modal-extract .counterparty-account-dropdown .sender-dropdown-container.open .icon-arrow:before {
  transform: rotate(0deg);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../img/sprite.svg#cross-user-group");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.debugUrl .modal-extract .counterparty-account-dropdown .sender-dropdown-container.open .icon-arrow:before {
  mask-image: url("/Content/themes/novapay/img/sprite.svg#cross-user-group");
}
.modal-extract .counterparty-account-dropdown .disabled {
  pointer-events: none;
  opacity: 0.5;
  position: relative;
}
.modal-extract__report-filter {
  display: flex;
  flex-direction: row;
  padding: 0 0;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .modal-extract__report-filter {
    padding: 0.75rem 0;
    flex-direction: column;
    gap: 1rem;
  }
}
.modal-extract .report-calendar {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 17.18rem;
}
@media (max-width: 768px) {
  .modal-extract .report-calendar {
    max-width: 100%;
  }
}
.modal-extract .report-calendar__title {
  padding-bottom: 0.5rem;
}
.modal-extract .report-calendar__data-wrap {
  display: flex;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
}
.modal-extract .report-calendar__calendar-period {
  font-size: 1rem;
  font-weight: 500;
  color: #32383c;
}
.modal-extract .report-turnover-type,
.modal-extract .report-period-step,
.modal-extract .report-operation-type,
.modal-extract .report-grouping-transaction {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: max-content;
}
.modal-extract .report-turnover-type__title,
.modal-extract .report-period-step__title,
.modal-extract .report-operation-type__title,
.modal-extract .report-grouping-transaction__title {
  padding-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .modal-extract .report-turnover-type,
.modal-extract .report-period-step,
.modal-extract .report-operation-type,
.modal-extract .report-grouping-transaction {
    max-width: 100%;
  }
}
.modal-extract__footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 1rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  background-color: #fff;
  box-shadow: 0px 4px 34px 0px rgba(191, 195, 204, 0.3);
}
@media (max-width: 768px) {
  .modal-extract__footer {
    padding: 0.75rem;
    justify-content: normal;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.modal-extract__footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #DBDFE4;
}
.modal-extract__footer .btn-extract-active {
  margin-left: auto;
}
.modal-extract__footer .btn-send-email {
  gap: 0.5rem;
  color: #202427;
}
.modal-extract__footer .btn-send-email:hover {
  border-color: #8222f1;
  background-color: #F5EDFF;
  color: #510aa3;
  transition: background-color 0.42s ease-out;
}
.modal-extract__footer .btn-send-email:hover .ico-n {
  background-color: #510aa3 !important;
}
@media (max-width: 768px) {
  .modal-extract__footer .btn-send-email {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .modal-extract__footer .btn-create-extract,
.modal-extract__footer .btn-download-extract {
    width: 100%;
  }
}
.modal-extract .extract-document__slider {
  padding-top: 1.25rem;
}
.modal-extract__error {
  padding: 2rem;
}
.modal-extract__error .extract-error__images {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-extract__error .extract-error__images .error-images {
  width: 6.813rem;
  height: 3.125rem;
  background: url("../img/newDesign/postpaid-error.svg") no-repeat center;
}
.debugUrl .modal-extract__error .extract-error__images .error-images {
  background: url("/Content/themes/novapay/img/newDesign/postpaid-error.svg") no-repeat center;
}
.modal-extract__error .extract-error__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-extract__error .extract-error__title {
  margin-bottom: 0.5rem;
  color: #ED1C24;
  font-size: 20px;
  font-weight: 600;
}
.modal-extract__error .extract-error__message {
  font-size: 14px;
  color: #6D737E;
}
.modal-extract__loading {
  padding: 2.25rem 2.75rem;
}
.modal-extract__loading .extract-loading {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  margin-bottom: 1.25rem;
}
.modal-extract__loading .extract-loading__spiner {
  width: 2rem;
  height: 2rem;
  position: absolute !important;
  top: 0;
  background: url("../img/newDesign/icon/loader.png") no-repeat center center;
  animation: spin 1s linear infinite;
}
.modal-extract__loading .extract-loading__spiner.debugUrl {
  background: url("/Content/themes/novapay/img/newDesign/icon/loader.png") no-repeat center center;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.modal-extract__confirmations-email {
  padding: 1rem;
}
@media (max-width: 768px) {
  .modal-extract__confirmations-email .modal-extract__content {
    padding: 0;
    display: flex;
  }
}
.modal-extract__confirmations-email .btn-extracts__close {
  z-index: 1;
}
.modal-extract__confirmations-email .email-sub-title {
  padding-right: 2.5rem;
  padding-bottom: 0.5rem;
}
.modal-extract__confirmations-email .email-send-block {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal-extract__confirmations-email .extract-email-input {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
  width: calc(100% - 50px);
  min-height: 2.5rem;
  padding: 0.55rem 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid #DBDFE4;
  cursor: pointer;
}
.modal-extract__confirmations-email .extract-email-input:focus {
  border-color: #690DD3;
}
.modal-extract__confirmations-email .btn-edit-email {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 9px;
  background: #f4f6f7;
  border: 1px solid transparent;
  transform: translateY(-50%);
}
.modal-extract__confirmations-email .btn-edit-email:hover {
  border: 1px solid #DBDFE4;
}
.modal-extract__confirmations-email .btn-edit-email:hover .ico-n {
  background-color: #690DD3 !important;
}
.modal-extract__confirmations-email .email-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.5rem;
}
.modal-extract__confirmations-email .invalid-feedback {
  position: absolute;
  bottom: -1.25rem;
  padding-top: 0.5rem;
  display: none;
  font-size: 12px;
  color: #EB4235;
}
.modal-extract__confirmations-email .is-invalid {
  border-color: #EB4235;
}
.modal-extract__confirmations-email .is-invalid ~ .invalid-feedback {
  display: block !important;
  color: #EB4235;
}

.extract__slider-info {
  position: absolute;
  bottom: -3rem;
  left: 50%;
  display: flex;
  align-items: center;
  transform: translateX(-50%);
  width: fit-content;
}
.extract__slider-info .extract-slider-counter {
  padding: 0.5rem 1.5rem;
  width: 9.75rem;
  border-radius: 0.5rem;
  background: rgba(244, 246, 247, 0.5);
  backdrop-filter: blur(4.5px);
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.extract__slider-info .slick-arrow {
  position: relative;
  height: 2rem;
  width: 2rem;
  border-radius: 0.5rem;
  background: rgba(244, 246, 247, 0.5);
  backdrop-filter: blur(4.5px);
  transform: none;
}
.extract__slider-info .slick-arrow:before {
  display: none;
}
.extract__slider-info .slick-arrow:hover {
  background: rgba(244, 246, 247, 0.35);
}
.extract__slider-info .slick-arrow .ico-n {
  background-color: #fff;
}

.extract-filter__title {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 768px) {
  .extract-filter__title {
    font-size: 14px;
  }
}
.extract-filter__subtitle-description {
  margin-top: 0.25rem;
  font-size: 12px;
}
@media (max-width: 768px) {
  .extract-filter__subtitle-description {
    display: none;
  }
}

.extract-footer__signature-label {
  padding-left: 2rem;
}
.extract-footer__lable-text {
  font-weight: 600;
  font-size: 15px;
}

.popup-calendar-new * {
  box-sizing: border-box;
}

.isActiveDataBtn {
  border: 1px solid #690DD3 !important;
  background: #F5EDFF !important;
}

.account-statement {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: calc(100vh - (56px * 2) - (20px * 2));
  background: #fff;
  border-radius: 0.75rem;
  will-change: transform;
}
.account-statement * {
  box-sizing: border-box;
}
.account-statement__config {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  border-bottom: 1px solid #DBDFE4;
  border-top-right-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .account-statement__config {
    padding: 1.5rem 0.75rem;
    gap: 1rem;
  }
}
.account-statement__balance, .account-statement__actions {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .account-statement__balance, .account-statement__actions {
    flex-direction: column;
    align-items: self-start;
    gap: 0.5rem;
  }
}
.account-statement__balance-info .balance-title,
.account-statement__balance-info .balance-current-period {
  font-size: 14px;
  color: #767F8A;
  font-weight: 500;
}
.account-statement__balance-info .balans-tooltip {
  position: relative;
  cursor: pointer;
}
.account-statement__balance-info .balans-tooltip .tooltip-text {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1000;
  visibility: hidden;
  border-radius: 0.25rem;
  padding: 0;
  transform: translateX(-50%);
  transition: all 0.32s;
  white-space: nowrap;
  opacity: 0;
  background-color: #333;
  color: #fff;
}
.account-statement__balance-info .balans-tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.account-statement__balance-info .balans-tooltip .ico-n {
  background-color: #690DD3 !important;
}
.account-statement__balance-info .balans-tooltip:hover .tooltip-text {
  bottom: 26px;
  visibility: visible;
  opacity: 1;
  font-size: 14px;
  padding: 6px 8px;
}
.account-statement__blocked-funds {
  display: flex;
  color: #EB4235;
  font-size: 14px;
}
.account-statement .blocked-funds__count,
.account-statement .blocked-funds {
  padding-right: 0.25rem;
}
.account-statement__balance-limit-count {
  padding-bottom: 0.5rem;
}
.account-statement__balance-limit-count .title {
  color: #32383c;
}
.account-statement__balance-limit-count .coins-type,
.account-statement__balance-limit-count .currency {
  font-size: 24px;
  color: #767F8A;
}
.account-statement__balance-accounts {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.account-statement__balance-accounts .sender-dropdown-container__select-allItem {
  position: relative;
}
.account-statement__balance-accounts .sender-dropdown-container__select-allItem label {
  position: relative;
  display: flex;
  align-items: start;
  padding: 0.75rem;
  width: 100%;
  flex-direction: column;
  cursor: pointer;
  overflow: hidden;
}
.account-statement__balance-accounts .sender-dropdown-container__select-allItem .form-check-content {
  padding-left: 1.75rem;
}
.account-statement__balance-accounts .account-payment__sender-dropdown {
  padding: 0;
}
.account-statement__balance-accounts .account-payment__sender-dropdown .account-dropdown-title {
  font-size: 14px;
  color: #767F8A;
  font-weight: 500;
  padding-bottom: 0.5rem;
}
.account-statement__balance-accounts .title-selected__item {
  display: none;
}
@media (max-width: 768px) {
  .account-statement__balance-accounts {
    width: 100%;
  }
}
.account-statement__arrested-toggle {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 1.75rem;
  cursor: pointer;
}
.account-statement__arrested-toggle .form-check-name {
  font-size: 15px;
  color: #32383c;
}
.account-statement__arrested-toggle .icon-checkbox {
  position: absolute;
  top: 50%;
  left: 0;
  float: none;
  font-size: 0;
  height: 1.125rem;
  width: 1.125rem;
  transform: translateY(-50%);
}
.account-statement__arrested-toggle .icon-checkbox::after, .account-statement__arrested-toggle .icon-checkbox::before {
  content: "";
  position: absolute;
  height: 1.125rem;
  width: 1.125rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.account-statement__arrested-toggle .icon-checkbox::before {
  border-radius: 0.25rem;
  border: 1px solid #DBDFE4;
  background: #fff;
  transition: background 0.42s ease, border-color 0.3s ease;
}
.account-statement__arrested-toggle .icon-checkbox::after {
  background: url("../img/newDesign/icon/ico-checkbox.svg") no-repeat center center;
  opacity: 0;
  transition: opacity 0.42s ease;
}
.debugUrl .account-statement__arrested-toggle .icon-checkbox::after {
  background: url("/Content/themes/novapay/img/newDesign/icon/ico-checkbox.svg") no-repeat;
}
.account-statement__arrested-toggle input[type=checkbox] {
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.account-statement__arrested-toggle input[type=checkbox]:checked + .icon-checkbox::after {
  opacity: 1;
}
@media (max-width: 768px) {
  .account-statement__period {
    width: 100%;
  }
}
.account-statement__period .report-calendar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .account-statement__period .report-calendar {
    max-width: 100%;
    flex-direction: row;
    align-items: self-start;
    flex-wrap: wrap;
  }
}
.account-statement__period .report-calendar__title {
  font-size: 17px;
  font-weight: 500;
  color: #32383c;
}
.account-statement__period .report-calendar__data-wrap {
  display: flex;
  padding: 0.5rem 0.75rem;
  min-width: 17.188rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  cursor: pointer;
}
@media (max-width: 768px) {
  .account-statement__period .report-calendar__data-wrap {
    width: calc(100% - 3.25rem);
    min-width: auto;
  }
}
.account-statement__period .report-calendar__data-info {
  display: flex;
  align-items: center;
}
.account-statement__period .report-calendar__calendar-period {
  font-size: 1rem;
  font-weight: 500;
  color: #32383c;
  background: transparent;
  border: none;
  cursor: pointer;
}
.account-statement__period .report-calendar .btn-clear-period {
  border: 1px solid #DBDFE4;
  background-color: transparent;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0;
}
.account-statement__period .report-calendar .btn-clear-period:hover {
  background-color: #f5edff;
  transition: background-color 0.42s ease-out;
  border-color: #5E1CAB;
  color: #5E1CAB;
}
.account-statement .popup-calendar-new__bg {
  z-index: 1073;
}
.account-statement .popup-calendar-new .popup-calendar__wrap {
  transition: all 0.22s ease-in-out;
}
.account-statement__btn-group {
  display: flex;
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .account-statement__btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    padding-top: 0.5rem;
  }
}
.account-statement__btn-group .btn {
  height: fit-content;
  min-height: 2.5rem;
  padding: 0 1.4rem;
  font-size: 14px;
  border: 1px solid transparent;
  color: #464B53;
}
.account-statement__btn-group .btn:hover {
  border-color: #DBDFE4;
}
@media (max-width: 768px) {
  .account-statement__btn-group .btn.btn-extract, .account-statement__btn-group .btn.btn-data-export {
    flex: 1 1 48%;
  }
}
.account-statement__btn-group .btn.btn-export {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #fff;
}
.account-statement__btn-group .btn.btn-export .ico-n {
  background-color: #fff !important;
}
.account-statement__btn-group .btn.btn-export:hover {
  border-color: #5E1CAB;
}
@media (max-width: 768px) {
  .account-statement__btn-group .btn {
    flex: 1 1 100%;
  }
}
.account-statement__result {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.25rem;
  height: 100%;
}
.account-statement__result-empty {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.account-statement__result-empty .emptyState {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 22.813rem;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .account-statement__result-empty .emptyState {
    max-width: 100%;
    padding: 0 1rem;
  }
}
.account-statement__result-empty .emptyState__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.25rem;
}
.account-statement__result-empty .emptyState__title {
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 17px;
  color: #767F8A;
  font-weight: 500;
}
.account-statement__result-empty .emptyState__description {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: #767F8A;
}
@charset "UTF-8";
/* Slider */
/* 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-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 {
  max-width: 975px !important;
  max-height: 740px;
}

.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-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;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  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;
}
@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff" 2);
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Medium"), local("FixelText-Medium"), url("../fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Medium"), local("FixelText-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Bold"), local("FixelText-Bold"), url("../fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Bold"), local("FixelText-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Black"), local("FixelText-Black"), url("../fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Black"), local("FixelText-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Regular"), local("FixelText-Regular"), url("../fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Regular"), local("FixelText-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Light"), local("FixelText-Light"), url("../fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Light"), local("FixelText-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Thin"), local("FixelText-Thin"), url("../fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Thin"), local("FixelText-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@media (max-width: 1200px) {
  .d-none-xl {
    display: none !important;
  }

  .d-block-xl {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .d-none-lg {
    display: none !important;
  }

  .d-block-lg {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .d-none-md {
    display: none !important;
  }

  .d-block-md {
    display: block !important;
  }
}
@media (max-width: 576px) {
  .d-none-sm {
    display: none !important;
  }

  .d-block-sm {
    display: block !important;
  }
}
@media (max-width: 0px) {
  .d-none-xs {
    display: none !important;
  }

  .d-block-xs {
    display: block !important;
  }
}
.newDesign .confirm {
  display: flex;
  padding: 24px 0px;
  height: 100%;
  gap: 15px;
}
@media (max-width: 767px) {
  .newDesign .confirm {
    padding: 24px 0 100px 0;
  }
}
.newDesign .confirm__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
}
@media (max-width: 1700px) {
  .newDesign .confirm__column {
    justify-content: center;
  }
}
@media (min-width: 1700px) {
  .newDesign .confirm__column {
    align-items: end;
  }
}
.newDesign .confirm__auth {
  padding: 24px;
  max-width: 450px;
  width: 100%;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 4px 34px 0px rgba(191, 195, 204, 0.3);
}
.newDesign .confirm__description {
  margin-top: 12px;
  max-width: 380px;
}
.newDesign .confirm__form {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.newDesign .confirm__field {
  display: flex;
  flex-direction: column;
}
.newDesign .confirm__inp {
  margin-top: 8px;
}
.newDesign .confirm__sign-in {
  width: 100%;
  margin-top: 40px;
}
.newDesign .confirm__methods {
  padding: 24px 24px 32px;
  max-width: 450px;
  width: 100%;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 4px 34px 0px rgba(191, 195, 204, 0.3);
}
.newDesign .confirm__subtitle {
  text-align: center;
}
.newDesign .confirm__action {
  margin-top: 12px;
  display: flex;
  gap: 12px;
  width: 100%;
}
.newDesign .confirm__btn-method {
  width: 100%;
}
.newDesign .confirm-sms__wrap-code {
  position: relative;
  margin-top: 8px;
  display: flex;
  gap: 16px;
}
.newDesign .confirm-sms__inp-validation {
  position: absolute;
  top: 39px;
}
.newDesign .confirm-sms__inp, .newDesign .confirm-sms__time-wrap {
  width: 50%;
}
.newDesign .confirm-sms__sign-in {
  margin-top: 10px;
  width: 100%;
}
.newDesign .confirm-sms__sign-in-confirm {
  margin-top: 40px;
  width: 100%;
}
.newDesign .confirm-sms__time-wrap {
  display: flex;
  align-items: center;
}
.newDesign .confirm-sms__resend {
  padding: 11px 13px;
}
.newDesign .confirm-sms__timer {
  color: #202427;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.newDesign .confirm-sms__timer-text {
  font-weight: 400;
}
@media (max-width: 479px) {
  .newDesign .container {
    padding: 0;
    height: 100%;
    background: #FFF;
  }
  .newDesign .confirm__column {
    gap: 0;
  }
  .newDesign .confirm__auth {
    padding: 44px 0 36px;
    box-shadow: none;
    border-radius: 0;
  }
  .newDesign .confirm__methods {
    padding: 0 0 32px;
    box-shadow: none;
    border-radius: 0;
  }
  .newDesign .confirm__description {
    font-size: 14px;
  }
  .newDesign .confirm__action {
    flex-direction: column;
    gap: 12px;
  }
  .newDesign .confirm-sms__wrap-code {
    gap: 14px;
  }
  .newDesign .confirm-sms__inp {
    width: 40%;
  }
  .newDesign .confirm-sms__time-wrap {
    width: 60%;
  }
  .newDesign .confirm-sms__resend {
    width: 100%;
    padding: 11px;
  }
}
@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff" 2);
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Medium"), local("FixelText-Medium"), url("../fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Medium"), local("FixelText-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Bold"), local("FixelText-Bold"), url("../fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Bold"), local("FixelText-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Black"), local("FixelText-Black"), url("../fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Black"), local("FixelText-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Regular"), local("FixelText-Regular"), url("../fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Regular"), local("FixelText-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Light"), local("FixelText-Light"), url("../fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Light"), local("FixelText-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Thin"), local("FixelText-Thin"), url("../fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Thin"), local("FixelText-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@media (max-width: 1200px) {
  .d-none-xl {
    display: none !important;
  }

  .d-block-xl {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .d-none-lg {
    display: none !important;
  }

  .d-block-lg {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .d-none-md {
    display: none !important;
  }

  .d-block-md {
    display: block !important;
  }
}
@media (max-width: 576px) {
  .d-none-sm {
    display: none !important;
  }

  .d-block-sm {
    display: block !important;
  }
}
@media (max-width: 0px) {
  .d-none-xs {
    display: none !important;
  }

  .d-block-xs {
    display: block !important;
  }
}
.newDesign .confirm-ecp__enterprise, .newDesign .confirm-ecp__container, .newDesign .confirm-ecp__password-wrap {
  padding-left: 0px;
  padding-right: 0px;
}
.newDesign .confirm-ecp__text-chose {
  display: none;
}
.newDesign .confirm-ecp__br {
  display: none;
}
.newDesign .confirm-ecp__enterprise {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.newDesign .confirm-ecp__select-enterprise {
  width: 100%;
  padding-left: 0;
}
.newDesign .confirm-ecp__select-enterprise .k-dropdown-wrap {
  border-radius: 8px !important;
  border: 1px solid #DBDFE4;
  background: #FFF;
  display: flex;
  align-items: center;
  padding: 8px 35px 8px 12px;
  height: 40px;
  overflow: hidden;
  color: #32383c;
  font-feature-settings: "case" on;
  text-overflow: ellipsis;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.newDesign .confirm-ecp__select-enterprise .k-dropdown {
  border: 1px solid transparent !important;
  border-radius: 8px !important;
}
.newDesign .confirm-ecp__select-enterprise .k-dropdown:focus, .newDesign .confirm-ecp__select-enterprise .k-dropdown:hover {
  border: 1px solid #690DD3 !important;
}
.newDesign .confirm-ecp__select-enterprise .k-list > .k-state-selected.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  color: #32383c !important;
  text-overflow: ellipsis;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  border-bottom: 1px solid #DBDFE4;
  background: #f4f6f7 !important;
}
.newDesign .confirm-ecp__select-enterprise .k-animation-container {
  max-width: 400px !important;
  width: 90%;
}
@media (max-width: 470px) {
  .newDesign .confirm-ecp__select-enterprise .k-animation-container {
    width: 89% !important;
  }
}
.newDesign .confirm-ecp__select-enterprise .k-animation-container .k-list-container {
  width: 99% !important;
}
@media (max-width: 470px) {
  .newDesign .confirm-ecp__select-enterprise .k-animation-container .k-list-container {
    width: 100% !important;
  }
}
.newDesign .confirm-ecp__select-enterprise .k-icon {
  transition: transform 0.3s ease;
  pointer-events: none;
  margin-top: 7px;
  background: url("../img/newDesign/icon/arrow_down_small.svg") no-repeat center !important;
  transform-origin: center;
}
.debugUrl .newDesign .confirm-ecp__select-enterprise .k-icon {
  background: url("/Content/themes/novapay/img/newDesign/icon/arrow_down_small.svg") no-repeat center !important;
}
.newDesign .confirm-ecp__select-enterprise .k-icon:hover {
  transform: rotate(180deg);
}
.newDesign .confirm-ecp__select-enterprise .k-select:focus,
.newDesign .confirm-ecp__select-enterprise .k-select:hover + .k-icon {
  transform: translateY(-50%) rotate(180deg);
  fill: #007bff;
}
.newDesign .confirm-ecp__validation-text {
  margin-top: 16px;
}
.newDesign .confirm-ecp__type-wrap {
  min-width: 100%;
  display: flex;
  padding: 4px;
  gap: 4px;
  flex-direction: row;
  border-radius: 8px;
  border: 1px solid #DBDFE4;
  background: #FFF;
  margin-bottom: 16px;
}
.newDesign .confirm-ecp__container {
  width: 100%;
  flex-wrap: wrap;
}
.newDesign .confirm-ecp__type-ecp {
  display: flex;
  flex-direction: column;
}
.newDesign .confirm-ecp__btn {
  width: 50%;
  border-radius: 8px;
  background: #FFF;
  color: #767F8A;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border: none;
  text-transform: capitalize;
}
.newDesign .confirm-ecp__btn:hover {
  border: 1px solid #DBDFE4 !important;
  background: #F5EDFF !important;
  color: #690DD3 !important;
  border-radius: 4px !important;
  text-transform: capitalize !important;
}
@media (max-width: 600px) {
  .newDesign .confirm-ecp__btn {
    font-size: 16px !important;
  }
}
.newDesign .confirm-ecp__password-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  margin-bottom: -12px;
}
.newDesign .confirm-ecp__password-wrap .icon {
  position: relative !important;
  left: 0px;
  top: 10px !important;
}
.newDesign .confirm-ecp__password-block {
  width: 100%;
  margin-top: 0 !important;
  padding-left: 0;
}
.newDesign .confirm-ecp__lable-text {
  display: block !important;
  text-align: start;
  margin-bottom: 8px;
}
.newDesign .confirm-ecp__action-btns {
  display: none;
}
.newDesign .confirm-ecp__description {
  margin-top: 8px;
  color: #767F8A;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.newDesign .confirm-ecp__token-descriotion {
  display: block !important;
}
.newDesign .confirm-ecp__fake-field {
  display: block !important;
  width: 47%;
  border-radius: 8px;
  border: 1px solid #DBDFE4;
  background: #f4f6f7;
  height: 37.5px;
  margin-bottom: -37.5px;
}
.newDesign .confirm-ecp__form-control {
  height: 40px !important;
  padding: 8px 12px !important;
  width: 100% !important;
  font-size: 15px !important;
  color: #32383c !important;
  max-width: 100% !important;
}
.newDesign .confirm-ecp__form-control:focus {
  outline: none;
}
.newDesign .confirm-ecp__icon-password {
  display: none;
}
.newDesign .confirm-ecp__file-block {
  width: 100%;
  padding-left: 0;
}
.newDesign .confirm-ecp__file-block .k-upload {
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
  background: none;
  border: none;
  height: 37.5px;
  margin-bottom: -1px;
}
.newDesign .confirm-ecp__file-block .k-upload-button {
  border-radius: 8px !important;
  border: 1px solid #DBDFE4;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  width: 50%;
  color: #202427;
  font-feature-settings: "case" on;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  max-height: 40px;
}
@media (max-width: 450px) {
  .newDesign .confirm-ecp__file-block .k-upload-button {
    font-size: 13px;
  }
}
.newDesign .confirm-ecp__file-block .k-upload-button::before {
  position: relative;
  content: "";
  width: 20px;
  height: 20px;
  left: -8px;
  background: url("../img/newDesign/icon/arrow-down.svg") no-repeat;
}
.debugUrl .newDesign .confirm-ecp__file-block .k-upload-button::before {
  background: url("/Content/themes/novapay/img/newDesign/icon/arrow-down.svg") no-repeat;
}
.newDesign .confirm-ecp__file-block .k-upload-files {
  display: flex;
  flex-direction: column;
  line-height: normal;
  border-width: 0;
  gap: 5px;
  width: 48%;
}
.newDesign .confirm-ecp__file-block .k-file {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 8px;
  border: 1px solid var(--System-Gray-NEW-300---Stroke, #DBDFE4);
  background: #f4f6f7;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}
.newDesign .confirm-ecp__file-block .k-file .k-filename {
  padding-bottom: 0;
  margin-left: 0;
}
.newDesign .confirm-ecp__file-block .k-i-exe {
  display: none;
}
.newDesign .k-widget.k-dropdown[aria-expanded=false] .k-icon.k-i-arrow-s {
  transform: rotate(180deg);
  transition: transform 0.3s;
}
.newDesign .k-animation-container .k-list-container {
  max-width: 100% !important;
}
@media (max-width: 991px) {
  .newDesign body .tablet .k-animation-container {
    max-width: 100% !important;
    width: 100%;
  }
}
.newDesign .selected {
  border: 1px solid #DBDFE4 !important;
  border-radius: 4px !important;
  background: #F5EDFF !important;
  color: #690DD3 !important;
  text-transform: capitalize !important;
}
.newDesign div ::-webkit-scrollbar-track {
  background: #e8ecef;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.newDesign div ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #A8ADB4;
}
.newDesign div ::-webkit-scrollbar-thumb:window-inactive {
  background: #A8ADB4;
}
.newDesign .options-subtitle {
  color: #767F8A;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.newDesign .options-title {
  color: #32383c;
  text-overflow: ellipsis;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
@media (max-width: 500px) {
  .newDesign .k-filename {
    min-width: 120px;
  }
}

.new-popup .k-window-titlebar {
  background: #690DD3;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
}
.new-popup .generalDetails {
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  color: #32383c;
  line-height: 15px;
}
.new-popup .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 16px;
  border-radius: 8px;
  line-height: 1.2;
  text-align: center;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.new-popup .btn__disabled, .new-popup .btn:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.new-popup .btn:focus {
  outline: none;
  transition: all 0.42s ease-out;
}
.new-popup .btn:focus-visible {
  outline: none;
  border: none;
}
.new-popup .btn-primary-bg {
  border: none;
  background-color: #690DD3;
  color: #FFF;
  transition: background-color 0.22s ease-out;
  box-shadow: none;
}
.new-popup .btn-primary-bg:hover {
  background-color: #8222f1;
  transition: background-color 0.42s ease-out;
}
.new-popup .btn-primary-bg:active {
  background-color: #510aa3;
  transition: background-color 0.42s ease-out;
}
@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Bold"), local("FixelDisplay-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Medium"), local("FixelDisplay-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Bold"), local("FixelDisplay-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Black"), local("FixelDisplay-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Black.woff2") format("woff" 2);
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Regular"), local("FixelDisplay-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Light"), local("FixelDisplay-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display";
  src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("../fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display";
    src: local("Fixel Display Thin"), local("FixelDisplay-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Display Extra";
  src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Display Extra";
    src: local("Fixel Display Extra Light"), local("FixelDisplay-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelDisplay-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Bold"), local("FixelText-ExtraBold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraBold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Medium"), local("FixelText-Medium"), url("../fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Medium"), local("FixelText-Medium"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Bold"), local("FixelText-Bold"), url("../fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Bold"), local("FixelText-Bold"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Black"), local("FixelText-Black"), url("../fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Black"), local("FixelText-Black"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Regular"), local("FixelText-Regular"), url("../fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Regular"), local("FixelText-Regular"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Light"), local("FixelText-Light"), url("../fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Light"), local("FixelText-Light"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text";
  src: local("Fixel Text Thin"), local("FixelText-Thin"), url("../fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text";
    src: local("Fixel Text Thin"), local("FixelText-Thin"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: "Fixel Text Extra";
  src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("../fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  .debugUrl {
    font-family: "Fixel Text Extra";
    src: local("Fixel Text Extra Light"), local("FixelText-ExtraLight"), url("/Content/themes/novapay/fonts/newDesign/fixel-Font/FixelText-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
}
@media (max-width: 1200px) {
  .d-none-xl {
    display: none !important;
  }

  .d-block-xl {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .d-none-lg {
    display: none !important;
  }

  .d-block-lg {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .d-none-md {
    display: none !important;
  }

  .d-block-md {
    display: block !important;
  }
}
@media (max-width: 576px) {
  .d-none-sm {
    display: none !important;
  }

  .d-block-sm {
    display: block !important;
  }
}
@media (max-width: 0px) {
  .d-none-xs {
    display: none !important;
  }

  .d-block-xs {
    display: block !important;
  }
}
.newDesign .auth__column {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 1700px) {
  .newDesign .auth__column {
    justify-content: center;
  }
}
@media (min-width: 1700px) {
  .newDesign .auth__column {
    justify-content: end;
  }
}
@media (max-width: 768px) {
  .newDesign .auth__column {
    padding: 0;
  }
}
.newDesign .auth-forms-container {
  position: relative;
  border-radius: 12px;
  background: #FFF;
  max-width: 450px;
  width: 100%;
  box-shadow: 0px 4px 34px 0px rgba(191, 195, 204, 0.3);
  padding: 24px 24px 32px;
}
@media (max-width: 992px) {
  .newDesign .auth-forms-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 768px) {
  .newDesign .auth-forms-container {
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0;
    justify-content: center;
    flex-direction: column;
  }
}
@media (max-width: 479px) {
  .newDesign .auth-forms-container {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.newDesign .auth__login {
  width: 100%;
}
.newDesign .auth__login.auth-recovery .auth__title {
  display: none;
}
.newDesign .auth__login.auth-recovery .forgot-password {
  display: none;
}
.newDesign .auth__login.auth-recovery .login-field {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.newDesign .auth__form {
  margin-top: 32px;
}
.newDesign .auth__form .capture {
  width: 100%;
  height: auto;
  padding: 0.5rem;
  margin-top: 0.5rem;
}
.newDesign .auth__form .capture table, .newDesign .auth__form .capture tbody {
  width: 100%;
}
.newDesign .auth__form .capture #CaptchaImage {
  margin: 0 auto;
}
.newDesign .auth__form .capture #CaptchaInputText {
  padding: 0.5rem 0.75rem;
  width: 100%;
  border-radius: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #DBDFE4;
  background: #FFF;
  color: #32383c;
  font-family: "Fixel Text", "Fixel Display", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.newDesign .auth__form .capture #CaptchaInputText:focus {
  outline: none;
}
.newDesign .auth__field {
  position: relative;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
}
.newDesign .auth__field .icon-show-password,
.newDesign .auth__field .icon-hide-password {
  position: absolute;
  right: 11px;
  top: 33px;
}
.newDesign .auth__field .icon-show-password {
  background: url("../img/newDesign/icon/Input-eye.svg") no-repeat center;
}
.newDesign .auth__field .icon-show-password.debugUrl {
  background: url("/Content/themes/novapay/img/newDesign/icon/loader.png") no-repeat center center;
}
.newDesign .auth__field .icon-hide-password {
  background: url("../img/newDesign/icon/eye-close.svg") no-repeat center;
}
.newDesign .auth__field .icon-hide-password.debugUrl {
  background: url("/Content/themes/novapay/img/newDesign/icon/eye-close.svg") no-repeat center center;
}
.newDesign .auth__inp-auth {
  margin-top: 8px;
}
.newDesign .auth__sign-in {
  cursor: pointer;
  margin-top: 48px;
  width: 100%;
}
.newDesign .forgot-password {
  display: flex;
  margin-top: 24px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  border-color: transparent;
  border: none;
  background-color: initial !important;
}
.newDesign .forgot-password:hover, .newDesign .forgot-password:focus, .newDesign .forgot-password:active {
  border-color: transparent;
}