diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css
index 7e749f0e..02ccb641 100644
--- a/webapp/src/main/webapp/themes/iph/css/iph.css
+++ b/webapp/src/main/webapp/themes/iph/css/iph.css
@@ -2789,18 +2789,52 @@ span.iconControlsNotEditable {
 	font-family: "Roboto";
 	font-size: 1.2rem;
 	border-bottom: 1px solid #8B4513;
-	padding-top: 5px;
-	padding-bottom: 5px;
+	padding-top: 7px;
+	padding-bottom: 7px;
 }
-.tocElementName a {
-	
+#wrapperTocButtons {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	justify-content: space-between;
+	font-size: 1rem;
+	font-family: "Roboto";
+	padding-top: 10px;
+	padding-bottom: 10px;
+	border-bottom: 1px dashed #8B4513;
+	color: #000000;
+	background-color: #ffffff!important;
+}
+#tocExpandAll:hover {
+	cursor: pointer;
+	color: #8B4513;
+}
+#tocCollapseAll:hover {
+	cursor: pointer;
+	color: #8B4513;
+}
+#tocExpandImageAll {
+	float: left;
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-top: 2px;
+}
+#tocCollapseImageAll {
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-top: 2px;
+	float: right;
+}
+.tocElementSwitchImage {
+	padding-right: 10px;
+	cursor: pointer;	
 }
 .tocElement >div.tocElement {
 	padding-left: 20px;
 	background-color: #ffffff;
 }
 .tocElement >div.tocElement >div.tocElementName {
-	padding-left: 12px;
+	padding-left: 14px;
 	background-image: none;
 	margin-left: 0px;
 }
@@ -2812,10 +2846,7 @@ span.iconControlsNotEditable {
 	font-size: 1rem;
 }
 .tocElementName {
-	background-image: url(../images/arrow-down-small.png);
-	background-repeat: no-repeat;
-	background-position: left center;
-	padding-left: 25px;
+	padding-left: 5px;
 	margin-left: 8px;
 	padding-top: 5px;
 	padding-bottom: 5px;
diff --git a/webapp/src/main/webapp/themes/iph/images/all-toc-collapse.svg b/webapp/src/main/webapp/themes/iph/images/all-toc-collapse.svg
new file mode 100644
index 00000000..f2f6f449
--- /dev/null
+++ b/webapp/src/main/webapp/themes/iph/images/all-toc-collapse.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8.21428H20" stroke="#8B4513"/>
+<path d="M0 10.3571H20" stroke="#8B4513"/>
+<path d="M6.09782 16.2857L9.64279 12.1923L13.1878 16.2857H6.09782Z" fill="#8B4513" stroke="#8B4513"/>
+<path d="M6.09782 2.28571L9.64279 6.37909L13.1878 2.28571H6.09782Z" fill="#8B4513" stroke="#8B4513"/>
+</svg>
diff --git a/webapp/src/main/webapp/themes/iph/images/all-toc-expand.svg b/webapp/src/main/webapp/themes/iph/images/all-toc-expand.svg
new file mode 100644
index 00000000..fd8c4338
--- /dev/null
+++ b/webapp/src/main/webapp/themes/iph/images/all-toc-expand.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 7.5H20" stroke="#8B4513"/>
+<path d="M0 9.64285H20" stroke="#8B4513"/>
+<path d="M6.09782 4.85714L9.64279 0.763763L13.1878 4.85714H6.09782Z" fill="#8B4513" stroke="#8B4513"/>
+<path d="M6.09782 12.2857L9.64279 16.3791L13.1878 12.2857H6.09782Z" fill="#8B4513" stroke="#8B4513"/>
+</svg>
diff --git a/webapp/src/main/webapp/themes/iph/images/arrow-down-small.svg b/webapp/src/main/webapp/themes/iph/images/arrow-down-small.svg
new file mode 100644
index 00000000..e470467a
--- /dev/null
+++ b/webapp/src/main/webapp/themes/iph/images/arrow-down-small.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.09926 1L6.5 7.23624L11.9007 1H1.09926Z" stroke="#8B4513"/>
+</svg>
diff --git a/webapp/src/main/webapp/themes/iph/images/arrow-top-small.svg b/webapp/src/main/webapp/themes/iph/images/arrow-top-small.svg
new file mode 100644
index 00000000..4a9456ed
--- /dev/null
+++ b/webapp/src/main/webapp/themes/iph/images/arrow-top-small.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.09926 7L6.5 0.763763L11.9007 7H1.09926Z" stroke="#8B4513"/>
+</svg>
diff --git a/webapp/src/main/webapp/themes/iph/js/toc.js b/webapp/src/main/webapp/themes/iph/js/toc.js
index 6a400d0f..81f02a10 100644
--- a/webapp/src/main/webapp/themes/iph/js/toc.js
+++ b/webapp/src/main/webapp/themes/iph/js/toc.js
@@ -73,7 +73,7 @@
 		}
 	    $.extend(this, urlsBase);
 		var imgElement = nameContainer.firstElementChild;
-		imgElement.src = urlsBase + "/themes/iph/images/save.svg";
+		imgElement.src = urlsBase + "/themes/iph/images/arrow-top-small.svg";
 		
 	}
 	
@@ -86,7 +86,7 @@
 		}
 	    $.extend(this, urlsBase);
 		var imgElement = nameContainer.firstElementChild;
-		imgElement.src = urlsBase + "/themes/iph/images/print.svg";
+		imgElement.src = urlsBase + "/themes/iph/images/arrow-down-small.svg";
 		
 	}
 	
diff --git a/webapp/src/main/webapp/themes/iph/templates/rightPanel.ftl b/webapp/src/main/webapp/themes/iph/templates/rightPanel.ftl
index e7aee1b5..a6e2ec50 100644
--- a/webapp/src/main/webapp/themes/iph/templates/rightPanel.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/rightPanel.ftl
@@ -5,8 +5,16 @@
 		<button id="exportPdf"><img src="${urls.base}/themes/iph/images/exportPdf.svg"></button>
 		</div>
           <#include "customsearchpanel.ftl" >
-          <div id="tocPlaceHolder">
+          <div id="tocPlaceHolder" style="display:none;">
           	<div id="tocName">Содержание</div>
+          	<div id="wrapperTocButtons">
+          	  <div id="tocExpandAll" onclick="javascript:expandAllTOCElements('tocPlaceHolder');">Раскрыть
+          		<img id="tocExpandImageAll" onclick="javascript:expandAllTOCElements('tocPlaceHolder');" src="${urls.base}/themes/iph/images/all-toc-expand.svg"/>
+          	  </div>
+          	  <div id="tocCollapseAll" onclick="javascript:collapseAllTOCElements('tocPlaceHolder');">Свернуть
+          	  <img id="tocCollapseImageAll" onclick="javascript:collapseAllTOCElements('tocPlaceHolder');" src="${urls.base}/themes/iph/images/all-toc-collapse.svg"/>
+          	  </div>
+          	</div>
           </div>
     </div>