html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.card {
	margin: 15px;
	border-color: #1447b1;

	border: 1px solid;
	box-shadow: 0px 3px 8px 1px #838383;
}
.card .card-header {
	background-color: #1447b1;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}
.card .card-footer {
	background-color: #d4d4d4;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}
.card .card-body {
	background-color: #e7e7e7;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}
.table{
	background-color: #ffffff;
	border: 1px solid;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}
.td{
	vertical-align: middle; 
}