.tippy-touch{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

@font-face {
  font-family: 'Etelka Light Pro';
  font-weight: 300;
  src: url(/_next/static/chunks/fonts/EtelkaLightPro-73bd831720e35ee5b7152ee716ea3db1.otf) format("opentype"); }

@font-face {
  font-family: 'Etelka Text Pro';
  font-weight: 400;
  src: url(/_next/static/chunks/fonts/EtelkaTextPro-d060ae651e9cc8fac5af90973677cf29.otf) format("opentype"); }

@font-face {
  font-family: 'Etelka Text Pro Bold';
  font-weight: 700;
  src: url(/_next/static/chunks/fonts/EtelkaTextProBold-2700adc61d2ec9fd3e5c4f4729e021bc.otf) format("opentype"); }

@font-face {
  font-family: 'Etelka Medium Pro';
  font-weight: 500;
  src: url(/_next/static/chunks/fonts/EtelkaMediumPro-82818eac89e685e5a44e7f1db330540c.otf) format("opentype"); }

@font-face {
  font-family: 'Etelka Medium Pro Bold';
  font-weight: 700;
  src: url(/_next/static/chunks/fonts/EtelkaMediumProBold-cafac4d73a9971427ed43d106cfccc39.otf) format("opentype"); }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important; }

html {
  position: relative;
  display: flex !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
  font-family: "Etelka Text Pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  min-height: 100%;
  background-color: #ffffff; }

body {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 100%; }

#__next {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 100%; }

.NextPage-content {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto; }
  .NextPage-content__as-box {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
  .NextPage-content__text {
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000000; }

.NextPage-drawer__content {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 100%; }
  .NextPage-drawer__content__close-button {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    appearance: none !important;
    background-color: rgba(0, 140, 61, 0.1);
    border-bottom-left-radius: 10px; }
    .NextPage-drawer__content__close-button:focus {
      outline: 0 !important; }
    .NextPage-drawer__content__close-button__icon {
      font-size: 24px;
      line-height: 24px;
      color: #657f93; }

.tippy-tooltip {
  padding: 12px 16px !important;
  background-color: #ffffff !important;
  font-family: "Etelka Text Pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #657f93;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px !important; }
  .tippy-tooltip .arrow-regular,
  .tippy-tooltip .arrow-small,
  .tippy-tooltip .arrow-big {
    border-top-color: #ffffff !important; }

/*.Compare-table {
  width: 100%;
  border: 0;
  border-spacing: 0!important;
  &__col {
    // min-height: 40px;
    //display: inline-flex;
    //justify-content: center;
    //align-items: center;
    box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.29);
    border-left: solid 1px rgba(0, 0, 0, 0.1);
    border-right: solid 1px rgba(0, 0, 0, 0.1);
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;

    &__menu {
      width: 100%;
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      color: $dark-grey-546;
      padding: 10px 5px 5px;
      opacity: .5;
      transition: all .3s ease-in-out;
      // visibility: hidden;
      svg {
        cursor: pointer;
      }

      &:hover {
        opacity: 1;
        transition: all .3s ease-in-out;
      }
    }

    &__content {
      display: flex;
      flex-direction: column;
      font-weight: bold;
      width: calc(100% - 60px);
      align-items: center;
      justify-content: center;
      height: 100%;
      min-height: 40px;
      margin-left: 30px;
      margin-right: 30px;
      color: $dark-grey-273;
      border-bottom: solid 1px rgba(0, 0, 0, .12);

      &--no-border {
        border-bottom: 0;
      }
      &--flex {
        flex-direction: row;
        flex-wrap: wrap;
      }
    }

    &__field {
      vertical-align: bottom;
      height: 100%;

      .Compare-table__col__content {
        justify-content: space-between;
        flex-direction: row;
        display: flex;
        align-items: flex-end;
        padding-bottom: 5px;
        svg {
          font-size: 12px;
          color: $dark-grey-546;
          opacity: .2;
          transition: all .3s ease-in-out;
          cursor: pointer;

          &:hover {
            opacity: 1;
            transition: all .3s ease-in-out;
          }
        }
      }
    }

    &__title {
      color: $green-008f;
      font-size: 24px;
      line-height: 28px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;

      &__separator {
        width: 45px;
        height: 1px;
        margin-top: 8px;
        background: $green-008f;
      }
    }

    &__logo {
      img {
        height: 80px;
      }
    }

    &__isin {
      font-size: 12px;
      color: $dark-grey-273;
    }
    &__label {
      display: flex;
      justify-content: center;
      img {
        height: 50px;
      }
    }

    &__sdgs {
      display: flex;
      justify-content: center;
      // border-bottom:0;
      .Sdg-box {
        margin: 8px
      }
    }

    &__type {
      color: $green-008f;
      font-size: 12px;
      border-top: solid 1px rgba(0, 0, 0, .12);
      //line-height: 150%;
      // padding-top: 6px;
      // padding-bottom: 6px;
    }

    &__review {
      color: $green-008f;
      font-size: 18px;
    }

    &__country {
      font-size: 12px;
      display: flex;
      flex-direction: row;
      //line-height: 150%;
      color: #8A959B;
      img {
        margin-right: 6px;
      }
    }

    &__currency {
      color: $green-008f;
      font-size: 18px;
      //line-height: 150%;
    }

    &__issue-size {
      color: $dark-grey-273;
      //line-height: 150%;
      font-size: 12px;
    }

    &__maturity {
      color: #8A959B;
      //line-height: 150%;
      font-size: 12px;
    }
    &--separator {
      width: 15px;
      background: transparent!important;
    }
  }
  &__first {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: solid 1px rgba(117, 117, 117, 0.31);
  }
  &__last {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    // border-bottom: solid 1px rgba(117, 117, 117, 0.31);
  }

  tr {
    td {
      // padding: 15px;
      // padding-top: 0;
      background: $grey-blue-f7fa;
      max-width: 300px;
      flex-wrap: wrap;
      // min-height: 40px;
      // box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
      // border-radius: 10px;

      &:first-child {
        background: transparent;
        box-shadow: none;
        border-radius: 0;
      }

      span {
        height: 100%;
        //background: red;
        display: flex;
        align-items: flex-start;
        // padding-bottom: 12px;
      }
    }
  }
} */
.Compare {
  display: flex;
  padding-left: 30px;
  flex-direction: column;
  overflow: hidden;
  width: 100%; }
  .Compare__empty {
    width: calc(100% - 40px);
    margin: 20px auto auto;
    padding: 60px; }
  .Compare__container {
    display: flex;
    width: 100%; }
    .Compare__container .apexcharts-legend {
      opacity: 0;
      pointer-events: none; }
    .Compare__container__graph {
      width: calc(100% - 40px);
      margin: auto;
      background: #ffffff;
      border-radius: 10px;
      margin-bottom: 20px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      display: flex;
      flex-direction: column; }
      .Compare__container__graph__container {
        width: 100%;
        padding: 40px 80px 80px; }
        .Compare__container__graph__container__isins {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin-top: 40px;
          margin-bottom: 10px;
          background: #f7fafb;
          border-radius: 10px;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
          .Compare__container__graph__container__isins__container {
            display: flex;
            width: 100%;
            padding: 0 14px 14px;
            flex-wrap: wrap; }
            .Compare__container__graph__container__isins__container__isin {
              display: flex;
              margin-right: 20px;
              align-items: center;
              font-size: 14px;
              cursor: pointer;
              margin-bottom: 8px;
              min-width: 200px; }
              .Compare__container__graph__container__isins__container__isin__checkbox {
                margin-right: 6px; }
          .Compare__container__graph__container__isins__header {
            display: flex;
            color: #008f49;
            font-size: 14px;
            line-height: 16px;
            justify-content: space-between;
            align-items: center;
            padding: 14px; }
            .Compare__container__graph__container__isins__header__action {
              font-weight: bold;
              display: flex;
              cursor: pointer;
              align-items: center; }
              .Compare__container__graph__container__isins__header__action span {
                margin-left: 5px;
                background: #008f49;
                color: #ffffff;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 21px;
                min-width: 21px;
                border-radius: 21px; }
  .Compare__switch {
    margin-left: 220px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    margin-right: 30px;
    align-items: center;
    transition: all .4s ease-in-out; }
    .Compare__switch--left {
      margin-left: 20px;
      transition: all .4s ease-in-out; }
  .Compare__legend {
    width: 200px;
    padding-right: 30px;
    margin-top: 33px; }
    .Compare__legend__row {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
      .Compare__legend__row--hidden {
        display: none; }
      .Compare__legend__row__title {
        font-size: 12px;
        display: flex;
        align-items: center;
        min-height: 40px;
        height: 100%; }
      .Compare__legend__row__action {
        cursor: pointer;
        opacity: .2;
        font-size: 12px;
        color: #54666f;
        transition: all .3s ease-in-out; }
        .Compare__legend__row__action:hover {
          opacity: 1;
          transition: all .3s ease-in-out; }
  .Compare__content {
    width: calc(100% - 200px);
    display: flex;
    overflow-x: hidden !important; }
    .Compare__content__sub {
      display: flex;
      width: 100%; }
    .Compare__content__column {
      position: relative;
      width: 100%;
      min-width: 300px;
      max-width: 300px;
      border-radius: 10px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      background: #f7fafb;
      padding: 10px 30px;
      cursor: pointer;
      margin-left: 15px;
      margin-right: 15px;
      margin-bottom: 30px;
      transition: all .3s ease-in-out; }
      .Compare__content__column__hexagon {
        pointer-events: none;
        position: absolute;
        margin-left: -30px;
        margin-top: -10px; }
      .Compare__content__column:last-child {
        margin-right: 30px; }
      .Compare__content__column:hover {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
        transition: all .3s ease-in-out; }
        .Compare__content__column:hover .Compare__content__column__row__menu {
          opacity: .2; }
      .Compare__content__column__row {
        display: flex;
        align-items: center;
        border-bottom: solid 1px rgba(0, 0, 0, 0.12);
        min-height: 40px;
        justify-content: flex-start;
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
        font-size: 12px;
        line-height: 150%;
        color: #657f93; }
        .Compare__content__column__row__cat {
          background: #ffffff;
          padding: 3px 8px;
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
          margin-right: 8px;
          border-radius: 3px; }
          .Compare__content__column__row__cat svg {
            margin-right: 5px; }
          .Compare__content__column__row__cat--green svg {
            color: #008f49; }
          .Compare__content__column__row__cat--social svg {
            color: #d3a228; }
          .Compare__content__column__row__cat--pboc svg {
            color: #008f49; }
          .Compare__content__column__row__cat--sustainable svg {
            color: #009868; }
        .Compare__content__column__row--unflex {
          flex-direction: column;
          align-items: flex-start;
          padding-top: 8px;
          padding-bottom: 8px;
          flex-wrap: nowrap; }
        .Compare__content__column__row--red {
          color: #cc1f40; }
        .Compare__content__column__row--hidden {
          display: none !important; }
        .Compare__content__column__row__menu {
          padding-top: 10px;
          min-height: 0;
          display: flex;
          width: 100%;
          justify-content: space-between;
          opacity: 0;
          border-bottom: 0;
          transition: all .3s ease-in-out; }
          .Compare__content__column__row__menu:hover {
            opacity: 1 !important;
            transition: all .3s ease-in-out; }
        .Compare__content__column__row__issuance {
          display: flex;
          flex-direction: column;
          border-bottom: 0;
          color: #008f49;
          font-size: 24px;
          line-height: 28px;
          text-align: center;
          justify-content: space-between; }
        .Compare__content__column__row__issuer {
          justify-content: center;
          min-height: 86px; }
          .Compare__content__column__row__issuer img {
            max-height: 80px;
            height: 100%;
            max-width: 100%; }
        .Compare__content__column__row__isin {
          font-size: 12px;
          color: #273b4c; }
        .Compare__content__column__row__label img {
          height: 40px; }
        .Compare__content__column__row__sdg {
          display: inline-block;
          padding-left: 8px;
          padding-right: 8px; }
          .Compare__content__column__row__sdg .Sdg-box {
            margin: 8px;
            width: 52px;
            height: 52px;
            display: inline-block; }
            .Compare__content__column__row__sdg .Sdg-box svg {
              padding: 4px; }
        .Compare__content__column__row__type {
          font-size: 12px;
          color: #008f49; }
        .Compare__content__column__row__review {
          color: #008f49; }
        .Compare__content__column__row__country {
          display: flex;
          font-size: 12px;
          color: #8A959B; }
          .Compare__content__column__row__country img {
            margin-right: 5px; }
        .Compare__content__column__row__currency {
          color: #008f49;
          font-size: 18px; }
        .Compare__content__column__row__size {
          color: #273b4c;
          font-size: 12px; }
        .Compare__content__column__row__maturity {
          color: #8A959B;
          font-size: 12px; }

.Sdg-box__color-1 {
  background: #EA1C2D; }

.Sdg-box__color-2 {
  background: #D19F2A; }

.Sdg-box__color-3 {
  background: #2D9A47; }

.Sdg-box__color-4 {
  background: #C22033; }

.Sdg-box__color-5 {
  background: #EF412A; }

.Sdg-box__color-6 {
  background: #00ADD8; }

.Sdg-box__color-7 {
  background: #FDB714; }

.Sdg-box__color-8 {
  background: #8F1838; }

.Sdg-box__color-9 {
  background: #F36E24; }

.Sdg-box__color-10 {
  background: #E01A83; }

.Sdg-box__color-11 {
  background: #F99D25; }

.Sdg-box__color-12 {
  background: #CD8B2A; }

.Sdg-box__color-13 {
  background: #48773C; }

.Sdg-box__color-14 {
  background: #007DBB; }

.Sdg-box__color-15 {
  background: #40AE49; }

.Sdg-box__color-16 {
  background: #00558A; }

.Sdg-box__color-17 {
  background: #1A3668; }

.modal {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease-in-out;
  z-index: -1; }
  .modal--visible {
    z-index: 20;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all .2s ease-in-out; }
  .modal__container_new_lient {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    width: 62% !important;
    min-height: 40px;
    margin: auto;
    height: 60%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }
    .modal__container_new_lient__header {
      height: 50px;
      display: flex;
      align-items: center;
      flex-direction: column;
      font-weight: bold;
      font-size: 18px;
      color: #657f93;
      padding-bottom: 10px;
      margin-bottom: 66px; }
      .modal__container_new_lient__header_icon {
        font-weight: 400;
        font-size: 100px;
        line-height: 72px;
        color: #008f49;
        margin-bottom: 26px; }
      .modal__container_new_lient__header_text {
        font-size: 30px;
        line-height: 35.07px; }
    .modal__container_new_lient__body {
      margin-top: 60px;
      color: #657f93;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center; }
      .modal__container_new_lient__body a {
        text-decoration: none; }
    .modal__container_new_lient__footer {
      color: #657f93;
      font-weight: bold;
      font-size: 24px;
      display: flex;
      justify-content: center;
      margin: 30px 10% 0;
      flex-wrap: wrap;
      line-height: 36px; }
      .modal__container_new_lient__footer a {
        text-decoration: none;
        cursor: pointer;
        color: #008f49; }

.input {
  margin-bottom: 24px; }
  .input-email {
    display: inline-flex;
    margin-bottom: 30px; }
  .input input {
    margin-top: 10px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    border-radius: 6px;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5px 10px; }
    .input input:focus {
      outline: 0 !important; }
  .input label {
    font-size: 12px;
    color: #292929; }

.modal-sm {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .2s ease-in-out;
  z-index: -1; }
  .modal-sm-visible {
    z-index: 20;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all .2s ease-in-out; }
  .modal-sm-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    flex-direction: column;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    height: 470px;
    width: 435px;
    min-height: 40px;
    margin: auto;
    padding: 20px; }
    .modal-sm-container-red {
      color: red; }
    .modal-sm-container-sub-header {
      width: 100%;
      font-size: 12px;
      color: #878787;
      text-align: justify; }
    .modal-sm-container-header {
      height: 20px;
      display: flex;
      width: 100%;
      align-items: center;
      font-weight: bold;
      font-size: 18px;
      color: #657f93; }
      .modal-sm-container-header svg {
        color: #008f49;
        margin-right: 12px; }
      .modal-sm-container-header h5 {
        margin: 0; }
    .modal-sm-container-body {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-sm-container-body-title {
        color: #008f49 !important;
        font-weight: bold;
        flex-direction: row !important; }
        .modal-sm-container-body-title button {
          margin-right: 16px; }
      .modal-sm-container-body-row {
        width: 100%;
        margin-top: 20px; }
        .modal-sm-container-body-row-header, .modal-sm-container-body-row-footer {
          border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
        .modal-sm-container-body-row-grey {
          background-color: #f7fafb; }
        .modal-sm-container-body-row .input input {
          height: 30px;
          font-size: smaller;
          border-radius: 4px; }
      .modal-sm-container-body-btn {
        margin-top: 16px; }
    .modal-sm-container-actions {
      display: flex;
      width: 100%;
      justify-content: left;
      gap: 20px;
      border-top: solid 1px rgba(0, 0, 0, 0.2);
      padding-top: 20px; }
      .modal-sm-container-actions button {
        padding: 16px 20px !important;
        min-width: 90px;
        height: 35px; }
      .modal-sm-container-actions--delete {
        margin-top: 15px; }
      .modal-sm-container-actions .error-message {
        color: red;
        width: 100%;
        margin: auto; }
  .modal-sm-loading {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center; }
  .modal-sm .alert-yellow {
    width: 100%;
    padding: 12px 12px;
    background-color: #f1f0ba;
    color: #292929;
    font-size: 10px;
    margin-bottom: 10px; }
  .modal-sm .alert-green {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 12px 12px;
    background-color: #9afdcf;
    color: #292929;
    font-size: 12px;
    margin-bottom: 10px; }
  .modal-sm .clt, .modal-sm .clt ul, .modal-sm .clt li {
    position: relative;
    padding-top: 0px; }
  .modal-sm .clt ul {
    list-style: none;
    padding-left: 50px; }
  .modal-sm .clt li::before, .modal-sm .clt li::after {
    content: "";
    position: absolute;
    left: -12px; }
  .modal-sm .clt li::before {
    border-top: 1px solid #000;
    top: 9px;
    width: 8px;
    height: 0; }
  .modal-sm .clt li::after {
    border-left: 1px solid #000;
    height: 100%;
    width: 0px;
    top: 2px; }
  .modal-sm .clt ul > li:last-child::after {
    height: 8px; }
  .modal-sm .line {
    font-size: 12px;
    color: #292929;
    padding-top: 15px;
    /* Reduce top padding */
    padding-left: 27px;
    /* Reduce left padding */
    margin-top: 0;
    /* Ensure there's no top margin */
    margin-bottom: 0;
    /* Remove bottom margin if any */
    justify-content: space-between;
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    align-items: flex-start;
    gap: 4px; }
  .modal-sm .toggle-switch-right {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    min-width: 80px;
    margin-top: -5px; }
  .modal-sm .modal-input-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0px;
    /* Reduce margin top */
    margin-bottom: 0;
    /* Avoid any unnecessary bottom margin */ }
  .modal-sm .modal-input {
    width: 40px;
    height: 25px;
    font-size: 10px;
    padding: 2px; }
  .modal-sm .input input {
    margin-top: 0px; }
  .modal-sm .modal-sm-container-actions {
    justify-content: center;
    margin-top: 5px; }
  .modal-sm .line-tooltip {
    display: flex;
    align-items: start;
    width: 100%;
    gap: 5px; }
  .modal-sm .modal-input-container {
    margin-top: -5px;
    margin-bottom: -20px; }
  .modal-sm .modal__container__body__cols__col__row__parent__icon {
    font-size: 14px; }

.modal-md {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .2s ease-in-out;
  z-index: -1; }
  .modal-md-visible {
    z-index: 20;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all .2s ease-in-out; }
  .modal-md-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    flex-direction: column;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    height: 500px;
    width: 530px;
    min-height: 40px;
    margin: auto;
    padding: 20px; }
    .modal-md-container-red {
      color: red; }
    .modal-md-container-sub-header {
      width: 100%;
      font-size: 12px;
      color: #878787;
      text-align: justify; }
    .modal-md-container-header {
      height: 20px;
      display: flex;
      width: 100%;
      align-items: center;
      font-weight: bold;
      font-size: 18px;
      color: #657f93; }
      .modal-md-container-header svg {
        color: #008f49;
        margin-right: 12px; }
      .modal-md-container-header h5 {
        margin: 0; }
    .modal-md-container-body {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-md-container-body-title {
        color: #008f49 !important;
        font-weight: bold;
        flex-direction: row !important; }
        .modal-md-container-body-title button {
          margin-right: 16px; }
      .modal-md-container-body-row {
        width: 100%;
        margin-top: 20px; }
        .modal-md-container-body-row-header, .modal-md-container-body-row-footer {
          border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
        .modal-md-container-body-row-grey {
          background-color: #f7fafb; }
        .modal-md-container-body-row .input input {
          height: 30px;
          font-size: smaller;
          border-radius: 4px; }
      .modal-md-container-body-btn {
        margin-top: 16px; }
    .modal-md-container-actions {
      display: flex;
      width: 100%;
      justify-content: left;
      gap: 20px;
      border-top: solid 1px rgba(0, 0, 0, 0.2);
      padding-top: 20px; }
      .modal-md-container-actions button {
        padding: 16px 20px !important;
        min-width: 90px;
        height: 35px; }
      .modal-md-container-actions--delete {
        margin-top: 15px; }
      .modal-md-container-actions .error-message {
        color: red;
        width: 100%;
        margin: auto; }
  .modal-md-loading {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center; }
  .modal-md .alert-yellow {
    width: 100%;
    padding: 12px 12px;
    background-color: #f1f0ba;
    color: #292929;
    font-size: 10px;
    margin-bottom: 10px; }
  .modal-md .alert-green {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 12px 12px;
    background-color: #9afdcf;
    color: #292929;
    font-size: 12px;
    margin-bottom: 10px; }
  .modal-md .clt, .modal-md .clt ul, .modal-md .clt li {
    position: relative;
    padding-top: 0px; }
  .modal-md .clt ul {
    list-style: none;
    padding-left: 50px; }
  .modal-md .clt li::before, .modal-md .clt li::after {
    content: "";
    position: absolute;
    left: -12px; }
  .modal-md .clt li::before {
    border-top: 1px solid #000;
    top: 9px;
    width: 8px;
    height: 0; }
  .modal-md .clt li::after {
    border-left: 1px solid #000;
    height: 100%;
    width: 0px;
    top: 2px; }
  .modal-md .clt ul > li:last-child::after {
    height: 8px; }
  .modal-md .line {
    font-size: 12px;
    color: #292929;
    padding-top: 15px;
    /* Reduce top padding */
    padding-left: 27px;
    /* Reduce left padding */
    margin-top: 0;
    /* Ensure there's no top margin */
    margin-bottom: 0;
    /* Remove bottom margin if any */
    justify-content: space-between;
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    align-items: flex-start;
    gap: 4px; }
  .modal-md .toggle-switch-right {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    min-width: 80px;
    margin-top: -5px; }
  .modal-md .modal-input-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0px;
    /* Reduce margin top */
    margin-bottom: 0;
    /* Avoid any unnecessary bottom margin */ }
  .modal-md .modal-input {
    width: 40px;
    height: 25px;
    font-size: 10px;
    padding: 2px; }
  .modal-md .input input {
    margin-top: 0px; }
  .modal-md .modal-sm-container-actions {
    justify-content: center;
    margin-top: 5px; }
  .modal-md .line-tooltip {
    display: flex;
    align-items: start;
    width: 100%;
    gap: 5px; }
  .modal-md .modal-input-container {
    margin-top: -5px;
    margin-bottom: -20px; }
  .modal-md .modal__container__body__cols__col__row__parent__icon {
    font-size: 14px; }

.modal-bg {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .2s ease-in-out;
  z-index: -1; }
  .modal-bg-visible {
    z-index: 20;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all .2s ease-in-out; }
  .modal-bg-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    flex-direction: column;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    height: 630px;
    width: 630px;
    min-height: 40px;
    margin: auto;
    padding: 20px; }
    .modal-bg-container-red {
      color: red; }
    .modal-bg-container-sub-header {
      width: 100%;
      font-size: 12px;
      color: #878787;
      text-align: justify; }
    .modal-bg-container-header {
      height: 20px;
      display: flex;
      width: 100%;
      align-items: center;
      font-weight: bold;
      font-size: 18px;
      color: #657f93; }
      .modal-bg-container-header svg {
        color: #008f49;
        margin-right: 12px; }
      .modal-bg-container-header h5 {
        margin: 0; }
    .modal-bg-container-body {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-bg-container-body-title {
        color: #008f49 !important;
        font-weight: bold;
        flex-direction: row !important; }
        .modal-bg-container-body-title button {
          margin-right: 16px; }
      .modal-bg-container-body-row {
        width: 100%;
        margin-top: 20px; }
        .modal-bg-container-body-row-header, .modal-bg-container-body-row-footer {
          border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
        .modal-bg-container-body-row-grey {
          background-color: #f7fafb; }
        .modal-bg-container-body-row .input input {
          height: 30px;
          font-size: smaller;
          border-radius: 4px; }
      .modal-bg-container-body-btn {
        margin-top: 16px; }
    .modal-bg-container-actions {
      display: flex;
      width: 100%;
      justify-content: left;
      gap: 20px;
      border-top: solid 1px rgba(0, 0, 0, 0.2);
      padding-top: 20px; }
      .modal-bg-container-actions button {
        padding: 16px 20px !important;
        min-width: 90px;
        height: 35px; }
      .modal-bg-container-actions--delete {
        margin-top: 15px; }
      .modal-bg-container-actions .error-message {
        color: red;
        width: 100%;
        margin: auto; }
  .modal-bg-loading {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center; }
  .modal-bg .alert-yellow {
    width: 100%;
    padding: 12px 12px;
    background-color: #f1f0ba;
    color: #292929;
    font-size: 10px;
    margin-bottom: 10px; }
  .modal-bg .alert-green {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 12px 12px;
    background-color: #9afdcf;
    color: #292929;
    font-size: 12px;
    margin-bottom: 10px; }
  .modal-bg .clt, .modal-bg .clt ul, .modal-bg .clt li {
    position: relative;
    padding-top: 0px; }
  .modal-bg .clt ul {
    list-style: none;
    padding-left: 50px; }
  .modal-bg .clt li::before, .modal-bg .clt li::after {
    content: "";
    position: absolute;
    left: -12px; }
  .modal-bg .clt li::before {
    border-top: 1px solid #000;
    top: 9px;
    width: 8px;
    height: 0; }
  .modal-bg .clt li::after {
    border-left: 1px solid #000;
    height: 100%;
    width: 0px;
    top: 2px; }
  .modal-bg .clt ul > li:last-child::after {
    height: 8px; }
  .modal-bg .line {
    font-size: 12px;
    color: #292929;
    padding-top: 15px;
    /* Reduce top padding */
    padding-left: 27px;
    /* Reduce left padding */
    margin-top: 0;
    /* Ensure there's no top margin */
    margin-bottom: 0;
    /* Remove bottom margin if any */
    justify-content: space-between;
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    align-items: flex-start;
    gap: 4px; }
  .modal-bg .toggle-switch-right {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    min-width: 80px;
    margin-top: -5px; }
  .modal-bg .modal-input-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0px;
    /* Reduce margin top */
    margin-bottom: 0;
    /* Avoid any unnecessary bottom margin */ }
  .modal-bg .modal-input {
    width: 40px;
    height: 25px;
    font-size: 10px;
    padding: 2px; }
  .modal-bg .input input {
    margin-top: 0px; }
  .modal-bg .modal-sm-container-actions {
    justify-content: center;
    margin-top: 5px; }
  .modal-bg .line-tooltip {
    display: flex;
    align-items: start;
    width: 100%;
    gap: 5px; }
  .modal-bg .modal-input-container {
    margin-top: -5px;
    margin-bottom: -20px; }
  .modal-bg .modal__container__body__cols__col__row__parent__icon {
    font-size: 14px; }

.portfolio-item-container-row {
  padding: 10px; }
  .portfolio-item-container-row-content {
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    height: 350px;
    width: 100%;
    background: #ffffff; }
    .portfolio-item-container-row-content-title {
      color: #008f49;
      font-size: 18px;
      line-height: 18px;
      display: flex;
      flex-direction: column; }
      .portfolio-item-container-row-content-title-update {
        width: 100%;
        color: #657f93;
        font-size: 12px;
        line-height: 150%;
        justify-content: flex-start; }
        .portfolio-item-container-row-content-title-update span {
          font-weight: bold; }
      .portfolio-item-container-row-content-title-subtitle {
        color: #000000;
        text-align: center; }
    .portfolio-item-container-row-content-info {
      margin-top: 10px;
      color: #657f93;
      font-size: 12px;
      width: 100%;
      line-height: 150%; }
      .portfolio-item-container-row-content-info span {
        font-weight: bold; }
    .portfolio-item-container-row-content-show {
      font-weight: bold;
      color: #008f49;
      font-size: 12px;
      cursor: pointer; }
    .portfolio-item-container-row-content-separator {
      width: 100%;
      height: 1px;
      background: rgba(0, 0, 0, 0.2);
      margin-top: 5px;
      margin-bottom: 5px; }
      .portfolio-item-container-row-content-separator:after {
        content: ''; }
    .portfolio-item-container-row-content-report {
      color: #657f93;
      padding: 0 10px 10px 0;
      margin-top: 20px;
      font-size: 12px;
      cursor: pointer;
      text-decoration: underline; }
    .portfolio-item-container-row-content-bottom {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: space-between;
      height: 450px; }
      .portfolio-item-container-row-content-bottom-bondnumber {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 15px;
        max-height: 200px;
        align-content: center;
        gap: 20px; }
        .portfolio-item-container-row-content-bottom-bondnumber-green {
          color: #008c3d; }
        .portfolio-item-container-row-content-bottom-bondnumber-social {
          color: #d3a228; }
        .portfolio-item-container-row-content-bottom-bondnumber-slb {
          color: #005f2f; }
        .portfolio-item-container-row-content-bottom-bondnumber-sustainable {
          color: #009cc4; }
        .portfolio-item-container-row-content-bottom-bondnumber-not-valid {
          color: red; }
      .portfolio-item-container-row-content-bottom-description {
        color: #657f93;
        font-size: 12px;
        line-height: 150%;
        width: 70%;
        min-height: 36px;
        padding-right: 15px;
        display: flex;
        max-height: 200px;
        max-width: 350px; }
      .portfolio-item-container-row-content-bottom-actions {
        width: 100%;
        color: #008f49;
        font-size: 12px;
        line-height: 12px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .portfolio-item-container-row-content-bottom-actions svg {
          margin-left: 3px;
          font-size: 18px; }
        .portfolio-item-container-row-content-bottom-actions span {
          cursor: pointer;
          margin: 5px; }
          .portfolio-item-container-row-content-bottom-actions span:hover {
            transform: scale(1.05);
            font-weight: bold; }

.portfolio-item-header {
  border-bottom: 1px solid #d1d5d8;
  padding: 15px; }
  .portfolio-item-header-actions {
    display: flex;
    width: 100%;
    justify-content: end; }
    .portfolio-item-header-actions-item {
      display: flex;
      align-items: center;
      cursor: pointer;
      color: #008c3d;
      margin-right: 10px;
      margin-left: 10px; }
      .portfolio-item-header-actions-item-text {
        font-size: 12px;
        margin-right: 10px; }
      .portfolio-item-header-actions-item-icon {
        font-size: 18px; }
    .portfolio-item-header-actions-item:hover {
      color: #005f2f; }

.portfolio-item-body {
  padding: 15px;
  min-height: 220px; }
  .portfolio-item-body-title {
    font-size: 18px;
    font-weight: 700;
    color: #008c3d; }
    .portfolio-item-body-title-icon {
      margin-right: 10px; }
  .portfolio-item-body-createDate {
    padding-top: 15px;
    font-size: 12px;
    color: #54666f; }
    .portfolio-item-body-createDate-date {
      font-weight: 700; }
  .portfolio-item-body-nb-bonds {
    padding-top: 15px;
    display: flex;
    justify-content: center;
    font-size: 18px;
    color: #54666f;
    padding-bottom: 15px;
    border-bottom: 1px solid #d1d5d8; }
    .portfolio-item-body-nb-bonds-uniq {
      padding-right: 10px; }
      .portfolio-item-body-nb-bonds-uniq-total {
        margin-right: 2px; }
    .portfolio-item-body-nb-bonds-duplic-total {
      font-weight: 700;
      margin-right: 2px; }
  .portfolio-item-body-bonds-stats {
    display: flex;
    justify-content: center;
    padding: 10px; }
  .portfolio-item-body-description {
    color: #657f93;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 15px; }

.portfolio-item-green-type-stats {
  display: flex;
  justify-content: center;
  padding: 5px;
  font-size: 12px;
  font-weight: 700; }
  .portfolio-item-green-type-stats-total {
    padding: 0px 10px; }
  .portfolio-item-green-type-stats-GREEN {
    color: #008c3d; }
  .portfolio-item-green-type-stats-SOCIAL {
    color: #d3a228; }
  .portfolio-item-green-type-stats-SUSTAINABLE {
    color: #009cc4; }
  .portfolio-item-green-type-stats-SUSTAINABILITYLINKED {
    color: #006d89; }
  .portfolio-item-green-type-stats-NOT_VALID {
    color: red; }
  .portfolio-item-green-type-stats-rightBorder {
    border-right: 1px solid #d1d5d8; }

.portfolio-item-footer {
  padding: 15px;
  display: flex;
  justify-content: end; }

.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em; }

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%); }

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em; }

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em; }

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%); }

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0); }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0); }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }

.Toastify__toast--rtl {
  direction: rtl; }

.Toastify__toast--dark {
  background: #121212;
  color: #fff; }

.Toastify__toast--default {
  background: #fff;
  color: #aaa; }

.Toastify__toast--info {
  background: #3498db; }

.Toastify__toast--success {
  background: #07bc0c; }

.Toastify__toast--warning {
  background: #f1c40f; }

.Toastify__toast--error {
  background: #e74c3c; }

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0; } }

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.Toastify__close-button--default {
  color: #000;
  opacity: 0.3; }

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px; }

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0); } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left; }

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards; }

.Toastify__progress-bar--controlled {
  transition: transform 0.2s; }

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right; }

.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }

.Toastify__progress-bar--dark {
  background: #bb86fc; }

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }

.min-size {
  width: 442px !important; }

.portfolio-modal {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  z-index: -1; }
  .portfolio-modal-visible {
    z-index: 20 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
    transition: all 0.2s ease-in-out !important; }
  .portfolio-modal-container {
    background: #ffffff;
    flex-direction: column;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    width: 1125px;
    min-height: 40px;
    margin: auto;
    padding: 20px; }
    .portfolio-modal-container-red {
      color: red; }
    .portfolio-modal-container-header {
      height: 50px;
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 18px;
      color: #657f93;
      padding-bottom: 10px;
      border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
      .portfolio-modal-container-header svg {
        color: #008f49;
        margin-right: 12px; }
    .portfolio-modal-container-body {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .portfolio-modal-container-body-title {
        color: #008f49 !important;
        font-weight: bold;
        flex-direction: row !important; }
        .portfolio-modal-container-body-title button {
          margin-right: 16px; }
      .portfolio-modal-container-body-row {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        height: 580px; }
        .portfolio-modal-container-body-row-header, .portfolio-modal-container-body-row-footer {
          border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
        .portfolio-modal-container-body-row-grey {
          background-color: #f7fafb; }
        .portfolio-modal-container-body-row-col-left {
          display: flex;
          flex-direction: column;
          width: 40%;
          align-items: flex-start;
          justify-content: flex-start;
          display: flex;
          font-size: 12px;
          color: #657f93;
          margin-left: auto;
          margin-right: auto; }
          .portfolio-modal-container-body-row-col-left a {
            color: green;
            cursor: pointer; }
            .portfolio-modal-container-body-row-col-left a:hover {
              transform: scale(1.05);
              font-weight: bold;
              text-decoration: underline; }
        .portfolio-modal-container-body-row-col-right {
          display: flex;
          flex-direction: column;
          width: 55%;
          align-items: center;
          justify-content: center;
          display: flex;
          color: #657f93;
          margin-left: auto;
          margin-right: auto; }
          .portfolio-modal-container-body-row-col-right .total-values {
            width: 100%;
            display: flex;
            justify-content: flex-end;
            margin-right: 35px;
            align-items: center; }
          .portfolio-modal-container-body-row-col-right .info {
            margin-left: 10px;
            cursor: pointer; }
            .portfolio-modal-container-body-row-col-right .info svg {
              font-size: 12px !important; }
          .portfolio-modal-container-body-row-col-right button span {
            font-size: 15px; }
          .portfolio-modal-container-body-row-col-right button svg {
            padding-top: 5px;
            font-size: 20px;
            padding-right: 5px; }
          .portfolio-modal-container-body-row-col-right-red input {
            color: red !important; }
          .portfolio-modal-container-body-row-col-right svg {
            color: green;
            font-size: 40px; }
          .portfolio-modal-container-body-row-col-right span {
            font-size: 20px;
            text-align: center; }
          .portfolio-modal-container-body-row-col-right table {
            position: relative;
            table-layout: auto;
            min-width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
            border: none !important; }
            .portfolio-modal-container-body-row-col-right table thead {
              position: relative; }
            .portfolio-modal-container-body-row-col-right table tr {
              height: 45px;
              color: #008c3d; }
            .portfolio-modal-container-body-row-col-right table th,
            .portfolio-modal-container-body-row-col-right table td {
              margin: 0; }
              .portfolio-modal-container-body-row-col-right table th input,
              .portfolio-modal-container-body-row-col-right table td input {
                text-align: center;
                color: #657f93;
                padding: 0;
                margin: 0;
                border: 0; }
          .portfolio-modal-container-body-row-col-right-bar {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: center;
            flex-wrap: wrap;
            width: 100%;
            margin: 3px;
            padding: 5px; }
            .portfolio-modal-container-body-row-col-right-bar-pagination {
              text-align: center;
              margin: auto; }
              .portfolio-modal-container-body-row-col-right-bar-pagination span {
                font-size: 12px !important; }
              .portfolio-modal-container-body-row-col-right-bar-pagination button {
                border: 0;
                background: transparent; }
            .portfolio-modal-container-body-row-col-right-bar-add {
              margin: auto; }
              .portfolio-modal-container-body-row-col-right-bar-add button {
                color: green;
                width: 100%;
                border: 0;
                background: transparent;
                cursor: pointer; }
                .portfolio-modal-container-body-row-col-right-bar-add button:hover {
                  transform: scale(1.05);
                  font-weight: bold; }
        .portfolio-modal-container-body-row span {
          margin-bottom: 3%; }
      .portfolio-modal-container-body-btn {
        margin-top: 16px; }
      .portfolio-modal-container-body-info {
        display: none;
        height: 60px;
        font-size: 14px;
        color: #657f93;
        align-items: center; }
        .portfolio-modal-container-body-info span {
          font-weight: bold;
          margin-left: 6px; }
      .portfolio-modal-container-body-cols {
        display: flex;
        width: 100%;
        margin-top: 26px; }
        .portfolio-modal-container-body-cols-col {
          display: flex;
          flex-direction: column;
          width: 50%; }
          .portfolio-modal-container-body-cols-col-row {
            display: flex;
            align-items: center;
            font-size: 12px;
            color: #657f93;
            margin-bottom: 8px; }
            .portfolio-modal-container-body-cols-col-row button {
              margin-right: 16px; }
            .portfolio-modal-container-body-cols-col-row-parent {
              color: #008f49;
              font-weight: bold;
              padding-left: 0; }
              .portfolio-modal-container-body-cols-col-row-parent-icon {
                margin-left: 10px;
                font-size: 20px; }
    .portfolio-modal-container-delete {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    .portfolio-modal-container-row {
      margin-top: 10px;
      display: inline-flex; }
    .portfolio-modal-container-info {
      font-size: 11px;
      color: #273b4c; }
    .portfolio-modal-container-inputs {
      display: inline-flex;
      flex-direction: column;
      color: #657f93;
      width: 100%; }
      .portfolio-modal-container-inputs-checkbox {
        display: flex;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px; }
        .portfolio-modal-container-inputs-checkbox--frequencies {
          display: flex;
          width: 100%;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 30px !important; }
        .portfolio-modal-container-inputs-checkbox-item {
          display: flex;
          width: 100%;
          align-items: center; }
          .portfolio-modal-container-inputs-checkbox-item button {
            margin-right: 5px; }
        .portfolio-modal-container-inputs-checkbox-label {
          padding-left: 10px; }
    .portfolio-modal-container-message {
      color: #657f93;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .portfolio-modal-container-title {
      color: #657f93;
      font-weight: bold;
      line-height: 22px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .portfolio-modal-container-title--left {
        justify-content: flex-start; }
      .portfolio-modal-container-title svg {
        color: #009868;
        font-size: 18px;
        line-height: 18px;
        margin-right: 6px; }
    .portfolio-modal-container-error {
      margin-top: 5px;
      background: #ffffff;
      border-radius: 6px;
      display: inline-flex;
      height: 40px;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      color: #cc1f40; }
    .portfolio-modal-container-input {
      margin-top: 10px;
      border: solid 1px rgba(0, 0, 0, 0.2);
      background: #ffffff;
      border-radius: 6px;
      display: inline-flex;
      height: 40px;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 5px 10px; }
      .portfolio-modal-container-input-email {
        display: inline-flex;
        margin-bottom: 30px; }
      .portfolio-modal-container-input input {
        width: 100%;
        border: none; }
        .portfolio-modal-container-input input:focus {
          outline: 0 !important; }
    .portfolio-modal-container-textarea {
      margin-top: 15px;
      margin-bottom: 30px;
      border: solid 1px rgba(0, 0, 0, 0.2);
      background: #ffffff;
      border-radius: 6px;
      display: flex;
      min-height: 120px;
      padding: 5px 10px;
      width: 100%; }
      .portfolio-modal-container-textarea textarea {
        border: none;
        width: 100%; }
        .portfolio-modal-container-textarea textarea:focus {
          outline: 0 !important; }
    .portfolio-modal-container-actions {
      display: flex;
      margin-top: 40px;
      justify-content: center; }
      .portfolio-modal-container-actions button {
        margin-right: 10px; }
      .portfolio-modal-container-actions--delete {
        margin-top: 15px; }
      .portfolio-modal-container-actions .error-message {
        color: red;
        width: 100%;
        margin: auto; }
    .portfolio-modal-container-error-report {
      width: 100%;
      margin-top: 5%;
      border-top: 1px solid;
      padding-top: 5%; }

.portfolio {
  display: flex;
  flex-direction: column;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); }
  .portfolio-search {
    display: flex;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; }
    .portfolio-search-container {
      border: solid 1px rgba(0, 0, 0, 0.4);
      background: #ffffff;
      border-radius: 6px;
      display: flex;
      height: 40px;
      align-items: center;
      padding: 5px; }
      .portfolio-search-container-icon {
        color: #008f49;
        font-size: 18px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .portfolio-search-container-input {
        width: 100%;
        padding-top: 1px; }
        .portfolio-search-container-input input {
          border: none; }
          .portfolio-search-container-input input:focus {
            outline: 0 !important; }
  .portfolio-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 40px);
    margin: 10px auto; }
    .portfolio-header-results {
      color: #657f93;
      font-size: 14px; }
  @media screen and (max-width: 576px) {
    .portfolio-container {
      display: flex;
      width: calc(100% - 20px);
      margin: auto;
      flex-wrap: wrap;
      justify-content: center; }
      .portfolio-container-item {
        min-width: 300px;
        max-width: 400px; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .portfolio-container {
      display: flex;
      width: calc(100% - 20px);
      margin: auto;
      flex-wrap: wrap; }
      .portfolio-container-item {
        width: 50%; } }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .portfolio-container {
      display: flex;
      width: calc(100% - 20px);
      margin: auto;
      flex-wrap: wrap; }
      .portfolio-container-item {
        width: 33.33%; } }
  @media screen and (min-width: 1400px) {
    .portfolio-container {
      display: flex;
      width: calc(100% - 20px);
      margin: auto;
      flex-wrap: wrap; }
      .portfolio-container-item {
        width: 25%; } }

.error-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  cursor: pointer;
  margin-bottom: 5px; }
  .error-list svg {
    margin-left: 20px;
    margin-top: 2px; }
  .error-list span {
    margin-left: 5px; }
  .error-list:hover {
    transform: scale(1.05);
    font-weight: bold; }

.action-delete {
  width: 100%;
  font-size: 12px !important;
  cursor: pointer;
  align-items: center; }
  .action-delete svg {
    font-size: 18px; }

.disabled-button {
  color: gray !important;
  cursor: not-allowed !important; }
  .disabled-button svg {
    color: gray !important; }

.confirm-action-btn, .confirm-action-btn-yes, .confirm-action-btn-no {
  width: auto;
  height: auto;
  border: 0;
  cursor: pointer;
  border-radius: 6px;
  background-color: #ffffff; }
  .confirm-action-btn-yes {
    color: green;
    font-weight: bold; }
  .confirm-action-btn-no {
    color: gray; }

.table-actions {
  display: flex;
  width: 72px; }

.number-cell {
  text-align: right !important; }