:root {
  --color: #1C5D8A;
  --hover: #02304F;
  --selected: #58A0D2;
}

*, *:before, *:after {
  box-sizing: border-box
}

a {
  text-decoration: none;
}

/*
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  border: 0;
}
*/

ul li::marker {
  color: var(--color);
  font-size: 1.5em;
}

hr {
  height: 2px;
  border: 1px solid var(--color);
  margin: 0.50rem 0;
}

.xpage {
  max-width: 640px;
  margin: 1rem auto;
  padding: 0 1rem;
}

.ff-el-group {
  margin-bottom: 0 !important;
}

.ff-custom_html > p {
  margin: 0.25rem 0 !important;
}

/*
.ff-t-container ff-column-container
*/
.ff_columns_total_2 {
  margin: 0.25rem 0 1rem 0 !important;
  border-bottom: 2px solid #CCC !important;
  padding: 0 0 1rem 0 !important;
}

.reportbutton {
  margin-top: 2rem;
}

@media (max-width:768px) {

  .ff_columns_total_2 {
    margin: 0.25rem 0 0 0 !important;
    border-bottom:0 !important;
    padding: 0 !important;
  }

  .ff-custom_html {
    margin: 0.25rem 0 1rem 0 !important;
    border-bottom: 2px solid #CCC !important;
    padding: 0 0 1rem 0 !important;
  }

}

/*  */