.x-app-list-item {
  @include make-col-ready();
  @include make-col(12);   
  margin-bottom:      1rem;
  outline:            0 !important;
  cursor:             pointer;

  &-row {
    display:          flex; 
    flex-wrap:        wrap;
    flex:             1;
  }

  &-container {
    display:          flex;
    flex:             1 1 100%;
  }
  
  &-col { flex: 1 1 100% }
  
  &-col-fixed { flex: 0; }

  &-title { font-weight: $font-weight-medium; }
  
  &-title-secondary { 
    font-size:        $font-size-sm;
    color:            $text-muted;
  }

  &-content {
    margin-top:       0.5rem;
    font-size:        $font-size-sm;
  }
}