@import url(https://fonts.googleapis.com/css?family=Roboto:300,700);
/* Just to make it look prettier */
 body {
	 font-family: 'Roboto', sans-serif;
}
 .table--outer-wrapper {
	 background-color: #f9f9f9;
	 border: 1px solid #dedede;
	 padding-top: 37px;
	 position: relative;
	 margin: 0 auto;
	 max-width: 1200px;
	 width: 100%;
}

.button-on-training {
	
	 border: 1px solid #dedede;
	 	
}

 .table--inner-wrapper {
	 height: 500px;
	 overflow-y: auto;
}
 .table {
	 width: 100%;
}
 .table .table--headers {
	 font-weight: '700';
	 height: 0;
	 line-height: 0;
	 padding-top: 0;
	 padding-bottom: 0;
	 color: transparent;
	 border: none;
	 white-space: nowrap;
}
 .table .table--headers div {
	 position: absolute;
	 background: transparent;
	 color: #000;
	 top: 0;
	 padding: 9px 8px;
	 line-height: normal;
	 border-left: 1px solid #800;
}
 .table .table--headers div:first-child {
	 border-left: none;
}
 .table tbody tr {
	 background-color: #fff;
}
 .table tbody tr:nth-child(even) {
	 background-color: #f5f5f5;
}
 .table tbody td {
	 padding: 8px;
}
 .link {
	 background: #0a323e;
	 color: #fff;
	 font-family: arial;
	 padding: 10px 20px;
	 position: absolute;
	 right: 10px;
	 text-decoration: none;
	 -webkit-transition: background 0.3s ease, color 0.3s ease;
	 -moz-transition: background 0.3s ease, color 0.3s ease;
	 -ms-transition: background 0.3s ease, color 0.3s ease;
	 -o-transition: background 0.3s ease, color 0.3s ease;
	 transition: background 0.3s ease, color 0.3s ease;
}
 .link:hover {
	 background: #ff6318;
}
 .home-link {
	 bottom: 10px;
}