@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body{
	margin: 0;
    padding: 0;
	background-color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.2;
}

.content{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.content h1{
	margin: 40px 0;
    text-align: center;
    font-size: 37px;
    font-weight: 700;
}

.content__table-container{
	width: 100%;
	background-color: #f9f9f9;
	padding: 35px;
}

.content__table-container table{
	width: 100%;
    text-align: center;
	border-collapse: collapse;
	transition: .2s all;
}

.content__table-container table th{
	font-size: 18px;
    padding: 10px 0;
}

.content__table-container table tbody td{
	padding: 14px 0;
    font-size: 14px;
    color: #514f4f;
	border-bottom: solid 1px #e5e1e1;
    border-collapse: collapse;
}


.content__table-container table tbody tr{
	transition: .2s all;
	cursor: pointer;
}
/*
.content__table-container table tbody tr.not-registered{
	    background-color: #f7d6d6;
}

.content__table-container table tbody tr.not-registered td{
	border-bottom-color: #514f4f;
}

.content__table-container table tbody:hover tr.not-registered td{
	border-bottom: solid 1px #e5e1e1;
}*/

.content__table-container table tbody tr:hover {
    background-color: #fff;
}

@media only screen and ( max-width: 375px ){
	.content__table-container {    
		padding: 2px;
	}
	
	.content h1 {
		font-size: 25px;    
	}
}