.info-text-tooltip {
  text-transform: none;
  cursor: initial;
  visibility: hidden;
  display: block;
  background-color: #BFEBF3;
  color: #262626;
  border: 1px solid #909090;
  border-radius: 6px;
  position: absolute;
  bottom: 100%;
  margin-bottom: 12px;
  max-width: 300px;
  padding: 10px 16px 16px 16px;
  width: max-content;
  right: 0;
  transform: translateX(47%);


  .tab-details {
    text-align: left;

    h4 {
      color: #262626;
      margin-bottom: 4px;
    }
  }

  &::-webkit-scrollbar {
    display: none;
  }

  .message-text {
    text-align: left;
    padding-left: 0;
    display: block;
  }

  &:after {
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;
    background: #BFEBF3;
    left: 50%;
    top: 100%;
    margin-left: -5px;
    margin-top: -5px;
    border-top: 1px solid #909090;
    border-left: 1px solid #909090;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}

.info-button-tooltip {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  display: block;
  color: #ffffff;
  text-align: center;
  line-height: 18px;
  margin-left: 5px;
  cursor: pointer;
  min-width: 18px;
  min-height: 18px;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2715%27%20height%3D%2716%27%20viewBox%3D%270%200%2015%2016%27%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%27M7.49995%205.44081C6.73852%205.44081%206.12148%204.82377%206.12148%204.06233C6.12148%203.30147%206.73852%202.68386%207.49995%202.68386C8.26139%202.68386%208.87843%203.30147%208.87843%204.06233C8.87843%204.82377%208.26139%205.44081%207.49995%205.44081ZM8.63567%2011.0596C8.63567%2012.2085%208.26003%2013.2508%206.37958%2013.2508V7.13288H8.63567V11.0596ZM7.49973%200.634766C3.45004%200.634766%200.167421%203.91795%200.167421%207.96707C0.167421%2012.0168%203.45004%2015.2994%207.49973%2015.2994C11.5494%2015.2994%2014.832%2012.0168%2014.832%207.96707C14.832%203.91795%2011.5494%200.634766%207.49973%200.634766Z%27%20fill%3D%22white%22/%3E%3C/svg%3E");
}

.info-button-tooltip.theme-light {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%27M8.00142%205.44117C7.23999%205.44117%206.62295%204.82413%206.62295%204.0627C6.62295%203.30183%207.23999%202.68423%208.00142%202.68423C8.76285%202.68423%209.37989%203.30183%209.37989%204.0627C9.37989%204.82413%208.76285%205.44117%208.00142%205.44117ZM9.13713%2011.06C9.13713%2012.2089%208.76149%2013.2512%206.88104%2013.2512V7.13324H9.13713V11.06ZM8.00119%200.635132C3.9515%200.635132%200.668886%203.91831%200.668886%207.96744C0.668886%2012.0171%203.9515%2015.2997%208.00119%2015.2997C12.0509%2015.2997%2015.3335%2012.0171%2015.3335%207.96744C15.3335%203.91831%2012.0509%200.635132%208.00119%200.635132Z%27%20fill%3D%22%23262626%22/%3E%3C/svg%3E");
}


.info-button-tooltip.selected {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2715%27%20height%3D%2716%27%20viewBox%3D%270%200%2015%2016%27%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%27M7.49995%205.44081C6.73852%205.44081%206.12148%204.82377%206.12148%204.06233C6.12148%203.30147%206.73852%202.68386%207.49995%202.68386C8.26139%202.68386%208.87843%203.30147%208.87843%204.06233C8.87843%204.82377%208.26139%205.44081%207.49995%205.44081ZM8.63567%2011.0596C8.63567%2012.2085%208.26003%2013.2508%206.37958%2013.2508V7.13288H8.63567V11.0596ZM7.49973%200.634766C3.45004%200.634766%200.167421%203.91795%200.167421%207.96707C0.167421%2012.0168%203.45004%2015.2994%207.49973%2015.2994C11.5494%2015.2994%2014.832%2012.0168%2014.832%207.96707C14.832%203.91795%2011.5494%200.634766%207.49973%200.634766Z%27%20fill%3D%22%23B9B9B9%22/%3E%3C/svg%3E");
}

.close-icon {
  float: right;
  cursor: pointer;
  font-size: 45px;
  line-height: 16px;
  font-weight: 100;
}