/* ---------------------------------------------------------- */
/* Основные элементы страницы: BEGIN	                  			*/
/* ---------------------------------------------------------- */
html, body
{
	z-index:										0;
	display:										block;
	content:										'';
	clear:											both;
	width:											100%;
	min-width:									100%;
	height:											100%;
	min-height:									100%;
	margin:											0;
	padding:										0;
	background-color:						rgb(var(--rgb-color-body));
}

main
{
	z-index:										10;
	position: 									relative;
	top:												-1px;
	margin:											0px auto 0px auto;
	max-width:									var(--width-main);
	min-height:									var(--height-main);
	background-color:						rgb(var(--rgb-color-main));
  
  -moz-transition: 						all 0.2s;
  -o-transition: 							all 0.2s;
  -webkit-transition: 				all 0.2s;
	transition:									all 0.2s;
}

.main-active
{
  filter:											blur(1px);
  -moz-transition: 						all 0.2s;
  -o-transition: 							all 0.2s;
  -webkit-transition: 				all 0.2s;
	transition:									all 0.2s;
}
/* Основные элементы страницы: END                            */
/* ---------------------------------------------------------- */


/* ---------------------------------------------------------- */
/* Параметры контейнера "Заголовок": BEGIN	                  */
body header
{
	z-index:										15;
  top:												0; 
  position:										relative;
  width:											100%;
	height:											var(--height-header-max);
	background:									rgba(var(--rgb-color-DarknessCyan), .5);
}

body header::after
{
	content:								'';
	position:								absolute;
	top:										0;
	left:										0;
	width:									100%;
	height:									100%;
	background:							bottom repeat-x url("/styles/images/bg/bg-header.jpg");
	opacity:								25%;
	z-index:								-1;
}

body header::before
{
	content:								'';
	position:								absolute;
	top:										calc(var(--height-header-max) - 19px);
	left:										0;
	width:									100%;
	height:									37px;
	background:							bottom left repeat-x url("/styles/images/bg/bg_header_line.png");
	opacity:								50%;
	z-index:								0;
}

div.header_bg, 
div.header_bg2
{
 	position:								relative;
	width:									100%;
	height:									100%;
	z-index:								0;
}

div.header_bg::after, div.header_bg::before,
div.header_bg2::after, div.header_bg2::before
{
	content:								'';
	position:								absolute;
	left:										0;
	top:										0;
	width:									100%;
	height:									100%;
	z-index:								-1;
}

div.header_bg::after {opacity: 0.25; background: repeat-x left url("/styles/images/bg/bg_header_0.png"); background-size: 140%;}
div.header_bg::before {opacity: 0.15; background: no-repeat top left url("/styles/images/bg/bg_header_1.png"); background-size: auto;}
div.header_bg2::after {opacity: 0.10; background: no-repeat center url("/styles/images/bg/bg_header_2.png"); background-size: 15%;}
div.header_bg2::before {opacity: 0.12; background: no-repeat right url("/styles/images/bg/bg_header_3.png"); background-size: auto;}


div.header
{
	display: flex;
	margin: 0px auto 0px auto;
	padding: 0px;
	max-width: var(--width-main);
	max-height: 100%;
	z-index: 1;
}

div.header_title
{
	float:									left;
	display:								flex;
	align-items:						center;
	justify-content:				flex-start;
	padding:								0px 10px 0px 10px;
	height:									var(--height-header-min);
	max-width:							calc(var(--width_logo) - 10px);
	width:									100%;
}

div.header_title a
{
	font-weight:						bold;
	font-size:							32px;
	font-family:						Elliot, PTSans, sans-serif;
	color:									rgb(var(--color_title_header));
}

div.header_search
{
	max-width:							calc(var(--width-wrapper) - var(--width_logo) - 24px);
	width:									100%;
	padding:								0px 10px 0px 10px;
	flex:										1;
}

div.header_search form
{
	position: relative;
	background-color: rgba(0,0,0,0.25);
	border-radius: 2px;
  margin: 15px 0px 10px 15px;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(var(--search-color_input_b),0.5);
}

div.header_search form input.searchInput
{
	color: rgb(var(--search-color_input));
	box-sizing: border-box;
  border: 0;
  height: 30px;
  box-shadow: none;
  background: transparent;
  width: 100%;
	font-family: Elliot, PTSans, sans-serif;
	font-size: 16px;
	padding-inline-end: 40px;
	padding-inline-start: 20px;
	padding-left: 20px;
	padding-right: 40px;

}

div.header_search form input.searchButton
{
	position: absolute;
	top: 5px;
	right: 0px;
	width: 40px;
	height: 25px;
	border: 0;
	text-indent: -99999px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(/images/icons/search-ltr.svg);
	background-position: center 50%;
	box-shadow: none;
	-webkit-appearance: button;
	cursor: pointer;
}

div.header_uf
{
	position:								relative;
	display:								inline-flex;
	align-items:						center;
	justify-content:				flex-end;
	height:									30px;
	width:									calc(var(--width-sidebar) - 20px);
	padding:								0px 10px 0px 10px;
 	margin:									15px 0px 10px 0px;

}

div.header_uf a
{
	margin-left: 2px;
	height: 30px;
	width: fit-content;
	display: inline-flex;
	align-items: center;
}

div.header_uf svg.user_field_icon
{
	/* SVG Param */
	fill: rgba(255, 255, 224, 0.75);
	width: 30px;
	height: 26px;
  overflow: visible;
	-moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

div.header_uf svg.user_field_icon:hover
{
	/* SVG Param */
	fill: rgba(255, 255, 255, 0.9);
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
/* Параметры	контейнера "Заголовок": END	                  */
/* ---------------------------------------------------------- */


/* ---------------------------------------------------------- */
/* Параметры контейнера "Page": BEGIN                   */
main div.breadcrumb
{
	position:										relative;
	display:										flex;
	max-width:									calc(var(--width-main) - (var(--width-page-indent-lr) * 2));
	height:											calc(var(--height-page-header) - 10px);
	justify-content:						flex-start;
	align-items:								center;
	margin:											5px auto 5px auto;
	padding:										0px var(--width-page-indent-lr) 0px var(--width-page-indent-lr);
}

main div.breadcrumbs, main div.breadcrumbs *
{
	position: relative;
	/*height: calc(var(--height-page-header) - 5px);*/
	color: rgb(var(--breadcrumb-color-l));
	list-style: inside;
	font-family: PTSans;
	font-size: 14px;
	/*cursor: default;*/
}

main div.breadcrumbs span a.breadcrumbs_link :hover
{
	color: rgb(var(--breadcrumb-color-h));
	cursor: pointer;
}

main div.breadcrumbs span a.breadcrumbs_link::before
{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 0;
	height: 100%;
	border-bottom: 1.4px solid rgb(var(--breadcrumb-color-l));
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}

main div.breadcrumbs span a.breadcrumbs_link:hover::before
{
	width: calc(100% + 2px);
	border-bottom: 1.4px solid rgb(var(--breadcrumb-color-h));
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}

main													div.page
{
	display:										flex;
	max-width:									var(--width-main);
	padding:										0px var(--width-page-indent-lr) 0px var(--width-page-indent-lr);
}

div.page_wrapper
{
	display:										table-cell;
	vertical-align:							top;
	padding:										0px;
	width:											100%;
	max-width:									calc(var(--width-wrapper) - 20px);
	height:											auto;
}

/*TODO: Через медиа убираем потом эту колонку.*/
div.page_sidebar
{
	display: block;
	position: relative;
	vertical-align: top;
	padding-left: var(--width-page-indent-lr);
	width: calc(var(--width-sidebar) -  var(--width-page-indent-lr));
}

@media (max-width: 1024px)
{
  div.page_sidebar
	{
		display: none;
	}
}

/* Параметры	контейнера "Wrapper": END	                    	*/
/* ---------------------------------------------------------- */


/* ---------------------------------------------------------- */
/* Параметры контейнера "Page": BEGIN                   			*/
article.post
{
	z-index:0;
	position:										relative;
	box-sizing:									border-box;
	width:											100%;
	margin-bottom:							20px;
	padding:										0px;
	background:									rgba(var(--post-color-body), 0.95);
	border-radius:							0px 0px 4px 4px;
	border:											1px solid;
	border-color:								rgb(var(--border-color-mid));
	border-top:									none;
	
	-webkit-box-shadow:					4px 4px 8px 0px rgba(var(--rgb-color_shadow), 0.25);
	-moz-box-shadow:						4px 4px 8px 0px rgba(var(--rgb-color_shadow), 0.25);
	box-shadow:									4px 4px 8px 0px rgba(var(--rgb-color_shadow), 0.25);
}

article.post::before,
article.post::after
{
	content:										'';
	position:										absolute;
	border:											1px solid;
	border-top:									none;
}

article.post::before
{
	bottom:											0px;
	left:												0px;
	width:											calc(100% - 2px);
	height:											calc(100% - 2px);
	border-radius:							0px 0px 3px 3px;
	border-color:								rgb(var(--border-color-in));
}

article.post::after
{
	z-index:										-1;
	bottom:											-2px;
	left:												-2px;
	width:											calc(100% + 2px);
	height:											calc(100% + 2px);
	border-radius:							0px 0px 5px 5px;
	border-color:								rgb(var(--border-color-out));
}

div.entry-header
{
	z-index:										1;
	top:												-1px;
	position:										relative;
	height:											26px;
	padding-left:								15px;
	background:									rgba(var(--post-color-header), 0.95) no-repeat top left url("/styles/images/bg/bg_bottom_right.png");
	border-top:									2px double rgba(var(--border-color-hdr), 1);
	border-bottom:							2px double rgba(var(--border-color-hdr), 1);
}

div.entry-header::after,
div.entry-header::before
{
	content:										'';
	z-index:										1;
	top:												-2px;
	position:										absolute;
	width:											8px;
	height:											30px;
}
div.entry-header::after				{background: no-repeat left url("/styles/images/bg/bg_post_title_left.png");	left: -1px;}
div.entry-header::before			{background: no-repeat right url("/styles/images/bg/bg_post_title_right.png");	right: -1px;}


span.entry-title,
a.entry-title
{
	position:										relative;
	font-family:								Elliot, PTSans, sans-serif;
	font-weight:								bold;
	font-size:									16px;
	line-height:								24px;
	color:											rgba(var(--post-color-hdr-txt),0.9);
	-moz-transition:						all .02s;
	-o-transition:							all .02s;
	-webkit-transition:					all .02s;
	transition:									all .02s;
}

a.entry-title::before
{
	position:										absolute;
	content:										'';
	left:												0px;
	top:												0px;
	height:											100%;
	
	width:											0%;
	border-bottom:							1px solid rgba(var(--post-color-hdr-txt), 0.75);
	-moz-transition:						all .05s;
	-o-transition:							all .05s;
	-webkit-transition:					all .05s;
	transition:									all .05s;
}

a.entry-title:hover::before
{
	width:											100%;
	border-bottom:							1px solid rgb(var(--post-color-hdr-txt));
	-moz-transition:						all .05s;
	-o-transition:							all .05s;
	-webkit-transition:					all .05s;
	transition:									all .05s;
}

a.entry-title:hover
{
	color:											rgb(var(--post-color-hdr-txt));
}


span.post_date
{
	float:											right;
	padding-right:							12px;
	font-family:								Elliot, PTSans, sans-serif;
	line-height:								26px;
	font-size:									13px;
	color:											rgba(var(--post-color-hdr-txt),0.75);
}

div.post_body
{
	position:										relative;
	padding:										10px;
}

div.post_body a.more-link
{
	display:										flex;
	text-align:									right;
}

div.post_footer
{
	padding:										0px 10px 0px 10px;
	height:											var(--height-article-footer);
	font-size:									14px;
	line-height:								var(--height-article-footer);
}

div.post_footer span.post_tags
{
	position:										relative;
	float:											left;
}

div.post_footer span.post_readmore
{
	position:										relative;
	float:											right;
}

div.post_footer span.post_tags a,
div.post_footer span.post_readmore a
{
	font-family:								Elliot, PTSans, sans-serif;
	font-size:									13px;
	color:											rgb(var(--post-color-ftr-txt));
}
/* Параметры	контейнера "Page": END	                    */
/* ---------------------------------------------------------- */


/* ---------------------------------------------------------- */
/* Параметры контейнера "SideBar": BEGIN                   */
div.sidebar_ctg
{
	box-sizing: border-box;
	width: calc(var(--width-sidebar) - var(--width-page-indent-lr));
	margin-bottom: 20px;
}

div.sidebar_ctg_title,
div.sidebar_ctg_title::after,
div.sidebar_ctg_title::before
{
	content: '';
	left: 0px;
	top: 0px;
	width: calc(100% - 10px);
	height: var(--height-nav-title);
	padding-left: 10px;
	color: rgb(var(--rgb-color_LightYelloy));
	font-size: 16px;
	line-height: calc(var(--height-nav-title) - 2px);
	font-family: PTSans, Elliot;
	z-index: 0;
}

div.sidebar_ctg_title::after
{
	position: absolute;
	height: calc(var(--height-nav-title) - 2px);
	background: linear-gradient(180deg, rgba(231,211,156,1) 0%, rgba(231,211,156,1) 15%, rgba(198,174,115,1) 20%, rgba(198,174,115,1) 55%, rgba(189,162,99,1) 60%, rgba(189,162,99,1) 80%, rgba(173,146,74,1) 85%, rgba(173,146,74,1) 100%);
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-image: linear-gradient(90deg, #403020 0%, rgba(123,95,63,1) 3px, rgba(123,95,63,1) calc(100% - 3px), #403020 100%);
	border-image-slice: 1;
	z-index: -2;
}

div.sidebar_ctg_title
{
	position: relative;
	width: calc(100% - 12px);
	border-left: 1px solid;
	border-right: 1px solid;
	border-image: linear-gradient(to top, #403020, #534b3d, #403020);
	border-image-slice: 1;
}

div.sidebar_ctg_title::before
{
	position: absolute;
	left: 1px;
	width: calc(100% - 12px);
	background: linear-gradient(0deg, rgba(41,40,39,1) 0%, rgba(41,40,39,1) 2%, rgba(74,89,99,1) 7%, rgba(41,56,82,1) 12%, rgba(24,40,74,1) 20%, rgba(24,32,57,1) 25%, rgba(15,23,47,1) 50%, rgba(13,22,38,1) 75%, rgba(24,48,82,1) 83%, rgba(55,76,104,1) 88%, rgba(115,130,148,1) 93%, rgba(24,48,82,1) 98%, rgba(24,48,82,1) 100%);
	clip-path: polygon(0 3px, 1px 2px, 5px 0, calc(100% - 5px) 0, calc(100% - 1px) 2px, 100% 3px, 100% calc(100% - 3px), calc(100% - 1px) calc(100% - 2px), calc(100% - 5px) 100%, 5px 100%, 1px calc(100% - 2px), 0 calc(100% - 3px));
	z-index: -1;
}

div.sidebar_ctg_body
{
	position: relative;
	padding: 10px;
	border: 1px rgb(var(--rgb-color-DarknessCyan));
	border-style: none solid solid solid;
}

div.sidebar_ctg_body::after,
div.sidebar_ctg_body::before
{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

div.sidebar_ctg_body::after	{background: rgb(var(--rgb-color_WhiteYelloy)); z-index:-2;}
div.sidebar_ctg_body::before	{background: top left url("/styles/images/bg/bg_sidebar_body.jpg"); z-index:-1; opacity: 0.5;}


div.sidebar_ctg_body ul
{
	padding: 0px;
	list-style: inside;
	font-family: PTSans, Elliot;
	font-size: 14px;
	line-height: 16px;
}

div.sidebar_ctg_body li
{
	padding: 1px 0px 2px 0px;
}

div.sidebar_ctg_body li::marker
{
	content: '\25ba\20';
	color: rgba(var(--rgb-color-DarknessCyan), 0.5);
	font-size: 10px;
}

div.sidebar_ctg_body ul a
{
	position: relative;
	color: rgb(var(--rgb-color-DarknessCyan));
}

div.sidebar_ctg_body ul a:hover
{
	color: rgb(var(--rgb-color-DarnessBlue));
}

div.sidebar_ctg_body ul a::before,
div.sidebar_ctg_body ul a:hover::before
{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	height: calc(100% - 2px);
	width: 0;
	border-bottom: 1.4px solid rgb(var(--rgb-color_WhiteYelloy));
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}

div.sidebar_ctg_body ul a:hover::before
{
	width: 100%;
	border-bottom: 1.4px solid rgb(var(--rgb-color_GrayDark));
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
}


div.sidebar_cat_child
{
	padding-left: 10px;	
	padding-bottom: 5px;	
}

div.sidebar_cat_child li::marker
{
	content: '\2022\20';
	font-size: 16px;
	color: rgba(var(--rgb-color-DarknessCyan), 0.25);
}
/* Параметры	контейнера "SideBar": END	                    */
/* ---------------------------------------------------------- */


/* ---------------------------------------------------------- */
/* Параметры контейнера "Подвал": BEGIN	                      */
footer
{
	z-index:										15;
	position:										relative;
	display:										block;
	max-width										100%;
	height:											var(--height-footer);
	background:									rgb(var(--footer-color-main)) bottom left repeat-x url("/styles/images/bg/bg_bottom_main.png");
}

footer::after,
footer::before
{
	z-index:										10;
	position:										absolute;
	content:										'';
	left:												0px;
	top:												0px;
	width:											100%;
	height:											var(--height-footer);
}
footer::after									{background: top left repeat-x url("/styles/images/bg/bg_bottom_grid.png");}
footer::before								{background: no-repeat left url("/styles/images/bg/bg_bottom_left.png"); opacity: 20%;}

footer div 
{
	display:										flex;
	max-width:									var(--width-main);
	height:											var(--height-footer);
	margin:											0 auto 0 auto;
}

footer div span
{
	display:										inline-flex;
	font-size:									14px;
	line-height:								var(--height-footer);
	font-family:								Elliot, PTSans, sans-serif;
	color:											rgb(var(--rgb-color_GrayLight));
	padding:										0px 10px 0px 10px;
}

footer div span a
{
	color:											rgb(var(--rgb-color_WhiteDark));
	opacity:										75%;
	transition:									all 0.2s linear;
}

footer div span a:hover
{
	opacity:										95%;
	transition:									all 0.1s linear;
}

footer div span.footer_left
{
	z-index:										55;
	flex:												1;
	width:											100%;
	max-width:									100%;
}

footer div span.footer_right
{
	width:											400px;
	text-align:									right;
	align-items:								flex-end;
	font-size:									11px;
	line-height:								12px;
}
/* Параметры	контейнера "Подвал": END	                  */
/* ---------------------------------------------------------- */


/* ---------------------------------------------------------- */
/* Параметры контейнера "Окно авторизации": BEGIN             */
div.LogonPanel
{
	position:										relative;
	z-index:										0;
	display:										block;
	margin:											auto auto auto auto;
	width:											var(--width_logon_panel);
	height:											auto;
	min-height:									var(--height_logon_panel);
	
 	border-radius:							18px;
 	corner-shape:								scoop;
	border:											1px solid rgb(var(--border-color-mid));
  background: linear-gradient(65deg, #999 5%, #fff 10%, #ccc 30%, #ddd 50%, #ccc 70%, #fff 80%, #999 95%);
}

div.LogonPanel::before
{
	content:										'';
	z-index:										0;
	position:										absolute;
	top:												0px;
	left:												0px;
	width:											calc(100% - 2px);
	height:											calc(100% - 2px);
 	corner-shape:								scoop;
 	border-radius:							18px;
	border:											1px solid rgb(var(--border-color-in));
	background:									rgba(230,230,255,.25);
}

div.LogonPanel::after
{
	content:										'';
	z-index:										-1;
	position:										absolute;
	top:												-2px;
	left:												-2px;
	width:											calc(100% + 2px);
	height:											calc(100% + 2px);
 	corner-shape:								scoop;
 	border-radius:							18.3px;
	border:											1px solid rgb(var(--border-color-out));
}

div.LogonPanel-art
{
	position:										absolute;
	z-index:										50;
	top:												6px;
	left:												6px;
	display:										block;
	width:											calc(100% - 14px);
	height:											calc(100% - 14px);
	background:									rgba(255,255,230,.55);
 	border-radius:							4px;
	border:											1px solid #ceb090;
}

div.LogonPanel-art::before
{
	content:										'';
	z-index:										-1;
	position:										absolute;
	top:												0px;
	left:												0px;
	width:											calc(100% - 2px);
	height:											calc(100% - 2px);
 	border-radius:							3.5px;
	border:											1px solid #453b30;
	
	backdrop-filter:						blur(1px) saturate(95%);
	-webkit-backdrop-filter:		blur(1px) saturate(95%);
}

div.LogonPanel-art::after
{
	content:										'';
	z-index:										-1;
	position:										absolute;
	top:												-2px;
	left:												-2px;
	width:											calc(100% + 2px);
	height:											calc(100% + 2px);
 	border-radius:							5px;
	border:											1px solid #7f5f4f;
}

div.LogonPanel-header
{
	position:										relative;
	display:										block;
	justify-content:						center;
	width:											calc(var(--width_logon_panel)- 20px);
	height:											50px;
	padding:										0px 15px 0px 15px;
	
	pointer-events:							none;
	font-size:									24px;
	line-height:								50px;
	font-family:								PTSans, Elliot;
	font-weight:								bold;
 	text-align:									center;
	color:											rgb(var(--logon_window_title));
}


div.LogonPanel-header::before
{
	z-index:										999;
	content:										"\f00d";
	position:										absolute;
	top:												0px;
	right:											10px;
	width:											25px;
	height:											25px;
	
	pointer-events:							all;
	cursor:											pointer;
	font-family:								awesome;
	color:											darkgray;
	
	transform-origin:						12.5px 25px;
	transform:									rotate(0deg);	
	-moz-transition: 						all 0.25s;
	-o-transition: 							all 0.25s;
	-webkit-transition: 				all 0.25s;
	transition:									all 0.25s;
}

div.LogonPanel-header:hover::before
{
	color:											red;
	transform:									rotate(90deg);
	-moz-transition: 						all 0.2s;
	-o-transition: 							all 0.2s;
	-webkit-transition: 				all 0.2s;
	transition:									all 0.2s;
}

div.LogonPanel-header::after
{
	content:										'';
	position:										absolute;
	bottom:											0px;
	left:												20px;
	width:											calc(100% - 40px);
	height:											2px;
  background:									linear-gradient(90deg, transparent, #999, transparent);
}
  
div.LogonPanel-body
{
	z-index:										999;
	display:										flex;
	flex-direction:							column;
	position:										relative;
	justify-content:						center;
	width:											calc(var(--width_logon_panel)- 20px);
	min-height:									calc(var(--height_logon_panel) - 85px);
	height:											auto;
	padding:										10px 10px 10px 10px;
	font-family:								PTSans, Elliot;
	color:											rgb(var(--rgb-color_LightYelloy));
}

div.LogonPanel-body span
{
	display:										flex;
	flex:												none;
	justify-content:						center;
	align-items:								center;
	width:											100%;
	font-size:									18px;
	text-align:									center;
	color:											rgb(var(--lp-window-header));
}

div.LogonPanel-body div
{
	display:										flex;
	flex:												1;
	position:										relative;
	justify-content:						center;
	align-items:								center;
	width:											100%;
	height:											100%;
	font-size:									18px;
	color:											rgb(var(--lp-window-body));
}

div.LogonPanel-body div a
{
	position:										relative;
	justify-content:						center;
	align-items:								center;
	display:										inline-flex;
  overflow:										hidden;
	width:											100px;
	height:											30px;
	margin:											10px;
	border-radius:							3px;
	border:											1px solid rgb(var(--button-color-inl));
  outline:										1px solid rgba(var(--button-color-outl), .1);
  background:									rgba(196,196,196,0.5);
	color:											rgb(var(--button-color-txt));
	
	box-shadow:									inset 0 0 10px rgba(200, 200, 200, 0);
  outline:										1px solid;
  outline-color:							rgba(255, 200, 200, .5);
  outline-offset:							0px;
}

div.LogonPanel-body div a:hover
{
  outline-offset:							15px;
	transition:									all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 						all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 							all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: 				all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

div.LogonPanel-body div a.lp_exit_y:hover
{
	box-shadow:									inset 0 0 10px rgba(200, 255, 200, .5), 0 0 20px rgba(200, 255, 200, .2);
  outline-color:							rgba(0, 255, 0, 0);
}

div.LogonPanel-body div a.lp_exit_n:hover
{
	box-shadow:									inset 0 0 10px rgba(255, 200, 200, .5), 0 0 20px rgba(255, 200, 200, .2);
  outline-color:							rgba(255, 0, 0, 0);
}


div.LogonPanel-body div a::after
{
	content:										'';
	z-index:										-1;
	position:										absolute;
	top:												0px;
	left:												-90%;
	width:											100%;
	height:											100%;
	opacity:										1;
	background:									var(--button-color-bg);
	transform:									rotate(45deg);
  transition:									all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

div.LogonPanel-body div a:hover::after
{
    left:											90%;
    transition:								all 550ms cubic-bezier(0.19, 1, 0.22, 1);
 }

.eclipse
{
	z-index:										-2;
	position:										fixed;
	top:												0;
	left:												0;
	bottom:											0;
	right:											0;
	display:										flex;
  justify-content:						center;
  align-items:								center;
	width:											100%;
	min-height:									100%;
	background-color:						rgba(0, 0, 0, .5);

	opacity: 										0;
  -moz-transition: 						all 0.1s;
  -o-transition: 							all 0.1s;
  -webkit-transition: 				all 0.1s;
	transition:									all 0.1s;
}

.eclipse-active
{
	z-index:										100;

	opacity: 										1;
  -moz-transition: 						all 0.5s;
  -o-transition: 							all 0.5s;
  -webkit-transition: 				all 0.5s;
	transition:									all 0.5s;
}

/* Параметры контейнера "Верхняя строка заголовка": END  */
/*-------------------------------------------------------*/