@import url('//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');

.toc-macro {
	overflow: hidden;
	height: auto;
	max-height: 465px;
	margin-left: 0 !important;
	top: 85px;
  right: 15px;
  z-index: 2;
  background-color: #fff;
  border-radius: 4px;
  border-top: none;
  border: 1px solid rgba(0,0,0,.15);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  padding: 5px;
  margin-bottom: 20px;
}

.toc-macro:not(.affix) { max-width: 310px; min-width: 220px; top: 465px; position: fixed; }

.toc-macro.affix { max-width: 310px; min-width: 220px; max-height: 465px; }

@media (max-width: 767px) {
	.toc-macro.affix { display: none; }
}
/* .toc-macro .ico-toggle.mt { display: none; } */
.toc-macro .fa-minus { display: block; position: absolute; right: 33px; top: 14px; }
.toc-macro .fa-times { display: block; position: absolute; right: 8px; top: 8px; }
.toc-macro i:hover { cursor: pointer; }

.toc-macro.hide-toc{
	display: block;
	height: 45px;
	width: 200px;
	padding-right: 0;
	margin-bottom: 0;
	right: -80px;
	top: 50%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: 300ms ease all;
  -moz-transition: 400ms ease all;
  -o-transition: 400ms ease all;
  transition: 400ms ease all;
}

/* .toc-macro.hide-toc i {
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
} */

.toc-macro.hide-toc .side-menu { display: none !important; }


.bs-docs-sidebar.affix { top: 0 !important; width: calc((100% - 90px) / 4 - 4px);  }

/* .toc-macro .bs-scroll-wrapper { margin: 0 -20px 0 0; max-height: 410px; overflow-y: scroll; overflow-x: hidden; } */

.toc-macro .bs-scroll-wrapper {
	/* margin-top: 25px; */
	margin-left: 5px;
	padding: 5px;
	font-weight: 700;
	font-size: 20px;
  font-style: normal;
  color: #101820;
  letter-spacing: -.01em;
}

.bs-docs-sidebar h3 { padding-bottom: 5px; margin: 0 0 10px; font-size: 24px; font-weight: normal; line-height: 1.3; border-bottom: 2px solid #ddd; }
.bs-scroll-wrapper ul { list-style: none !important; padding: 0 10px 0 0 !important; margin: 0; }
.bs-scroll-wrapper ul ul { display: none; list-style: none !important; padding-left: 25px !important; }
.bs-scroll-wrapper > ul > ul { display: block !important; }

.bs-scroll-wrapper ul.current-item-container { display: block; margin: 0 -28px 0 0; max-height: 410px; overflow-y: scroll; overflow-x: hidden; }
.bs-scroll-wrapper ul li { padding: 0;}
.bs-scroll-wrapper ul li a { text-decoration: none; }
.bs-scroll-wrapper ul ul li a { padding-left: 15px; }
.bs-scroll-wrapper ul ul ul li a { padding-left: 25px; }
.bs-scroll-wrapper ul ul,
.bs-scroll-wrapper li + li { margin-top: 4px; }
.bs-scroll-wrapper > ul li a { display: block; font-size: 13px; color: #6c1d45 !important; line-height: 20px; font-weight: 600; border-left: solid 3px transparent; padding-left: 5px; text-decoration: none !important; }
.bs-scroll-wrapper > ul li a:hover { border-color: #d22630; color: #d22630 !important; text-decoration: none; }
.bs-scroll-wrapper > ul li a:active, .bs-scroll-wrapper > ul li a:focus, .bs-scroll-wrapper > ul li a:visited { text-decoration: none !important; }
.bs-scroll-wrapper > ul li.current-item > a { border-color: #d22630; color: #d22630; text-decoration: none; }
.bs-scroll-wrapper > ul li.current-item > ul { display: block; }

/* Old Axway mini-toc styling */
/*.toc-macro h3 { padding-bottom: 5px; margin: 0 0 10px; font-size: 24px; font-weight: normal; line-height: 1.3; border-bottom: 2px solid #ddd; }
.bs-scroll-wrapper ul { list-style: disc !important; padding: 0 2px 0 0; margin: 0 !important; }
.bs-scroll-wrapper ul.current-item-container { display: block; }
.bs-scroll-wrapper ul li { padding: 0; margin: 0; }
.bs-scroll-wrapper ul li a { text-decoration: none; }
.bs-scroll-wrapper ul ul {  margin-left: -10px !important; list-style: disc !important; }
.bs-scroll-wrapper > ul li a { color: #0073a5 !important; }
.bs-scroll-wrapper > ul li a:hover { text-decoration: underline; }
.bs-scroll-wrapper > ul li a:focus, .bs-scroll-wrapper > ul li a:active, .bs-scroll-wrapper > ul li a:visited { text-decoration: none !important; }
.bs-scroll-wrapper > ul li.current-item > a { color: #0073a5 !important; }
.bs-scroll-wrapper > ul li.current-item > ul { display: block; }*/