/* Media queries */

@media print {
  body {
   white-space: normal;
  }
  
  #sidebar {
	  display: none;
  }
  
  #ABISfooter {
	  display: none;
  }
}

@media (min-width: 1000px) {
  body {
    background-color: #f8fcfc;
  }
  #ABISbody {
    width: 1000px;
    margin: 0 auto;
    background-color: #ffffff;
  }
  #main {
    margin-left: 5em;
    margin-right: 5em;
  }
}

@media (min-width: 700px) {
  div#nieuws {
    float: right;
    width: 35%;
    display: block;
  }
  .ABIScourseCalendarTableMB {
    display: none;
  }
  #dropdown_search_mobile { /* q-a-d solution for bootstrap stubbornness */
    display: none;
  }
}

@media (max-width: 699px) {
  div#nieuws {
    display: none;
    visibility: hidden !important;
    float: right;
    width: 35%;
    display: block;
  }
  .ABIScourseCalendarTableDT {
    display: none;
  }
  #form_search_desktop { /* q-a-d solution for bootstrap stubbornness */
    display: none;
  }
  #dropdown_lang_desktop { /* q-a-d solution for bootstrap stubbornness */
    display: none;
  }
}


body {
  font-family: 'IBM Plex Sans', 'Noto Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Verdana', sans-serif;
}

h1.ABIScourseTitle {
  padding-top: 0px;
}

h1, h2, h3, h4 {
  font-weight: bold;
  padding-top: 1em;
}

h1 {
  padding-top: 0px;
  font-size: 2em;
}

h2 {
  font-size: 1.75em;
}

h3, h4 {
  font-size: 1.4em;
}

li {
  margin-bottom: 1px;
}

#dropdown_lang_desktop a { /* q-a-d solution for bootstrap stubbornness */
  padding-top: 20px;
  color: black;
}

#dropdown_search_mobile { /* q-a-d solution for bootstrap stubbornness */
  margin-bottom: 0px;
  padding-left: 0px;
}

a:hover {
  text-decoration: none;
}

.center {
  text-align: center;
}

.ABIScourseCat {
  color: #7dba00;
  text-align: center;
  /* margin-top: 20px; */
}

.ABISlegend {
  float: right;
  margin-top: 2em;
}

.ABISsessionDetail {
  border-width: 2px;
  border-color: lightgrey;
  border-style: solid;
  margin-bottom: 0.5rem;
}

div.ABISlangNotPresent {
  display: block;
  background-color: #e5e5e5;
  margin-bottom: 0.7rem;
  border-radius: 3px;
  padding-left: 5px;
}

span.ABISnewsEmp {
  font-weight: bold;
  color: black;
}

div#ABISfrontpage {
  display: block;
  width: 63%;
  float: left;
}

div.ABISlegend {
  position: relative;
  top: 20px;
  width: 100%;
}

div.ABISlegendTitle {
  position: relative;
  float: left;
  display: block;
  width: 100px;
  font-weight: bold;
}

div.ABISlegendLocation {
  position: relative;
  /* float: left; */
  display: block;
  width: 100px;
  margin-left: 10px;
}

div.ABISlegendText {
  top: 10px;
  position: relative;
  display: block;
  clear: left;
}

div.ABISlegend li.T0 {
  margin-left: -20px;
}

div.ABISlegendPara {
  font-size: 0.9em;
  padding-top: 0.5em;
  margin-bottom: 1em;
}

.ABISfieldsetLegend {
  font-size: 1.3em;
}

.ABISpubInterests, .ABISdomInterests {
  padding-top: 1em;
}

/* voor CourseDomain FrameMaker files -- nog te hernoemen naar ABISsomething */

p.CourseGroupIntroItem {
  font-size: 1.75em;
  font-weight: bold;
  padding-top: 1em;
}

p.TrackTitle {
  font-size: 1.75em;
  font-weight: bold;
  padding-top: 1em;
}

p.ProductName {
  font-size: 1.25em;
  font-weight: bold;
  color: #0088ce;
  padding-top: 0.5em;
}

p.ProductDefinition, p.ProductDefinitionSource {
  font-style: italic;
  color: black;
}

p.CertificateName {
  font-weight: bold;
  background-image: url(arrowresult.gif);
  background-repeat: no-repeat;
  padding-left: 45px;
  padding-top: 7px;
  margin-left: 20px;
  height: 20px;
}

p.TrackHeading {
  font-weight: bold;
}

p.CourseInTrack, p.CourseInTrackSmall, p.CourseInCertificateTrack {
  text-decoration: none;
  color: black;
}

p.ABIScertificateIntro {
}

/* einde CourseDomain FrameMaker files */

div.bec, div.bec, div.xxc, div.wbc {
  font-size: 0.9em;
  display: block;
  margin-bottom: 1em;
}

td.bec, tr.bec, div.bec {
  background-color: #cce7f5;
}

td.nlc, tr.nlc, div.nlc {
  background-color: #ffee99;
}

td.xxc, tr.xxc, div.xxc {
  background-color: #ddf2b2;
}

td.wbc, tr.wbc, div.wbc {
  background-color: #f2baba;
}

/* knop 'sessie-info': hyperlink, witte tekst op blauwe achtergrond */
td.enc, tr.enc, div.enc, td.enc a, tr.enc td a {
  color: white !important;
  font-size: 1.2rem;
}

table.ABIScourseCalendarTable {
  margin-bottom: 0.5em;
}

table.ABISdomCalendarTable {
  width: 100%;
}

table.ABIScalendarLegend {
  float: left;
  top: 10px;
  position: relative;
  width: 100%;
}

div img.ABISdotsLeft {
  position: relative;
  float: left;
  top: 5px;
  width: 1px;
  margin-left: 2px;
}

div img.ABISdotsRight {
  position: relative;
  float: right;
  top: 5px;
  width: 1px;
  margin-left: 2px;
  margin-right: 2px;
}

input#searchfield {
  width: 185px;
  z-index: 0;
}

input#searchimage {
  top: 3px;
  position: relative;
  margin-left: 10px;
}

div.ABISdomeinLink {
  margin-left: 25px;
  margin-right: 25px;
  display: list-item;
}

div.ABISdomeinLink a {
  text-decoration: none;
  color: #007bff;
}

p.ABIScourseInTrack a, p.ABIScourseInTrackSmall a, p.ABIScourseInCertificateTrack a {
  text-decoration: none;
  color: black;
}

frame.hidden {
  display: none;
}

td.bgc {
  background-color: #e5e5e5;
  line-height: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
}

tr.bgc {
  background-color: #e5e5e5;
  font-weight: bold;
}

td.bgc, td.bec, td.nlc, td.xxc, td.wbc {
  padding-left: 4px;
  padding-right: 4px;
}

.ABISpriceComment {
  font-size: 0.9em;
}

table.ABISdomkalendertabel {
  width: 100%;
}

div.ABISnavigatiebalk {
  width: 100%;
}

div.ABISnavresult {
  width: 90%;
  text-align: center;
  display: inline;
  float: left;
}

a img {
  border: none;
}

a.volgende, a.more {
  display: block;
  float: right;
  width: 100%;
}

a.vorige {
  display: block;
  float: left;
  width: 100%;
}

table.ABISfmTable {
  text-align: left;
}

table.ABISfmTable tr {
  vertical-align: top;
}

table.ABISfmTable td.body, table.ABISfmTable tr.body {
  background-color: #b2dbf0;
}

table.ABISfmTable tr.bgc,
table.ABISfmTable tr.heading,
table.ABISfmTable td.heading,
table.ABISfmTable tr.ABIScertificateHeading {
  background-color: #e5e5e5;
}

table.ABISfmTable td {
  padding: 5px;
}

table.ABISfmTable tr.ABIScertificateColor1 {
  background-color: #7fc3e6;
  color: white;
}

table.ABISfmTable tr.ABIScertificateColor2 {
  background-color: #cce7f5;
}

.ABIStableHeading {
  background-color: #e5e5e5;
}

.ABIStableBody {
  background-color: #f5f5f5;
}

.ABIScellLightBg {
  background-color: #cce7f5;
}

.ABIScellDarkBg {
  background-color: #7fc3e6;
  color: white;
}

.ABIScellAccentedBg {
  background-color: cyan; /* colour yet to be determined */
  color: white;
}

.ABIScellGrayBg {
  background-color: gray; /* colour yet to be determined */
}

table.ABIScourseCalendarTable tr {
  line-height: 1.5rem;
}

tr.ABISsessiondetail_line {
  line-height: 1.3rem;
}

div.ABISadres {
  margin-top: 60px;
  padding-right: 45px;
  display: block;
  float: left;
  width: 100%;
}

h2.ABISinforIssueHeader {
  /*display: block;*/
  background-color: #e5e5e5;
  border-radius: 3px;
  padding-left: 5px;
  margin-top: 1em;
  padding-top: 0px;
}

div#ABIStaalBalk a {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
  margin-bottom: 10px;
}

table p, table li.T0, table {
  font-size: 0.85rem;
}

p.ABIScertificateName {
  font-weight: bold;
  background-image: url(arrowresult.gif);
  background-repeat: no-repeat;
  padding-left: 45px;
  margin-left: 20px;
  height: 20px;
  position: relative;
}

div.ABIStrackLegend {
  float: left;
  width: 100px;
  font-weight: bold;
}

table.ABIStrackLegendTable {
  border: 1px solid black;
  width: 150px;
  font-size: 12px;
}

table.ABIStrackTable {
  border: 1px solid black;
  font-size: 12px;
}

div#ABISbreadcrumbs a {
  text-decoration: none;
  color: black;
}

td.ABISheading {
  background-color: #e5e5e5;
}

td.ABIStrackLegendeAanbevolen {
  background-color: #7fc3e6;
}

td.ABIStrackLegendeOptioneel {
  background-color: #cce7f5;
}

td.ABIStrackLegendeLeeg {
  background-color: #e5e5e5;
}

td.ABISratingAggregate {
  position: relative;
  width: 140px;
}

.ABISratingGrayStarsAggregate, .ABISratingGoldStarsAggregate {
  position: absolute;
  height: 27px;
  width: 130px;
  top: -6px;
}

.ABISratingGrayStarsAggregate {
  background-image: url(greystars.png);
}

.ABISratingGoldStarsAggregate {
  background-image: url(goldstars.png);
}

p.ABISreview {
  margin-bottom: 0px;
  line-height: 1.2em;
  font-style: italic;
}

div.ABISreview {
  font-size: 0.9rem;
  margin-top: 0.7rem;
}

td.ABISrating {
  position: relative;
  width: 50px;
}

.ABISratingGrayStars, .ABISratingGoldStars {
  position: absolute;
  top: 4px;
  height: 10px;
  width: 50px;
}

.ABISratingGrayStars {
  background-image: url(greystars-small.png);
}

.ABISratingGoldStars {
  background-image: url(goldstars-small.png);
}

.ABISreviewComment {
  padding-top: 1.2em;
  font-style: italic;
  font-size: 0.9rem;
  color: gray;
}


p.ABIScourseGroupIntroItem {
  font-size: 18px;
  font-weight: bold;
}

p.frontMatter {
  display: block;
}

p.frontMatterLeft {
  display: block;
}

p.frontMatterRight {
  display: block;
}

p.proverb {
  display: block;
  font-size: 60px;
  font-weight: bold;
  color: #0088ce;
  text-decoration: none;
}

p.ABISproductDefinitionSource {
  display: block;
  font-style: italic;
  color: black;
}

p.ABISproductName {
  display: block;
  font-weight: bold;
  color: #0088ce;
}

p.ABISproductDefinition {
  display: block;
  font-style: italic;
}

.ABIScourseGroup {
  cursor: pointer;
  color: #0056b3;
  padding-left: 1em;
  padding-top: 0.3em;
  font-size: 1.2em;
}

p.ABIScourseGroupInstructor {
  display: block;
  color: black;
}

p.ABIStrackHeading {
  display: block;
  font-weight: bold;
}

p.ABIScourseInTrack, p.ABIScourseInTrackSmall {
  display: block;
  color: black;
}

p.ABISsearchBoxText {
  font-size: 0.9em;
  margin-bottom: 10px;
}

p.ABIScourseTitleInOverview, p.ABIScourseTitleInOverview a {
  margin-top: 15px;
  margin-bottom: 0px;
  color: #505080;
}

p.ABISauthor {
  font-style: italic;
}

p.ABISabstract {
  font-style: italic;
}

p.ABISheading {
  font-size: 1.2rem;
  font-weight: bold;
  color: #0088ce;
}

.ABIScode {
  font-size: 0.85em;
}

pre.selftest {
  font-family: Courier,monospace;
  font-size: 12px;
  margin-left: 40px;
  margin-top: 0px;
  margin-bottom: 10px;
  color: black;
  font-weight: normal;
}

table.selftest {
  margin-left: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.selftest {
  margin-left: 40px;
  margin-top: 2px;
  margin-bottom: 10px;
}

.disable {
  color: silver;
}

/* style for error messages */
span.error {
  color: red;
  background-color: inherit;
}

/* small text */
p.small {
  font-size: 12px;
}

/* colors for the evaluation scores */
.excellent {
  background-color: lime;
}

.good {
  background-color: yellow;
}

.average {
  background-color: orange;
}

.poor {
  background-color: red;
}

/* How should a bordered table look like? */
table.border {
  border-width: 1px;
  border-style: outset
}

table.border td, table.border th{
  border-width: 1px;
  border-style: inset
}

/* special kinds of table cells */
td.question {
  background: silver;
}

td.score {
  text-align: center;
}

/* define a fieldset layout */
/* Correct some messing up on the default IE stylesheet (no padding for the fieldsets) */
fieldset {
  padding: 0.5em;
}

fieldset p {
  margin-bottom: 0em;
  margin-top: 0em;
}

table.ABISbookSession td {
  vertical-align: top;
}

table.ABISbookSession {
  padding-bottom: 2em;
}

/* Column definitions */
div#ABISleftColumn {
  float: left;
  /*width: 47%;*/
}

div#ABISrightColumn {
  float: right;
  /*width: 47%;*/
  margin-left: 1%;
  padding-left: 1%;
  border-left: solid 1px black;
}

div#ABISinputpageSequenceNumber {
  position: absolute;
  left: auto;
  right: 2px;
  top: 1px;
}


/* ------------------------ */
/* Homepage-specific styles */
/* ------------------------ */

.ABISnieuwtjes {
  padding-bottom: 20px;
}

div img {
  padding-bottom: 8px;
}

.ABISintroText {
  font-style: italic;
}

.ABISspotlight {
  padding-top: 2em;
  font-weight: bold;
}

.Hnavbar {
  min-height: 80px;
}

.Hnavhome {
  min-height: 130px;
  font-size: 1.6em;
}

.Hhome-jmb {
  padding: 25px;
}

.Hmain-jmb {
  font-size: 1.6em;
}

.Habish {
  color: white;
}

.Habish a {
  text-decoration: none;
}

.Habish a:link {
  color: white;
}

.Habish a:visited {
  color: white;
}

.Habish a:hover {
  color: lightgrey;
}

.Habish a:active {
  color: blue;
}

#Hsearch_hidden {
  display: none;
}

dl, ol, ul {
  margin-bottom: 0.5rem;
}


.typewriter {
  padding-bottom: 1.5em;
  padding-top: 0em;
  font-family: "IBM Plex Mono", Courier, monospace;
  display: inline-block;
}
.typewriter-text {
  display: inline-block;
  overflow: hidden;
  letter-spacing: 2px;
  animation: typing 2.5s steps(16, end), blink .75s step-end 7;
  white-space: nowrap;
  font-size: 30px;
  font-weight: 700;
  border-right: 20px solid orange;
  box-sizing: border-box;
}
@keyframes typing {
  from {
    width: 0%
  }
  to {
    width: 100%
  }
}
@keyframes blink {
  from, to {
    border-color: transparent
  }
  50% {
    border-color: orange;
  }
}


/* -------------------------------------------- */
/* Below this point: FM-related selectors only! */
/* -------------------------------------------- */

p.TS {
  display: block;
}

td p.TS {
  margin-top: 1px;
  margin-bottom: 1px;
}

li.T0 {
  color: black;
  list-style-type: disc;
  margin-left: -20px;
}

li.T1 {
  color: black;
  list-style-type: circle;
  margin-top: 5px;
  margin-bottom: 0.5em;
}

ol li.T1 {
  margin-left: -23px;
}

li.T2 {
  color: black;
  list-style-type: square;
  margin-left: 10px;
}

ol li.T2 {
  margin-left: -9px;
}

p.TT {
  display: block;
  color: black;
  clear: right;
  font-size: 18px;
  font-weight: bold;
}

li.TT0 {
  /*font-size: 12px;*/
  list-style-type: disc;
  font-weight: bold;
  margin-left: -20px;
  margin-top: 15px;
}

li.T1 + li.T0 {
  margin-bottom: 0.5em;
}

ul + p.TS {
  margin-top: 1.5em;
}

p.TB0 {
  display: block;
  margin-left: 23px;
  margin-bottom: 0.5em;
}

p.TB1 {
  display: block;
  margin-left: 40px;
}

ol.TN0, ol.TN0C {
  margin-left: -23px;
}

ol.TN1, ol.TN1C {
  list-style-type: lower-alpha;
}

ol ol.TN1, ol ol.TN1C {
  margin-left: -23px;
}

ol ul {
  margin-bottom: inherit;
}

ol p.TB0, ol p.TB1 {
  margin-left: 0px;
}

p.TN0, p.TN0C, p.TN1, p.TN1C {
  display: block;
}

li.TN0, li.TN1, li.TN0C, li.TN1C {
  margin-bottom: 0.5em;
}

p.remark {
  display: block;
  font-style: italic;
}

/* self-test questions */
li.SQ {
  margin-left: -25px;
  font-weight: bolder;
}