$mp-description-font-size: 16px;
$mp-description-line-height: 1.4;
$mp-description-lines-to-show: 3;
$mp-tooltip-background-color:#E4E4E4;

.mp_tooltip_content{
  font-size:13px;
  font-weight:normal;
  color:black;

}

.marketplace-tooltip-available {
 @import '~@od/global-resources/scss/settings/index';
  @import '../../global_components/tooltip/index';
  display: block;
  padding-right: 12px;
  color: #54595E;
  font-size: .875rem;
  line-height: normal;

  .tooltip-icon {
    margin-left: 2px;
    float: none;

    .left {
      bottom: 50%;
      right: calc(100% + 10px);
      left: auto;
      transform: translate(0, 50%);

      &:after,
      &:before {
        left: 100%;
        top: 50%;
        transform: translate(0, -50%);
      }

      &:after {
        border-color: transparent transparent transparent $white;
      }

      &:before {
        border-color: transparent transparent transparent $gray;
      }
    }
  }

 //Mobile Overrides
 @media(max-width: $screen-xs-max) {
   position: relative;

   .tooltip-info {
     min-width: auto;
   }

   .tooltip,
   .tooltip-click {
     position: static;

     .tooltip-content,
     .tooltip-click-content {
       top: calc(100% + 15px);
       left: -15vw;
       width: 50vw !important;

       &:before,
       &:after {
         display: none;
       }
     }
   }
  }
}


//Hide Legacy Tooltip
#tooltip.rounded {
  display: none !important;
}