body {
  text-align: center;
  height: 100%;
  margin: 2px;
  padding: 2px;
}
.container-fluid {
  width: 100%;
  margin: 0 auto;
  height:100%;
  border:1px solid #8D8D8D;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

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

tr:nth-child(even) {
  background-color: #dddddd;
}
@media only screen and (min-width: 1000px) {
  .container-fluid {
  	width: 50%;
  }
  body {
  	padding-top: 2%;
  }
}
.sub-container {
    width: 100%;
    height:100%;
    border:1px solid #8D8D8D;
    margin-top: 5px;
    padding: 2px;
}
.r-e-k-l-a-m-a {
    width: 300px;
    height:60px;
    border:1px solid #8D8D8D;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 5px;
    padding: 2px;
    padding-top: 20px;
}
error {
  color: red;
  font-weight: bold;
  font-style: italic;
}
success {
  color: limegreen;
  font-weight: bold;
  font-style: italic;
}