@charset "UTF-8";

body {
  font-family: 'Open Sans', sans-serif;
	font-size: 15px;
  font-weight: normal;
  line-height: 1.42em;
  background-color:#1F2739;
  color: white;
}

#myInput {
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

.caption {
	 	width: 100%;
    font-weight: bold;
    text-align: left;
	 	background: #2C3446;
	 	height: 50px;
	 	color: #46ABD9;
	 	font-size: 20px;
	 	line-height: 30px;
	 }

table {
     border-collapse: collapse;
     width: calc(50% - 10px);
     float: left;
     margin: 7px;
   }

h2 {
  font-size:1.2em;
  font-weight: bold;
  text-align: left;
  padding-top: 3em;
  padding-left: 1em;
  padding-bottom: 0.2em;
  background-color: #2C3446;
  color: #46ABD9;
}

.container th h1 {
	font-weight: bold;
	font-size: 0.8em;
  text-align: center;
  color: #46ABD9;
  background-color: #2C3446;
  text-align: center;
  padding-top: 7px;
}

.container td {
	 font-weight: normal;
	color: #E1E1E1;
	font-size: 1em;
	border: thin solid #1F2739;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

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

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

.container th {
	  background-color: #2C3446;
    border: thin solid #1F2739;
}

.container tr:hover {
   background-color: #464A52;
}