/**
Справка
*/

:root {
	--helper-width: 0px;
	--helper-width-shoud-be: 410px;
}
.helping-f1{
	--helper-width: var(--helper-width-shoud-be);
}

.generalTree .ico.full{
	background-image: url("../img/page_full.png");
}
.generalTree .ico.blank{
	background-image: url("../img/file.png");
}
body .helper-f1{
	position: fixed;
	top: 0;
	right: calc(-1px - var(--helper-width-shoud-be));
	z-index: 499;
	background-color: #ffffff;
	height: 100%;
	width: var(--helper-width-shoud-be) !important;
	max-width: calc(100vw - 30px);
	min-width: 0;
	margin-right: 0;
	transition: min-width ease-out 0.5s 0s, right ease-out 0.5s 0s;
	border-left: 1px solid #999999;
	box-shadow: 0 0 2px #888;
}
.helping-f1 .helper-f1{
	right: 0 !important;
}
.helping-f1 #main_content{
	margin-right: var(--helper-width-shoud-be);
}
#helper-content,
#cke_helper-content{
	width: calc(100% - 20px);
	overflow: auto;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}
#helper-content{
	top:90px;
	position: absolute;
}
#cke_helper-content{
	margin-top: 90px;
}
#helper-content{
	bottom: 20px;
}
.helper-head{
	top: 60px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
}
.helper-f1 > div{
	left: 50%;
	transition: all ease-out 0.4s 0.2s;
	opacity: 0.1;
}
.helping-f1 .helper-f1 > div{
	left: 3px;
	opacity: 1;
}
.helping-f1 .copyright{
	right: calc(-1px - var(--helper-width-shoud-be));
}
.ui-resizable-e{
	height: 100%;
	width: 3px;
	cursor: e-resize;
}
#helper-content * {
    max-width: 100%;
}
.helper-bottom-tabs{
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	white-space: nowrap;
}