#APPSBDWP {

  .text-uppercase{
    text-transform: uppercase;
  }
  .text-small-caps{
    font-variant: small-caps;
   }
  .apbd-rdo-container {
    text-transform: uppercase;
    font-size: 10px;

    > img {
      display: block;
      border-bottom: 1px solid rgba(0, 0, 0, 0.22);
    }

    > .dr-footer-type {
      font-size: 75px;
      color: #125ca9;
      margin-left: -24px;

      & + div {
        margin-top: -23px;
        color: #fff;
        text-align: left;
        margin-bottom: 11px;
        padding-left: 2px;

        & + div {
          border-top: 1px solid rgba(18, 92, 169, 0.13);
          background: #f2f2f2;
          width: 100px;
        }
      }
    }

    > .dr-footer-anim {
      font-size: 69px;
      color: #125ca9;
      margin-left: -4px;
      margin-right: -11px;
      &.apmc.ap-circle {
        font-size: 56px;
        line-height: 69px;
        color: #125ca9;
        margin-left: -10px;
        margin-right: -11px;
      }
      & + div {
        margin-top: -23px;
        color: #fff;
        text-align: left;
        margin-bottom: 11px;
        padding-left: 2px;

        & + div {
          border-top: 1px solid rgba(18, 92, 169, 0.13);
          background: #f2f2f2;
          width: 64px;
          font-size: 9px;
        }

      }
    }
  }

  .icon-ch-ad {
    padding: 5px 8px;
    font-size: 17px;
    margin-top: 0px;
    width: 34px;
  }

  .apbd-help {
    color: #0e9cb6;
    font-size: 14px;
    vertical-align: middle;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
  }

  .card-header {
    img.icon-img {
      max-height: 30px;
      margin: -14px -0px -14px -20px;
    }
  }

  .popover {
    max-width: unset;
    &.bs-popover-bottom{
      .arrow {
        margin-top: 1px;
      }
    }
    .arrow {
      overflow: unset;

      &::after {
        content: "";
        position: absolute;
        left: unset;
        top: unset;
        width: unset;
        height: unset;
        transform: unset;
        background-color: unset;
        box-shadow: unset;

      }
    }

    .popover-body {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;

      .apbd-po-container {
          max-width: 272px;

        margin: -0.5rem -0.75rem;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        &.full-width{
          max-width: unset;
        }
      }
    }
    $i:100;
    @while $i < 500 {
      .max-w-#{$i}{
        max-width: #{$i}px;
      }
      .max-h-#{$i}{
        max-height: #{$i}px;
      }
      $i : $i + 50;
    }
  }

 .btn-xs{
   padding: 0.15rem 0.5rem;
   font-size: 0.775rem;
   line-height: 1.5;
   border-radius: 0.19rem;
 }
  .bs-popover-left > .arrow{
    left:unset !important;
  }
 .bs-popover-right > .arrow{
    left: calc((0.5rem + 0px) * -1);
  }
}