:root{
  --body-container-margin: 5%;
}

@media (max-width: 1800px) {
  :root{

  }
}

@media (max-width: 768px) {
  :root{
    --body-container-margin: 1%;
  }
}





html, body {
  /*height: 100%;*/
  margin: 0;

  font-family: "Roboto", sans-serif;

  height: auto;
  min-height: 100%;

}



body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}



.body_container{
  margin-right: var(--body-container-margin);
  margin-left: var(--body-container-margin);
  margin-top: 5%;
  margin-bottom: 5%;
  height: auto !important;
  min-height: 0;
  overflow: visible;
  padding-bottom: 2rem;
}



.table_container{
  margin-right: 5%;
}

h1{
  margin-top: 30px;
}

h3{
  margin-bottom: 40px;
}

.cwl_form {
  margin: 0 auto;
}

.cwl_form label {
  margin-bottom: 10px;
}

.cwl_form button {
  margin-top: 20px;
}

.forum_hr {
  margin: 20px 0;
}

.viewcwl_hr {
  margin: 5%;
}

.options_container {
  margin: 0 auto;
}

.show_icon{
  margin-right: 5px;
}