.filename {
	display: none;
}

/*** custom css only popup ***/
.columnSelectorWrapper {
  position: relative;
  margin: 10px 0;
  display: inline-block;
}
.columnSelector, .hidden {
  display: none;
}
.columnSelectorButton {
  background: #99bfe6;
  border: #888 1px solid;
  color: #111;
  border-radius: 5px;
  padding: 5px;
}
#colSelect1:checked + label {
  background: #5797d7;
  border-color: #555;
}
#colSelect1:checked ~ #columnSelector {
  display: block;
}
.columnSelector {
  width: 120px;
  position: absolute;
  top: 30px;
  padding: 10px;
  background: #fff;
  border: #99bfe6 1px solid;
  border-radius: 5px;
}
.columnSelector label {
  display: block;
}
.columnSelector label:nth-child(1) {
  border-bottom: #99bfe6 solid 1px;
  margin-bottom: 5px;
}
.columnSelector input {
  margin-right: 5px;
}
.columnSelector .disabled {
  color: #ddd;
}

/* Bound the copied teacher directory to the content column without affecting other articles. */
.teachers-page {
  max-width: 100%;
  min-width: 0;
}

.teachers-page table {
  width: 100% !important;
  max-width: 100%;
  table-layout: fixed;
}

.teachers-page td {
  width: 33.333% !important;
  max-width: 33.333%;
  overflow-wrap: anywhere;
  vertical-align: top;
}

.teachers-page img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 1000px) {
  html:has(.teachers-page),
  body:has(.teachers-page) {
    width: 100%;
    min-width: 0;
  }

  body:has(.teachers-page) .lehetabel {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
  }

  body:has(.teachers-page) .banner,
  body:has(.teachers-page) .banner img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  body:has(.teachers-page) .body_vasak,
  body:has(.teachers-page) .body_parem {
    display: none;
  }

  body:has(.teachers-page) .body_sisu {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 1000px) {
  body:has(.teachers-page) .body_sisu,
  body:has(.teachers-page) .style-box,
  body:has(.teachers-page) .style-box-body,
  body:has(.teachers-page) .style-sheet,
  body:has(.teachers-page) .style-sheet-body,
  body:has(.teachers-page) .style-layout-wrapper,
  body:has(.teachers-page) .style-content-layout,
  body:has(.teachers-page) .style-content-layout-row,
  body:has(.teachers-page) .style-layout-cell,
  body:has(.teachers-page) .style-content {
    width: 100% !important;
    max-width: 100%;
    min-width: 0 !important;
    margin-right: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 1000px) {
  body:has(.teachers-page) .style-sidebar1 {
    display: none;
  }

  body:has(.teachers-page) .style-content-layout,
  body:has(.teachers-page) .style-content-layout-row,
  body:has(.teachers-page) .style-content {
    display: block;
  }
}
@media (max-width: 1000px) {
  body:has(.teachers-page) tr:has(.teachers-page) {
    display: block;
  }

  body:has(.teachers-page) .body_sisu {
    display: block;
    width: 100% !important;
  }
}
@media (max-width: 1000px) {
  body:has(.teachers-page) tr:has(.teachers-page),
  body:has(.teachers-page) .body_sisu,
  body:has(.teachers-page) .style-content-layout,
  body:has(.teachers-page) .style-content-layout-row,
  body:has(.teachers-page) .style-content {
    display: block !important;
  }
}
@media (max-width: 1000px) {
  body:has(.teachers-page) .lehetabel,
  body:has(.teachers-page) .lehetabel > tbody {
    display: block;
    width: 100% !important;
    max-width: 100%;
  }

  body:has(.teachers-page) .lehetabel > tbody > tr {
    display: block;
    width: 100%;
  }

  body:has(.teachers-page) .lehetabel > tbody > tr > td[colspan] {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1000px) {
  body:has(.teachers-page) .teachers-page img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
  }
}