.GraphQLErrorMessage {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  flex: 1;
  padding: 40px 0; }
  .GraphQLErrorMessage__message {
    font-family: "Etelka Light Pro", sans-serif;
    font-weight: 300;
    font-size: 42px;
    line-height: 46px;
    color: #cc1f40; }

.Button-box {
  position: relative;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  appearance: none !important;
  padding: 16px 80px;
  border-radius: 6px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  background-color: #ffffff;
  transition: all 150ms linear;
  transform-origin: center center; }
  .Button-box:focus {
    outline: 0 !important; }
  .Button-box:hover, .Button-box:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); }
  .Button-box:focus {
    outline: 0 !important; }
  .Button-box:hover .Button-box__label-white {
    color: #005f2f; }
  .Button-box:hover .Button-box__icon-white {
    color: #005f2f; }
  .Button-box:active .Button-box__label-white {
    color: #12ca64; }
  .Button-box:active .Button-box__icon-white {
    color: #12ca64; }
  .Button-box-white {
    background-color: #ffffff; }
  .Button-box-green {
    background-color: #008c3d; }
    .Button-box-green:active {
      background-color: #12ca64; }
  .Button-box-lightWhite {
    background-color: unset;
    border: 1px solid white; }
  .Button-box-disabled {
    background-color: #d1d5d8 !important;
    cursor: not-allowed !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    transition: all 150ms linear; }
  .Button-box-with-icon {
    padding: 16px 32px; }
  .Button-box-reduced {
    padding: 16px 40px; }
  .Button-box__label {
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #008c3d;
    transition: all 150ms linear; }
    .Button-box__label-white {
      color: #008c3d; }
    .Button-box__label-green {
      color: #ffffff; }
    .Button-box__label-lightWhite {
      color: #ffffff; }
    .Button-box__label-disabled {
      color: #ffffff !important; }
  .Button-box__icon {
    font-size: 14px;
    line-height: 14px;
    color: #008c3d;
    margin-left: 8px;
    transition: all 150ms linear; }
    .Button-box__icon-white {
      color: #008c3d; }
    .Button-box__icon-green {
      color: #ffffff; }
    .Button-box__icon-lightWhite {
      color: #ffffff; }
    .Button-box__icon-disabled {
      color: #ffffff !important; }

.Checkbox-box {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  appearance: none !important;
  position: relative;
  display: inline-flex !important;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: solid 1px #d1d5d8;
  overflow: hidden !important;
  background-color: transparent; }
  .Checkbox-box:focus {
    outline: 0 !important; }
  .Checkbox-box-over {
    background-color: #d1d5d8; }
  .Checkbox-box-reduced {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px; }
  .Checkbox-box-disabled {
    background: #d1d3d4;
    cursor: not-allowed; }
  .Checkbox-box-plain {
    background-color: #d1d5d8; }
    .Checkbox-box-plain-checked {
      background-color: #008f49; }
  .Checkbox-box__checker {
    font-size: 18px;
    line-height: 18px;
    color: #008f49;
    /* ensure svg will never be the target of mouse event */
    pointer-events: none; }
    .Checkbox-box__checker-reduced {
      font-size: 12px;
      line-height: 12px;
      color: #008f49; }
    .Checkbox-box__checker-plain {
      color: #ffffff; }

.TextField-box {
  position: relative;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 6px; }
  .TextField-box-disabled {
    cursor: not-allowed !important; }
  .TextField-box__label-box {
    position: absolute;
    top: 0;
    left: 0;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    border-radius: 6px;
    border: solid 1px transparent; }
  .TextField-box__label {
    position: relative;
    display: inline-flex;
    transition: all 150ms linear;
    border: solid 1px transparent;
    background-clip: border-box; }
    .TextField-box__label-primary {
      font-family: "Etelka Light Pro", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      color: #ffffff; }
    .TextField-box__label-primary-disabled {
      font-family: "Etelka Light Pro", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      color: rgba(255, 255, 255, 0.5); }
    .TextField-box__label-secondary {
      font-family: "Etelka Light Pro", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      color: #657f93; }
    .TextField-box__label-secondary-disabled {
      font-family: "Etelka Light Pro", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      color: rgba(101, 127, 147, 0.5); }
    .TextField-box__label-shrinked {
      padding: 0 6px;
      transform: translate(-10px, -19px) scale(0.8); }
    .TextField-box__label-offset {
      padding-left: 38px; }
      .TextField-box__label-offset-shrinked {
        padding: 0 6px;
        transform: translate(-12px, -19px) scale(0.8); }
  .TextField-box__icon-box {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    padding-left: 16px; }
    .TextField-box__icon-box__icon {
      font-size: 18px;
      line-height: 18px;
      color: #ffffff; }
      .TextField-box__icon-box__icon-primary {
        color: #ffffff; }
      .TextField-box__icon-box__icon-secondary {
        color: #008c3d; }
  .TextField-box input.TextField-box__input-mini {
    background: rgba(255, 255, 255, 0.4);
    font-family: "Etelka Light Pro", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #657f93;
    border: solid 1px rgba(101, 127, 147, 0.4);
    border-radius: 6px;
    width: 100%;
    transition: all .3s ease-in-out; }
    .TextField-box input.TextField-box__input-mini:hover {
      background: #FFFFFF;
      border: solid 1px #008c3d;
      box-shadow: inset 0 0 0 1px #008c3d;
      transition: all .3s ease-in-out; }
    .TextField-box input.TextField-box__input-mini:focus {
      background: #FFFFFF;
      border: solid 1px #008c3d;
      box-shadow: inset 0 0 0 1px #008c3d;
      transition: all .3s ease-in-out; }
  .TextField-box__input {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    flex: 1;
    padding: 0 16px;
    border: 0; }
    .TextField-box__input:hover + fieldset:not(.TextField-box__fieldset-with-button).TextField-box__fieldset-primary {
      box-shadow: inset 0 0 0 1px #ffffff;
      border: solid 1px #ffffff; }
    .TextField-box__input:hover + fieldset:not(.TextField-box__fieldset-with-button).TextField-box__fieldset-secondary {
      box-shadow: inset 0 0 0 1px #008c3d;
      border: solid 1px #008c3d; }
    .TextField-box__input:hover + fieldset:not(.TextField-box__fieldset-with-button).TextField-box__fieldset-error {
      box-shadow: inset 0 0 0 1px #cc1f40;
      border: solid 1px #cc1f40; }
    .TextField-box__input:hover + fieldset.TextField-box__fieldset-primary-disabled {
      border: solid 1px rgba(101, 127, 147, 0.5); }
    .TextField-box__input:hover + fieldset.TextField-box__fieldset-secondary-disabled {
      border: solid 1px rgba(101, 127, 147, 0.5); }
    .TextField-box__input:focus {
      outline: 0 !important; }
    .TextField-box__input:focus + fieldset.TextField-box__fieldset-primary {
      box-shadow: inset 0 0 0 1px #ffffff;
      border: solid 1px #ffffff; }
    .TextField-box__input:focus + fieldset.TextField-box__fieldset-secondary {
      box-shadow: inset 0 0 0 1px #008c3d;
      border: solid 1px #008c3d; }
    .TextField-box__input:focus + fieldset.TextField-box__fieldset-error {
      box-shadow: inset 0 0 0 1px #cc1f40;
      border: solid 1px #cc1f40; }
    .TextField-box__input-primary {
      font-family: "Etelka Light Pro", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      color: #ffffff; }
    .TextField-box__input-primary-disabled {
      font-family: "Etelka Light Pro", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      color: rgba(255, 255, 255, 0.5); }
    .TextField-box__input-secondary {
      font-family: "Etelka Light Pro", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      color: #657f93; }
    .TextField-box__input-secondary-disabled {
      font-family: "Etelka Light Pro", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      color: rgba(101, 127, 147, 0.5); }
  .TextField-box__clickable-box {
    position: relative;
    display: flex !important;
    width: 41px;
    height: 100%; }
    .TextField-box__clickable-box__square {
      position: absolute;
      top: 0.5px;
      right: -1px;
      display: flex !important;
      flex-direction: column !important;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: calc(100% - 0.5px);
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      cursor: pointer !important;
      z-index: 1; }
      .TextField-box__clickable-box__square-primary {
        background-color: #ffffff; }
      .TextField-box__clickable-box__square-secondary {
        background-color: #008c3d; }
      .TextField-box__clickable-box__square__icon {
        font-size: 18px;
        line-height: 18px;
        color: #ffffff; }
        .TextField-box__clickable-box__square__icon-primary {
          color: #008c3d; }
        .TextField-box__clickable-box__square__icon-secondary {
          color: #ffffff; }
  .TextField-box__fieldset {
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    border: solid 1px transparent;
    border-radius: inherit;
    transition: all 150ms linear;
    pointer-events: none !important; }
    .TextField-box__fieldset-primary {
      border: solid 1px #ffffff; }
    .TextField-box__fieldset-primary-disabled {
      border: solid 1px rgba(101, 127, 147, 0.5); }
    .TextField-box__fieldset-secondary {
      border: solid 1px #657f93; }
    .TextField-box__fieldset-secondary-disabled {
      border: solid 1px rgba(101, 127, 147, 0.5); }
    .TextField-box__fieldset-error {
      border: solid 1px #cc1f40; }
  .TextField-box__legend {
    position: relative;
    display: block;
    opacity: 0;
    width: 0;
    transition: width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms !important;
    transform: scale(0.8); }
    .TextField-box__legend-expanded {
      width: auto; }

.Select-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 6px;
  border: solid 1px #657f93;
  background-color: #ffffff;
  transition: all 150ms linear;
  cursor: pointer !important; }
  .Select-box:focus {
    outline: 0 !important;
    border: solid 1px #008c3d;
    transition: all 0.3s ease-in-out; }
  .Select-box:hover {
    opacity: 1;
    border: solid 1px #008c3d;
    box-shadow: inset 0 0 0 1px #008c3d;
    transition: all 0.3s ease-in-out; }
  .Select-box-opened.DataExplorerFilters-box__select {
    border: solid 1px #008c3d;
    box-shadow: inset 0 0 0 1px #008c3d;
    background: #ffffff;
    transition: all 0.3s ease-in-out; }
    .Select-box-opened.DataExplorerFilters-box__select input {
      background: #ffffff;
      transition: all 0.3s ease-in-out; }
  .Select-box-disabled {
    border: solid 1px rgba(101, 127, 147, 0.5);
    cursor: not-allowed !important;
    transition: all 0.3s ease-in-out; }
    .Select-box-disabled:focus {
      outline: 0 !important;
      border: solid 1px rgba(101, 127, 147, 0.5); }
    .Select-box-disabled:hover {
      border: solid 1px rgba(101, 127, 147, 0.5); }
    .Select-box-disabled .select-box__content {
      opacity: 0.5; }
    .Select-box-disabled .select-box__icon {
      color: rgba(101, 127, 147, 0.5); }
  .Select-box-error {
    border: solid 1px #cc1f40; }
  .Select-box__content {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    border-radius: 3px; }
    .Select-box__content input {
      border: solid 1px transparent;
      width: 100%; }
      .Select-box__content input:focus {
        outline: 0 !important; }
  .Select-box__label {
    position: relative;
    display: inline-flex !important;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #657f93;
    transition: all 150ms linear; }
    .Select-box__label-shrink {
      padding: 0 6px;
      transform: translate(-10px, -26px) scale(0.8); }
  .Select-box__value-box {
    position: absolute;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% - (18px + 12px)); }
  .Select-box__value {
    position: relative;
    display: block;
    width: 100%;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #657f93;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .Select-box__icon {
    font-size: 18px;
    line-height: 18px;
    color: #008c3d;
    margin-left: 16px;
    transition: all 0.2s ease-in-out; }
    .Select-box__icon--rotated {
      transform: rotate(180deg);
      transition: all 0.2s ease-in-out; }
  .Select-box__options-box {
    position: absolute;
    display: flex;
    flex: none !important;
    top: calc(100% + 2px);
    left: -1px;
    width: calc(100% + 2px);
    z-index: 1; }
    .Select-box__options-box-top {
      top: auto;
      bottom: calc(100% + 14px); }
    .Select-box__options-box__content {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto;
      border-radius: 6px;
      background-color: #ffffff;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
      transition: all 150ms linear; }
      .Select-box__options-box__content-top {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .Select-box__options-box__options-wrapper {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto;
      max-height: 258px;
      overflow-x: hidden !important;
      background-color: #ffffff; }
  .Select-box__options {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    background-color: #ffffff; }
    .Select-box__options__container {
      display: flex;
      width: 100%;
      align-items: center; }
      .Select-box__options__container__checkbox {
        margin-right: 16px; }
  .Select-box__option {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 10px 22px;
    border: 0;
    background-color: #ffffff;
    transition: all 150ms linear;
    appearance: none !important;
    cursor: pointer !important;
    flex: none !important; }
    .Select-box__option--sub {
      padding-left: 30px; }
    .Select-box__option-selected {
      background-color: #f7fafb; }
    .Select-box__option:last-of-type {
      border-bottom: 0; }
    .Select-box__option:focus {
      outline: 0 !important; }
    .Select-box__option:hover {
      background-color: #f7fafb; }
    .Select-box__option__text {
      position: relative;
      display: flex;
      width: 100%;
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      color: #657f93;
      margin-top: 2px;
      text-align: left; }
      .Select-box__option__text__parent {
        font-weight: bold;
        color: #3b3b3b; }
      .Select-box__option__text-selected {
        color: #273b4c; }

.infinite-scroll-component__outerdiv {
  width: 100%; }

.ToggleSwitch-box {
  position: relative;
  display: inline-flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  min-width: 80px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #ffffff;
  background-color: #008c3d;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear; }
  .ToggleSwitch-box:hover, .ToggleSwitch-box:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); }
  .ToggleSwitch-box__tiny {
    height: 24px; }
  .ToggleSwitch-box__ghosts {
    position: relative;
    display: inline-flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    height: 100%; }
    .ToggleSwitch-box__ghosts__item {
      position: relative;
      display: inline-flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto;
      height: 40px;
      padding: 0 20px; }
      .ToggleSwitch-box__ghosts__item__tiny {
        height: 24px;
        padding: 0 0 0 10px; }
      .ToggleSwitch-box__ghosts__item__icon {
        font-size: 18px;
        line-height: 18px;
        color: #ffffff; }
        .ToggleSwitch-box__ghosts__item__icon-marged {
          margin-right: 6px; }
      .ToggleSwitch-box__ghosts__item__label {
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #ffffff;
        opacity: 0; }
  .ToggleSwitch-box__layers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    border-radius: 20px; }
    .ToggleSwitch-box__layers__bubble {
      position: absolute;
      top: -1px;
      left: -1px;
      height: 40px;
      border-radius: 20px;
      transition: all 200ms linear;
      background-color: #ffffff; }
      .ToggleSwitch-box__layers__bubble__tiny {
        height: 24px; }
    .ToggleSwitch-box__layers__content {
      position: relative;
      display: inline-flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: auto;
      height: auto;
      height: 100%; }
      .ToggleSwitch-box__layers__content__item {
        position: relative;
        display: inline-flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
        border: 0;
        padding: 0;
        background: transparent;
        cursor: pointer;
        appearance: none !important;
        height: 100%;
        padding: 0 20px; }
        .ToggleSwitch-box__layers__content__item:focus {
          outline: 0 !important; }
        .ToggleSwitch-box__layers__content__item__tiny {
          padding: 0 10px; }
        .ToggleSwitch-box__layers__content__item__icon {
          font-size: 18px;
          line-height: 18px;
          color: #ffffff; }
          .ToggleSwitch-box__layers__content__item__icon-marged {
            margin-right: 6px; }
          .ToggleSwitch-box__layers__content__item__icon-selected {
            color: #008c3d; }
        .ToggleSwitch-box__layers__content__item__label {
          font-family: "Etelka Text Pro", sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 16px;
          color: #ffffff;
          transition: color 150ms linear; }
          .ToggleSwitch-box__layers__content__item__label-selected {
            font-family: "Etelka Text Pro Bold", sans-serif;
            font-weight: 700;
            font-size: 14px;
            line-height: 16px;
            color: #008c3d; }
          .ToggleSwitch-box__layers__content__item__label__tiny {
            font-size: 11px;
            line-height: 10px; }

.TableList-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%; }
  .TableList-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; }
    .TableList-drawer__content__close-button:focus {
      outline: 0 !important; }
    .TableList-drawer__content__close-button__icon {
      font-size: 24px;
      line-height: 24px;
      color: #657f93; }

.TableList-box {
  position: relative;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: 100%; }
  .TableList-box__filters {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 72px;
    height: auto;
    min-height: 60px;
    background-color: transparent;
    transition: background-color 150ms linear, width 150ms linear;
    border-top-right-radius: 10px;
    overflow: hidden; }
    .TableList-box__filters-extended {
      width: 358px;
      background-color: #e6eef2; }
  .TableList-box__table {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 72px);
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    transition: width 150ms linear; }
    .TableList-box__table-extended {
      width: calc(100% - 358px); }
    .TableList-box__table-no-filters {
      width: 100%; }
    .TableList-box__table__header {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: auto;
      padding: 18px 20px; }
      .TableList-box__table__header__col {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 30%;
        height: auto; }
        .TableList-box__table__header__col-right {
          width: 70%;
          justify-content: flex-end; }
      .TableList-box__table__header__top-left-content {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        height: auto;
        margin-right: 36px; }
      .TableList-box__table__header__number-of-results {
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #657f93; }
      .TableList-box__table__header__top-right-content {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        height: auto; }
        .TableList-box__table__header__top-right-content button:not(:last-of-type) {
          margin-right: 30px; }

.loader-component {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #008c3d;
  min-height: 400px; }
  .loader-component--min {
    min-height: 40px; }

.TFilters-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto; }
  .TFilters-box__actionner {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 58px;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    appearance: none !important;
    background-color: #ffffff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
    .TFilters-box__actionner:focus {
      outline: 0 !important; }
    .TFilters-box__actionner__label {
      margin-left: -2px;
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #008c3d; }
    .TFilters-box__actionner__icon {
      font-size: 18px;
      line-height: 18px;
      color: #008c3d;
      margin-top: 6px;
      margin-left: -2px; }
  .TFilters-box__close-button {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    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-top-right-radius: 10px; }
    .TFilters-box__close-button:focus {
      outline: 0 !important; }
    .TFilters-box__close-button__icon {
      font-size: 18px;
      line-height: 18px;
      color: #008c3d; }
  .TFilters-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 32px; }

.TSelected-filters-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 20px;
  background-color: #ffffff; }
  .TSelected-filters-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 12px 16px;
    background-color: #f7fafb;
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    transition: all 150ms linear;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all .3s ease-in-out; }
    .TSelected-filters-box__content--visible {
      opacity: 1;
      height: auto;
      transition: all .3s ease-in-out; }
    .TSelected-filters-box__content__header {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: auto; }
      .TSelected-filters-box__content__header__label {
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #008c3d; }
      .TSelected-filters-box__content__header__clear-box {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto; }
        .TSelected-filters-box__content__header__clear-box__button {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: auto;
          height: auto;
          border: 0;
          padding: 0;
          background: transparent;
          cursor: pointer;
          appearance: none !important; }
          .TSelected-filters-box__content__header__clear-box__button:focus {
            outline: 0 !important; }
          .TSelected-filters-box__content__header__clear-box__button__label {
            font-family: "Etelka Medium Pro", sans-serif;
            font-weight: 500;
            font-size: 14px;
            line-height: 16px;
            color: #008c3d; }
        .TSelected-filters-box__content__header__clear-box__numbers {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: auto;
          height: 24px;
          min-width: 24px;
          margin-left: 8px;
          border-radius: 12px;
          background-color: #008c3d; }
          .TSelected-filters-box__content__header__clear-box__numbers__value {
            font-family: "Etelka Medium Pro", sans-serif;
            font-weight: 500;
            font-size: 14px;
            line-height: 16px;
            color: #ffffff;
            margin-top: 2px; }
    .TSelected-filters-box__content__tags {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto;
      flex-wrap: wrap; }

.TTag-box {
  position: relative;
  display: inline-flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  background-color: #ffffff;
  border-radius: 4px;
  margin: 10px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear; }
  .TTag-box__button {
    position: relative;
    display: inline-flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    appearance: none !important;
    padding: 6px; }
    .TTag-box__button:focus {
      outline: 0 !important; }
    .TTag-box__button__icon {
      font-size: 14px;
      line-height: 14px;
      color: #54666f; }
  .TTag-box__label {
    padding: 6px;
    padding-left: 0;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #008c3d; }

.TList-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 20px;
  border-radius: 10px; }
  .TList-box__content, .TList-box__pagination {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
  .TList-box__content {
    overflow-x: hidden !important; }
  .TList-box__table {
    position: relative;
    table-layout: auto;
    min-width: 100%;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    border-collapse: collapse;
    border-spacing: 0;
    border: none !important; }
    .TList-box__table__header, .TList-box__table__rows {
      position: relative; }
    .TList-box__table__header__col-name {
      font-family: "Etelka Medium Pro", sans-serif;
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;
      color: #273b4c; }
    .TList-box__table__header__sort-button {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      width: 14px;
      height: auto;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      appearance: none !important;
      margin-right: 6px; }
      .TList-box__table__header__sort-button:focus {
        outline: 0 !important; }
      .TList-box__table__header__sort-button__icon {
        font-size: 12px;
        line-height: 12px;
        color: #54666f;
        opacity: 0.2; }
        .TList-box__table__header__sort-button__icon-sorted {
          color: #008c3d;
          opacity: 1; }
    .TList-box__table__header__column-chooser-list {
      width: calc(100vw - 72px - (70px * 2)) !important; }
      .TList-box__table__header__column-chooser-list-with-open-filters {
        width: calc(100vw - 358px - (70px * 2)) !important; }
    .TList-box__table__row {
      min-width: 100%; }
      .TList-box__table__row-header {
        padding: 0;
        height: 60px;
        background-color: #f7fafb !important; }
      .TList-box__table__row:nth-child(odd) {
        background-color: #ffffff; }
      .TList-box__table__row:nth-child(even) {
        background-color: #f7fafb; }
      .TList-box__table__row-hoverable {
        cursor: pointer;
        transition: background-color 150ms linear; }
        .TList-box__table__row-hoverable:hover {
          background-color: #e6eef2; }
    .TList-box__table__col {
      padding: 12px 20px; }
      .TList-box__table__col-header {
        padding: 0 20px;
        text-align: inherit; }
      .TList-box__table__col__content-header-cell {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        height: auto;
        min-width: 144px;
        height: 60px; }
        .TList-box__table__col__content-header-cell-select {
          min-width: 0;
          width: 60px; }
      .TList-box__table__col__content-body-cell {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: auto;
        height: auto;
        min-width: 144px;
        min-height: 80px; }
        .TList-box__table__col__content-body-cell-select {
          min-width: 0;
          width: 60px; }
    .TList-box__table__select-box {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: auto;
      height: auto; }
      .TList-box__table__select-box:hover span.TList-box__table__select-box__label {
        opacity: 1; }
      .TList-box__table__select-box__label {
        margin-left: 8px;
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #657f93;
        transition: opacity linear 150ms;
        opacity: 0; }
    .TList-box__table__value {
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 12px;
      line-height: 14px;
      color: #657f93; }
  .TList-box__ft-scroll {
    position: sticky;
    display: block;
    bottom: 0;
    width: 100%;
    height: 18px;
    overflow-x: scroll; }
    .TList-box__ft-scroll::-webkit-scrollbar {
      -webkit-appearance: none !important;
      width: 18px !important; }
    .TList-box__ft-scroll::-webkit-scrollbar-thumb {
      border-radius: 9px !important;
      background-color: rgba(0, 0, 0, 0.5) !important; }
    .TList-box__ft-scroll__bar {
      position: relative;
      display: block;
      width: auto;
      height: 1px; }

.TColumnChooser-box {
  display: inline-flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  position: fixed !important;
  height: 60px;
  right: 32px;
  z-index: 9; }
  .TColumnChooser-box--left {
    right: auto;
    left: 20px;
    margin-top: -20px; }
  .TColumnChooser-box__button {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    appearance: none !important;
    margin-right: -14px;
    border-radius: 50%;
    background-color: #ffffff;
    transform-origin: center center;
    transition: all 150ms linear;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    transition: all 150ms linear;
    z-index: 9; }
    .TColumnChooser-box__button:focus {
      outline: 0 !important; }
    .TColumnChooser-box__button:hover, .TColumnChooser-box__button:active {
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); }
    .TColumnChooser-box__button:hover {
      margin-right: 0; }
    .TColumnChooser-box__button-extended {
      width: 70px;
      height: 70px;
      margin-right: 0; }
    .TColumnChooser-box__button__icon {
      font-size: 18px;
      line-height: 18px;
      color: #008c3d;
      transition: all 150ms linear; }
      .TColumnChooser-box__button__icon-extended {
        font-size: 24px;
        line-height: 24px;
        color: #008c3d; }
  .TColumnChooser-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding-right: 20px; }
    .TColumnChooser-box__content-closed {
      display: none !important; }
    .TColumnChooser-box__content__ghost {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: pointer; }
  .TColumnChooser-box__list {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 200px);
    height: auto;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    transition: all 150ms linear; }
    .TColumnChooser-box__list__presets {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: space-evenly;
      align-items: center;
      width: 100%;
      height: auto;
      padding-top: 20px; }
    .TColumnChooser-box__list__hexagon {
      position: absolute;
      right: 0;
      bottom: 0; }
    .TColumnChooser-box__list__label {
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 20px;
      line-height: 24px;
      color: #008c3d; }
    .TColumnChooser-box__list__items {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto;
      margin-top: 40px; }
      .TColumnChooser-box__list__items__row {
        position: relative;
        display: flex;
        width: 100%;
        color: #657f93; }
        .TColumnChooser-box__list__items__row__col {
          position: relative;
          display: flex;
          width: 33.3333%; }
          .TColumnChooser-box__list__items__row__col__parent__section {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            font-family: "Etelka Text Pro Bold", sans-serif;
            font-weight: 700;
            font-size: 18px;
            line-height: 20px;
            color: #008c3d; }
            .TColumnChooser-box__list__items__row__col__parent__section .Checkbox-box {
              margin-right: 8px; }
          .TColumnChooser-box__list__items__row__col__parent__child {
            display: flex;
            flex-direction: column; }
            .TColumnChooser-box__list__items__row__col__parent__child__row {
              display: flex;
              align-items: center;
              margin-bottom: 20px; }
              .TColumnChooser-box__list__items__row__col__parent__child__row .Checkbox-box {
                margin-right: 8px; }
              .TColumnChooser-box__list__items__row__col__parent__child__row__parent {
                display: flex;
                flex-direction: row; }
  .TColumnChooser-box__legend {
    margin-top: -40px;
    background-color: #f7fafb;
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: calc(100% - 200px);
    color: #657f93; }

.TListPagiation-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 24px 0;
  background-color: #ffffff; }
  .TListPagiation-box__pages {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    .TListPagiation-box__pages__bn-button {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      appearance: none !important; }
      .TListPagiation-box__pages__bn-button:focus {
        outline: 0 !important; }
      .TListPagiation-box__pages__bn-button__label {
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #657f93; }
      .TListPagiation-box__pages__bn-button__icon {
        font-size: 14px;
        line-height: 14px;
        color: #657f93; }
        .TListPagiation-box__pages__bn-button__icon-back {
          margin-right: 8px; }
        .TListPagiation-box__pages__bn-button__icon-next {
          margin-left: 8px; }
    .TListPagiation-box__pages__numbers {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto;
      margin: 0 22px; }
      .TListPagiation-box__pages__numbers__button {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        border: 0;
        padding: 0;
        background: transparent;
        cursor: pointer;
        appearance: none !important;
        border-radius: 12px;
        background-color: transparent; }
        .TListPagiation-box__pages__numbers__button:focus {
          outline: 0 !important; }
        .TListPagiation-box__pages__numbers__button:not(:last-of-type) {
          margin-right: 12px; }
        .TListPagiation-box__pages__numbers__button-selected {
          background-color: #008c3d; }
        .TListPagiation-box__pages__numbers__button__label {
          font-family: "Etelka Text Pro", sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 16px;
          color: #657f93; }
          .TListPagiation-box__pages__numbers__button__label-selected {
            font-family: "Etelka Text Pro Bold", sans-serif;
            font-weight: 700;
            font-size: 14px;
            line-height: 16px;
            color: #ffffff; }
        .TListPagiation-box__pages__numbers__button-dot {
          cursor: default !important; }

.ContextualBox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end;
  justify-content: flex-start;
  z-index: 99; }
  .ContextualBox-start {
    align-items: flex-start; }
  .ContextualBox-center {
    align-items: center; }
  .ContextualBox-end {
    align-items: flex-end; }
  .ContextualBox__ghost {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    visibility: hidden !important;
    pointer-events: none !important; }
  .ContextualBox__motion {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    border-radius: 6px;
    box-shadow: 0px 4px 0.1 black;
    transition: all 150ms linear;
    background-color: #ffffff; }
    .ContextualBox__motion:hover, .ContextualBox__motion:active {
      box-shadow: 0px 4px 0.1 rgba(0, 0, 0, 0.4); }
    .ContextualBox__motion__arrow {
      position: absolute;
      top: -4px;
      width: 8px;
      height: 8px;
      background-color: #ffffff;
      clip-path: polygon(0 0, 100% 100%, 100% 0);
      transform-origin: center center;
      transform: rotate(-45deg); }
  .ContextualBox__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    border-radius: 6px;
    overflow: hidden !important; }

.Drawer-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  justify-content: flex-end;
  background-color: rgba(39, 59, 76, 0.8);
  z-index: 9999; }
  .Drawer-box-right {
    justify-content: flex-end; }
  .Drawer-box-left {
    justify-content: flex-start; }
  .Drawer-box__ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 24%;
    height: 100%;
    background-color: transparent;
    cursor: pointer; }
  .Drawer-box__wrapper-content {
    position: absolute;
    top: 0;
    right: -15px;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    justify-content: flex-start;
    width: 76%;
    height: 100%;
    opacity: 0;
    transform: translateX(200px); }
  .Drawer-box__content {
    position: absolute;
    top: 0;
    right: 0;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    background-color: #ffffff; }

.Panel-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 24px 30px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 10px;
  flex: none; }
  .Panel-box--overflow {
    overflow: auto; }

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

.Tabs-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto; }
  .Tabs-box__content {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    border-bottom: solid 1px #008c3d; }
  .Tabs-box__items {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0 !important; }
  .Tabs-box__item {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto; }
    .Tabs-box__item__link {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto;
      padding: 16px 18px;
      border-bottom: solid 4px transparent;
      transition: all 150ms linear;
      text-decoration: none !important; }
      .Tabs-box__item__link:hover > span.Tabs-box__item__link__label:not(.Tabs-box__item__link__label-active) {
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #008c3d; }
      .Tabs-box__item__link-active {
        border-bottom: solid 4px #008c3d; }
      .Tabs-box__item__link__label {
        position: relative;
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: rgba(0, 140, 61, 0.5);
        transition: color 200ms linear; }
        .Tabs-box__item__link__label-active {
          font-family: "Etelka Text Pro Bold", sans-serif;
          font-weight: 700;
          font-size: 14px;
          line-height: 16px;
          color: #008c3d; }
  .Tabs-box__pane {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: 240px;
    padding-top: 24px; }

.ConnectedBox {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 192px;
  height: auto;
  padding: 24px 0;
  flex: none; }
  .ConnectedBox__user {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    .ConnectedBox__user__name {
      font-family: "Etelka Medium Pro", sans-serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      color: #008c3d; }
  .ConnectedBox__links {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
  .ConnectedBox__link {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 18px 24px;
    background-color: #ffffff;
    transition: background-color 150ms linear;
    text-decoration: none !important; }
    .ConnectedBox__link:hover {
      background-color: #f7fafb; }
    .ConnectedBox__link:focus {
      outline: 0 !important; }
    .ConnectedBox__link__icon-box {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      width: 22px;
      height: auto; }
    .ConnectedBox__link__icon {
      font-size: 14px;
      line-height: 14px;
      color: #008c3d; }
    .ConnectedBox__link__label {
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #273b4c; }

.LoginForm-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 24px;
  flex: none; }
  .LoginForm-box__header {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-bottom: 16px; }
    .LoginForm-box__header__label {
      font-family: "Etelka Medium Pro", sans-serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      color: #008c3d; }
  .LoginForm-box__row {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto; }
    .LoginForm-box__row:not(:last-of-type) {
      margin-bottom: 8px; }
    .LoginForm-box__row-no-margin {
      margin-bottom: 0 !important; }
  .LoginForm-box__error {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: 8px;
    opacity: 0;
    height: 0;
    transition: all 150ms linear; }
    .LoginForm-box__error-show {
      opacity: 1;
      height: auto; }
    .LoginForm-box__error__icon {
      font-size: 12px;
      line-height: 12px;
      color: #cc1f40; }
    .LoginForm-box__error__label {
      margin-left: 8px;
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
      color: #cc1f40; }
  .LoginForm-box__forgot-password {
    margin-top: 8px;
    text-decoration: none;
    cursor: pointer !important;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    color: #657f93; }
    .LoginForm-box__forgot-password:focus {
      outline: 0 !important; }
    .LoginForm-box__forgot-password:hover {
      text-decoration: underline; }
  .LoginForm-box__input {
    width: 218px; }
  .LoginForm-box__button {
    margin-top: 8px;
    width: 120px;
    height: 40px;
    padding: 0 !important; }
  .LoginForm-box__sign-up-link {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: 16px;
    text-decoration: none !important; }
    .LoginForm-box__sign-up-link:focus {
      outline: 0 !important; }
    .LoginForm-box__sign-up-link:hover {
      text-decoration: underline; }
    .LoginForm-box__sign-up-link__label {
      font-family: "Etelka Medium Pro", sans-serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      color: #008c3d; }
    .LoginForm-box__sign-up-link__icon {
      margin-left: 4px;
      font-size: 14px;
      line-height: 14px;
      color: #008c3d; }
  .LoginForm-box__submit-button {
    display: none !important; }

.LoginBox {
  position: relative;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto; }
  .LoginBox__button {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    appearance: none !important; }
    .LoginBox__button:focus {
      outline: 0 !important; }
  .LoginBox__user {
    font-size: 24px;
    line-height: 24px;
    color: #ffffff; }
  .LoginBox__arrow {
    margin-left: 4px;
    font-size: 10px;
    line-height: 10px;
    color: #ffffff; }
  .LoginBox__contextual-box {
    bottom: -10px; }
    .LoginBox__contextual-box__connection-box {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto; }

.Navigation-box {
  position: relative;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 26px; }
  .Navigation-box__left, .Navigation-box__right {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    height: auto; }
  .Navigation-box__right {
    justify-content: flex-end; }
  .Navigation-box__login-box {
    position: relative;
    display: flex !important;
    flex-direction: rowm;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto; }
    .Navigation-box__login-box__icon {
      font-size: 24px;
      line-height: 24px;
      color: #ffffff;
      margin-right: 8px; }
    .Navigation-box__login-box__username {
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 24px;
      color: #ffffff; }
    .Navigation-box__login-box__logoff-button {
      position: relative;
      display: inline-flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto;
      margin-left: 24px;
      text-decoration: none !important;
      cursor: pointer; }
      .Navigation-box__login-box__logoff-button__icon {
        font-size: 24px;
        line-height: 24px;
        color: #ffffff; }
    .Navigation-box__login-box__signIn-button {
      position: relative;
      display: inline-flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto;
      margin-left: 24px;
      text-decoration: none !important;
      cursor: pointer;
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 24px;
      color: #ffffff; }
      .Navigation-box__login-box__signIn-button__icon {
        font-size: 24px;
        line-height: 24px;
        color: #ffffff; }

.TabNavigation-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 26px; }
  .TabNavigation-box__content {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    border-bottom: solid 1px #ffffff; }
    .TabNavigation-box__content--green {
      border-bottom: solid 1px #008c3d;
      margin: auto;
      margin-bottom: 20px;
      width: calc(100% - 50px); }
  .TabNavigation-box__items {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0 !important; }
  .TabNavigation-box__item {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto; }
    .TabNavigation-box__item__link {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto;
      padding: 12px 42px;
      border-bottom: solid 4px transparent;
      transition: all 150ms linear;
      text-decoration: none !important; }
      .TabNavigation-box__item__link:hover > span.TabNavigation-box__item__link__label:not(.TabNavigation-box__item__link__label-active) {
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: white; }
        .TabNavigation-box__item__link:hover > span.TabNavigation-box__item__link__label:not(.TabNavigation-box__item__link__label-active) > span.TabNavigation-box__item__link__label__counter {
          opacity: 1; }
      .TabNavigation-box__item__link--green {
        cursor: pointer; }
        .TabNavigation-box__item__link--green:hover > span.TabNavigation-box__item__link__label:not(.TabNavigation-box__item__link__label-active) {
          font-family: "Etelka Text Pro", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 22px;
          color: #008c3d; }
      .TabNavigation-box__item__link-active {
        border-bottom: solid 4px #ffffff; }
        .TabNavigation-box__item__link-active--green {
          border-bottom: solid 4px #008c3d;
          color: #008c3d !important;
          opacity: 1 !important; }
      .TabNavigation-box__item__link__label {
        position: relative;
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: rgba(255, 255, 255, 0.5);
        transition: color 200ms linear; }
        .TabNavigation-box__item__link__label--green {
          color: #008c3d !important;
          opacity: .5; }
          .TabNavigation-box__item__link__label--green--active {
            color: #008c3d !important;
            opacity: 1 !important; }
        .TabNavigation-box__item__link__label-active {
          font-family: "Etelka Text Pro", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 22px;
          color: white; }
          .TabNavigation-box__item__link__label-active--green {
            color: #008c3d !important;
            font-weight: bold;
            opacity: 1 !important; }
            .TabNavigation-box__item__link__label-active--green .TabNavigation-box__item__link__label-active {
              color: #008c3d !important;
              opacity: 1 !important; }
          .TabNavigation-box__item__link__label-active > span.TabNavigation-box__item__link__label__counter {
            opacity: 1; }
        .TabNavigation-box__item__link__label__toaster {
          position: absolute;
          display: flex;
          flex-direction: column;
          background: #ffffff;
          min-height: 100px;
          min-width: 260px;
          z-index: 2;
          border-radius: 10px;
          margin-left: -60px;
          margin-top: 25px;
          padding: 15px 20px 15px 15px;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
          .TabNavigation-box__item__link__label__toaster__close {
            color: #657f93;
            font-size: 18px;
            position: absolute;
            display: flex;
            justify-content: flex-end;
            width: calc(100% - 25px); }
          .TabNavigation-box__item__link__label__toaster--pop {
            animation: display 5s forwards; }
          .TabNavigation-box__item__link__label__toaster:hover {
            animation: display 5s infinite; }
          .TabNavigation-box__item__link__label__toaster--visible {
            opacity: 1 !important;
            visibility: visible !important; }
          .TabNavigation-box__item__link__label__toaster__text {
            color: #657f93;
            font-size: 14px;
            line-height: 150%; }
            .TabNavigation-box__item__link__label__toaster__text span {
              color: #009868;
              font-weight: bold; }
          .TabNavigation-box__item__link__label__toaster__link {
            margin-top: 15px;
            color: #009868;
            font-weight: bold;
            font-size: 14px;
            line-height: 17px; }
          .TabNavigation-box__item__link__label__toaster:after {
            content: '';
            position: absolute;
            z-index: -1;
            background: #ffffff;
            transform: rotate(45deg);
            width: 20px;
            height: 20px;
            margin-top: -15px;
            margin-left: 30%; }
        .TabNavigation-box__item__link__label__counter {
          position: absolute;
          top: -18px;
          right: -26px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          min-width: 24px;
          height: 24px;
          padding-top: 3px;
          padding-left: 3px;
          padding-right: 3px;
          border-radius: 12px;
          background-color: #ffffff;
          opacity: 0.5;
          transition: opacity 200ms linear;
          font-family: "Etelka Text Pro", sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 16px;
          color: #008c3d; }

@keyframes display {
  0% {
    opacity: 0;
    visibility: hidden; }
  10% {
    opacity: 1;
    visibility: visible; }
  90% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }

.Layout-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  background-color: #ffffff; }
  .Layout-box__body {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: 100%; }
    .Layout-box__body__header {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 650px;
      background: linear-gradient(180deg, #008c3d 23.09%, #005f2f 99.96%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 18vw));
      overflow: hidden; }
      .Layout-box__body__header__hex-0 {
        position: absolute;
        top: 0;
        left: 0;
        width: 802px;
        height: auto; }
      .Layout-box__body__header__hex-1 {
        position: absolute;
        bottom: -8vw;
        right: -16vw;
        width: 890px;
        height: auto; }
    .Layout-box__body__content {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto;
      min-height: 100%;
      padding-top: 26px; }
    .Layout-box__body__tabs-navigation {
      margin-top: 20px;
      margin-bottom: 32px; }

.SharedCell-box {
  position: relative;
  display: inline-flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto; }
  .SharedCell-box__icon {
    font-size: 14px;
    line-height: 14px;
    color: #008c3d;
    margin-right: 8px; }
    .SharedCell-box__icon-social {
      color: #d3a228; }
    .SharedCell-box__icon-sustainable {
      color: #009cc4; }
  .SharedCell-box__value {
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #657f93; }
  .SharedCell-box__img {
    width: auto;
    height: 50px;
    object-fit: cover; }
  .SharedCell-box__content {
    position: relative;
    display: inline-flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    min-width: 160px; }
  .SharedCell-box__list {
    position: relative;
    display: inline-flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    min-width: 160px;
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .SharedCell-box__list__item {
      position: relative;
      display: inline-flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: auto;
      height: auto; }
      .SharedCell-box__list__item:not(:last-of-type) {
        margin-bottom: 10px; }
  .SharedCell-box__expand-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9; }
    .SharedCell-box__expand-box__content {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      height: auto;
      padding: 16px;
      border-radius: 10px;
      background-color: #ffffff;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }

.SharedButtonsCell-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }
  .SharedButtonsCell-box__items {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 134px;
    height: auto; }
  .SharedButtonsCell-box__row {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto; }
    .SharedButtonsCell-box__row:not(:last-of-type) {
      margin-bottom: 10px; }
  .SharedButtonsCell-box__item {
    position: relative;
    display: inline-flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto; }
    .SharedButtonsCell-box__item:not(:last-of-type) {
      margin-right: 10px; }
  .SharedButtonsCell-box__button {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 26px;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    appearance: none !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 150ms linear;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 10px; }
    .SharedButtonsCell-box__button:focus {
      outline: 0 !important; }
    .SharedButtonsCell-box__button:hover, .SharedButtonsCell-box__button:active {
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); }
    .SharedButtonsCell-box__button__icon {
      font-size: 14px;
      line-height: 14px;
      color: #008c3d;
      margin-right: 6px; }
      .SharedButtonsCell-box__button__icon-social {
        color: #d3a228; }
      .SharedButtonsCell-box__button__icon-sustainable {
        color: #009cc4; }
      .SharedButtonsCell-box__button__icon-slb {
        color: #005f2f; }
      .SharedButtonsCell-box__button__icon-slb-social {
        color: #d3a228; }
      .SharedButtonsCell-box__button__icon-slb-environment {
        color: #005f2f; }
      .SharedButtonsCell-box__button__icon-slb-governance {
        color: #f18700; }
    .SharedButtonsCell-box__button__number {
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 14px;
      color: #008c3d; }
    .SharedButtonsCell-box__button__arrow {
      font-size: 14px;
      line-height: 14px;
      color: #008c3d;
      margin-left: 6px; }

.SDGCell-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }
  .SDGCell-box__items {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 110px;
    height: auto; }
  .SDGCell-box__row {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto; }
    .SDGCell-box__row:not(:last-of-type) {
      margin-bottom: 10px; }
  .SDGCell-box__item {
    position: relative;
    display: inline-flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto; }
    .SDGCell-box__item:not(:last-of-type) {
      margin-right: 10px; }
    .SDGCell-box__item__button {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 20px;
      height: 20px;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      appearance: none !important;
      border-radius: 6px; }
      .SDGCell-box__item__button:focus {
        outline: 0 !important; }
      .SDGCell-box__item__button-1 {
        background-color: #ed1c2c; }
      .SDGCell-box__item__button-2 {
        background-color: #D3A228; }
      .SDGCell-box__item__button-3 {
        background-color: #2A9A49; }
      .SDGCell-box__item__button-4 {
        background-color: #C31C30; }
      .SDGCell-box__item__button-5 {
        background-color: #EF4128; }
      .SDGCell-box__item__button-6 {
        background-color: #00AEDB; }
      .SDGCell-box__item__button-7 {
        background-color: #FFB610; }
      .SDGCell-box__item__button-8 {
        background-color: #8E1838; }
      .SDGCell-box__item__button-9 {
        background-color: #F36D24; }
      .SDGCell-box__item__button-10 {
        background-color: #E31486; }
      .SDGCell-box__item__button-11 {
        background-color: #FB9E25; }
      .SDGCell-box__item__button-12 {
        background-color: #CF8E28; }
      .SDGCell-box__item__button-13 {
        background-color: #49753C; }
      .SDGCell-box__item__button-14 {
        background-color: #007DBE; }
      .SDGCell-box__item__button-15 {
        background-color: #3CB249; }
      .SDGCell-box__item__button-16 {
        background-color: #00558A; }
      .SDGCell-box__item__button-17 {
        background-color: #193569; }
      .SDGCell-box__item__button__value {
        font-family: "Etelka Text Pro Bold", sans-serif;
        font-weight: 700;
        font-size: 12px;
        line-height: 14px;
        color: #ffffff; }

.DataExplorerFilters-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 24px;
  padding-bottom: 12px; }
  .DataExplorerFilters-box__header {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto; }
    .DataExplorerFilters-box__header__icon {
      font-size: 16px;
      line-height: 16px;
      color: #008c3d;
      margin-right: 6px; }
    .DataExplorerFilters-box__header__label {
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #008c3d; }
  .DataExplorerFilters-box__button {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    appearance: none !important;
    margin-top: 14px; }
    .DataExplorerFilters-box__button:focus {
      outline: 0 !important; }
    .DataExplorerFilters-box__button__icon {
      font-size: 14px;
      line-height: 14px;
      color: #008c3d;
      margin-right: 8px; }
    .DataExplorerFilters-box__button__label {
      font-family: "Etelka Text Pro Bold", sans-serif;
      font-weight: 700;
      font-size: 18px;
      line-height: 22px;
      color: #008c3d; }
  .DataExplorerFilters-box__group {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 12px;
    display: none !important; }
    .DataExplorerFilters-box__group-open {
      display: flex !important; }
    .DataExplorerFilters-box__group__content {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto; }
  .DataExplorerFilters-box__label {
    font-family: "Etelka Text Pro Bold", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #657f93; }
  .DataExplorerFilters-box__select {
    margin-bottom: 20px;
    border: solid 1px rgba(101, 127, 147, 0.4);
    background: rgba(255, 255, 255, 0.4);
    transition: all .2s ease-in-out; }
    .DataExplorerFilters-box__select input {
      background: transparent;
      transition: all .2s ease-in-out; }
    .DataExplorerFilters-box__select:focus {
      border: solid 1px #657f93;
      background: #FFFFFF;
      transition: all .2s ease-in-out; }
      .DataExplorerFilters-box__select:focus input {
        background: #FFFFFF;
        transition: all .2s ease-in-out; }
    .DataExplorerFilters-box__select:hover {
      background: #FFFFFF;
      border: solid 1px #008c3d;
      box-shadow: inset 0 0 0 1px #008c3d;
      transition: all .2s ease-in-out; }
      .DataExplorerFilters-box__select:hover input {
        background: #FFFFFF;
        transition: all .2s ease-in-out; }
    .DataExplorerFilters-box__select-no-margin {
      margin-bottom: 0; }
  .DataExplorerFilters-box__coupon-txt-fd {
    width: 100px; }
  .DataExplorerFilters-box__section {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
    .DataExplorerFilters-box__section__title {
      font-family: "Etelka Text Pro Bold", sans-serif;
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      color: #657f93; }
    .DataExplorerFilters-box__section__rows {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto;
      margin-top: 16px; }
    .DataExplorerFilters-box__section__row {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: auto; }
      .DataExplorerFilters-box__section__row:not(:last-of-type) {
        margin-bottom: 20px; }
    .DataExplorerFilters-box__section__col {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: 50%;
      height: auto; }
    .DataExplorerFilters-box__section__label {
      margin-left: 16px;
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #657f93; }
    .DataExplorerFilters-box__section__prefix {
      margin-right: 16px;
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #657f93; }
  .DataExplorerFilters-box__separator {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #657f93;
    opacity: 0.2;
    margin: 32px 0; }

.IOPanel__postIssuanceRow {
  height: 200px !important; }

.IOPanel__block-separator {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 2px #657f93; }
  .IOPanel__block-separator:last-child {
    padding-bottom: 0;
    border-bottom: none; }

.IOPanel__title {
  font-family: "Etelka Text Pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #008c3d;
  min-width: 237px;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block; }

.IOPanel__block-space {
  margin-top: 16px;
  margin-bottom: 16px; }

.IOPanel__subtitle, .IOPanel__description {
  margin-top: 6px;
  font-family: "Etelka Text Pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #657f93; }
  .IOPanel__subtitle b, .IOPanel__description b {
    font-family: "Etelka Text Pro Bold", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #657f93; }

.IOPanel__separator {
  position: relative;
  display: block;
  margin: 14px 0;
  width: 100%;
  height: 1px;
  background-color: rgba(101, 127, 147, 0.2); }

.IOPanel__label {
  font-family: "Etelka Text Pro Bold", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #657f93;
  display: flex;
  flex-direction: column; }
  .IOPanel__label svg {
    margin-right: 3px;
    color: #008f49; }
  .IOPanel__label span {
    font-family: "Etelka Light Pro", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    color: #657f93;
    font-size: 14px; }

.IOPanel__row {
  margin-top: 10px;
  position: relative;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto; }
  .IOPanel__row--array {
    margin-bottom: 36px; }
  .IOPanel__row--green {
    color: #008f49; }
  .IOPanel__row--underline {
    text-decoration: underline;
    cursor: pointer; }
  .IOPanel__row--table {
    margin-top: 48px; }
  .IOPanel__row--wrap {
    flex-wrap: wrap; }
  .IOPanel__row__centered-tile {
    padding: 10px; }
  .IOPanel__row--rows {
    flex-direction: column; }
    .IOPanel__row--rows .IOPanel__row__col {
      margin-top: 16px;
      padding: 0 !important; }
      .IOPanel__row--rows .IOPanel__row__col:first-child {
        margin-top: 0; }
  .IOPanel__row__col {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    padding: 0 44px; }
    .IOPanel__row__col__rows {
      display: flex;
      flex-direction: column; }
      .IOPanel__row__col__rows__shrunk {
        padding-bottom: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 10;
        line-clamp: 10;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: calc(1.2em* 10);
        line-height: 1.2em; }
    .IOPanel__row__col--smallInfo {
      font-size: 8px; }
    .IOPanel__row__col--amount {
      width: 100%;
      justify-content: flex-end;
      display: flex; }
    .IOPanel__row__col--bold {
      font-weight: bold; }
    .IOPanel__row__col--italic {
      font-style: italic; }
    .IOPanel__row__col__mini-sdg {
      height: 20px !important;
      width: 20px !important;
      min-height: 20px !important;
      max-height: 20px !important;
      min-width: 20px !important;
      max-width: 20px !important;
      margin-left: 10px;
      color: #ffffff;
      margin-bottom: 10px; }
    .IOPanel__row__col__sdg {
      min-height: 60px;
      max-height: 60px;
      min-width: 60px;
      max-width: 60px;
      height: 60px;
      width: 60px;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px; }
      .IOPanel__row__col__sdg__box {
        margin-left: 3px;
        margin-right: 3px; }
        .IOPanel__row__col__sdg__box:first-child {
          margin-left: 0; }
        .IOPanel__row__col__sdg__box:last-child {
          margin-right: 0; }
      .IOPanel__row__col__sdg__color-GOAL_1 {
        background: #ea1c2d; }
      .IOPanel__row__col__sdg__color-GOAL_2 {
        background: #d19f2a; }
      .IOPanel__row__col__sdg__color-GOAL_3 {
        background: #2d9a47; }
      .IOPanel__row__col__sdg__color-GOAL_4 {
        background: #c22033; }
      .IOPanel__row__col__sdg__color-GOAL_5 {
        background: #ef412a; }
      .IOPanel__row__col__sdg__color-GOAL_6 {
        background: #00add8; }
      .IOPanel__row__col__sdg__color-GOAL_7 {
        background: #fdb714; }
      .IOPanel__row__col__sdg__color-GOAL_8 {
        background: #8f1838; }
      .IOPanel__row__col__sdg__color-GOAL_9 {
        background: #f36e24; }
      .IOPanel__row__col__sdg__color-GOAL_10 {
        background: #e01a83; }
      .IOPanel__row__col__sdg__color-GOAL_11 {
        background: #f99d25; }
      .IOPanel__row__col__sdg__color-GOAL_12 {
        background: #cd8b2a; }
      .IOPanel__row__col__sdg__color-GOAL_13 {
        background: #48773c; }
      .IOPanel__row__col__sdg__color-GOAL_14 {
        background: #007dbb; }
      .IOPanel__row__col__sdg__color-GOAL_15 {
        background: #40ae49; }
      .IOPanel__row__col__sdg__color-GOAL_16 {
        background: #00558a; }
      .IOPanel__row__col__sdg__color-GOAL_17 {
        background: #1a3668; }
    .IOPanel__row__col:first-of-type {
      padding-left: 0; }
    .IOPanel__row__col:last-of-type {
      padding-right: 0; }
    .IOPanel__row__col__separator {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto 0;
      width: 1px;
      height: 100%;
      background-color: rgba(101, 127, 147, 0.2); }
      .IOPanel__row__col__separator:after {
        content: '';
        width: 1px;
        min-width: 1px; }
    .IOPanel__row__col--full-width {
      width: 100%; }
    .IOPanel__row__col--70 {
      width: 70%; }
    .IOPanel__row__col--50 {
      width: 50%; }
    .IOPanel__row__col--47 {
      width: 47%; }
    .IOPanel__row__col--30 {
      width: 30%; }
    .IOPanel__row__col__item--center {
      width: 100% !important;
      padding-right: 16px !important; }
  .IOPanel__row__tabs {
    display: flex;
    min-height: 40px;
    justify-content: space-between;
    align-items: center;
    color: #657f93;
    margin-left: 20px; }
    .IOPanel__row__tabs__tab {
      padding-left: 18px;
      padding-right: 18px;
      font-size: 14px;
      font-weight: bold;
      line-height: 150%;
      border-right: solid 1px #657f93; }
      .IOPanel__row__tabs__tab:first-child {
        padding-left: 0; }
      .IOPanel__row__tabs__tab:last-child {
        border-right: 0;
        padding-right: 0; }
      .IOPanel__row__tabs__tab__sub {
        font-weight: normal;
        line-height: 150%;
        margin-right: 14px; }
        .IOPanel__row__tabs__tab__sub svg {
          color: #008f49;
          margin: 0 5px; }
        .IOPanel__row__tabs__tab__sub--red {
          font-weight: normal;
          line-height: 150%;
          margin-right: 14px; }
          .IOPanel__row__tabs__tab__sub--red svg {
            color: #cc1f40;
            margin: 0 5px; }
      .IOPanel__row__tabs__tab span {
        font-weight: normal;
        line-height: 150%;
        margin-right: 14px; }
        .IOPanel__row__tabs__tab span:last-child {
          margin-right: 0; }
        .IOPanel__row__tabs__tab span svg {
          color: #008f49;
          margin-left: 5px; }
      .IOPanel__row__tabs__tab span > svg {
        margin-left: 4px;
        color: #008f49; }

.IOPanel__sub_row {
  position: relative;
  width: 100%; }

.IOPanel__checkpoint-row {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #657f93;
  position: relative;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  line-height: 150%;
  flex-wrap: wrap; }
  .IOPanel__checkpoint-row__mapped {
    background-color: rgba(241, 135, 0, 0.1);
    border-radius: 8px;
    padding-top: 10px;
    width: auto;
    padding-right: 40px !important; }
    .IOPanel__checkpoint-row__mapped__help {
      position: absolute;
      top: 10px;
      right: 10px; }
      .IOPanel__checkpoint-row__mapped__help-icon {
        color: #f18700; }
      .IOPanel__checkpoint-row__mapped__help-icon-green {
        color: #005f2f; }
  .IOPanel__checkpoint-row--description {
    line-height: 150%;
    display: flex;
    margin-bottom: 40px;
    flex-direction: column;
    align-items: flex-start; }
    .IOPanel__checkpoint-row--description--big-row {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin-bottom: 16px; }
    .IOPanel__checkpoint-row--description-row {
      display: flex;
      width: 100%; }
  .IOPanel__checkpoint-row__data {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    line-height: 150%; }
  .IOPanel__checkpoint-row__icon {
    margin-right: 6px;
    font-size: 12px;
    line-height: 12px;
    color: #008c3d; }
    .IOPanel__checkpoint-row__icon--red {
      color: #cc1f40; }
    .IOPanel__checkpoint-row__icon--yellow {
      color: #d3a228; }
  .IOPanel__checkpoint-row--break {
    flex-direction: column; }
  .IOPanel__checkpoint-row__label {
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #657f93;
    word-break: break-word; }
    .IOPanel__checkpoint-row__label--align {
      display: flex;
      align-items: center; }
      .IOPanel__checkpoint-row__label--align span {
        margin-right: 5px; }
      .IOPanel__checkpoint-row__label--align img {
        margin-right: 8px; }
    .IOPanel__checkpoint-row__label--disclaimer {
      line-height: 150%;
      font-size: 14px;
      color: #657f93;
      max-width: 740px; }
    .IOPanel__checkpoint-row__label__document {
      width: 100%;
      display: flex;
      align-items: center;
      color: #008f49; }
      .IOPanel__checkpoint-row__label__document__icon {
        font-size: 12px;
        margin-right: 4px; }
      .IOPanel__checkpoint-row__label__document__link {
        font-size: 14px;
        text-decoration: underline; }
        .IOPanel__checkpoint-row__label__document__link a {
          color: #008f49; }
    .IOPanel__checkpoint-row__label__markdown p {
      margin: 0; }

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

.IOBond-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto; }
  .IOBond-box__gender-focus {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 26px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 150ms linear;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 10px;
    color: black; }
    .IOBond-box__gender-focus:hover, .IOBond-box__gender-focus:active {
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); }
  .IOBond-box__header {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 30px 22px 0px;
    z-index: 10;
    background: #FFFFFF; }
    .IOBond-box__header--shadowed {
      box-shadow: 0 6px 14px -10px rgba(0, 0, 0, 0.36); }
    .IOBond-box__header__logo {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: auto;
      height: auto;
      border-radius: 4px; }
      .IOBond-box__header__logo__img {
        width: auto;
        height: 50px; }
    .IOBond-box__header__metas-and-selector {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: auto;
      height: auto;
      flex: 1;
      justify-content: space-between;
      padding-bottom: 20px;
      min-height: -webkit-fill-available; }
      .IOBond-box__header__metas-and-selector__left {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        height: auto; }
      .IOBond-box__header__metas-and-selector__right {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        height: auto;
        flex-wrap: wrap;
        width: 337px; }
        .IOBond-box__header__metas-and-selector__right__row {
          display: flex;
          align-items: center;
          flex-direction: column;
          width: 100%; }
          .IOBond-box__header__metas-and-selector__right__row__column {
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: flex-end;
            width: 100%; }
            .IOBond-box__header__metas-and-selector__right__row__column__left {
              width: 45%; }
            .IOBond-box__header__metas-and-selector__right__row__column__right {
              width: 50%; }
              .IOBond-box__header__metas-and-selector__right__row__column__right__button {
                color: #008f49; }
                .IOBond-box__header__metas-and-selector__right__row__column__right__button__label {
                  margin-right: 16px; }
    .IOBond-box__header__metas {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: auto;
      height: auto;
      padding-left: 50px; }
      .IOBond-box__header__metas-no-padding {
        padding-left: 0px; }
      .IOBond-box__header__metas__instrument-name {
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 34px;
        color: #008c3d; }
      .IOBond-box__header__metas__instrument-isin {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        height: auto;
        margin-top: 16px;
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #657f93; }
        .IOBond-box__header__metas__instrument-isin button {
          padding: 2px 6px !important;
          width: unset;
          margin-left: 10px; }
    .IOBond-box__header__selector {
      display: flex;
      align-items: center;
      color: #657f93;
      font-size: 14px; }
      .IOBond-box__header__selector__label {
        flex-wrap: nowrap;
        flex-shrink: 0;
        margin-right: 16px; }
    .IOBond-box__header__row {
      display: flex;
      justify-content: flex-start;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 20px; }
  .IOBond-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    height: calc(100% + 100px);
    position: fixed;
    padding-top: 30px;
    overflow: auto;
    padding-bottom: 250px; }
  .IOBond-box__row {
    width: 100% !important; }

.empty-data {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #657f93;
  border-radius: 10px;
  background: #ffffff; }
  .empty-data--boxed {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    padding: 80px;
    min-height: 400px; }
  .empty-data--full-height {
    height: 100%; }
  .empty-data__container {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    width: calc(100% - 48px);
    justify-content: center;
    padding: 24px;
    border-radius: 10px;
    border: solid 1px #e6eef2;
    height: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
    .empty-data__container--hidden {
      width: 100%;
      box-shadow: none;
      border: none;
      padding: 0; }
    .empty-data__container__title {
      color: #008c3d;
      font-size: 18px;
      font-weight: bold;
      padding-bottom: 15px; }
    .empty-data__container__bloc {
      background: #f7fafb;
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: center;
      border-radius: 10px;
      border: solid 1px #e6eef2;
      height: auto; }
      .empty-data__container__bloc--no-radius {
        border-radius: 0; }
      .empty-data__container__bloc--full-height {
        height: calc(100% - 20px); }
      .empty-data__container__bloc__icon {
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 48px;
        margin-top: 24px;
        margin-bottom: 24px; }
      .empty-data__container__bloc__message {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 24px; }

.IOBondSideNavigation-box {
  position: absolute;
  top: 80px;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 0px;
  height: 0; }
  .IOBondSideNavigation-box__tiles {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 118px;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #657f93;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    flex: none; }
  .IOBondSideNavigation-box__tile {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 118px;
    height: 118px;
    transition: all 150ms linear; }
    .IOBondSideNavigation-box__tile .IOBondSideNavigation-box__tile__button {
      border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
    .IOBondSideNavigation-box__tile:last-child .IOBondSideNavigation-box__tile__button {
      border-bottom: solid 1px transparent; }
    .IOBondSideNavigation-box__tile:first-of-type {
      border-top-left-radius: 10px; }
      .IOBondSideNavigation-box__tile:first-of-type .IOBondSideNavigation-box__tile__button {
        border-top-left-radius: 10px; }
    .IOBondSideNavigation-box__tile:last-of-type {
      border-bottom-left-radius: 10px; }
      .IOBondSideNavigation-box__tile:last-of-type .IOBondSideNavigation-box__tile__button {
        border-bottom-left-radius: 10px; }
    .IOBondSideNavigation-box__tile-expanded {
      width: 236px;
      min-height: 60px;
      height: auto;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: #ffffff; }
    .IOBondSideNavigation-box__tile__button {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      appearance: none !important;
      transition: all 150ms linear; }
      .IOBondSideNavigation-box__tile__button:focus {
        outline: 0 !important; }
      .IOBondSideNavigation-box__tile__button__icon {
        font-size: 14px;
        line-height: 14px;
        color: #ffffff;
        transition: color 150ms linear; }
      .IOBondSideNavigation-box__tile__button__label {
        margin-top: 6px;
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #ffffff;
        transition: color 150ms linear; }
      .IOBondSideNavigation-box__tile__button:hover {
        background-color: #ffffff; }
        .IOBondSideNavigation-box__tile__button:hover .IOBondSideNavigation-box__tile__button__icon {
          color: #657f93; }
        .IOBondSideNavigation-box__tile__button:hover .IOBondSideNavigation-box__tile__button__label {
          color: #657f93; }
    .IOBondSideNavigation-box__tile__detailed-sub-nav {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: 100%;
      padding: 16px; }
      .IOBondSideNavigation-box__tile__detailed-sub-nav__header {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: auto; }
        .IOBondSideNavigation-box__tile__detailed-sub-nav__header__icon {
          font-size: 14px;
          line-height: 14px;
          color: #008c3d; }
        .IOBondSideNavigation-box__tile__detailed-sub-nav__header__label {
          margin-left: 8px;
          font-family: "Etelka Text Pro Bold", sans-serif;
          font-weight: 700;
          font-size: 14px;
          line-height: 16px;
          color: #008c3d; }
        .IOBondSideNavigation-box__tile__detailed-sub-nav__header__year {
          font-size: 12px;
          color: #657f93;
          background: #e6eef2;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 4px;
          padding: 7px;
          min-height: 24px;
          margin-left: 15px; }
      .IOBondSideNavigation-box__tile__detailed-sub-nav__items {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: auto;
        margin: 12px 0 0;
        padding: 0 0 0 18px; }
      .IOBondSideNavigation-box__tile__detailed-sub-nav__item {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: auto; }
        .IOBondSideNavigation-box__tile__detailed-sub-nav__item:not(:last-of-type) {
          margin-bottom: 8px; }
        .IOBondSideNavigation-box__tile__detailed-sub-nav__item__link {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          width: 100%;
          height: auto;
          text-decoration: none !important; }
          .IOBondSideNavigation-box__tile__detailed-sub-nav__item__link:hover .IOBondSideNavigation-box__tile__detailed-sub-nav__item__link__label {
            transition: all 150ms linear; }
            .IOBondSideNavigation-box__tile__detailed-sub-nav__item__link:hover .IOBondSideNavigation-box__tile__detailed-sub-nav__item__link__label:before {
              content: '';
              background: rgba(185, 181, 202, 0.1);
              width: calc(100% + 50px);
              height: calc(100% + 8px);
              position: absolute;
              margin: -4px -20px -4px -34px;
              transition: all 150ms linear; }
          .IOBondSideNavigation-box__tile__detailed-sub-nav__item__link:focus {
            outline: 0 !important; }
          .IOBondSideNavigation-box__tile__detailed-sub-nav__item__link__label {
            font-family: "Etelka Text Pro", sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #657f93;
            transition: color 150ms linear; }
            .IOBondSideNavigation-box__tile__detailed-sub-nav__item__link__label--selected {
              color: #273b4c;
              font-size: 12px;
              font-weight: bold;
              transition: all 150ms linear; }
              .IOBondSideNavigation-box__tile__detailed-sub-nav__item__link__label--selected:before {
                content: '';
                background: rgba(185, 181, 202, 0.1);
                width: calc(100% + 50px);
                height: calc(100% + 8px);
                position: absolute;
                margin: -4px -20px -4px -34px;
                transition: all 150ms linear; }

.IOBondGeneral-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 22px;
  padding-bottom: 30px; }
  .IOBondGeneral-box__graph {
    position: relative;
    width: 100%; }
    .IOBondGeneral-box__graph > div > div > svg {
      height: 102%; }
    .IOBondGeneral-box__graph--empty {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: auto;
      min-height: 200px;
      height: 100%;
      font-size: 14px;
      position: absolute; }
      .IOBondGeneral-box__graph--empty:after {
        content: 'No data available'; }
  .IOBondGeneral-box__legend {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: auto;
    width: 100%;
    color: #657f93;
    font-size: 12px; }
    .IOBondGeneral-box__legend .price-graph-box__actions__selectors {
      color: #657f93;
      font-size: 12px; }
  .IOBondGeneral-box .apexcharts-yaxis-label {
    font-size: 10px !important;
    color: #657f93 !important; }
    .IOBondGeneral-box .apexcharts-yaxis-label tspan, .IOBondGeneral-box .apexcharts-yaxis-label title {
      font-size: 10px !important;
      color: #657f93 !important; }

.price-graph-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  background-color: #ffffff; }
  .price-graph-box__graphic {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    .price-graph-box__graphic .apexcharts-legend,
    .price-graph-box__graphic .resize-triggers {
      display: none !important;
      visibility: hidden !important; }
  .price-graph-box__actions {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 32px; }
    .price-graph-box__actions__range-selector {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto; }
    .price-graph-box__actions__selectors {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto;
      margin-top: 26px; }
    .price-graph-box__actions__selector {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: auto;
      height: 28px;
      margin-right: 10px;
      padding: 0 8px;
      border: solid 1px transparent;
      border-radius: 6px;
      background-color: transparent;
      transition: all 150ms linear;
      appearance: none !important;
      cursor: pointer; }
      .price-graph-box__actions__selector:focus {
        outline: 0 !important; }
      .price-graph-box__actions__selector:hover {
        background-color: #ffffff; }
      .price-graph-box__actions__selector:last-of-type {
        margin-right: 0; }
      .price-graph-box__actions__selector-selected {
        background-color: #ffffff;
        color: #008f49;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
        transition: all 150ms linear; }
      .price-graph-box__actions__selector__text {
        color: #657f93; }
        .price-graph-box__actions__selector__text-selected {
          color: #008f49;
          font-weight: bold; }

.IOBondPreIssuance-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 10px 22px 30px; }
  .IOBondPreIssuance-box__panel {
    overflow: auto; }
    .IOBondPreIssuance-box__panel:not(:last-of-type) {
      margin-bottom: 40px; }
    .IOBondPreIssuance-box__panel__delimiter {
      width: 200px;
      height: 4px;
      border-radius: 4px;
      background: #008f49;
      margin-top: 20px;
      margin-bottom: 20px; }

.IOTable {
  width: 100%;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-spacing: 0; }
  .IOTable--no-border {
    border: 0;
    box-shadow: none; }
  .IOTable__rows__row__column__kpi-assessment {
    flex-direction: column; }
  .IOTable--fill {
    height: -webkit-fill-available; }
  .IOTable--small {
    min-height: 30px; }
    .IOTable--small .IOTable__rows__row__column,
    .IOTable--small .IOTable__rows__row,
    .IOTable--small .IOTable__head__col,
    .IOTable--small .IOTable__head {
      min-height: 45px; }
    .IOTable--small td {
      min-height: 45px !important; }
  .IOTable thead tr:last-child td:last-child {
    border-bottom-right-radius: 0; }
  .IOTable thead tr:last-child td:first-child {
    border-bottom-left-radius: 0; }
  .IOTable td {
    min-height: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    justify-content: center; }
  .IOTable tr:last-child td:last-child {
    border-bottom-right-radius: 10px; }
  .IOTable tr:last-child td:first-child {
    border-bottom-left-radius: 10px; }
  .IOTable .highlighted-col--head {
    background: #e6eef2; }
  .IOTable .highlighted-col--sub-head {
    background: #bcc8cf; }
  .IOTable .highlighted-col--odd {
    background: #e6eef2; }
  .IOTable .highlighted-col--even {
    background: #f5f6f7; }
  .IOTable__head {
    display: flex;
    min-height: 60px;
    align-items: center;
    width: 100%;
    background: #f7fafb; }
    .IOTable__head div:last-child {
      border-top-right-radius: 10px; }
    .IOTable__head div:first-child {
      border-top-left-radius: 10px; }
    .IOTable__head--reverse {
      background: #ffffff; }
    .IOTable__head .highlighted-col--odd {
      background: #e6eef2; }
    .IOTable__head .highlighted-col--even {
      background: #f5f6f7; }
    .IOTable__head__col {
      min-height: 90px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      color: #273b4c;
      font-size: 12px;
      font-weight: bold;
      padding-left: 15px;
      padding-right: 15px; }
      .IOTable__head__col--green {
        color: #008f49;
        font-size: 14px;
        font-weight: bold; }
      .IOTable__head__col--center {
        justify-content: center !important;
        width: 100%; }
      .IOTable__head__col:first-child {
        padding-left: 16px; }
  .IOTable__rows {
    width: 100%; }
    .IOTable__rows--first .IOTable__rows__row__column {
      justify-content: flex-start; }
    .IOTable__rows:nth-child(even) {
      background: #f7fafb; }
    .IOTable__rows:nth-child(odd) {
      background: #ffffff; }
    .IOTable__rows--reverse:nth-child(even) {
      background: #ffffff; }
    .IOTable__rows--reverse:nth-child(odd) {
      background: #f7fafb; }
    .IOTable__rows__row {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 12px;
      color: #657f93;
      min-height: 90px; }
      .IOTable__rows__row svg {
        font-size: 18px; }
      .IOTable__rows__row--info {
        min-height: 40px !important;
        color: #273b4c;
        background: #e6eef2 !important; }
        .IOTable__rows__row--info .IOTable__rows__row__column {
          min-height: 40px !important; }
        .IOTable__rows__row--info--white {
          background: #ffffff !important; }
      .IOTable__rows__row__column {
        width: 100%;
        min-height: 90px;
        display: flex;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 150%; }
        .IOTable__rows__row__column:first-child {
          padding-left: 16px; }
        .IOTable__rows__row__column .highlighted-col--odd {
          background: #e6eef2; }
        .IOTable__rows__row__column .highlighted-col--even {
          background: #f5f6f7; }

.flex-row-col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  overflow: hidden;
  align-items: flex-start; }
  .flex-row-col--space {
    justify-content: space-between; }
  .flex-row-col--ellipsis {
    overflow: hidden;
    overflow-y: auto;
    display: flex;
    width: 100%;
    height: 60px;
    text-overflow: ellipsis; }

@keyframes WidgetSdgStickLoad {
  0% {
    height: 1px; } }

.WidgetSdg-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 380px; }
  .WidgetSdg-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .WidgetSdg-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WidgetSdg-box__header {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto; }
  .WidgetSdg-box__title {
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d; }
  .WidgetSdg-box__description {
    margin-top: 10px;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #657f93; }
  .WidgetSdg-box__container {
    display: flex;
    width: 100%;
    border-bottom: solid 1px #f5f6f7;
    margin-top: 28px; }
    .WidgetSdg-box__container__column {
      min-width: 60px;
      width: 100%;
      margin-top: 28px; }
    .WidgetSdg-box__container__bars {
      position: absolute;
      left: 32px;
      right: 32px;
      margin-top: 48px;
      opacity: .4; }
      .WidgetSdg-box__container__bars__bar-1 {
        width: 100%;
        position: absolute; }
        .WidgetSdg-box__container__bars__bar-1:after {
          content: '';
          display: flex;
          align-items: center;
          height: 1px;
          border: dashed 1px rgba(209, 213, 216, 0.4); }
      .WidgetSdg-box__container__bars__bar-2 {
        width: 100%;
        position: absolute;
        margin-top: 40px; }
        .WidgetSdg-box__container__bars__bar-2:after {
          content: '';
          display: flex;
          align-items: center;
          height: 1px;
          border: dashed 1px #f5f6f7; }
      .WidgetSdg-box__container__bars__bar-3 {
        width: 100%;
        position: absolute;
        margin-top: 80px; }
        .WidgetSdg-box__container__bars__bar-3:after {
          content: '';
          display: flex;
          align-items: center;
          height: 1px;
          border: dashed 1px #f5f6f7; }
  .WidgetSdg-box__stick-chart {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 120px;
    content: '';
    cursor: pointer;
    transition: all .3s ease-in-out; }
    .WidgetSdg-box__stick-chart__color-1 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-1 .WidgetSdg-box__stick-chart__box {
      background: #EA1C2D; }
    .WidgetSdg-box__stick-chart__color-2 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-2 .WidgetSdg-box__stick-chart__box {
      background: #D19F2A; }
    .WidgetSdg-box__stick-chart__color-3 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-3 .WidgetSdg-box__stick-chart__box {
      background: #2D9A47; }
    .WidgetSdg-box__stick-chart__color-4 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-4 .WidgetSdg-box__stick-chart__box {
      background: #C22033; }
    .WidgetSdg-box__stick-chart__color-5 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-5 .WidgetSdg-box__stick-chart__box {
      background: #EF412A; }
    .WidgetSdg-box__stick-chart__color-6 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-6 .WidgetSdg-box__stick-chart__box {
      background: #00ADD8; }
    .WidgetSdg-box__stick-chart__color-7 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-7 .WidgetSdg-box__stick-chart__box {
      background: #FDB714; }
    .WidgetSdg-box__stick-chart__color-8 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-8 .WidgetSdg-box__stick-chart__box {
      background: #8F1838; }
    .WidgetSdg-box__stick-chart__color-9 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-9 .WidgetSdg-box__stick-chart__box {
      background: #F36E24; }
    .WidgetSdg-box__stick-chart__color-10 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-10 .WidgetSdg-box__stick-chart__box {
      background: #E01A83; }
    .WidgetSdg-box__stick-chart__color-11 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-11 .WidgetSdg-box__stick-chart__box {
      background: #F99D25; }
    .WidgetSdg-box__stick-chart__color-12 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-12 .WidgetSdg-box__stick-chart__box {
      background: #CD8B2A; }
    .WidgetSdg-box__stick-chart__color-13 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-13 .WidgetSdg-box__stick-chart__box {
      background: #48773C; }
    .WidgetSdg-box__stick-chart__color-14 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-14 .WidgetSdg-box__stick-chart__box {
      background: #007DBB; }
    .WidgetSdg-box__stick-chart__color-15 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-15 .WidgetSdg-box__stick-chart__box {
      background: #40AE49; }
    .WidgetSdg-box__stick-chart__color-16 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-16 .WidgetSdg-box__stick-chart__box {
      background: #00558A; }
    .WidgetSdg-box__stick-chart__color-17 .WidgetSdg-box__stick-chart__content,
    .WidgetSdg-box__stick-chart__color-17 .WidgetSdg-box__stick-chart__box {
      background: #1A3668; }
    .WidgetSdg-box__stick-chart:hover .WidgetSdg-box__stick-chart__tooltip {
      opacity: 1;
      transition: .3s ease-in-out; }
    .WidgetSdg-box__stick-chart:hover .WidgetSdg-box__stick-chart__box {
      transform: scale(1.8);
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      transition: .3s ease-in-out; }
    .WidgetSdg-box__stick-chart__tooltip {
      position: absolute;
      top: -30px;
      min-width: 50px;
      min-height: 20px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      opacity: 0;
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      background: white;
      color: #008f49;
      font-size: 10px;
      transition: .3s ease-in-out;
      padding-left: 5px;
      padding-right: 5px;
      flex-direction: column; }
      .WidgetSdg-box__stick-chart__tooltip:before {
        content: '';
        background: #ffffff;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        position: absolute;
        bottom: -4px; }
    .WidgetSdg-box__stick-chart__label {
      position: absolute;
      margin-top: 24px;
      font-size: 10px;
      color: #657F93; }
    .WidgetSdg-box__stick-chart__bar {
      width: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      height: 100%;
      background: #f5f6f7;
      transition: all .3s ease-in-out; }
      .WidgetSdg-box__stick-chart__bar:after {
        content: ''; }
    .WidgetSdg-box__stick-chart__content {
      position: absolute;
      z-index: 1;
      background: #cc1f40;
      box-shadow: 0 4px 20px rgba(0, 154, 67, 0.2);
      border-radius: 10px 10px 0 0;
      width: 10px;
      transition: all .3s ease-in-out;
      animation: WidgetSdgStickLoad 2s forwards; }
    .WidgetSdg-box__stick-chart__box {
      min-height: 60px;
      max-height: 60px;
      min-width: 60px;
      max-width: 60px;
      height: 60px;
      width: 60px;
      background: #cc1f40;
      border-radius: 6px;
      position: absolute;
      z-index: 2;
      bottom: -70px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px;
      transform: scale(1);
      transition: all .3s ease-in-out; }

@keyframes skeleton {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }

.WidgetSdg-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }
  .WidgetSdg-skeleton__header {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .WidgetSdg-skeleton__header__skeleton-row {
      position: relative;
      display: block;
      width: 200px;
      height: 14px;
      border-radius: 4px;
      background-color: #657f93;
      opacity: 0.2;
      overflow: hidden; }
      .WidgetSdg-skeleton__header__skeleton-row::after {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
        animation: skeleton 2s ease-in-out infinite;
        overflow: hidden !important; }
      .WidgetSdg-skeleton__header__skeleton-row-1 {
        margin-top: 22px;
        height: 12px; }
  .WidgetSdg-skeleton__cols {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 56px; }
  .WidgetSdg-skeleton__col {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
  .WidgetSdg-skeleton__bar {
    position: relative;
    display: block;
    width: 10px;
    height: 120px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #657f93;
    opacity: 0.2;
    overflow: hidden; }
    .WidgetSdg-skeleton__bar::after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
      animation: skeleton 2s ease-in-out infinite;
      overflow: hidden !important; }
  .WidgetSdg-skeleton__square {
    position: relative;
    display: block;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    border-radius: 6px;
    background-color: #657f93;
    opacity: 0.2;
    overflow: hidden; }
    .WidgetSdg-skeleton__square::after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
      animation: skeleton 2s ease-in-out infinite;
      overflow: hidden !important; }

.WidgetScope-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  line-height: 1.15;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 313px; }
  .WidgetScope-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    height: 100%; }
    .WidgetScope-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WidgetScope-box__data {
    width: 100%;
    height: 100%; }
    .WidgetScope-box__data__container {
      display: flex;
      width: 100%;
      height: 100%; }
      .WidgetScope-box__data__container__side {
        height: 100%;
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: auto;
        width: 40%;
        border-radius: 0 10px 10px 0;
        padding: 32px; }
        @media screen and (max-width: 1300px) {
          .WidgetScope-box__data__container__side {
            width: 35%; } }
        .WidgetScope-box__data__container__side__header {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          width: 100%; }
          .WidgetScope-box__data__container__side__header__title {
            font-family: "Etelka Medium Pro", sans-serif;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            color: #008c3d; }
        .WidgetScope-box__data__container__side--right {
          background-color: #f7fafb; }
        .WidgetScope-box__data__container__side--skeleton {
          width: 100%; }
        @media screen and (max-width: 1450px) {
          .WidgetScope-box__data__container__side .RadialWidget-skeleton__chart__draw {
            height: 150px;
            width: 150px; } }
        @media screen and (max-width: 1600px) {
          .WidgetScope-box__data__container__side .RadialWidget-skeleton__chart__draw {
            height: 180px;
            width: 180px; } }
        @media screen and (max-width: 1900px) {
          .WidgetScope-box__data__container__side .RadialWidget-skeleton__chart__draw {
            height: 200px;
            width: 200px; } }
        @media screen and (max-width: 1080px) {
          .WidgetScope-box__data__container__side {
            padding-right: 80px; } }
        @media screen and (max-width: 1600px) {
          .WidgetScope-box__data__container__side {
            padding-right: 90px; } }
        @media screen and (max-width: 1450px) {
          .WidgetScope-box__data__container__side {
            padding-right: 110px; } }
        @media screen and (max-width: 1260px) {
          .WidgetScope-box__data__container__side {
            padding-right: 120px; } }
        .WidgetScope-box__data__container__side__info {
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          width: 60%; }
          .WidgetScope-box__data__container__side__info--skeleton {
            width: 50%; }
          .WidgetScope-box__data__container__side__info--right {
            padding-left: 30px; }
          .WidgetScope-box__data__container__side__info__row {
            position: relative;
            display: flex !important;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: auto;
            justify-content: space-between;
            width: 100%;
            min-height: 40px;
            border-bottom: solid 1px #edeeef;
            font-size: 14px;
            font-weight: bold; }
            .WidgetScope-box__data__container__side__info__row--right {
              font-size: 12px;
              margin-left: 32px;
              width: calc(100% - 32px); }
            .WidgetScope-box__data__container__side__info__row--green {
              color: #008f49; }
            .WidgetScope-box__data__container__side__info__row--orange {
              color: #D7A700; }
            .WidgetScope-box__data__container__side__info__row--blue {
              color: #009cc4; }
        .WidgetScope-box__data__container__side__graph {
          width: 40%;
          padding: 20px; }
          .WidgetScope-box__data__container__side__graph--skeleton {
            width: 50%;
            justify-content: center;
            display: flex; }
      .WidgetScope-box__data__container__center {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: auto;
        width: 20%;
        padding: 32px; }
        .WidgetScope-box__data__container__center__title {
          width: 100%;
          font-family: "Etelka Medium Pro", sans-serif;
          font-weight: 500;
          font-size: 18px;
          line-height: 22px;
          color: #008c3d; }
        @media screen and (max-width: 1300px) {
          .WidgetScope-box__data__container__center {
            width: 25%; } }
        .WidgetScope-box__data__container__center--skeleton {
          border-left: 0;
          border-right: 0; }
        .WidgetScope-box__data__container__center__box {
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          padding: 32px;
          margin: auto; }
          .WidgetScope-box__data__container__center__box__row {
            position: relative;
            display: flex !important;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: auto;
            margin-bottom: 20px; }
            .WidgetScope-box__data__container__center__box__row__icon {
              font-size: 24px;
              color: #008f49;
              display: flex;
              width: 47px;
              align-items: center;
              padding-right: 20px;
              height: 27px; }
            .WidgetScope-box__data__container__center__box__row__value {
              position: relative;
              display: flex !important;
              flex-direction: column;
              justify-content: center;
              align-items: flex-start;
              width: 100%;
              height: auto;
              font-family: "Etelka Text Pro Bold", sans-serif;
              font-weight: 700;
              font-size: 20px;
              line-height: 28.5px;
              color: #273b4c;
              display: flex; }
            .WidgetScope-box__data__container__center__box__row__type {
              font-family: "Etelka Text Pro", sans-serif;
              font-weight: 400;
              font-size: 14px;
              line-height: 16.37px;
              color: #657f93;
              display: flex;
              align-items: center;
              justify-content: center; }

.WidgetScope-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #ffffff; }
  .WidgetScope-skeleton-box {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    transition: all 150ms linear;
    line-height: 1.15;
    border-radius: 10px;
    transition: height 150ms linear;
    background-color: #ffffff;
    min-height: 313px; }
    .WidgetScope-skeleton-box__data {
      width: 100%;
      height: 100%; }
      .WidgetScope-skeleton-box__data__container {
        display: flex;
        width: 100%;
        height: 100%; }
        .WidgetScope-skeleton-box__data__container__side {
          border-radius: 0 10px 10px 0;
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          height: 100%;
          padding: 32px;
          width: 40%; }
          @media screen and (max-width: 1300px) {
            .WidgetScope-skeleton-box__data__container__side {
              width: 35%; } }
          @media screen and (max-width: 1080px) {
            .WidgetScope-skeleton-box__data__container__side {
              padding-right: 80px; } }
          @media screen and (max-width: 1600px) {
            .WidgetScope-skeleton-box__data__container__side {
              padding-right: 90px; } }
          @media screen and (max-width: 1450px) {
            .WidgetScope-skeleton-box__data__container__side {
              padding-right: 110px; } }
          @media screen and (max-width: 1260px) {
            .WidgetScope-skeleton-box__data__container__side {
              padding-right: 120px; } }
          .WidgetScope-skeleton-box__data__container__side--right {
            background-color: #f7fafb; }
          .WidgetScope-skeleton-box__data__container__side__title {
            width: 25%; }
          .WidgetScope-skeleton-box__data__container__side__info {
            position: relative;
            display: flex !important;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;
            height: auto;
            margin: auto; }
            .WidgetScope-skeleton-box__data__container__side__info--right {
              padding-left: 30px; }
            .WidgetScope-skeleton-box__data__container__side__info__line {
              width: 50%; }
            @media screen and (max-width: 1450px) {
              .WidgetScope-skeleton-box__data__container__side__info__graph .RadialWidget-skeleton__chart__draw {
                height: 150px;
                width: 150px; } }
            @media screen and (max-width: 1600px) {
              .WidgetScope-skeleton-box__data__container__side__info__graph .RadialWidget-skeleton__chart__draw {
                height: 180px;
                width: 180px; } }
            @media screen and (max-width: 1900px) {
              .WidgetScope-skeleton-box__data__container__side__info__graph .RadialWidget-skeleton__chart__draw {
                height: 200px;
                width: 200px; } }
        .WidgetScope-skeleton-box__data__container__center {
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          width: 20%;
          padding: 32px; }
          @media screen and (max-width: 1300px) {
            .WidgetScope-skeleton-box__data__container__center {
              width: 25%; } }
          .WidgetScope-skeleton-box__data__container__center__title {
            width: 95%; }
          .WidgetScope-skeleton-box__data__container__center__box {
            position: relative;
            display: flex !important;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;
            height: auto;
            padding: 32px;
            margin: auto; }
            .WidgetScope-skeleton-box__data__container__center__box__row {
              position: relative;
              display: flex !important;
              flex-direction: row;
              justify-content: flex-start;
              align-items: center;
              width: 100%;
              height: auto;
              margin-bottom: 20px; }

.RadialWidget-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 320px; }
  .RadialWidget-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    @media screen and (min-width: 768px) {
      .RadialWidget-box__content {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto; } }
  .RadialWidget-box__chart, .RadialWidget-box__data {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    @media screen and (min-width: 768px) {
      .RadialWidget-box__chart, .RadialWidget-box__data {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto; } }
  .RadialWidget-box__chart {
    transition: all 0.3s ease-in; }
    .RadialWidget-box__chart__draw {
      width: 220px;
      height: 220px; }
      .RadialWidget-box__chart__draw__ghost-circle {
        cursor: pointer; }
      .RadialWidget-box__chart__draw__circle {
        transform-origin: center center;
        transform: rotate(90deg);
        transition: stroke 150ms linear, stroke-dasharray 600ms cubic-bezier(0.58, 0.16, 0.5, 1.14);
        cursor: pointer; }
    .RadialWidget-box__chart__labels {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 220px;
      height: 220px;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 150ms linear;
      pointer-events: none !important; }
      .RadialWidget-box__chart__labels-show {
        opacity: 1; }
      .RadialWidget-box__chart__labels__value {
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 38px;
        line-height: 40px;
        color: #273b4c; }
      .RadialWidget-box__chart__labels__separator {
        position: relative;
        display: block;
        width: 68px;
        height: 1px;
        background-color: #657f93; }
      .RadialWidget-box__chart__labels__unit {
        margin-top: 8px;
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #657f93; }
  .RadialWidget-box__title {
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d; }
  .RadialWidget-box__description {
    margin-top: 10px;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #657f93; }
  .RadialWidget-box__data__header {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto; }
    .RadialWidget-box__data__header__options-button {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: auto;
      height: auto;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      appearance: none !important;
      padding: 0 4px; }
      .RadialWidget-box__data__header__options-button:focus {
        outline: 0 !important; }
      .RadialWidget-box__data__header__options-button:hover .radial-widget-box__data__header__options-button__icon {
        font-size: 18px;
        line-height: 18px;
        color: #54666f; }
      .RadialWidget-box__data__header__options-button__icon {
        font-size: 18px;
        line-height: 18px;
        color: #273b4c;
        transition: color 150ms linear; }
  .RadialWidget-box__data__rows {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 24px; }
  .RadialWidget-box__data__row {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    max-width: 100%;
    transition: opacity 150ms linear;
    cursor: pointer; }
    .RadialWidget-box__data__row:not(:last-of-type) {
      margin-bottom: 20px; }
    .RadialWidget-box__data__row-faded {
      opacity: 0.4; }
    .RadialWidget-box__data__row__upper {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: auto; }
    .RadialWidget-box__data__row__dot-box {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 20px;
      height: auto; }
      .RadialWidget-box__data__row__dot-box__circle {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: purple; }
        .RadialWidget-box__data__row__dot-box__circle-green {
          background: linear-gradient(180deg, #008C3D 0%, #1A4821 100%); }
        .RadialWidget-box__data__row__dot-box__circle-red {
          background: linear-gradient(180deg, #F18700 0%, #CC1F40 100%); }
        .RadialWidget-box__data__row__dot-box__circle-blue {
          background: linear-gradient(180deg, #29A9E1 0%, #117BB8 100%); }
        .RadialWidget-box__data__row__dot-box__circle-greenLight {
          background: linear-gradient(180deg, #12CA64 0%, #008C3D 100%); }
        .RadialWidget-box__data__row__dot-box__circle__inner {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: #ffffff; }
    .RadialWidget-box__data__row__name {
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #273b4c; }
    .RadialWidget-box__data__row__lower {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: auto;
      padding-left: 20px;
      margin-top: 8px; }
    .RadialWidget-box__data__row__value {
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 12px;
      line-height: 14px;
      color: #657f93; }

.WidgetPercentageBondsPerTagWidget-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: auto; }
  .WidgetPercentageBondsPerTagWidget-box__title {
    width: 100%;
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d; }
  .WidgetPercentageBondsPerTagWidget-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .WidgetPercentageBondsPerTagWidget-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WidgetPercentageBondsPerTagWidget-box__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between; }
    @media screen and (max-width: 1300px) {
      .WidgetPercentageBondsPerTagWidget-box__container {
        flex-direction: row; } }
    .WidgetPercentageBondsPerTagWidget-box__container--row {
      flex-direction: row;
      align-items: center; }
    .WidgetPercentageBondsPerTagWidget-box__container__left {
      margin: auto 0; }
    .WidgetPercentageBondsPerTagWidget-box__container__center {
      display: flex;
      justify-content: center;
      z-index: 10;
      height: 200px;
      cursor: pointer; }
      .WidgetPercentageBondsPerTagWidget-box__container__center__info {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: inherit;
        color: #273b4c;
        font-size: 24px;
        margin: auto;
        z-index: -1;
        padding-bottom: 20px; }
        .WidgetPercentageBondsPerTagWidget-box__container__center__info__label {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 55px;
          font-size: calc(100% - 10px); }
          .WidgetPercentageBondsPerTagWidget-box__container__center__info__label--fade {
            opacity: 0;
            animation: softFade 300ms forwards; }
          .WidgetPercentageBondsPerTagWidget-box__container__center__info__label--fade-out {
            opacity: 0;
            animation: softFadeOut 300ms backwards; }
        .WidgetPercentageBondsPerTagWidget-box__container__center__info__value {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 50px;
          font-size: 14px;
          color: #657f93;
          max-width: 100px;
          text-align: center; }
        .WidgetPercentageBondsPerTagWidget-box__container__center__info__separator {
          width: 100%;
          height: 1px;
          background: #657f93; }
    .WidgetPercentageBondsPerTagWidget-box__container__row {
      min-height: 42px;
      display: flex;
      align-items: flex-end;
      padding-bottom: 3px;
      cursor: context-menu;
      border-bottom: solid 1px #D1D5D8; }
      .WidgetPercentageBondsPerTagWidget-box__container__row--disabled {
        opacity: .4; }
      .WidgetPercentageBondsPerTagWidget-box__container__row--selected .stick-chart-horizontal--double__bar,
      .WidgetPercentageBondsPerTagWidget-box__container__row--selected .stick-chart-horizontal--double__content {
        height: 10px;
        border-radius: 10px; }
      .WidgetPercentageBondsPerTagWidget-box__container__row:hover .stick-chart-horizontal--double__tooltip {
        opacity: 1;
        transition: .3s ease-in-out; }
      .WidgetPercentageBondsPerTagWidget-box__container__row:hover .stick-chart-horizontal--double__content {
        transition: all 1s ease-in-out; }
      .WidgetPercentageBondsPerTagWidget-box__container__row__label {
        font-size: 13px;
        line-height: 150%;
        width: 100%; }
        .WidgetPercentageBondsPerTagWidget-box__container__row__label_icon {
          padding-right: 7px;
          font-size: 14px; }
      .WidgetPercentageBondsPerTagWidget-box__container__row__data {
        width: calc(100% - 60px - 120px);
        min-height: 40px;
        display: flex;
        align-items: center; }
      .WidgetPercentageBondsPerTagWidget-box__container__row__value {
        width: 120px;
        font-size: 12px;
        line-height: 150%;
        font-weight: bold;
        display: flex;
        justify-content: flex-end; }

.stick-chart-horizontal--double {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 4px;
  content: '';
  cursor: pointer;
  transition: all .3s ease-in-out; }
  .stick-chart-horizontal--double__tooltip {
    position: absolute;
    top: -25px;
    min-width: 50px;
    min-height: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    opacity: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #008f49;
    font-size: 10px;
    transition: .3s ease-in-out; }
    .stick-chart-horizontal--double__tooltip:before {
      content: '';
      background: #ffffff;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      width: 8px;
      height: 8px;
      transform: rotate(45deg);
      position: absolute;
      bottom: -4px; }
  .stick-chart-horizontal--double__bar {
    height: 4px;
    border-radius: 4px;
    width: 100%;
    background: #D1D5D8;
    transition: all .3s ease-in-out; }
    .stick-chart-horizontal--double__bar:after {
      content: ''; }
  .stick-chart-horizontal--double__content {
    position: absolute;
    z-index: 1;
    box-shadow: 0 4px 20px rgba(0, 154, 67, 0.2);
    border-radius: 4px;
    height: 4px;
    transition: all .3s ease-in-out;
    left: 0;
    animation: stickLoadH 2s forwards; }

@keyframes stickLoadH {
  0% {
    width: 1px; } }

@keyframes softFade {
  100% {
    opacity: 1; } }

@keyframes softFadeOut {
  100% {
    opacity: 0; } }

.donutchart-innertext {
  display: none;
  visibility: hidden; }

.donutchart-mask-tag {
  z-index: -1;
  background: transparent;
  position: absolute;
  border: solid 45px transparent;
  border-radius: 100%;
  height: 200px;
  width: 200px;
  color: #657f93;
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.3); }

.IOBondPostIssuance-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 22px 30px; }
  .IOBondPostIssuance-box__panel:not(:last-of-type) {
    margin-bottom: 40px; }
  .IOBondPostIssuance-box__panel__flex {
    display: flex;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 20px; }

@keyframes expend {
  0% {
    height: 0;
    width: 68vw; }
  100% {
    height: 100%;
    width: 68vw; } }

@keyframes expendVisible {
  0% {
    height: 0;
    width: 68vw; }
  100% {
    height: calc(100% - 185px);
    width: 68vw; } }

@keyframes expendBloc {
  0% {
    height: 100%;
    width: 100%; }
  100% {
    height: auto;
    width: 100%; } }

@keyframes expendBackground {
  0% {
    height: auto;
    width: 100%; }
  100% {
    height: auto;
    width: 100%; } }

.Project-tile {
  width: calc(33% - 26px);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  margin-bottom: 16px;
  margin-right: 30px;
  cursor: pointer; }
  .Project-tile--expended:after {
    content: '';
    width: 100%; }
  .Project-tile--expended .Project-tile__container {
    background: #f7fafb;
    animation: expendBackground 1s forwards; }
    .Project-tile--expended .Project-tile__container:after {
      content: '';
      background: #f7fafb;
      position: absolute;
      height: 30px;
      z-index: 3;
      width: calc(33% - 18px);
      margin-top: 135px;
      margin-left: -33px; }
  .Project-tile--big-container {
    padding: 30px 30px 0;
    width: 0;
    height: 0;
    left: 0;
    margin-bottom: 185px;
    visibility: hidden;
    background: #f7fafb;
    box-shadow: 0 4px 10px #ebebeb;
    border-radius: 10px;
    z-index: 2;
    animation: expend 1s forwards; }
    .Project-tile--big-container--invisible {
      margin-bottom: 0; }
    .Project-tile--big-container--visible {
      margin-top: 185px;
      height: 100%;
      position: absolute;
      margin-bottom: 0;
      visibility: visible;
      animation: expendVisible 1s forwards; }
    .Project-tile--big-container__bloc {
      width: 100%;
      overflow: hidden;
      padding-bottom: 20px; }
    .Project-tile--big-container__background {
      pointer-events: none; }
  .Project-tile__background {
    position: absolute;
    pointer-events: none;
    margin-left: 23px;
    margin-top: 66px; }
  .Project-tile__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    padding: 30px;
    box-shadow: 0 4px 10px #ebebeb;
    border-radius: 10px;
    min-height: 169px; }
    .Project-tile__container__row-1 {
      display: flex;
      align-items: flex-end;
      width: 100%;
      margin-bottom: 8px; }
      .Project-tile__container__row-1__icon {
        margin-right: 4px;
        display: flex;
        align-items: center; }
        .Project-tile__container__row-1__icon__col {
          display: flex;
          font-size: 12px;
          color: #657f93; }
          .Project-tile__container__row-1__icon__col:last-child {
            margin-left: 10px; }
          .Project-tile__container__row-1__icon__col svg {
            margin-right: 5px;
            color: #008f49;
            font-size: 18px; }
          .Project-tile__container__row-1__icon__col--yellow svg {
            color: #d3a228; }
      .Project-tile__container__row-1__label {
        font-size: 12px;
        color: #657f93; }
      .Project-tile__container__row-1__tag {
        width: 100%;
        display: flex;
        justify-content: flex-end; }
        .Project-tile__container__row-1__tag__content {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          background: #e6eef2;
          border-radius: 4px;
          padding: 7px;
          color: #657f93;
          font-size: 12px;
          margin-top: -18px; }
          .Project-tile__container__row-1__tag__content__row {
            display: flex;
            width: 100%;
            justify-content: flex-start; }
    .Project-tile__container__row-2 {
      display: flex;
      width: 100%;
      margin-top: 4px;
      margin-bottom: 8px; }
      .Project-tile__container__row-2__name {
        color: #008f49;
        font-size: 18px;
        line-height: 150%; }
    .Project-tile__container__row-3 {
      display: flex;
      width: 100%; }
      .Project-tile__container__row-3__description {
        font-size: 14px;
        color: #657f93;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .Project-tile__container__row-3__description__overflow {
          overflow: hidden;
          text-overflow: ellipsis; }
        .Project-tile__container__row-3__description span {
          font-weight: normal;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }

.IOBondDocuments-box {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 30px; }
  .IOBondDocuments-box__title {
    color: #008f49;
    font-size: 18px;
    padding-left: 15px;
    font-weight: bold; }
  .IOBondDocuments-box__tiles {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .IOBondDocuments-box__tiles__box {
      display: flex;
      flex-direction: column;
      width: 100%; }
    .IOBondDocuments-box__tiles__parent {
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
    .IOBondDocuments-box__tiles a {
      text-decoration: none;
      cursor: pointer; }
    .IOBondDocuments-box__tiles__title {
      color: #657f93;
      font-size: 14px;
      font-weight: bold;
      padding-left: 15px;
      margin-top: 15px; }
    .IOBondDocuments-box__tiles__tile {
      display: flex;
      align-items: center;
      width: 364px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      min-height: 120px;
      margin: 20px 15px;
      cursor: pointer;
      transition: all .3s ease-in-out;
      background: #ffffff; }
      .IOBondDocuments-box__tiles__tile:hover {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        transition: all .3s ease-in-out;
        background: rgba(0, 0, 0, 0.03); }
      .IOBondDocuments-box__tiles__tile__hexagon {
        position: absolute;
        pointer-events: none;
        margin-top: 12px;
        width: 380px; }
      .IOBondDocuments-box__tiles__tile__container {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        cursor: pointer; }
        .IOBondDocuments-box__tiles__tile__container__icon {
          font-size: 30px;
          color: #008f49;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 80px;
          cursor: pointer; }
        .IOBondDocuments-box__tiles__tile__container__content {
          width: calc(100% - 160px);
          display: flex;
          flex-direction: column;
          padding-left: 20px;
          padding-right: 20px;
          min-height: 45px;
          justify-content: space-between;
          border-left: solid 1px rgba(0, 0, 0, 0.1);
          border-right: solid 1px rgba(0, 0, 0, 0.1); }
          .IOBondDocuments-box__tiles__tile__container__content__title {
            color: #008f49;
            font-size: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .IOBondDocuments-box__tiles__tile__container__content__date {
            color: #657f93;
            font-size: 14px;
            font-weight: bold; }

.ButtonlinkluxxSeluxxprime {
  position: relative;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 0;
  font-family: 'Etelka Text Pro';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  position: static;
  height: 21px;
  left: 16px;
  top: 0px;
  color: #008C3D;
  padding: 13px 11px;
  text-decoration: none; }

.ButtonlinkluxxSeluxxprimeImage {
  height: 15px;
  margin-right: 5px; }

.spaceRight {
  margin-right: 15px; }

@keyframes skeleton {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }

.BondsPerEligibleCategoryWidget-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }

.BondsPerEligibleCategoryWidget-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 554px; }
  .BondsPerEligibleCategoryWidget-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .BondsPerEligibleCategoryWidget-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .BondsPerEligibleCategoryWidget-box__header {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto; }
    .BondsPerEligibleCategoryWidget-box__header--skeleton {
      background: #ffffff;
      height: 20px;
      width: 100%; }
      .BondsPerEligibleCategoryWidget-box__header--skeleton::after {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
        animation: skeleton 2s ease-in-out infinite;
        overflow: hidden !important; }
  .BondsPerEligibleCategoryWidget-box__title {
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d; }
  .BondsPerEligibleCategoryWidget-box__description {
    margin-top: 10px;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #657f93; }
  .BondsPerEligibleCategoryWidget-box__tree {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-top: 24px; }
    .BondsPerEligibleCategoryWidget-box__tree__part {
      width: calc(50% - 10px) !important; }
      .BondsPerEligibleCategoryWidget-box__tree__part__description {
        padding-left: 10px;
        color: #657f93;
        font-size: 12px;
        line-height: 150%; }
      .BondsPerEligibleCategoryWidget-box__tree__part__chart {
        position: relative;
        display: block;
        width: 100%;
        height: 400px; }
        .BondsPerEligibleCategoryWidget-box__tree__part__chart div span {
          position: relative;
          display: block;
          padding: 0 6px;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          text-align: center;
          height: auto;
          font-size: 10px;
          line-height: 12px; }
      .BondsPerEligibleCategoryWidget-box__tree__part__empty {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100% - 10px);
        height: calc(100% - 20px);
        margin-top: 10px;
        border: solid 1px #e6eef2;
        color: #657f93; }

.WidgetPercentageBondsWithExternalReview-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }

.WidgetPercentageBondsWithExternalReview-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 380px; }
  .WidgetPercentageBondsWithExternalReview-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    .WidgetPercentageBondsWithExternalReview-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      padding: 32px; }
  .WidgetPercentageBondsWithExternalReview-box__container {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: start;
    margin-top: 15px;
    cursor: context-menu; }
    .WidgetPercentageBondsWithExternalReview-box__container__side {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .WidgetPercentageBondsWithExternalReview-box__container__side__graph {
        display: flex;
        justify-content: center;
        z-index: 10; }
        .WidgetPercentageBondsWithExternalReview-box__container__side__graph--skeleton {
          display: flex;
          justify-content: start; }
      .WidgetPercentageBondsWithExternalReview-box__container__side__info {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-size: 24px;
        margin-top: -37px; }
        .WidgetPercentageBondsWithExternalReview-box__container__side__info--tiny {
          font-size: 14px;
          margin-top: 5px; }
      .WidgetPercentageBondsWithExternalReview-box__container__side__text {
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #657F93; }
        .WidgetPercentageBondsWithExternalReview-box__container__side__text__description {
          font-family: "Etelka Text Pro", sans-serif;
          font-weight: 400;
          font-size: 8px;
          line-height: 14px;
          color: #657F93;
          height: 15px; }
      .WidgetPercentageBondsWithExternalReview-box__container__side--left {
        width: 50%;
        border-right: solid 1px #D1D5D8; }
      .WidgetPercentageBondsWithExternalReview-box__container__side--right {
        width: 50%; }

@keyframes stickLoadH {
  0% {
    width: 1px; } }

@keyframes softFade {
  100% {
    opacity: 1; } }

@keyframes softFadeOut {
  100% {
    opacity: 0; } }

@keyframes VerticalSticksStickLoad {
  0% {
    height: 1px; } }

.VerticalSticksWidget-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 554px; }
  .VerticalSticksWidget-box--shorter {
    height: 380px;
    min-height: 380px;
    max-height: 380px; }
  .VerticalSticksWidget-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .VerticalSticksWidget-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .VerticalSticksWidget-box__header {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto; }
  .VerticalSticksWidget-box__title {
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d; }
  .VerticalSticksWidget-box__description {
    margin-top: 10px;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #657f93; }
  .VerticalSticksWidget-box__container {
    display: flex;
    width: 100%;
    border-bottom: solid 1px #d1d5d8;
    padding-top: 30px; }
    .VerticalSticksWidget-box__container__column {
      width: 100%; }
    .VerticalSticksWidget-box__container__bars {
      position: absolute;
      left: 32px;
      right: 32px;
      margin-top: 48px;
      opacity: .4;
      margin-right: auto;
      width: auto; }
      .VerticalSticksWidget-box__container__bars--shorter .VerticalSticksWidget-box__container__bars__bar-0 {
        margin-top: 0; }
      .VerticalSticksWidget-box__container__bars--shorter .VerticalSticksWidget-box__container__bars__bar-1 {
        margin-top: 43px; }
      .VerticalSticksWidget-box__container__bars--shorter .VerticalSticksWidget-box__container__bars__bar-2 {
        margin-top: 84px; }
      .VerticalSticksWidget-box__container__bars--shorter .VerticalSticksWidget-box__container__bars__bar-3 {
        margin-top: 126px; }
      .VerticalSticksWidget-box__container__bars--axis {
        width: inherit; }
      .VerticalSticksWidget-box__container__bars__bar {
        width: 100%;
        position: absolute; }
        .VerticalSticksWidget-box__container__bars__bar:after {
          content: '';
          display: flex;
          align-items: center;
          height: 1px;
          border: dashed 1px rgba(209, 213, 216, 0.4); }
        .VerticalSticksWidget-box__container__bars__bar-0 {
          margin-top: 0;
          margin-left: -15px; }
        .VerticalSticksWidget-box__container__bars__bar-1 {
          margin-top: 90px;
          margin-left: -15px; }
        .VerticalSticksWidget-box__container__bars__bar-2 {
          margin-top: 180px;
          margin-left: -15px; }
        .VerticalSticksWidget-box__container__bars__bar-3 {
          margin-top: 270px;
          margin-left: -15px; }
        .VerticalSticksWidget-box__container__bars__bar__legend {
          position: absolute;
          font-size: 10px;
          color: #657f93;
          margin-top: -11px;
          background: #ffffff;
          padding: 5px; }
  .VerticalSticksWidget-box__stick-chart {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 360px;
    content: '';
    cursor: pointer;
    transition: all .3s ease-in-out; }
    .VerticalSticksWidget-box__stick-chart--shorter {
      height: 170px; }
    .VerticalSticksWidget-box__stick-chart:hover .VerticalSticksWidget-box__stick-chart__tooltip {
      opacity: 1;
      transition: .3s ease-in-out; }
    .VerticalSticksWidget-box__stick-chart:hover .VerticalSticksWidget-box__stick-chart__content {
      background: linear-gradient(180deg, #CC1F40 0%, #F18700 100%);
      transition: all 1s ease-in-out; }
    .VerticalSticksWidget-box__stick-chart__label-wrapper {
      position: absolute;
      height: 0;
      bottom: -25px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .VerticalSticksWidget-box__stick-chart__label {
      font-size: 10px;
      line-height: 12px;
      color: #657F93;
      word-break: break-word;
      display: flex;
      align-items: center;
      padding: 5px; }
    .VerticalSticksWidget-box__stick-chart__bar {
      width: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      height: 100%;
      background: #f5f6f7;
      transition: all .3s ease-in-out; }
      .VerticalSticksWidget-box__stick-chart__bar:after {
        content: ''; }
    .VerticalSticksWidget-box__stick-chart__content {
      position: absolute;
      z-index: 1;
      background: linear-gradient(180deg, #008c3d 23.09%, #1A4821 99.96%);
      box-shadow: 0 4px 20px rgba(0, 154, 67, 0.2);
      border-radius: 10px 10px 0 0;
      width: 4px;
      transition: all .3s ease-in-out;
      animation: VerticalSticksStickLoad 2s forwards; }
    .VerticalSticksWidget-box__stick-chart__tooltip {
      position: absolute;
      top: -30px;
      left: -23px;
      width: 50px;
      min-height: 20px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      opacity: 0;
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #008f49;
      font-size: 10px;
      transition: .3s ease-in-out;
      background-color: #ffffff; }
      .VerticalSticksWidget-box__stick-chart__tooltip:before {
        content: '';
        background: #ffffff;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        position: absolute;
        bottom: -4px; }

@keyframes skeleton {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }

.VerticalSticksWidget-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }
  .VerticalSticksWidget-skeleton--small .VerticalSticksWidget-skeleton__rows {
    margin-top: 20px; }
  .VerticalSticksWidget-skeleton--small .VerticalSticksWidget-skeleton__row {
    height: 250px; }
  .VerticalSticksWidget-skeleton__header {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .VerticalSticksWidget-skeleton__header__skeleton-row {
      position: relative;
      display: block;
      width: 200px;
      height: 14px;
      border-radius: 4px;
      background-color: #657f93;
      opacity: 0.2;
      overflow: hidden; }
      .VerticalSticksWidget-skeleton__header__skeleton-row::after {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
        animation: skeleton 2s ease-in-out infinite;
        overflow: hidden !important; }
      .VerticalSticksWidget-skeleton__header__skeleton-row-1 {
        margin-top: 22px;
        height: 12px; }
  .VerticalSticksWidget-skeleton__rows {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 48px; }
  .VerticalSticksWidget-skeleton__row {
    position: relative;
    display: block;
    width: 4px;
    height: 360px;
    border-radius: 2px;
    background-color: #657f93;
    opacity: 0.2;
    overflow: hidden; }
    .VerticalSticksWidget-skeleton__row::after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
      animation: skeleton 2s ease-in-out infinite;
      overflow: hidden !important; }

.WidgetDisclaimer-box {
  position: relative;
  display: flex !important;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #f7fafb; }
  .WidgetDisclaimer-box__data {
    display: flex !important;
    flex-direction: row;
    justify-content: start;
    align-items: baseline;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: #008C3D; }
    .WidgetDisclaimer-box__data__text {
      display: flex !important;
      flex-direction: row;
      justify-content: start;
      align-items: baseline; }
      .WidgetDisclaimer-box__data__text--tiny {
        padding-left: 12px;
        font-family: "Etelka Text Pro", sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #008C3D; }
    .WidgetDisclaimer-box__data__icon {
      padding-right: 16px;
      height: 25px;
      width: 25px; }

.WidgetDashboardStatsPie-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  line-height: 1.15;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 420px;
  height: 100%; }
  .WidgetDashboardStatsPie-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    height: 100%; }
    .WidgetDashboardStatsPie-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WidgetDashboardStatsPie-box__data {
    width: 100%;
    height: 100%; }
    .WidgetDashboardStatsPie-box__data__container {
      display: flex;
      width: 100%;
      height: 100%; }
      .WidgetDashboardStatsPie-box__data__container__side {
        height: 100%;
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: auto;
        width: 100%;
        border-radius: 10px;
        padding: 32px; }
        @media screen and (max-width: 1300px) {
          .WidgetDashboardStatsPie-box__data__container__side {
            width: 35%; } }
        .WidgetDashboardStatsPie-box__data__container__side__header {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          width: 100%; }
          .WidgetDashboardStatsPie-box__data__container__side__header__title {
            font-family: "Etelka Medium Pro", sans-serif;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            color: #008c3d; }
          .WidgetDashboardStatsPie-box__data__container__side__header__description {
            margin-top: 10px;
            font-family: "Etelka Text Pro", sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #657f93; }
        .WidgetDashboardStatsPie-box__data__container__side--right {
          background-color: #f7fafb; }
        .WidgetDashboardStatsPie-box__data__container__side--skeleton {
          width: 100%; }
        @media screen and (max-width: 1450px) {
          .WidgetDashboardStatsPie-box__data__container__side .RadialWidget-skeleton__chart__draw {
            height: 150px;
            width: 150px; } }
        @media screen and (max-width: 1600px) {
          .WidgetDashboardStatsPie-box__data__container__side .RadialWidget-skeleton__chart__draw {
            height: 180px;
            width: 180px; } }
        @media screen and (max-width: 1900px) {
          .WidgetDashboardStatsPie-box__data__container__side .RadialWidget-skeleton__chart__draw {
            height: 200px;
            width: 200px; } }
        .WidgetDashboardStatsPie-box__data__container__side__info {
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          width: 60%; }
          .WidgetDashboardStatsPie-box__data__container__side__info--skeleton {
            width: 50%; }
          .WidgetDashboardStatsPie-box__data__container__side__info--right {
            padding-left: 30px; }
          .WidgetDashboardStatsPie-box__data__container__side__info__row {
            position: relative;
            display: flex !important;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: auto;
            justify-content: space-between;
            width: 100%;
            min-height: 40px;
            border-bottom: solid 1px #edeeef;
            font-size: 14px;
            font-weight: bold; }
            .WidgetDashboardStatsPie-box__data__container__side__info__row--right {
              font-size: 12px;
              margin-left: 32px;
              width: calc(100% - 32px); }
            .WidgetDashboardStatsPie-box__data__container__side__info__row--green {
              color: #008f49; }
            .WidgetDashboardStatsPie-box__data__container__side__info__row--orange {
              color: #D7A700; }
            .WidgetDashboardStatsPie-box__data__container__side__info__row--blue {
              color: #009cc4; }
        .WidgetDashboardStatsPie-box__data__container__side__graph {
          width: 40%;
          padding: 20px; }
          .WidgetDashboardStatsPie-box__data__container__side__graph--skeleton {
            width: 50%;
            justify-content: center;
            display: flex; }
      .WidgetDashboardStatsPie-box__data__container__center {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: auto;
        width: 20%;
        padding: 32px; }
        .WidgetDashboardStatsPie-box__data__container__center__title {
          width: 100%;
          font-family: "Etelka Medium Pro", sans-serif;
          font-weight: 500;
          font-size: 18px;
          line-height: 22px;
          color: #008c3d; }
        @media screen and (max-width: 1300px) {
          .WidgetDashboardStatsPie-box__data__container__center {
            width: 25%; } }
        .WidgetDashboardStatsPie-box__data__container__center--skeleton {
          border-left: 0;
          border-right: 0; }
        .WidgetDashboardStatsPie-box__data__container__center__box {
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          padding: 32px;
          margin: auto; }
          .WidgetDashboardStatsPie-box__data__container__center__box__row {
            position: relative;
            display: flex !important;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: auto;
            margin-bottom: 20px; }
            .WidgetDashboardStatsPie-box__data__container__center__box__row__icon {
              font-size: 24px;
              color: #008f49;
              display: flex;
              width: 47px;
              align-items: center;
              padding-right: 20px;
              height: 27px; }
            .WidgetDashboardStatsPie-box__data__container__center__box__row__value {
              position: relative;
              display: flex !important;
              flex-direction: column;
              justify-content: center;
              align-items: flex-start;
              width: 100%;
              height: auto;
              font-family: "Etelka Text Pro Bold", sans-serif;
              font-weight: 700;
              font-size: 20px;
              line-height: 28.5px;
              color: #273b4c;
              display: flex; }
            .WidgetDashboardStatsPie-box__data__container__center__box__row__type {
              font-family: "Etelka Text Pro", sans-serif;
              font-weight: 400;
              font-size: 14px;
              line-height: 16.37px;
              color: #657f93;
              display: flex;
              align-items: center;
              justify-content: center; }

.WidgetDashboardStatsPie-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #ffffff; }
  .WidgetDashboardStatsPie-skeleton-box {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    transition: all 150ms linear;
    line-height: 1.15;
    border-radius: 10px;
    transition: height 150ms linear;
    background-color: #ffffff;
    min-height: 313px; }
    .WidgetDashboardStatsPie-skeleton-box__data {
      width: 100%;
      height: 100%; }
      .WidgetDashboardStatsPie-skeleton-box__data__container {
        display: flex;
        width: 100%;
        height: 100%; }
        .WidgetDashboardStatsPie-skeleton-box__data__container__side {
          border-radius: 0 10px 10px 0;
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          height: 100%;
          padding: 32px; }
          @media screen and (max-width: 1300px) {
            .WidgetDashboardStatsPie-skeleton-box__data__container__side {
              width: 35%; } }
          @media screen and (max-width: 1080px) {
            .WidgetDashboardStatsPie-skeleton-box__data__container__side {
              padding-right: 80px; } }
          @media screen and (max-width: 1600px) {
            .WidgetDashboardStatsPie-skeleton-box__data__container__side {
              padding-right: 90px; } }
          @media screen and (max-width: 1450px) {
            .WidgetDashboardStatsPie-skeleton-box__data__container__side {
              padding-right: 110px; } }
          @media screen and (max-width: 1260px) {
            .WidgetDashboardStatsPie-skeleton-box__data__container__side {
              padding-right: 120px; } }
          .WidgetDashboardStatsPie-skeleton-box__data__container__side--right {
            background-color: #f7fafb; }
          .WidgetDashboardStatsPie-skeleton-box__data__container__side__title {
            width: 25%; }
          .WidgetDashboardStatsPie-skeleton-box__data__container__side__subTitle {
            width: 70%; }
          .WidgetDashboardStatsPie-skeleton-box__data__container__side__info {
            position: relative;
            display: flex !important;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;
            height: auto;
            margin: auto;
            align-items: center;
            margin-top: 40px; }
            .WidgetDashboardStatsPie-skeleton-box__data__container__side__info--right {
              padding-left: 30px; }
            .WidgetDashboardStatsPie-skeleton-box__data__container__side__info__line {
              width: 50%; }
            .WidgetDashboardStatsPie-skeleton-box__data__container__side__info__graph {
              align-items: center;
              display: flex;
              justify-content: end; }
              @media screen and (max-width: 1450px) {
                .WidgetDashboardStatsPie-skeleton-box__data__container__side__info__graph .RadialWidget-skeleton__chart__draw {
                  height: 150px;
                  width: 150px; } }
              @media screen and (max-width: 1600px) {
                .WidgetDashboardStatsPie-skeleton-box__data__container__side__info__graph .RadialWidget-skeleton__chart__draw {
                  height: 180px;
                  width: 180px; } }
              @media screen and (max-width: 1900px) {
                .WidgetDashboardStatsPie-skeleton-box__data__container__side__info__graph .RadialWidget-skeleton__chart__draw {
                  height: 200px;
                  width: 200px; } }
        .WidgetDashboardStatsPie-skeleton-box__data__container__center {
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          width: 20%;
          padding: 32px; }
          @media screen and (max-width: 1300px) {
            .WidgetDashboardStatsPie-skeleton-box__data__container__center {
              width: 25%; } }
          .WidgetDashboardStatsPie-skeleton-box__data__container__center__title {
            width: 95%; }
          .WidgetDashboardStatsPie-skeleton-box__data__container__center__box {
            position: relative;
            display: flex !important;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;
            height: auto;
            padding: 32px;
            margin: auto; }
            .WidgetDashboardStatsPie-skeleton-box__data__container__center__box__row {
              position: relative;
              display: flex !important;
              flex-direction: row;
              justify-content: flex-start;
              align-items: center;
              width: 100%;
              height: auto;
              margin-bottom: 20px; }

.MainImpactMetrics-skeleton {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background-color: #ffffff; }
  .MainImpactMetrics-skeleton__icon {
    display: flex;
    justify-content: center;
    height: 100px; }
  .MainImpactMetrics-skeleton-box {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    transition: all 150ms linear;
    line-height: 1.15;
    border-radius: 10px;
    transition: height 150ms linear;
    background-color: #ffffff;
    min-height: 313px; }
    .MainImpactMetrics-skeleton-box__data {
      width: 100%;
      height: 100%; }
      .MainImpactMetrics-skeleton-box__data__container {
        display: flex;
        width: 100%;
        height: 100%; }
        .MainImpactMetrics-skeleton-box__data__container__side {
          border-radius: 0 10px 10px 0;
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          height: 100%;
          padding: 32px;
          width: 40%; }
          @media screen and (max-width: 1300px) {
            .MainImpactMetrics-skeleton-box__data__container__side {
              width: 35%; } }
          @media screen and (max-width: 1080px) {
            .MainImpactMetrics-skeleton-box__data__container__side {
              padding-right: 80px; } }
          @media screen and (max-width: 1600px) {
            .MainImpactMetrics-skeleton-box__data__container__side {
              padding-right: 90px; } }
          @media screen and (max-width: 1450px) {
            .MainImpactMetrics-skeleton-box__data__container__side {
              padding-right: 110px; } }
          @media screen and (max-width: 1260px) {
            .MainImpactMetrics-skeleton-box__data__container__side {
              padding-right: 120px; } }
          .MainImpactMetrics-skeleton-box__data__container__side--right {
            background-color: #f7fafb; }
          .MainImpactMetrics-skeleton-box__data__container__side__title {
            width: 25%; }
          .MainImpactMetrics-skeleton-box__data__container__side__info {
            position: relative;
            display: flex !important;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;
            height: auto;
            margin: auto; }
            .MainImpactMetrics-skeleton-box__data__container__side__info--right {
              padding-left: 30px; }
            .MainImpactMetrics-skeleton-box__data__container__side__info__line {
              width: 50%; }
            @media screen and (max-width: 1450px) {
              .MainImpactMetrics-skeleton-box__data__container__side__info__graph .RadialWidget-skeleton__chart__draw {
                height: 150px;
                width: 150px; } }
            @media screen and (max-width: 1600px) {
              .MainImpactMetrics-skeleton-box__data__container__side__info__graph .RadialWidget-skeleton__chart__draw {
                height: 180px;
                width: 180px; } }
            @media screen and (max-width: 1900px) {
              .MainImpactMetrics-skeleton-box__data__container__side__info__graph .RadialWidget-skeleton__chart__draw {
                height: 200px;
                width: 200px; } }
        .MainImpactMetrics-skeleton-box__data__container__center {
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          width: 20%;
          padding: 32px; }
          @media screen and (max-width: 1300px) {
            .MainImpactMetrics-skeleton-box__data__container__center {
              width: 25%; } }
          .MainImpactMetrics-skeleton-box__data__container__center__title {
            width: 95%; }
          .MainImpactMetrics-skeleton-box__data__container__center__box {
            position: relative;
            display: flex !important;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;
            height: auto;
            padding: 32px;
            margin: auto; }
            .MainImpactMetrics-skeleton-box__data__container__center__box__row {
              position: relative;
              display: flex !important;
              flex-direction: row;
              justify-content: flex-start;
              align-items: center;
              width: 100%;
              height: auto;
              margin-bottom: 20px; }

.MainImpactMetrics {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 350px;
  width: 100%; }
  .MainImpactMetrics__title {
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d;
    margin-top: 0px; }
  .MainImpactMetrics__content {
    width: 100%;
    height: 100%; }
    .MainImpactMetrics__content__title {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .MainImpactMetrics__content__items {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: auto;
      height: 100%; }
      .MainImpactMetrics__content__items__content {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 250px; }
      .MainImpactMetrics__content__items__item {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        width: 100%;
        height: 350px;
        width: 100%;
        border: 1px solid #ebebeb;
        border-radius: 10px;
        margin: 5px;
        padding: 10px;
        cursor: pointer; }
        .MainImpactMetrics__content__items__item__desc {
          height: 124px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
        .MainImpactMetrics__content__items__item__tooltip {
          color: #657F93;
          font-size: 12px; }
        .MainImpactMetrics__content__items__item__icon {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: auto;
          width: 100%; }
          .MainImpactMetrics__content__items__item__icon__icon {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 110px !important;
            height: 121px;
            color: #9f9f9f;
            font-size: 24px;
            background: url("/images/icon.svg");
            background-size: 100%;
            background-repeat: no-repeat; }
            .MainImpactMetrics__content__items__item__icon__icon__item {
              color: #008c3d; }
        .MainImpactMetrics__content__items__item__label {
          color: #008c3d;
          font-size: 20px;
          text-align: center;
          margin: 10px 0px; }
        .MainImpactMetrics__content__items__item__value {
          color: #657F93;
          text-align: center;
          font-size: 14px;
          margin: 10px 0px; }

.WidgetGrid-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 26px; }
  .WidgetGrid-box__header {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-bottom: 38px; }
  .WidgetGrid-box__grid {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .WidgetGrid-box__grid__row {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      height: auto;
      flex-flow: wrap;
      margin-bottom: 20px; }
    .WidgetGrid-box__grid__col-full-width {
      width: 100%;
      padding-right: 0 !important;
      padding-left: 0 !important;
      margin-bottom: 20px;
      display: flex; }
    .WidgetGrid-box__grid__col:nth-child(odd) {
      padding-right: 10px; }
    .WidgetGrid-box__grid__col:nth-child(even) {
      padding-left: 10px; }

@keyframes skeleton {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }

.RadialWidget-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto; }
  @media screen and (min-width: 768px) {
    .RadialWidget-skeleton {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: auto; } }
  @media screen and (min-width: 768px) {
    .RadialWidget-skeleton__chart, .RadialWidget-skeleton__data {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      width: 50%;
      height: auto; } }
  .RadialWidget-skeleton__chart__draw {
    position: relative;
    display: block;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: #657f93 !important;
    opacity: 0.2;
    overflow: hidden; }
    .RadialWidget-skeleton__chart__draw::after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
      animation: skeleton 2s ease-in-out infinite;
      overflow: hidden !important; }
  .RadialWidget-skeleton__data__skeleton-row {
    position: relative;
    display: block;
    width: 200px;
    height: 10px;
    border-radius: 4px;
    background-color: #657f93;
    opacity: 0.2;
    overflow: hidden; }
    .RadialWidget-skeleton__data__skeleton-row::after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
      animation: skeleton 2s ease-in-out infinite;
      overflow: hidden !important; }
    .RadialWidget-skeleton__data__skeleton-row--full {
      height: 100% !important;
      width: 100% !important;
      border-radius: 0 !important;
      max-width: calc(100% - 10px) !important;
      background: #657f93 !important; }
    .RadialWidget-skeleton__data__skeleton-row--grey {
      background: #657f93 !important; }
    .RadialWidget-skeleton__data__skeleton-row--large {
      width: 90%; }
    .RadialWidget-skeleton__data__skeleton-row-1 {
      margin-top: 22px;
      height: 12px; }
    .RadialWidget-skeleton__data__skeleton-row-2 {
      margin-top: 22px;
      width: 130px;
      height: 12px; }
    .RadialWidget-skeleton__data__skeleton-row-3 {
      margin-top: 6px;
      width: 130px;
      height: 12px; }
    .RadialWidget-skeleton__data__skeleton-row-4, .RadialWidget-skeleton__data__skeleton-row-6 {
      margin-top: 20px;
      width: 130px;
      height: 12px; }
    .RadialWidget-skeleton__data__skeleton-row-5, .RadialWidget-skeleton__data__skeleton-row-7 {
      margin-top: 6px;
      width: 130px;
      height: 10px; }
    .RadialWidget-skeleton__data__skeleton-row-icon {
      margin-top: 22px;
      height: 50px;
      width: 50px; }

.HorizontalSticksWidget-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 320px; }
  .HorizontalSticksWidget-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
  .HorizontalSticksWidget-box__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    margin-top: 44px; }
    .HorizontalSticksWidget-box__container__row {
      min-height: 30px;
      display: flex;
      align-items: center;
      height: 100%;
      cursor: pointer; }
      .HorizontalSticksWidget-box__container__row:hover .stick-chart-horizontal__tooltip {
        opacity: 1;
        transition: .3s ease-in-out; }
      .HorizontalSticksWidget-box__container__row:hover .stick-chart-horizontal__content {
        background: linear-gradient(90deg, #F18700 23.09%, #CC1F40 99.96%);
        transition: all 1s ease-in-out; }
      .HorizontalSticksWidget-box__container__row:hover p
.HorizontalSticksWidget-box__container__row__value {
        color: #cc1f40;
        transition: all .3s ease-in-out; }
      .HorizontalSticksWidget-box__container__row__label {
        width: 60px;
        font-size: 10px;
        color: #657F93; }
      .HorizontalSticksWidget-box__container__row__data {
        width: calc(100% - 60px - 120px);
        min-height: 40px;
        display: flex;
        align-items: center; }
      .HorizontalSticksWidget-box__container__row__value {
        width: 120px;
        font-size: 10px;
        color: #008f49;
        font-weight: bold;
        padding-left: 32px; }

.stick-chart-horizontal {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 4px;
  content: '';
  cursor: pointer;
  transition: all .3s ease-in-out; }
  .stick-chart-horizontal__tooltip {
    position: absolute;
    top: -25px;
    min-width: 50px;
    min-height: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    opacity: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #008f49;
    font-size: 10px;
    transition: .3s ease-in-out; }
    .stick-chart-horizontal__tooltip:before {
      content: '';
      background: #ffffff;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      width: 8px;
      height: 8px;
      transform: rotate(45deg);
      position: absolute;
      bottom: -4px; }
  .stick-chart-horizontal__bar {
    height: 4px;
    border-radius: 4px;
    width: 100%;
    background: #D1D5D8;
    transition: all .3s ease-in-out; }
    .stick-chart-horizontal__bar:after {
      content: ''; }
  .stick-chart-horizontal__content {
    position: absolute;
    z-index: 1;
    background: linear-gradient(90deg, #1A4821 23.09%, #008C3D 99.96%);
    box-shadow: 0 4px 20px rgba(0, 154, 67, 0.2);
    border-radius: 4px;
    height: 4px;
    transition: all .3s ease-in-out;
    left: 0;
    animation: stickLoadH 2s forwards; }

@keyframes stickLoadH {
  0% {
    width: 1px; } }

@keyframes skeleton {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }

.HorizontalSticksWidget-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto; }
  .HorizontalSticksWidget-skeleton__header {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .HorizontalSticksWidget-skeleton__header__skeleton-row {
      position: relative;
      display: block;
      width: 200px;
      height: 14px;
      border-radius: 4px;
      background-color: #657f93;
      opacity: 0.2;
      overflow: hidden; }
      .HorizontalSticksWidget-skeleton__header__skeleton-row::after {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
        animation: skeleton 2s ease-in-out infinite;
        overflow: hidden !important; }
      .HorizontalSticksWidget-skeleton__header__skeleton-row-1 {
        margin-top: 22px;
        height: 12px; }
  .HorizontalSticksWidget-skeleton__rows {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 44px; }
  .HorizontalSticksWidget-skeleton__row {
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #657f93;
    opacity: 0.2;
    overflow: hidden; }
    .HorizontalSticksWidget-skeleton__row::after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
      animation: skeleton 2s ease-in-out infinite;
      overflow: hidden !important; }
    .HorizontalSticksWidget-skeleton__row:not(:last-of-type) {
      margin-bottom: 24px; }

.NumberWidget-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 320px; }
  .NumberWidget-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .NumberWidget-box__content__header {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: auto; }
      .NumberWidget-box__content__header__title {
        font-family: "Etelka Medium Pro", sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        color: #008c3d; }
      .NumberWidget-box__content__header__options-button {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
        border: 0;
        padding: 0;
        background: transparent;
        cursor: pointer;
        appearance: none !important;
        padding: 0 4px; }
        .NumberWidget-box__content__header__options-button:focus {
          outline: 0 !important; }
        .NumberWidget-box__content__header__options-button:hover .number-widget-box__content__header__options-button__icon {
          font-size: 18px;
          line-height: 18px;
          color: #54666f; }
        .NumberWidget-box__content__header__options-button__icon {
          font-size: 18px;
          line-height: 18px;
          color: #273b4c;
          transition: color 150ms linear; }
    .NumberWidget-box__content__description {
      margin-top: 14px;
      font-family: "Etelka Text Pro", sans-serif;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      color: #657f93; }
    .NumberWidget-box__content__rows {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: auto;
      margin-top: 22px; }
    .NumberWidget-box__content__row {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: auto; }
      @media screen and (min-width: 768px) {
        .NumberWidget-box__content__row {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: auto; } }
    .NumberWidget-box__content__col {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      height: auto; }
      @media screen and (min-width: 768px) {
        .NumberWidget-box__content__col {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          align-items: flex-start;
          width: 50%;
          height: auto; } }
    .NumberWidget-box__content__item {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 50%;
      height: auto; }
      .NumberWidget-box__content__item__badge {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background-color: #ffffff;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2); }
        .NumberWidget-box__content__item__badge__icon {
          font-size: 18px;
          line-height: 18px;
          color: #008c3d; }
      .NumberWidget-box__content__item__labels {
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin-top: 28px; }
        .NumberWidget-box__content__item__labels__separator {
          position: relative;
          display: block;
          width: 68px;
          height: 1px;
          background-color: #657f93; }
        .NumberWidget-box__content__item__labels__unit {
          margin-top: 8px;
          font-family: "Etelka Text Pro", sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 16px;
          color: #657f93; }
      .NumberWidget-box__content__item__variation {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin-top: 18px; }
        .NumberWidget-box__content__item__variation__value {
          font-family: "Etelka Medium Pro", sans-serif;
          font-weight: 500;
          font-size: 10px;
          line-height: 14px;
          color: #657f93; }
          .NumberWidget-box__content__item__variation__value-up {
            color: #12ca64; }
          .NumberWidget-box__content__item__variation__value-down {
            color: #cc1f40; }
          .NumberWidget-box__content__item__variation__value__icon {
            margin-left: 4px; }

@keyframes skeleton {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }

.NumberWidget-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto; }
  .NumberWidget-skeleton__header {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .NumberWidget-skeleton__header__skeleton-row {
      position: relative;
      display: block;
      width: 200px;
      height: 14px;
      border-radius: 4px;
      background-color: #657f93;
      opacity: 0.2;
      overflow: hidden; }
      .NumberWidget-skeleton__header__skeleton-row::after {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
        animation: skeleton 2s ease-in-out infinite;
        overflow: hidden !important; }
      .NumberWidget-skeleton__header__skeleton-row-1 {
        margin-top: 22px;
        height: 12px; }
  .NumberWidget-skeleton__rows {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 22px; }
  .NumberWidget-skeleton__row {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    @media screen and (min-width: 768px) {
      .NumberWidget-skeleton__row {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto; } }
  .NumberWidget-skeleton__col {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    @media screen and (min-width: 768px) {
      .NumberWidget-skeleton__col {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        width: 50%;
        height: auto; } }
  .NumberWidget-skeleton__item {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: auto; }
    .NumberWidget-skeleton__item__skeleton-badge {
      position: relative;
      display: block;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background-color: #657f93;
      opacity: 0.2;
      overflow: hidden; }
      .NumberWidget-skeleton__item__skeleton-badge::after {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
        animation: skeleton 2s ease-in-out infinite;
        overflow: hidden !important; }
    .NumberWidget-skeleton__item__skeleton-row {
      position: relative;
      display: block;
      margin-top: 34px;
      width: 66px;
      height: 26px;
      background-color: #657f93;
      opacity: 0.2;
      overflow: hidden; }
      .NumberWidget-skeleton__item__skeleton-row::after {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
        animation: skeleton 2s ease-in-out infinite;
        overflow: hidden !important; }
      .NumberWidget-skeleton__item__skeleton-row-1 {
        margin-top: 16px;
        height: 10px; }
      .NumberWidget-skeleton__item__skeleton-row-2 {
        margin-top: 24px;
        height: 8px; }

.NumberWidget-value {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  font-family: "Etelka Text Pro", sans-serif;
  font-weight: 400;
  font-size: 38px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0); }
  .NumberWidget-value-animated-text {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 38px;
    line-height: 40px;
    color: #273b4c; }

.WorldMapWidget-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 600px; }
  .WorldMapWidget-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .WorldMapWidget-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WorldMapWidget-box__header {
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto; }
  .WorldMapWidget-box__title {
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d; }
  .WorldMapWidget-box__description {
    margin-top: 10px;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #657f93; }
  .WorldMapWidget-box__vectors {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    margin-top: 34px; }
    .WorldMapWidget-box__vectors-drilldowned svg g {
      transform-origin: center; }
    .WorldMapWidget-box__vectors svg {
      cursor: pointer; }
    .WorldMapWidget-box__vectors__superposition {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 500px; }
      .WorldMapWidget-box__vectors__superposition svg {
        opacity: 0;
        cursor: pointer; }
    .WorldMapWidget-box__vectors__back-btn {
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      appearance: none !important;
      position: absolute;
      top: 0;
      right: 0; }
      .WorldMapWidget-box__vectors__back-btn:focus {
        outline: 0 !important; }
      .WorldMapWidget-box__vectors__back-btn__icon {
        font-size: 18px;
        line-height: 18px;
        color: #008c3d; }

.WorldMapWidget-tooltip {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 14px 26px;
  min-width: 160px;
  background-color: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px; }
  .WorldMapWidget-tooltip__country {
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d;
    margin-bottom: 4px; }
  .WorldMapWidget-tooltip__data-row {
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #008c3d; }
    .WorldMapWidget-tooltip__data-row-suffix {
      margin-top: 18px; }

.WorldMapWidget-supranational {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 160px;
  height: 150px;
  background-color: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px; }
  .WorldMapWidget-supranational__country {
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d;
    margin-bottom: 4px; }
  .WorldMapWidget-supranational__data-row {
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #008c3d; }

@keyframes skeleton {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }

.WorldMapWidget-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }
  .WorldMapWidget-skeleton__header {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .WorldMapWidget-skeleton__header__skeleton-row {
      position: relative;
      display: block;
      width: 200px;
      height: 14px;
      border-radius: 4px;
      background-color: #657f93;
      opacity: 0.2;
      overflow: hidden; }
      .WorldMapWidget-skeleton__header__skeleton-row::after {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
        animation: skeleton 2s ease-in-out infinite;
        overflow: hidden !important; }
      .WorldMapWidget-skeleton__header__skeleton-row-1 {
        margin-top: 22px;
        height: 12px; }
  .WorldMapWidget-skeleton__vectors {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px; }

@keyframes skeleton {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }

.WidgetLastLgx-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }

.WidgetLastLgx-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 320px; }
  .WidgetLastLgx-box__title {
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d; }
  .WidgetLastLgx-box__description {
    line-height: 150%;
    font-size: 12px;
    margin-top: 14px;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #657f93; }
  .WidgetLastLgx-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    .WidgetLastLgx-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WidgetLastLgx-box__data {
    width: 100%; }
    .WidgetLastLgx-box__data__container {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto;
      margin-top: 20px;
      flex-flow: wrap;
      width: 100%; }
      .WidgetLastLgx-box__data__container-skeleton {
        margin-top: 0; }
      .WidgetLastLgx-box__data__container__skeleton-line {
        position: relative;
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: auto; }
        .WidgetLastLgx-box__data__container__skeleton-line:not(:last-of-type) {
          margin-bottom: 10px; }
      .WidgetLastLgx-box__data__container__skeleton-row {
        position: relative;
        display: block;
        width: calc(50% - 5px);
        height: 40px;
        border-radius: 4px;
        background-color: #657f93;
        opacity: 0.2;
        overflow: hidden; }
        .WidgetLastLgx-box__data__container__skeleton-row::after {
          content: ' ';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, #657f93 0px, #f7fafb 20px, #657f93 40px);
          animation: skeleton 2s ease-in-out infinite;
          overflow: hidden !important; }
      @media screen and (max-width: 1080px) {
        .WidgetLastLgx-box__data__container--responsive {
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto; }
          .WidgetLastLgx-box__data__container--responsive .WidgetLastLgx-box__data__container__tile {
            max-width: 100% !important;
            margin: 0 !important;
            margin-bottom: 20px !important; }
            .WidgetLastLgx-box__data__container--responsive .WidgetLastLgx-box__data__container__tile__issuer__img {
              width: 100%;
              height: auto;
              object-fit: cover; }
            .WidgetLastLgx-box__data__container--responsive .WidgetLastLgx-box__data__container__tile__amount {
              font-size: 14px; }
            .WidgetLastLgx-box__data__container--responsive .WidgetLastLgx-box__data__container__tile__dates {
              justify-content: space-between; }
              .WidgetLastLgx-box__data__container--responsive .WidgetLastLgx-box__data__container__tile__dates__center {
                width: 30px; }
              .WidgetLastLgx-box__data__container--responsive .WidgetLastLgx-box__data__container__tile__dates__side--left, .WidgetLastLgx-box__data__container--responsive .WidgetLastLgx-box__data__container__tile__dates__side--right {
                padding: 0 !important; } }
      .WidgetLastLgx-box__data__container__tile {
        height: 160px;
        width: calc(50% - 25px);
        max-width: calc(50% - 25px);
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        margin-bottom: 20px; }
        .WidgetLastLgx-box__data__container__tile:nth-child(odd) {
          margin-right: 10px; }
        .WidgetLastLgx-box__data__container__tile:nth-child(even) {
          margin-left: 10px; }
        .WidgetLastLgx-box__data__container__tile__icon {
          width: 100%;
          height: 18px;
          color: #008f49;
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: flex-end;
          align-items: flex-end;
          width: 100%;
          height: auto; }
          .WidgetLastLgx-box__data__container__tile__icon-social {
            color: #d3a228; }
          .WidgetLastLgx-box__data__container__tile__icon-sustainable {
            color: #009cc4; }
        .WidgetLastLgx-box__data__container__tile__issuer {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: auto;
          height: 44px; }
          .WidgetLastLgx-box__data__container__tile__issuer__img {
            width: auto;
            height: 40px;
            object-fit: cover; }
        .WidgetLastLgx-box__data__container__tile__amount {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: auto;
          width: 100%;
          padding-top: 15px;
          padding-bottom: 15px;
          font-size: 18px;
          line-height: 150%;
          color: #657f93; }
        .WidgetLastLgx-box__data__container__tile__dates {
          width: 100%;
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto; }
          .WidgetLastLgx-box__data__container__tile__dates__side {
            color: #657f93;
            font-size: 12px;
            line-height: 150%;
            width: 40%; }
            .WidgetLastLgx-box__data__container__tile__dates__side--left {
              text-align: right;
              padding-right: 30px; }
            .WidgetLastLgx-box__data__container__tile__dates__side--right {
              text-align: left;
              padding-left: 30px; }
          .WidgetLastLgx-box__data__container__tile__dates__center {
            position: relative;
            display: flex !important;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;
            height: auto;
            justify-content: center;
            width: 20%; }


.separator-component {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 20px; }

.WidgetTop10Issuers-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }

.WidgetTop10Issuers-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 320px; }
  .WidgetTop10Issuers-box__title {
    font-family: "Etelka Medium Pro", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #008c3d; }
  .WidgetTop10Issuers-box__description {
    line-height: 150%;
    font-size: 12px;
    margin-top: 14px;
    font-family: "Etelka Text Pro", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #657f93; }
  .WidgetTop10Issuers-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    .WidgetTop10Issuers-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WidgetTop10Issuers-box__data {
    width: 100%; }
    .WidgetTop10Issuers-box__data__container {
      position: relative;
      display: flex !important;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      height: auto;
      margin-top: 20px;
      flex-flow: wrap;
      width: 100%; }
      .WidgetTop10Issuers-box__data__container--space {
        justify-content: space-between !important; }
        @media screen and (max-width: 1080px) {
          .WidgetTop10Issuers-box__data__container--space {
            flex-direction: row !important; } }
      @media screen and (max-width: 1080px) {
        .WidgetTop10Issuers-box__data__container--responsive {
          position: relative;
          display: flex !important;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto; }
          .WidgetTop10Issuers-box__data__container--responsive .WidgetTop10Issuers-box__data__container__tile {
            max-width: 100% !important;
            margin: 0 !important;
            margin-bottom: 20px !important;
            min-height: 165px; }
            .WidgetTop10Issuers-box__data__container--responsive .WidgetTop10Issuers-box__data__container__tile__issuer__img {
              width: 100%;
              height: auto;
              object-fit: cover; }
            .WidgetTop10Issuers-box__data__container--responsive .WidgetTop10Issuers-box__data__container__tile__amount {
              font-size: 14px; } }
      .WidgetTop10Issuers-box__data__container__tile {
        height: 140px;
        width: calc(50% - 25px);
        max-width: calc(50% - 25px);
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        margin-bottom: 20px; }
        .WidgetTop10Issuers-box__data__container__tile--inline {
          width: calc(20% - 1.5%);
          min-width: calc(20% - 1.5%);
          max-width: calc(20% - 1.5%); }
          .WidgetTop10Issuers-box__data__container__tile--inline:nth-child(odd) {
            margin-right: 0 !important; }
          .WidgetTop10Issuers-box__data__container__tile--inline:nth-child(even) {
            margin-left: 0 !important; }
          @media screen and (max-width: 1500px) {
            .WidgetTop10Issuers-box__data__container__tile--inline {
              width: calc(33% - 1.5%);
              min-width: calc(33% - 1.5%);
              max-width: calc(33% - 1.5%); } }
          @media screen and (max-width: 1080px) {
            .WidgetTop10Issuers-box__data__container__tile--inline {
              display: flex !important;
              width: calc(50% - 2%);
              min-width: calc(50% - 2%);
              max-width: calc(50% - 2%); } }
          @media screen and (max-width: 800px) {
            .WidgetTop10Issuers-box__data__container__tile--inline {
              width: 100%;
              min-width: 100%;
              max-width: 100%; } }
        .WidgetTop10Issuers-box__data__container__tile:nth-child(odd) {
          margin-right: 10px; }
        .WidgetTop10Issuers-box__data__container__tile:nth-child(even) {
          margin-left: 10px; }
        .WidgetTop10Issuers-box__data__container__tile__bonds {
          width: 100%;
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto;
          justify-content: space-evenly;
          font-size: 12px; }
          .WidgetTop10Issuers-box__data__container__tile__bonds:first-child {
            padding-right: 10px; }
          .WidgetTop10Issuers-box__data__container__tile__bonds:last-child {
            padding-left: 10px; }
          .WidgetTop10Issuers-box__data__container__tile__bonds svg {
            margin-left: 8px; }
          .WidgetTop10Issuers-box__data__container__tile__bonds--green {
            color: #008f49; }
          .WidgetTop10Issuers-box__data__container__tile__bonds--orange {
            color: #d3a228; }
          .WidgetTop10Issuers-box__data__container__tile__bonds--blue {
            color: #009cc4; }
          .WidgetTop10Issuers-box__data__container__tile__bonds--red {
            color: #cc1f40; }
        .WidgetTop10Issuers-box__data__container__tile__issuer {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: auto; }
          .WidgetTop10Issuers-box__data__container__tile__issuer__content {
            font-size: 12px;
            color: #657f93;
            height: 45px; }
          .WidgetTop10Issuers-box__data__container__tile__issuer__img {
            width: auto;
            height: 40px;
            max-height: 40px;
            object-fit: cover; }
        .WidgetTop10Issuers-box__data__container__tile__amount {
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: auto;
          width: 100%;
          padding-top: 15px;
          padding-bottom: 15px;
          font-size: 30px;
          line-height: 150%;
          color: #008f49; }
        .WidgetTop10Issuers-box__data__container__tile__dates {
          width: 100%;
          position: relative;
          display: flex !important;
          flex-direction: row;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: auto; }
          .WidgetTop10Issuers-box__data__container__tile__dates__side {
            color: #657f93;
            font-size: 12px;
            line-height: 150%;
            width: 40%; }
            .WidgetTop10Issuers-box__data__container__tile__dates__side--left {
              text-align: right;
              padding-right: 30px; }
            .WidgetTop10Issuers-box__data__container__tile__dates__side--right {
              text-align: left;
              padding-left: 30px; }
          .WidgetTop10Issuers-box__data__container__tile__dates__center {
            position: relative;
            display: flex !important;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;
            height: auto;
            justify-content: center;
            width: 20%; }

.WidgetPercentageBonds-box-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }

.WidgetPercentageBonds-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 380px; }
  .WidgetPercentageBonds-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .WidgetPercentageBonds-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WidgetPercentageBonds-box__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between; }
    @media screen and (max-width: 1300px) {
      .WidgetPercentageBonds-box__container {
        flex-direction: row; } }
    .WidgetPercentageBonds-box__container--row {
      flex-direction: row; }
    .WidgetPercentageBonds-box__container--skeleton {
      padding-top: 30px;
      display: flex !important;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%; }
      .WidgetPercentageBonds-box__container--skeleton__left {
        width: 50%;
        margin: auto 0; }
    .WidgetPercentageBonds-box__container__left {
      margin: auto 0; }
    .WidgetPercentageBonds-box__container__center {
      display: flex;
      justify-content: center;
      z-index: 10;
      cursor: pointer; }
      .WidgetPercentageBonds-box__container__center__info {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: #273b4c;
        font-size: 24px;
        margin-top: -20px;
        z-index: -1; }
        .WidgetPercentageBonds-box__container__center__info__label {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 60px;
          font-size: 38px; }
          .WidgetPercentageBonds-box__container__center__info__label--fade {
            opacity: 0;
            animation: softFade 300ms forwards; }
          .WidgetPercentageBonds-box__container__center__info__label--fade-out {
            opacity: 0;
            animation: softFadeOut 300ms backwards; }
        .WidgetPercentageBonds-box__container__center__info__value {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 50px;
          font-size: 14px;
          color: #657f93; }
        .WidgetPercentageBonds-box__container__center__info__separator {
          width: 100%;
          height: 1px;
          background: #657f93; }
    .WidgetPercentageBonds-box__container__row {
      min-height: 42px;
      display: flex;
      align-items: flex-end;
      padding-bottom: 3px;
      border-bottom: solid 1px #D1D5D8;
      cursor: context-menu; }
      .WidgetPercentageBonds-box__container__row__tooltip {
        display: inherit !important; }
      .WidgetPercentageBonds-box__container__row--disabled {
        opacity: .4; }
      .WidgetPercentageBonds-box__container__row--selected .stick-chart-horizontal--double__bar,
      .WidgetPercentageBonds-box__container__row--selected .stick-chart-horizontal--double__content {
        height: 10px;
        border-radius: 10px; }
      .WidgetPercentageBonds-box__container__row:hover .stick-chart-horizontal--double__tooltip {
        opacity: 1;
        transition: .3s ease-in-out; }
      .WidgetPercentageBonds-box__container__row:hover .stick-chart-horizontal--double__content {
        transition: all 1s ease-in-out; }
      .WidgetPercentageBonds-box__container__row__label {
        font-size: 12px;
        line-height: 150%;
        width: 100%; }
      .WidgetPercentageBonds-box__container__row__data {
        width: calc(100% - 60px - 120px);
        min-height: 40px;
        display: flex;
        align-items: center; }
      .WidgetPercentageBonds-box__container__row__value {
        width: 120px;
        font-size: 12px;
        line-height: 150%;
        font-weight: bold;
        display: flex;
        justify-content: flex-end; }

.stick-chart-horizontal--double {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 4px;
  content: '';
  cursor: pointer;
  transition: all .3s ease-in-out; }
  .stick-chart-horizontal--double__tooltip {
    position: absolute;
    top: -25px;
    min-width: 50px;
    min-height: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    opacity: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #008f49;
    font-size: 10px;
    transition: .3s ease-in-out; }
    .stick-chart-horizontal--double__tooltip:before {
      content: '';
      background: #ffffff;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      width: 8px;
      height: 8px;
      transform: rotate(45deg);
      position: absolute;
      bottom: -4px; }
  .stick-chart-horizontal--double__bar {
    height: 4px;
    border-radius: 4px;
    width: 100%;
    background: #D1D5D8;
    transition: all .3s ease-in-out; }
    .stick-chart-horizontal--double__bar:after {
      content: ''; }
  .stick-chart-horizontal--double__content {
    position: absolute;
    z-index: 1;
    box-shadow: 0 4px 20px rgba(0, 154, 67, 0.2);
    border-radius: 4px;
    height: 4px;
    transition: all .3s ease-in-out;
    left: 0;
    animation: stickLoadH 2s forwards; }

@keyframes stickLoadH {
  0% {
    width: 1px; } }

@keyframes softFade {
  100% {
    opacity: 1; } }

@keyframes softFadeOut {
  100% {
    opacity: 0; } }

.donutchart-innertext {
  display: none;
  visibility: hidden; }

.donutchart-mask-currency {
  z-index: -1;
  background: transparent;
  position: absolute;
  border: solid 45px transparent;
  border-radius: 100%;
  height: 230px;
  width: 230px;
  color: #657f93;
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.3); }

.WidgetPercentageBondsScopeOfReview-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }

.WidgetPercentageBondsScopeOfReview-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 380px; }
  .WidgetPercentageBondsScopeOfReview-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto; }
    .WidgetPercentageBondsScopeOfReview-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WidgetPercentageBondsScopeOfReview-box__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    margin-top: 15px; }
    .WidgetPercentageBondsScopeOfReview-box__container--row {
      flex-direction: row;
      align-items: center; }
    .WidgetPercentageBondsScopeOfReview-box__container__left, .WidgetPercentageBondsScopeOfReview-box__container__center, .WidgetPercentageBondsScopeOfReview-box__container__right {
      width: 50%; }
    .WidgetPercentageBondsScopeOfReview-box__container__center {
      display: flex;
      justify-content: center;
      z-index: 10;
      max-height: 200px; }
    .WidgetPercentageBondsScopeOfReview-box__container__row {
      min-height: 50px;
      display: flex;
      align-items: flex-end;
      padding-bottom: 3px;
      cursor: pointer;
      border-bottom: solid 1px #D1D5D8; }
      .WidgetPercentageBondsScopeOfReview-box__container__row--disabled {
        opacity: .4; }
      .WidgetPercentageBondsScopeOfReview-box__container__row--selected .stick-chart-horizontal--double__bar,
      .WidgetPercentageBondsScopeOfReview-box__container__row--selected .stick-chart-horizontal--double__content {
        height: 10px;
        border-radius: 10px; }
      .WidgetPercentageBondsScopeOfReview-box__container__row:hover .stick-chart-horizontal--double__tooltip {
        opacity: 1;
        transition: .3s ease-in-out; }
      .WidgetPercentageBondsScopeOfReview-box__container__row:hover .stick-chart-horizontal--double__content {
        transition: all 1s ease-in-out; }
      .WidgetPercentageBondsScopeOfReview-box__container__row:hover .WidgetPercentageBondsScopeOfReview-box__container__row__value {
        color: #cc1f40;
        transition: all .3s ease-in-out; }
      .WidgetPercentageBondsScopeOfReview-box__container__row__label {
        flex: none;
        font-size: 12px;
        line-height: 150%;
        color: #657F93; }
      .WidgetPercentageBondsScopeOfReview-box__container__row__data {
        width: calc(100% - 60px - 120px);
        min-height: 40px;
        display: flex;
        align-items: center; }
      .WidgetPercentageBondsScopeOfReview-box__container__row__value {
        width: 120px;
        font-size: 12px;
        color: #008f49;
        line-height: 150%;
        font-weight: bold;
        padding-left: 32px;
        display: flex;
        justify-content: flex-end; }

.stick-chart-horizontal--double {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 4px;
  content: '';
  cursor: pointer;
  transition: all .3s ease-in-out; }
  .stick-chart-horizontal--double__tooltip {
    position: absolute;
    top: -25px;
    min-width: 50px;
    min-height: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    opacity: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #008f49;
    font-size: 10px;
    transition: .3s ease-in-out; }
    .stick-chart-horizontal--double__tooltip:before {
      content: '';
      background: #ffffff;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      width: 8px;
      height: 8px;
      transform: rotate(45deg);
      position: absolute;
      bottom: -4px; }
  .stick-chart-horizontal--double__bar {
    height: 4px;
    border-radius: 4px;
    width: 100%;
    background: #D1D5D8;
    transition: all .3s ease-in-out; }
    .stick-chart-horizontal--double__bar:after {
      content: ''; }
  .stick-chart-horizontal--double__content {
    position: absolute;
    z-index: 1;
    box-shadow: 0 4px 20px rgba(0, 154, 67, 0.2);
    border-radius: 4px;
    height: 4px;
    transition: all .3s ease-in-out;
    left: 0;
    animation: stickLoadH 2s forwards; }

@keyframes stickLoadH {
  0% {
    width: 1px; } }

@keyframes softFade {
  100% {
    opacity: 1; } }

@keyframes softFadeOut {
  100% {
    opacity: 0; } }

.WidgetGranularityOfReporting-skeleton {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #ffffff; }

.WidgetGranularityOfReporting-box {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all 150ms linear;
  padding: 32px;
  border-radius: 10px;
  transition: height 150ms linear;
  background-color: #ffffff;
  min-height: 380px; }
  .WidgetGranularityOfReporting-box__content {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto; }
    .WidgetGranularityOfReporting-box__content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .WidgetGranularityOfReporting-box__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    margin-top: 25px; }
    .WidgetGranularityOfReporting-box__container--row {
      flex-direction: row;
      align-items: center; }
    .WidgetGranularityOfReporting-box__container__left, .WidgetGranularityOfReporting-box__container__center, .WidgetGranularityOfReporting-box__container__right {
      width: 50%; }
    .WidgetGranularityOfReporting-box__container__center {
      display: flex;
      justify-content: center;
      z-index: 10;
      max-height: 200px; }
    .WidgetGranularityOfReporting-box__container__row {
      min-height: 50px;
      display: flex;
      align-items: flex-end;
      padding-bottom: 3px;
      cursor: pointer;
      border-bottom: solid 1px #D1D5D8; }
      .WidgetGranularityOfReporting-box__container__row--disabled {
        opacity: .4; }
      .WidgetGranularityOfReporting-box__container__row--selected .stick-chart-horizontal--double__bar,
      .WidgetGranularityOfReporting-box__container__row--selected .stick-chart-horizontal--double__content {
        height: 10px;
        border-radius: 10px; }
      .WidgetGranularityOfReporting-box__container__row:hover .stick-chart-horizontal--double__tooltip {
        opacity: 1;
        transition: .3s ease-in-out; }
      .WidgetGranularityOfReporting-box__container__row:hover .stick-chart-horizontal--double__content {
        transition: all 1s ease-in-out; }
      .WidgetGranularityOfReporting-box__container__row:hover .WidgetGranularityOfReporting-box__container__row__value {
        color: #cc1f40;
        transition: all .3s ease-in-out; }
      .WidgetGranularityOfReporting-box__container__row__label {
        flex: none;
        font-size: 12px;
        line-height: 150%;
        color: #657F93; }
      .WidgetGranularityOfReporting-box__container__row__data {
        width: calc(100% - 60px - 120px);
        min-height: 40px;
        display: flex;
        align-items: center; }
      .WidgetGranularityOfReporting-box__container__row__value {
        width: 120px;
        font-size: 12px;
        color: #008f49;
        line-height: 150%;
        font-weight: bold;
        padding-left: 32px;
        display: flex;
        justify-content: flex-end; }

.stick-chart-horizontal--double {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 4px;
  content: '';
  cursor: pointer;
  transition: all .3s ease-in-out; }
  .stick-chart-horizontal--double__tooltip {
    position: absolute;
    top: -25px;
    min-width: 50px;
    min-height: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    opacity: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #008f49;
    font-size: 10px;
    transition: .3s ease-in-out; }
    .stick-chart-horizontal--double__tooltip:before {
      content: '';
      background: #ffffff;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
      width: 8px;
      height: 8px;
      transform: rotate(45deg);
      position: absolute;
      bottom: -4px; }
  .stick-chart-horizontal--double__bar {
    height: 4px;
    border-radius: 4px;
    width: 100%;
    background: #D1D5D8;
    transition: all .3s ease-in-out; }
    .stick-chart-horizontal--double__bar:after {
      content: ''; }
  .stick-chart-horizontal--double__content {
    position: absolute;
    z-index: 1;
    box-shadow: 0 4px 20px rgba(0, 154, 67, 0.2);
    border-radius: 4px;
    height: 4px;
    transition: all .3s ease-in-out;
    left: 0;
    animation: stickLoadH 2s forwards; }

@keyframes stickLoadH {
  0% {
    width: 1px; } }

@keyframes softFade {
  100% {
    opacity: 1; } }

@keyframes softFadeOut {
  100% {
    opacity: 0; } }

.portfolio-table {
  font-size: 15px; }
  .portfolio-table table {
    position: relative;
    table-layout: auto;
    min-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none !important; }
    .portfolio-table table thead {
      position: relative; }
    .portfolio-table table tr {
      height: 45px;
      color: #008c3d; }
    .portfolio-table table th,
    .portfolio-table table td {
      margin: 0; }
      .portfolio-table table th input,
      .portfolio-table table td input {
        text-align: center;
        color: #657f93;
        padding: 0;
        margin: 0;
        border: 0; }
  .portfolio-table-pagination {
    padding: 0.5rem;
    text-align: center; }
    .portfolio-table-pagination span {
      font-size: 12px !important; }
    .portfolio-table-pagination button {
      border: 0;
      background: transparent; }

.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--show {
    z-index: 20;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all .2s ease-in-out; }
  .modal__container {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    min-height: 40px;
    margin: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }
    .modal__container__body__btn {
      display: flex;
      justify-content: space-between; }
      .modal__container__body__btn .Button-box {
        padding: 8px 40px !important; }
        .modal__container__body__btn .Button-box__label {
          height: 32px;
          width: 133px; }
        .modal__container__body__btn .Button-box__subLabel {
          font-size: 12px; }
      .modal__container__body__btn .loader-component {
        min-height: unset !important; }
    .modal__container__body__row__content {
      padding: 20px; }
      .modal__container__body__row__content__item__checkbox {
        display: flex;
        align-items: center;
        padding-bottom: 10px;
        padding-top: 10px; }
        .modal__container__body__row__content__item__checkbox__label {
          font-size: 12px;
          color: #657f93;
          padding-right: 20px;
          padding-left: 20px; }
      .modal__container__body__row__content__item__section {
        display: flex;
        flex-direction: row;
        margin-left: 40px;
        align-items: center; }
        .modal__container__body__row__content__item__section__checkbox {
          display: flex;
          align-items: center;
          padding-bottom: 10px;
          padding-top: 10px; }