.__page_content.__docs_detail { margin-top: 30px;}

.__docs_detail_content { display: flex; gap: 40px;position: relative;}
.__docs_detail_content .__page_text p { line-height: 150%; font-size: 18px;}
.__page_text {
	flex: 0 1 auto;
	max-width: 100%;
}
.__page_text table {
	/*word-break: break-all;*/
	display: inline-block;
	overflow-x: scroll;
}
.__page_text h1 {
	font-size: 30px;
  	font-weight: 500;
  	color: #333333;
}
.__block_structure { width: 300px;transition: width 1s linear;display: none;}
.__block_structure.opened {
	display: block;
	flex: 1 0 auto;
}
.__block_structure_text { display: flex; width: 100%; padding-bottom: 20px;flex-direction: column;gap: 20px;position: sticky;top: 0;padding: 30px; border: 1px solid #767676;border-radius: 8px; 
	max-height: 100vh;
	overflow-y: scroll;
}
.__block_structure_text a { color: #0169B4; }

.__doc_action_wrap > a {
  display: inline-block;
  cursor: pointer !important;
  padding: 5px 10px;
  font-size: 16px;
  border: 1px solid #767676;
  color: #333;
  border-radius: 4px;
  white-space: nowrap;
  order: 1;
}

.__doc_action_wrap { display: flex; overflow:hidden; background: #fff; gap: 10px; position:relative; width: 100%; padding: 18px 20px; top: -34px; border-radius: 12px; box-shadow: 0 3px 4px rgb(0 56 95 / 25%);}
.__doc_action_wrap > a.is_active { background: #0169B4; border-color: #0169B4; color: #fff;}
.__doc_action_wrap > a.__icon-search { padding-right: 40px; background-image: url('./images/search_btn.svg'); background-repeat: no-repeat; background-position: 90% 50%;}
.__doc_action_wrap > a.__icon-contents { padding-right: 40px; background-image: url('./images/contents.svg'); background-repeat: no-repeat; background-position: 90% 50%;}
.__doc_action_wrap > a.__icon-download { padding-right: 40px; background-image: url('./images/download.svg'); background-repeat: no-repeat; background-position: 90% 50%;}
.__doc_action_wrap > a.__icon-actual { padding-right: 40px; background-image: url('./images/actual.svg'); background-repeat: no-repeat; background-position: 90% 50%;cursor: default;}
.__doc_action_wrap > a.__icon-contents.is_active {background-color: #0169B4;background-image: url('./images/contents-invert.svg'); background-repeat: no-repeat; background-position: 90% 50%;}
.__doc_action_wrap > a.__icon-like { padding-right: 40px; background-image: url('./images/heart_blue.svg'); background-repeat: no-repeat; background-position: 90% 50%;}
.__doc_action_wrap > a.__icon-like.in-favourite { padding-right: 40px; background-image: url('./images/heart_white.svg'); background-repeat: no-repeat; background-position: 90% 50%;}

.__search-block {
	position: sticky;
	top: 0;
	display: flex;
	gap: 15px;
	padding: 10px;
	background-color: #ffffff;
	box-shadow: 0 3px 4px rgb(0 56 95 / 25%);
	display: none;
	max-width: 100%;
	border-radius: 12px;
	z-index: 9999;
}
.__search-block.is_active {
	display: flex;
}
.__search-block input {
	padding: 10px 15px;
	border: none;
	outline: none;
}
.__search-input-wrap {
	display: flex;
	border: 2px solid #0169B4;
  	border-radius: 5px;
	align-items: center;
	padding-right: 15px;
	overflow: hidden;
}
.__icon_next {
	display: block;
  	width: 24px;
  	height: 24px;
  	background-image: url('./images/chevron-right.svg');
  	background-repeat: no-repeat;
  	background-position: center;
	cursor: pointer;
}
.__icon_prev {
	display: block;
  	width: 24px;
  	height: 24px;
  	background-image: url('./images/chevron-left.svg');
  	background-repeat: no-repeat;
  	background-position: center;
	cursor: pointer;
}
.__search-input-actions {
	display: flex;
	gap: 15px;
	align-items: center;
}
.current {
	background: violet;
}
@media (max-width: 768px) {
	.__page_text h1 {
		font-size: 20px;
	}
	.__page_content.__docs_detail .container{
		padding: 0;
	}
	.__page_content.__docs_detail .__page_text {
		padding: 0 20px;
	}
	.__docs_detail .__action_wrap {
		overflow-x: scroll;
		scrollbar-width: none;
        -ms-overflow-style: none;
		padding: 10px;
	}
	.__docs_detail .__action_wrap::-webkit-scrollbar {
        display: none;
    }
	.__doc_action_wrap > a {
		font-size: 18px !important;
		padding-top: 10px !important;
    	padding-bottom: 10px !important;
	}
	.__doc_action {
		position: sticky;
		top: 0;
		z-index: 999;
		margin-top: -34px;
		display: flex;
		overflow-x: scroll;
		padding-bottom: 10px;
		scrollbar-width: none;
        -ms-overflow-style: none;
	}
	.__doc_action::-webkit-scrollbar {
        display: none;
    }
	.__doc_action_wrap {
		top: 0;
		overflow: visible;
		width: unset;
	}
	.__block_structure {
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 100;
		background-color: #ffffff;
	}
	.__block_structure_text {
		border-radius: 0;
		border: none;
		max-height: none;
	}
	.content_body {
		overflow: hidden;
	}
}
.item-H2 {
	padding-left: 10px;
}
.item-H3 {
	padding-left: 20px;
}