.active-element {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
  padding: 1.5%;
  border: 0 !important;
  box-shadow: none !important;
  height: 150px;
  min-height:0;
}

.active-element.no-border .ae_result {
  border:0;
  box-shadow:none;
  padding:0;
}

.ae-input textarea {
  height: 150px;
}

.active-element .exercise-response {
  margin:0;
  padding:0;
}

.ae_result {
  height: 150px;
  width: 100%;
  overflow:auto;
}

.img-output .ae_result {
  text-align: center;
  height:auto;
}

.left {
  float:left;
}

.right {
  float:right;
}

.center {
  margin-left:auto;
  margin-right:auto;
}

.clear-float {
  clear:both;
}

.monospace textarea, .monospace .ae-result {
	font-family: 'Courier New';
}

.poi-title img.poi-icon {
  height:20px;
}

.poi-container.poi-content {
  border: 2px solid #c3b9d7;        /* Aalto: 1px #e7f2fa; */
  border-top: 3px solid #4e0083;    /* Aalto: #3c763d; */
  border-bottom: 3px solid #4e0083; /* Aalto: #3c763d; */
  background: #f2f1f0;
  /* taupurple #c3b9d7; Aalto: #ebf5e7; */
}

/* When an anchor link (URL with #some-id at the end) is clicked,
the browser targets the viewport to the corresponding element in the page.
The fixed top navigation bar in Moodle hides the targeted element under
the navigation bar when the top of the viewport is targeted at the element.
This is a major problem for point-of-interest elements.
It is fixed here by adding invisible content before targeted elements.
The invisible content has a negative margin that offsets the targeted element
enough to keep it visible below the top navigation bar. */
.poi:target::before {
  content: " ";
  display: block;
  height: 5px;      /* Aalto: 70px for Astra */
  margin-top: -5px; /* Aalto: 70px for Astra */
}

/* Targeted URL fix for bibliography links in the material.
The fix with the before pseudo-element does not seem to work with inline content. */
body#page-mod-astra-exercise #page-content a[id].reference.internal:target {
  padding-top: 70px !important;
  margin-top: -70px !important;
}

/* Moodle sets a max width on the container class. The RST compiler uses
the same class name as well, hence the max width must be removed especially
from the point-of-interest elements. */
.poi.container, .poi .container {
  max-width: unset;
}