body {
  padding-top: 50px;
  padding-bottom: 0;
#  font-size: 19px;
  font-family: 'Alegreya', serif;
#  background: rgb(255,255,255);
#  background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(233,228,221,1) 100%);
  min-height: 100vh;
}





/* From Wagtail core */
/* Responsive image/video classes */
.rich-text image {
    max-width: 50%;
    height: auto;
}
.richtext-image.left{
    float: left;
    padding: 10px;
    max-width: 40%;
    height: auto;

}
.richtext-image.right{
    max-width: 40%;
    float: right;
    height: auto;
}

.richtext-image.center{
    float: center;
}

.richtext-image.full-width{
    max-width: 95%;
    height: auto;
}

/*
.bodytext-image{
      position: absolute;
      width: 283px;
      height: 50px;
      top: 40%;
      left: 0px;
      color: #ffffff;
      background: green;
      text-align:center;
      font-weight:bold;
      opacity:0.7;
    }

*/

/* Breadcrumbs */
.breadcrumb-container {
  background: linear-gradient(to right, rgba(21,38,44,0.8) 0%,rgba(0,0,0,0.9) 100%);
  margin-top: -1px;
  position: relative;
  z-index: 3;
}
.breadcrumb-container + content > .hero {
  margin-top: -36px;
}
.breadcrumb {
  background-color: transparent;
  color: #ccc;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
  padding-left: 0px;
}
.breadcrumb a, .breadcrumb .active {
  color: #ccc;
}
.breadcrumb .active {
  font-weight: bold;
}
.breadcrumb a:hover {
  color: #fff;
  text-decoration: none;
}
.breadcrumb>li+li:before {
  content: "\00BB";
}





.lightbox-gallery {
    background-image: linear-gradient(#4A148C, #E53935);
    background-repeat: no-repeat;
    color: #000;
    overflow-x: hidden
}

.lightbox-gallery p {
    color: #fff
}

.lightbox-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff
}

@media (max-width:767px) {
    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

.lightbox-gallery .intro p {
    margin-bottom: 0
}

.lightbox-gallery .photos {
    padding-bottom: 20px
}

.lightbox-gallery .item {
    padding-bottom: 30px
}

.figure-caption {
#display: table-caption;
caption-side: bottom;
text-align: center;
}

.card {
        margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
}

.containimage {
  position: relative;
  display: none;
}

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: -15px;
  right: 5px;
  color: white;
  font-size: 50px;
  cursor: pointer;
}

.column {
  float: left;
  width: 25%;
  padding: 10px;
}

.column img {
  opacity: 0.8;
  cursor: pointer;
}

.column img:hover {
  opacity: 1;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}
.responsive {
  max-width: 100%;
  height: auto;
}

#back2Top {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: orange; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 20px; /* Increase font size */
}
#back2Top:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.handsontable table {
  max-width : none;
  max-height: none;
}

.handsontable th {
  background: #03A9F4;
}

.handsontable td.above-fifty {
  color: #33691E;
  background: #DCEDC8;
}

.handsontable td.below-fifty {
  color: #777777;
  background: #fefefe;
}
.handsontable .htLeft{text-align:left}
.handsontable .htCenter{text-align:center}
.handsontable .htRight{text-align:right}

table, td, th {
  border: 1px solid black;
  text-align: center;  
}


/*div.container {
  min-width: 980px;
  margin: 0 auto;
}*/


td.details-control {
    background: url('https://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('https://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
}  

table#mass.dataTable tbody tr:hover {
  background-color: green;
}


table#mass.dataTable thead:hover {
  background-color: blue;
}

table#hlatax.dataTable tbody tr:hover {
  background-color: green;
}


table#hlatax.dataTable thead:hover {
  background-color: blue;
}

table#taxons.dataTable tbody tr:hover {
  background-color: green;
}


table#taxons.dataTable thead:hover {
  background-color: blue;
}

table#products.dataTable tbody tr:hover {
  background-color: green;
}


table#products.dataTable thead:hover {
  background-color: blue;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th {
  height: 50px;
}



/* dataTables.responsive.css*/

table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 8px;
  left: 4px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
  display: none;
}
table.dataTable.dtr-column tbody td.control,
table.dataTable.dtr-column tbody th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column tbody td.control:before,
table.dataTable.dtr-column tbody th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column tbody tr.parent td.control:before,
table.dataTable.dtr-column tbody tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable tr.child {
  padding: 0.5em 1em;
}
table.dataTable tr.child:hover {
  background: transparent !important;
}
table.dataTable tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable tr.child ul li:first-child {
  padding-top: 0;
}
table.dataTable tr.child ul li:last-child {
  border-bottom: none;
}
table.dataTable tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}