.join .table-bordered.th-left.join {
  font-size: 14px;
}

.join .table-bordered.th-left.join .form-control {
  font-size: 14px;
}
.join .table-bordered.th-left th{
	border-left: 5px solid #3da5ae;
	background-color: #d8edef;
	border-bottom-color: #fff;
	border-right: none;
}
.join .table-bordered.th-left tr:first-child th,
.join .table-bordered.th-left tr:first-child td{
	border-top: 5px solid #3da5ae;
}
.join .table-bordered.th-left td{
	border-right: 5px solid #3da5ae;
	border-left: none;
}
.join .table-bordered.th-left tr:last-child th,
.join .table-bordered.th-left tr:last-child td{
	border-bottom: 5px solid #3da5ae;
}

.join .table.rec thead tr{
	background-color: #d8edef;
}
.join .table.rec thead th{
	border-bottom-color: #3da5ae;
	border-bottom-width: 4px;
}
.join .table.rec{
	font-size: 13px;
}
.join .table.rec td{
	vertical-align: middle;
}
.join .table.rec tr td:nth-child(1){
	font-size: 12px;
}
.join .table.rec tr td:nth-child(3),
.join .table.rec tr td:nth-child(4){
	font-size: 11px;
}
@media (max-width: 767px) {
.join .table.rec thead{
	display: none;
}
.join .table.rec tr td{
	display: block;
	border-top: none;
	padding: 1px 10px;
}
.join .table.rec tr td:nth-child(1){
	padding-top: 8px;
}
.join .table.rec tr td:nth-child(3){
	float: left;
	clear: both;
}
.join .table.rec tr td:nth-child(4):before{
	content: "["
}
.join .table.rec tr td:nth-child(4):after{
	content: "]"
}
.join .table.rec tr td:last-child{
	padding-bottom: 8px;
	border-bottom: 1px solid #ddd;
}
}