.document-sidebar {
	> .document-toc {
		@include border-radius(3px);
		@include ease-in();
		margin: 0;
		padding: 0 20px 20px 20px;
		display: block;

		> .header {
			top: 0;
			padding-top: 20px;
			margin: 0;

			> .toc-controls {
				margin: 0 0 0 0;
				text-align: center;

				> .disabled {
					cursor: not-allowed !important;

					> .material-icons {
						color: $color-gray-light;
					}
				}
			}
		}

		> .index-list {
			padding: 0;
			list-style: none;
			font-size: 0.9rem;
			overflow-x: hidden;
			list-style-type: none;
			margin: 0 0 0 0;

			.item {
				@extend .no-select;
				padding: 4px 0;
				text-overflow: ellipsis;
				word-wrap: break-word;
				white-space: nowrap;
				overflow: hidden;

				> .link {
					color: $color-dark;
					font-weight: bold;

					&:hover {
						color: $color-link;
					}

					> .numbering {
						color: $color-gray;
						font-weight: bold;
						display: inline-block;
						margin-right: 10px;
					}
				}

				> .selected {
					color: $color-link;
				}
			}
		}
	}
}