* {
    box-sizing: border-box;
}

/* Style the body */
body {
  font-family: Arial;
  margin: 0;
}
.form-heading {
  padding-top: 5px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 20px;

}
.wrap-every {
  padding-left: 45px;
  margin-bottom: 30px;


}

/* Header/logo Title */
.header {
  padding: 15px;
  text-align: center;
  background:#2B5928;
  color:whitesmoke;
}


/* Column container */
.ro {  
    display: flex;
    flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
    flex: 30%;
    background-color:#E5EFF1;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 100px;
    color:black;
}

/* Main column */
.main {
    flex: 70%;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
}

/* Footer */
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
    text-align: center;
    background: #2B5928;
    color: whitesmoke;
}

.form-border {
  margin-left: 15px;
  margin-right: 15px;
  border: 5px solid #2B5928;
  border-radius: 20px;
  color: #2B5928;
  width: 100%;

}
.row0{
  flex: 5%;
  padding: 5px;
}


.probe-heading {
  text-align: center;
}
.submit-button {
  background-color:  #2B5928;
  color: whitesmoke;
  border-color: whitesmoke;
  border-radius: 15px;
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {

table.all_peers td:nth-of-type(3),
table.all_peers td:nth-of-type(4),
table.all_peers td:nth-of-type(7),
table.all_peers th:nth-of-type(3),
table.all_peers th:nth-of-type(4),
table.all_peers th:nth-of-type(7),
table.received td:nth-of-type(5),
table.received th:nth-of-type(5){

    display: none;
}

}

.loading {
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  width: 50%;

}

.return-home {
  display: none;
  margin-left: 5%;
}
.return-home-two {
  display: none;
  margin-right: 5%;
  float: right;
}
.result {
  border-radius: 35px;
  border: 10px solid #2B5928;
  padding: 20px;
  margin-bottom: 50px;
  color: black;
  font-size: small;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.contact {
  border-radius: 15px;
  border: 2px solid #2B5928;
  width: 100%;
  height: auto;
  background-color:#2B5928;
  width: 100%;
  color: white;
  font-size: small;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
ul {
  list-style-type: none;
  line-height: 150%;
  font-weight: bold;
}
.contact-heading {
  text-align: center;
}
.error {
  color: red;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}

td, th {
border: 1px solid black;
text-align: left;
padding: 8px;
}

tr:nth-child(even) {
background-color: #dddddd;
}
.red {
  color: red;
}
.highlight-amber {
  color: whitesmoke;
  background-color: #DD6E0F;
}
.highlight-green {
  color: whitesmoke;
  background-color: #2B5928;
}
.green {
  color:#2B5928;
}
#los_nei {
  display: none;
}
#div_id_ip_address {
  display: none;
}

#abj_nei {
  display: none;
}
#los_nei_v6 {
  display: none;
}
thead {
  background-color: #2B5928;
  color: whitesmoke;
  caption-side: top;
  text-align: center;
  font-weight: 900;
}

caption{
  background-color: whitesmoke;
  color: black;
  caption-side: top;
  text-align: center;
  font-weight: 900;
}
.hide-v6{
  display: none;
}

.hidden{
  visibility: hidden;
}

.hr1 {
  height: 15px;
  border: 0;
  box-shadow: inset 0 12px 12px -12px #2B5928;
}

.zoom:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}