/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
.dtc-bowtie-image-list-item {
  position: relative;
  display: inline-flex;
}

.dtc-bowtie-image-list-item .image-area {
  position: relative;
}

.dtc-bowtie-image-list-item .image-area.small .bowtie-icon {
  font-size: 16px;
}

.dtc-bowtie-image-list-item .image-area.medium .bowtie-icon {
  font-size: 18px;
}

.dtc-bowtie-image-list-item .image-area.has-secondary {
  top: 8px;
}

.dtc-bowtie-image-list-item .details-area {
  padding: 0 0 0 8px;
}

.dtc-bowtie-image-list-item .details-area .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.dtc-bowtie-image-list-item .details-area.small .primary-text {
  font-size: 14px;
  position: relative;
  bottom: 1px;
}

.dtc-bowtie-image-list-item .details-area.small .secondary-text {
  font-size: 12px;
}

.dtc-bowtie-image-list-item .details-area.medium .primary-text {
  font-size: 16px;
}

.dtc-bowtie-image-list-item .details-area.medium .secondary-text {
  font-size: 12px;
}

.dtc-bowtie-image-list-item .brand-icon {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}