.container {
  width: 95%
}
pre {
  white-space: pre-wrap;
}

.materialert{
}
.materialert .material-icons{
}
.materialert .close-alert{
}
.materialert.info{
    background-color: #039be5;
    color: #fff;
}
.materialert.success{
    background-color: #43a047;
    color: #fff;
}
.materialert.error{
    background-color: #c62828;
    color: #fff;
}
.materialert.danger{
    background-color: #c62828;
    color: #fff;
}
.materialert.warning{
    background-color: #fbc02d;
    color: #000;
}

.input-field div.error{
  position: relative;
  top: -0.5rem;
  left: 0rem;
  font-size: 0.8rem;
  color:#FF4081;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.redstar {
  color: red;
}

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

main {
  flex: 1 0 auto;
}

.row-in-edit {
  background-color: lightcyan;
}

ul.collection > .active {
  background-color: lightcyan !important;
}

h1, h2, h3, h4, h5 {
  font-family: 'Titillium Web', sans-serif;
}
h1 { font-size: 24pt; }
h2 { font-size: 21pt; }
h3 { font-size: 18pt; }
h4 { font-size: 16pt; }
h5 { font-size: 14pt; }

 /* unvisited link */
.footer-copyright a:link {
  color: yellow;
}

/* visited link */
.footer-copyright a:visited {
  color: yellow;
}

/* mouse over link */
.footer-copyright a:hover {
  color: white;
}

/* selected link */
.footer-copyright a:active {
  color: whitesmoke;
} 

.toc-wrapper {
    position: fixed;
    margin-top: 42px;
    top: 0;
}

.pin-top, .pin-bottom {
    position: relative;
}

.reful {
}

.reful li {
  padding-left: 10px;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}  

.lastupdated {
  font-size: 8pt;
  font-style: italic;
}