.iframe-block {
  position: inherit;
}

.iframe-and-column-block .iframe-block {
  flex-basis: 80%;
  overflow: hidden;
  padding-top: 56.25%; /*16:9*/
  position: relative;
}

.iframe-block.full {
	flex-basis: 100%;
}

.iframe-block iframe {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   border: 0;
}

.iframe-column-block {
	position: relative;
	flex-basis: 20%;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-left: 20px;
	padding-right: 20px;
}

.iframe-and-column-block {
	display: flex;
}

.collapsible-column-btn {
	position: absolute;
	left: 0px;
	top: 50%;
  background-color: initial;
  color: black;
  width: initial;
  height: initial;
  padding: 10px 5px 10px 5px;
  transition-duration: 0s;
}

.collapsible-column-btn.extended{
  transform: rotate(180deg);
  transition-duration: 0s;
}

.collapsible-column-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.collapsible-column-btn-container:before,
.collapsible-column-btn-container:after {
  background-color: #000;
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
}

.collapsible-column-btn-container:before {
  left: 0.5em;
  height: calc(50% - 10px);
  margin-right: -50%;
  bottom: 50%;
}

.collapsible-column-btn-container:after {
  left: 0.5em;
  margin-right: -50%;
  bottom: 10px;
  height: calc(50% - 55px);
}