html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}

body {
  margin:20px;padding:0px;
}

h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}

.w3-serif{font-family:serif}

.w3-sans-serif{font-family:sans-serif}

.w3-cursive{font-family:cursive}

.w3-monospace{font-family:monospace}

h1,h2,h3,h4,h5,h6,p,th,td {font-family:Verdana,Arial,sans-serif;font-weight:400;padding:5px 5px;margin:5px 5px}

img {
  padding:5px 5px;
  margin:5px 5px;
  max-width:100%;
  height:auto;
}

.w3-wide{letter-spacing:4px}

hr {
  border:0;border-top:1px solid #eee;margin:20px 0
}

header {
  background-color: #f3f3f3;
  padding: 2px;
  text-align: center;
  color: grey;
}

footer {
  background-color: #3283cd;
  padding: 10px;
  text-align: center;
  color: white;
}     

.topnav {
  overflow: hidden;
  background-color: #f3f3f3;
  position: relative;
}

.topnav a {
  float: left;
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
  font-size: 14px;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #eaebed;
  color: #373b41;
}

.topnav a.active {
  background-color: #c1c4ca;
  color: #373b41;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.container {
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 20px;
}

.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}

.w3-table,.w3-table-all {
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
  display:table
}

.w3-table-all {
  border:1px solid #ccc
}

.w3-table-all tr:nth-child(even) {
  background-color:#f1f1f1
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 10px;
  /* example comment
}


tr:nth-child(even) {
  background-color: #D6EEEE;
}

/*.table2 th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child {padding-left:16px}


.w3-border-0{border:0!important}

.w3-border{border:1px solid #ccc!important}

.w3-border-top{border-top:1px solid #ccc!important}

.w3-border-bottom{border-bottom:1px solid #ccc!important}

.w3-border-left{border-left:1px solid #ccc!important}

.w3-border-right{border-right:1px solid #ccc!important}

.bordered tr,.w3-table-all tr {
  border-bottom:1px solid #ddd
}

.w3-striped tbody tr:nth-child(even) {
  background-color:#f1f1f1
}

.w3-table-all tr:nth-child(odd) {
  background-color:#fff
}

.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover {
  background-color:#ccc
}

.w3-centered tr th,.w3-centered tr td {
  text-align:center
}

.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover {
  color:#000!important;background-color:#f1f1f1!important
}


center {
  display: block;
  float: left;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}