%card-stats {

hr {
  margin: 5px 15px;
}

}

.card-stats {

  @extend %card-stats;

 .info-icon {
   height: 50px;
   width: 50px;
   border-radius: 50%;
   &.info-icon-dash-pro{
    height: 30px;
    width: auto;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    p{
      color: $white;
      margin: 0px;
      font-size: 11px;
      padding: 0.4rem 1.2rem 0.4rem 0.5rem;
    }
   }
   @include diagonal-gradient($primary,$primary-states);

   i {
     color: $white;
     font-size: 1.7em;
     padding: 14px 13px;
     &.info-icon-dash-pro{
       font-size: 1.2em;
       padding: 0.4rem 0.5rem 0.4rem 0.5rem;
     }

   }

   &.icon-danger {
     @include diagonal-gradient($danger,$danger-states);
   }

   &.icon-warning {
     @include diagonal-gradient($warning,$warning-states);
   }

   &.icon-success {
     @include diagonal-gradient($success,$success-states);
   }
   &.icon-success-reverse {
     @include diagonal-gradient($success-states,$success);
   }

   &.icon-info {
     @include diagonal-gradient($info,$info-states);
   }

   &.icon-primary {
     @include diagonal-gradient($primary,$primary-states);
   }
   &.icon-pro {
     @include diagonal-gradient($proA,$proB);
   }
 }

 .numbers{
   text-align: right;
   .card-title{
     margin-top: 0;
   }
   .card-category{
     margin-bottom: 0;
     color: $dark-gray;
   }
 }

 .card-footer{
   padding: 0;
 }

 hr{
   border-color: lighten($black,5%);
 }

 .stats{
   color: rgba($white, 0.6);
   margin: 10px 15px;
   font-size: 0.9em;
 }

&.card-white {
  hr{
    border-color: rgba(43, 53, 83, 0.2)
  }
}

} .add_quotation_button_general_cta{

@include button_floating;
@include hover {
  z-index: 1;
}

}

@include media-breakpoint-down(sm){

.card-stats [class*="col-"] .statistics::after {
  display: none;
}

}