.link_indent1 {
  margin-left: 15px;
}

.spacer {
  width: 100%;
}

#docs-index-sect {
  align-items: stretch;
  margin: 20px;
  margin-top: 0;
}

/* Version Section */

#version_switcher {
  margin-bottom: 12px;
}

#sect_version {
  opacity: 0;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  transition: all 0.25s ease;
}

#sect_version.visible {
  opacity: 1;
  padding: 15px;
  max-height: 200px;
}

.version_option {
  cursor: pointer;
}

#topics_switcher {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* Classes Section */

#sect_classes {
  background: #25232a;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

#sect_page_contents {
  background: #25232a;
}

/* Media Queries */

@media screen and (max-width: 1568px) {
  #sidebar_right {
    background: #25232a;
    position: fixed;
    top: 0;
    right: 0;
    width: 500px;
    height: 100%;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1000;
    padding: 15px;
    margin: 0;
  }

  #sidebar_right .sidebar_sect {
    width: 100%;
    margin: 8px 0;
  }

  #sidebar_right.is_active {
    transform: translateX(0);
  }

  #btn_sidebar_right {
    position: relative;
    top: 0;
  }

  #button_exit_page_contents {
    position: relative;
    top: 0;
  }
}

@media screen and (max-width: 960px) {
  #sidebar_right {
    width: 90%;
  }

  #sidebar_left {
    background: #25232a;
    position: fixed;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 1000;
    padding: 15px;
    margin: 0;
  }

  #sidebar_left .sidebar_sect {
    width: 100%;
  }

  #sidebar_left.is_active {
    transform: translateX(0);
  }

  #btn_sidebar_left {
    position: relative;
    top: 0;
  }

  #button_exit_topics {
    position: relative;
    top: 0;
  }

  #topics_switcher {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
