.advert.records {
    font-size: 0.9em;
}
.recordsFrame{
  display: flex;
  flex-direction: row;
  font-size:0.6em;
  height:100%;
  max-height: 100%;

}
.recordsFrame div{
  flex-grow: 1;
  flex-basis:0;
  overflow: hidden;
}
.recordsCaption{
  text-align: center;
  background-color: var(--backColor);
  color: var(--textColor);
}
.recordsModel {
  display: block;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.hdrModel{
  background-color: var(--brandColor);
  color: var(--textOnBrandColor);
  text-align: center;
}

.recordsConfig{
  display: table;
  width: 100%;
  background-color: var(--backColor);
  color: var(--textColor);
}

.hdrConfig{
  display: block;
  background-color: var(--recordsConfigBkColor);
  color: var(--recordsConfigTextColor);
  text-align: center;
}

.recordsRow,.recordsRowHdr{
  display: flex;
}
.recordRowCell, .recordHeaderCell{
  display: table-cell;
}
.recordsRow .recordRowCell{
  color: var(--textColor);
}

.recordHeaderCell#name{
  width: 70%;
  max-width: 70%;
  text-overflow: ellipsis;
  padding-left: 0.5em;
  flex-grow:1;

}
.recordHeaderCell#result{
  text-align: right;
  padding-right: 0.5em;
}
.recordsRow .recordRowCell#result{
  text-align: right;
  padding-right: 0.5em;
  min-width:4em;
  max-width:4em;
  flex-grow: unset;
}
.recordsRow .recordRowCell#pos{
   text-align: left;
   width:1.5em;
   min-width:1.5em;
   max-width: 2em;
   padding-left:0.25em;
}
.recordsRow .recordRowCell#name{
   text-align: left;
   flex-basis: 0;
   flex-grow:1;
   white-space: nowrap;
   /*text-overflow: ellipsis;*/
   overflow:hidden;
}