/*** Table of content ***/

/* 
1. Election summary 
2. Result Tables
*/


/* 1. Election summary */
ul.racelist {
	width: 95%;
	margin-bottom:20px;
	min-height: 50px
  }
  
  ul.racelist  li{
	/*line-height:1.5em;*/
	width: 90%;
	/* height: 1.5em; */
	float:left;
  }
  
  /* 9. Result tables */
  table.tablesorter td,
  table.tablesorter th {
	  border: 1px #d9d9d5 solid;
	  border-left: none;
	  border-right: none;
	  vertical-align: top;
	  padding: 0 8px;
  }
  
  table.tablesorter th {
	  border-top: 3px #0279b1 solid;
	  border-bottom: 3px #0279b1 solid;
	  padding: 4px 8px;
	  vertical-align: baseline;
  }
  
  table.tablesorter  td {
	  padding: 4px 8px;
  }
  
  table.tablesorter  th,
  table.tablesorter  th * {
	  margin-top: 0;
	  margin-bottom: 0;
  }
  
  .tablesorter {
	  width: 100%;
	  margin: 5px 0 20px 0;
  }
  
  .tablesorter th {
	  width: 33%;
	  cursor: pointer;
  }
  
  
  .tablesorter-headerDesc .tablesorter-header-inner div {
	  display:initial;
	  background-image: url(../images/desc.gif);
	  background-repeat: no-repeat;
	  background-position: right;
	  padding-right: 20px;
  
  }
  
  .tablesorter-headerAsc .tablesorter-header-inner div {
	  display:initial;
	  background-image: url(../images/asc.gif);
	  background-repeat: no-repeat;
	  background-position: right;
	  padding-right: 20px;
  
  }
  
  .tablesorter-headerUnSorted .tablesorter-header-inner div {
	  display:initial;
	  background-image: url(../images/bg.gif);
	  background-repeat: no-repeat;
	  background-position: right;
	  padding-right: 20px;
  
  }
  
  tr:nth-child(even) {
	  background-color: #F8F8F8;
  }
  
  /*
  .tablesorter-headerDesc {
	  background-image: url(/election/2018/images/desc.gif);
	  background-repeat: no-repeat;
	  background-position:right;
  }
  
  .tablesorter-headerAsc {
	  background-image: url(/election/2018/images/asc.gif);
  background-repeat: no-repeat;
	  background-position:right;
  }
  
  .tablesorter-headerUnSorted {
	  background-image: url(/election/2018/images/bg.gif);
	  background-repeat: no-repeat;
	  background-position:
	  right;
  }*/
  
  .areaname {
	margin: 20px 0 5px 0;
  }
  
  .raceWinner {
	  color: #92278F;
	  font-weight: bold;
  }
  
  .backToTop {
	  width: 100%;
	  text-align:right;
  }
  
  .divVoteFor {
	  height: 1.2em;
  }
  
  .ddlViewBy {
	  font-size: 1.2em;
  }
  
  select {
	  display: inline-block;
	  border: 2px solid #d9d9d5;
	  box-sizing: border-box;
	  font-size: 1em;
	  height: 40px;
  }
  
  select.short {
	  width: 8em;
  }
  
  select.medium {
	  width: 12em;
  }
  
  select.long {
	  width: 18em;
  }
  
  .select {
	  margin: 20px 0 40px 0;
  }
  
  #lblSortBy,
  #lblSortLoc {
	  font-weight: 500;
  }
  
  .backToTop+a+h2 {
	  margin-top: 20px;
  }
  
  h2 {
	  margin-bottom: 0;
  }
  
  select {
	 display: inline-block;
	 border: 2px solid #d9d9d5;
	 box-sizing: border-box;
	 font-size: 1em;
	 height: 40px;
  }
  
  select.short {
	 width: 8em;
  }
  
  select.medium {
	 width: 12em;
  }
  
  select.long {
	 width: 18em;
  }
  
  #lblSortBy,
  #lblSortLoc {
	 font-weight: 500;
  }
  
  .section-title {
	 white-space: nowrap;
	 /* margin: 5px; */
  }
  
  .divVoteFor {
	 height: 1.2em;
	 /* margin-left: 0px !important; */
	 margin-bottom: 20px;
  }
  
  .divVoteFor, .areaname {
	 font-size: 14px;
	 color: #444;
	 font-weight: 500;
	 letter-spacing: 0.01em;
  }
  
  .section-candidate {
	 margin-top: 40px;
  }
  
  .section-alt {
	 margin-top: 40px;
	 margin-bottom: -40px;
  }
  
  .section-question {
	 margin-bottom: 60px;
  }
  
  /* responsive */
  @media screen and (max-width: 767px) {
  
	  /* 1. header */
	  .cov-logo-blue-block {
		  display: flex;
		  -ms-align-items: flex-end;
		  align-items: flex-end;
		  -webkit-align-items: flex-end;
	  }
  
	  button.navbar-toggler {
		  background: #652067;
	  }
  
	  .nav-item.active .nav-link {
		  border-top: 5px solid #143B52;
	  }
  }
  
  @media screen and (max-width: 599px) {
  
	  /* 1. header */
	  .navbar-toggler+.cov-logo-blue-block {
		  align-items: flex-start;
		  flex-direction: column;
	  }
  
	  a.cov-title-blue {
		  margin-top: 5px;
	  }
  
	  /* 4. iframe size */
	  .iframe-ovs {
		  min-height: 780px;
	  }
  
	  /* Font Awesome */
	  /* alert icon */
	  .alert .fa-icon {
		  display: none;
		  }
  }
  
  @media (max-width: 320px){
	  /* 9. Result tables */
	  table.tablesorter {
		word-break: break-word;
	   font-size: .88em;
	   width: 100%;
	 }
  
	 table.tablesorter tr th:nth-child(1) {
		width: 45%;
	 }
	 table.tablesorter tr td:nth-child(2) {
		font-size: .7em;
	 }
  
	 #tb105 table tr td:nth-child(2), #tb106 table tr td:nth-child(2), #tb107 table tr td:nth-child(2) {
	   font-size: .88em !important;
	 }
  }