/*	
	<Table> Responsive
	===================
	Author: https://github.com/pablorgarcia

*/

.r_table {
  font-weight: 900;
  line-height: 1.42em;
  color:#000;
  background-color:#fff;
	max-width:1040px;
margin-left: auto;
margin-right: auto;
	border: solid 1px #ededed;
}

.r_table h1 {
  font-size:3em; 
  font-weight: 900;
  line-height:1em;
  text-align: center;
  color: #0089e5;
}

.r_table h2 {
  font-size:1em; 
  font-weight: 900;
  text-align: center;
  display: block;
  line-height:1em;
  padding-bottom: 2em;
  color: #FB667A;
}

.r_table h2 a {
  font-weight: 900;
  text-transform: uppercase;
  color: #FB667A;
  text-decoration: none;
}

.r_table .blue { color: #185875; }
.r_table .yellow { color: #FFF842; }

.r_table .container th h1 {
	  font-weight: 900;
	  font-size: 1em;
  text-align: left;
color: #000;
	margin-bottom: 0;
		margin-top: 0;
	display: inline-block;

}
#sorttable_sortrevind, #sorttable_sortfwdind {display: inline-block;}
.r_table .container tr:hover #sorttable_sortfwdind, #sorttable_sortfwdind:hover {color: #1935ff}
.r_table .container tr:hover #sorttable_sortrevind, #sorttable_sortrevind:hover  {color: #1935ff}
.r_table .container td {
	  font-weight: 400;
	  font-size: 1em;
}
.r_table .container td:first-child  {
	  font-weight: 900;
}

.r_table .container {
	  text-align: left;
	  overflow: hidden;
	  width: 100%;
	  margin: 0 auto;
  display: table;
  padding: 0 0 20px 0;
}

.r_table .container td, .container th {
	  padding-bottom: 16px;
	  padding-top: 16px;
  padding-left:2%;  
}

/* Background-color of the odd rows */
.r_table .container tr:nth-child(odd) {
	  background-color: #fff;
}

/* Background-color of the even rows */
.r_table .container tr:nth-child(even) {
	  background-color: #efefef;
}

.r_table .container th {
	  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAmCAIAAACK3mZQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZDZlMjM1Ny04YWZmLTEzNGMtYmJmNS02NDAzZjBjYmQ1OTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEU3NUMwNzRFQkQ3MTFFOEFGMzZCMzA0M0JFOUQ1MzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEU3NUMwNzNFQkQ3MTFFOEFGMzZCMzA0M0JFOUQ1MzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MURCNzEzOUQ2RDJCMTFFNzlDODhBMTZBNDNEM0ZBM0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MURCNzEzOUU2RDJCMTFFNzlDODhBMTZBNDNEM0ZBM0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+14aYAAAAUklEQVR42lyLUQ7AIAhDa2Xu/sfzJoYhTEn82Jq8vDQU9N7ZWktEhDullOQfAJ9+dgtERN633T2tqpxz0sySszl/Xm+iknFVxrIjaPpQx3gFGABPhij0WtaSQwAAAABJRU5ErkJggg==");
	background-size: contain;
	
}

.r_table .container td:first-child {
	  color: #1935ff;
}
.r_table .container tr:hover td:first-child{
	color: #fff;
}
.r_table .container tr:hover {
   background-color: #0089e5;
-webkit-box-shadow: 0 6px 6px -6px #1935ff;
	   -moz-box-shadow: 0 6px 6px -6px #1935ff;
	        box-shadow: 0 6px 6px -6px #1935ff; color: #fff;
	 font-weight: bold;
}


.r_table .container tr:hover td {
  background-color: #0089e5;
  color: #fff;
  font-weight: bold;

  transition-delay: 0s;
	  transition-duration: 0.4s;
	  transition-property: all;
  transition-timing-function: line;
}

@media (max-width: 800px) {
.r_table .container td:nth-child(4),
.r_table .container th:nth-child(4) {
		  display: none;
	  }
}

table.sortable th button {
  padding: 4px;
  margin: 1px;
  font-size: 100%;
  font-weight: bold;
  background: transparent;
  border: none;
  display: inline;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  text-align: left;
  outline: none;
  cursor: pointer;
	position: relative
}

table.sortable th button span {
  position: absolute;
  right: 4px;
	top: 50%;
  transform: translate(-50%, -50%);
}

table.sortable th[aria-sort="descending"] span::after {
  content: "▼";
  color: currentcolor;
  font-size: 100%;
  top: 0;
}

table.sortable th[aria-sort="ascending"] span::after {
  content: "▲";
  color: currentcolor;
  font-size: 100%;
  top: 0;
}

table.show-unsorted-icon th:not([aria-sort]) button span::after {
  content: "♢";
  color: currentcolor;
  font-size: 100%;
  position: relative;
  top: -3px;
  left: -4px;
}