.inplayquotes-headline {
	background: var(--main-accent);
	color: var(--font-color);
	letter-spacing: 3px;
	text-transform: uppercase; 
	font-size: 20px;
	text-align: center;
	box-sizing: border-box; 
	padding: 10px;
	margin-bottom: 30px;
	font-weight: bold;
}

.inplayquotes-filteroptions {
	text-align: center;
}

.inplayquotes-filter-bit-dropbox select, 
#inplayquotes_search_filter {
	width: 250px;
	background: var(--background-transparent);
    padding: 10px;
    border: 1px solid var(--main-accent);
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
	color: var(--font-color);
	border-radius: 0;
	margin: 0 20px;
	appearance: none;
	text-align: center;
}

.inplayquotes-body {
	box-sizing: border-box; 
	padding: 20px;
}

.inplayquotes-overview-bit-grid {
  	display: grid;
  	grid-template-columns: 200px repeat(3, 1fr);
  	grid-template-rows: 32px minmax(70px, auto) 32px;
  	grid-template-areas:
   	 	"avatar user date delete"
    	"avatar quote quote quote"
    	"avatar title title title";
  	gap: 8px;
	margin: 20px 0;
  	width: 100%;
  	box-sizing: border-box;
}

/* Avatar links */
.inplayquotes-overview-bit-avatar {
  	grid-area: avatar;

  	display: flex;
  	align-items: center;
  	justify-content: center;

  	font-size: 11px;
  	letter-spacing: 1px;
  	text-transform: uppercase;
	
	width: 200px;
	height: 167px;
}

.inplayquotes-overview-bit-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* Obere Leiste */
.inplayquotes-overview-bit-head {
  background: #551515;
  color: #f2f0e8;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Grid-Areas oben */
.inplayquotes-overview-bit-user {
  grid-area: user;
}

.inplayquotes-overview-bit-date {
  grid-area: date;
}

.inplayquotes-overview-bit-delete {
  grid-area: delete;
}



/* Mittlere Textbox */
.inplayquotes-overview-bit-quote {
  grid-area: quote;

  background: var(--background);
  border: 1px solid var(--main-accent);
  color: var(--font-color);

  padding: 14px;
  box-sizing: border-box;

  font-size: 13px;
  line-height: 1.4;
	height: 88px;
	overflow: auto;
}

/* Untere Leiste */
.inplayquotes-overview-bit-action {
  background: #551515;
  color: var(--font-color);

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Grid-Areas unten */
.inplayquotes-overview-bit-title {
  	grid-area: title;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
}

.inplayquotes-overview-bit-title a {
	width: 800px;
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}



.silverline {
	height: 2px; 
	width: 80%;
	background: var(--accent-steel);
	margin: 5px auto;
}

.inplayquotes_overview_bit_reaction_images {
	display: inline-block;
}

.inplayquotes_overview_bit_reaction_images img {
	height: 15px; 
	width: 15px;
}

.inplayquotes_overview_bit_reaction {
	display: inline-block;
}