@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.7.0
    Updated: November 9, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* @import url('Fonts/Rajdhani/rajdhani_font.css'); Not use it for all projects! */

@import url('/styles/standard/rdfont/css/rdfont.css');

:root {
	--body-font-family: system-ui, -apple-system, 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;

	--conainer-xo-padding: 20px;
	--conainer-xo-padding-neg: -20px;

	--conainer-mobile-xo-padding: 10px;
	--conainer-mobile-xo-padding-neg: -10px;

	--input-border-color: #cdcdd0;
	--input-background-color: #fff;
	--input-text-color: #2a2d3c;

	--main-edges-x: 20px;
}

/* ~ Module: Common */

html { text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 15px; line-height: 1.42; color: /*#324449*/ /*#212d30*/ #3c4244; margin: 0px;
	font-family: var(--body-font-family);
	font-weight: 300; max-width: 100%; overflow-x: hidden; }
::selection { background: #d1e5f6; }

div, fieldset, dl, dd, dt, ul, ol, li, a, input, select, textarea, table, pre { box-sizing: border-box; }
fieldset, dl, dd, dt, ul, ol, li, p, form, table, pre { margin: 0px; padding: 0px; outline: 0px; border: 0px; margin-block-end: 0px; }
ul { list-style-type: none; }
pre { overflow: auto; }
h1, h2, h3, h4, h5 { margin: 0px; }
a { color: #274bb2; text-decoration: none; }
a:hover { color: #2157f0; transition: all 0.2s linear 0s; text-decoration: underline; }
caption { text-align: left; }

.is-flex { flex-wrap: wrap; display: flex; }
.is-flexed { flex-wrap: wrap; display: flex; justify-content: space-between; }
.flex-grow { flex-grow: 1; }
/*
// DEV NOTE: this moved to CommonModifiers.css
.flex-fill { flex: 1; }
*/

.flex-align-center { align-items: center; }
.flex-no-wrap { flex-wrap: nowrap; }
.is-relative { position: relative; }
.is-vertical-center { align-items: center; }
.is-section { padding: 0px 15px; }
.is-padding-top { padding-top: 20px; }
.is-padding-bottom { padding-bottom: 20px; }
.is-margin-bottom { margin-bottom: 20px; }
.is-margin-block { height: 20px; }
.is-no-selectable { user-select: none; }
.is-click-transparent { pointer-events: none; }
.rivSectionsHolder { width: 100%; overflow: hidden; }
.is-invisible-prepared-items { display: none; }
.is-mobile { display: none; }
.is-mobile-inline { display: none; }
.no-wrap { white-space: nowrap; }
.softHide { display: none; }
.hide { display: none !important; }
.zero-height { height: 0 !important; overflow: hidden; padding: 0 !important; }
.full-width { width: 100%; }
.font-weight-500 { font-weight: 500; }

a.jsLink { cursor: pointer; }

.tooltipIcon { color: #b1b1b1; }
.rivPopups { display: none; }

.markHL { background: #faed75; color: #2d2d2d; display: inline-block; }

@media (max-width: 768px) {
	.is-desktop { display: none; }
	.is-mobile { display: block; }
	.is-mobile-inline { display: inline-block; }
}

@media (max-width: 767px) {
}

code, pre { font-size: 13px; line-height: 1.42; tab-size: 4; color: #324449;
	font-family: Monaco, Menlo, Consolas, 'Roboto Mono', 'Andale Mono', 'Ubuntu Mono', monospace; }

code { padding: 2px 5px; top: -1px; border-radius: 4px; border: 1px solid #00000000; background: #f4f4f5;
	display: inline-block; }

/* ~ Module: Main */

.heading { font-size: 14px; font-weight: bold; }

.containerW { max-width: 1000px; margin: 0 auto; }
.containerW.std { max-width: 975px; }
.containerW.std2 { max-width: 1004px; }

.containerContent {}
.containerContent > .containerW { padding: 0; }
.containerContent.inner > .containerW { padding: 20px var(--conainer-xo-padding) 30px; }
.containerContent > .containerW > ._leftedShort { max-width: 850px; }
.containerContent.is-short { max-width: 900px; }
.containerContent h1 { font-weight: 400; font-size: 28px; }
.containerContent h1 .rivShowPopup { font-size: 17px;
	color: #a2acb8; cursor: pointer; }
.containerContent .subH1 { font-size: 12px;
	color: #afafaf; }
.containerContent .topNotice { padding: 30px; border-radius: 5px; background: #eaf7fa; }

.containerContent > .containerW.is-columned { display: flex; }
.containerContent > .containerW > .sideBarCol { flex: 0 0 223px; padding-right: 20px; }
.containerContent > .containerW > .contentCol { flex-grow: 1; min-width: 0; }

.containerW.wide-extended { max-width: 1220px; }
.containerW.fluid { max-width: none; }

.sideBarCol ._sidebarTitle { font-size: 120%; font-weight: 600; margin-bottom: 10px; position: relative; }
.sideBarCol ._sidebarTitle .rivDropArrowButton { top: 0; right: -20px; }
.sideBarCol ._sectionList { padding-bottom: 14px; }
.sideBarCol ._sectionList > ul {  }
.sideBarCol ._sectionList > ul > li {  }
.sideBarCol ._sectionList > ul > li a { display: block; padding: 4px 0; color: #95979b; font-weight: 400; }
.sideBarCol ._sectionList > ul > li a:hover {  }

@media (max-width: 768px) {

	.containerContent.inner > .containerW { padding: 20px var(--conainer-mobile-xo-padding) 30px; }  /* it's experiment */

	.containerContent h1 { font-size: 22px; }

	.sideBarCol ._sectionList { display: none; }
	.containerContent > .containerW.is-columned { flex-direction: column; }
	.containerContent > .containerW > .sideBarCol { flex: 0 0 1px; padding-bottom: 10px; }

}

/* ~ Side navigation */

.sideNavigation {}
.sideNavigation > ._title { padding-bottom: 12px; font-weight: 500; font-size: 16px; color: #474747; }
.sideNavigation ul.nav {}
.sideNavigation ul.nav > li {}
.sideNavigation ul.nav > li a { border-left: 2px solid #e2e3e9; padding: 6px 0; padding-left: 15px; font-size: 13px;
	display: block; color: /*#70737d*/ #757885; transition: border 350ms, color 350ms; }
.sideNavigation ul.nav > li a:hover { text-decoration: none; color: #0a32b5;
	border-color: #bfc7e4 /* a9b2d1 */; transition: border 50ms, color 50ms; }
.sideNavigation ul.nav > li.subNav > ul > li > a, .sideNavigation ul.nav > li.subNav > ul > li._subTitle {
	padding-left: 28px; }
.sideNavigation ul.nav > li a.expandable { cursor: pointer; }
.sideNavigation ul.nav > li._subTitle { border-left: 2px solid #e2e3e9; padding: 6px 0; padding-left: 15px;
	font-size: 13px; }
.sideNavigation ul.nav > li.subNav > ul > li._subTitle { font-size: 12px; color: #d4d4d4; font-weight: 500; cursor: default; }
.sideNavigation ul.nav > li.subNav { padding: 0; border-left: 0; transition: all 380ms;
	overflow: hidden; opacity: 1; max-height: 1200px; /* @TODO: make more good animation */ }
.sideNavigation ul.nav > li.subNav.collapsed { opacity: 0; max-height: 0; }

.sideNavigation ul.nav > li a.active, .sideNavigation ul.nav > li.subNav > ul > li > a.active { font-weight: 500;
	color: #3951a3; border-color: #3951a3; }

/* ~ Sides */

.sidesPanel-50, .sidesPanel-50f { display: flex; justify-content: space-between; }
.sidesPanel-50 > div { width: 50%; }
.sidesPanel-50f > div {}

/* ~ Module: breadcrumbs */

ul.breadcrumbs { overflow: hidden; display: flex; position: relative; color: #afafaf; }
ul.breadcrumbs li { list-style-type: none; white-space: nowrap; }
ul.breadcrumbs li:before {}
ul.breadcrumbs li:first-child:before { display: none; }
ul.breadcrumbs li:before { content: ">"; padding: 0 7px 0 9px; font-size: 11px; position: relative; top: -1px; }
ul.breadcrumbs li a { color: #909090; font-weight: 400; border-color: #afafaf00; }
ul.breadcrumbs li a:hover { color: #909090; font-weight: 400; border-color: #afafaf; }

/* @TODO: THEME */

/* ~ Module: framework */

/* padding-top */
.pt-1 { padding-top: 4px; }
.pt-2 { padding-top: 8px; }
.pt-3 { padding-top: 12px; }
.pt-4 { padding-top: 16px; }
.pt-5 { padding-top: 20px; }
.pt-6 { padding-top: 24px; }
.pt-7 { padding-top: 28px; }
.pt-8 { padding-top: 32px; }
.pt-9 { padding-top: 36px; }
.pt-10 { padding-top: 40px; }
.pt-11 { padding-top: 44px; }
.pt-12 { padding-top: 48px; }
.pt-13 { padding-top: 52px; }
.pt-14 { padding-top: 56px; }
.pt-15 { padding-top: 60px; }
.pt-16 { padding-top: 64px; }
.pt-17 { padding-top: 68px; }
.pt-18 { padding-top: 72px; }
.pt-19 { padding-top: 76px; }
.pt-20 { padding-top: 80px; }

/* padding-bottom */
.pb-1 { padding-bottom: 4px; }
.pb-2 { padding-bottom: 8px; }
.pb-3 { padding-bottom: 12px; }
.pb-4 { padding-bottom: 16px; }
.pb-5 { padding-bottom: 20px; }
.pb-6 { padding-bottom: 24px; }
.pb-7 { padding-bottom: 28px; }
.pb-8 { padding-bottom: 32px; }
.pb-9 { padding-bottom: 36px; }
.pb-10 { padding-bottom: 40px; }
.pb-11 { padding-bottom: 44px; }
.pb-12 { padding-bottom: 48px; }
.pb-13 { padding-bottom: 52px; }
.pb-14 { padding-bottom: 56px; }
.pb-15 { padding-bottom: 60px; }
.pb-16 { padding-bottom: 64px; }
.pb-17 { padding-bottom: 68px; }
.pb-18 { padding-bottom: 72px; }
.pb-19 { padding-bottom: 76px; }
.pb-20 { padding-bottom: 80px; }

/* margin-top */
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mt-4 { margin-top: 16px; }
.mt-5 { margin-top: 20px; }
.mt-6 { margin-top: 24px; }
.mt-7 { margin-top: 28px; }
.mt-8 { margin-top: 32px; }
.mt-9 { margin-top: 36px; }
.mt-10 { margin-top: 40px; }
.mt-11 { margin-top: 44px; }
.mt-12 { margin-top: 48px; }
.mt-13 { margin-top: 52px; }
.mt-14 { margin-top: 56px; }
.mt-15 { margin-top: 60px; }
.mt-16 { margin-top: 64px; }
.mt-17 { margin-top: 68px; }
.mt-18 { margin-top: 72px; }
.mt-19 { margin-top: 76px; }
.mt-20 { margin-top: 80px; }

/* margin-bottom */
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }
.mb-5 { margin-bottom: 20px; }
.mb-6 { margin-bottom: 24px; }
.mb-7 { margin-bottom: 28px; }
.mb-8 { margin-bottom: 32px; }
.mb-9 { margin-bottom: 36px; }
.mb-10 { margin-bottom: 40px; }
.mb-11 { margin-bottom: 44px; }
.mb-12 { margin-bottom: 48px; }
.mb-13 { margin-bottom: 52px; }
.mb-14 { margin-bottom: 56px; }
.mb-15 { margin-bottom: 60px; }
.mb-16 { margin-bottom: 64px; }
.mb-17 { margin-bottom: 68px; }
.mb-18 { margin-bottom: 72px; }
.mb-19 { margin-bottom: 76px; }
.mb-20 { margin-bottom: 80px; }

.edges { padding: 0 var(--main-edges-x); }



@media (max-width: 768px) {

	.mobile-width-100 { width: 100%; min-width: 100%; max-width: 100%; }

	.sidesPanel-50 > div { width: 100%; }
	.sidesPanel-50 > div:first-child { padding-bottom: 16px; }

}

/* body near contents */

.body > p {  }
.body > p+*, .body > p.np { margin-top: 12px; }

/* Module: country flags */

i.country-icon { width: 20px; height: 14px; display: inline-block; margin: auto; border-radius: 2px;
	background: url('/styles/standard/country_flags_02.png') left top no-repeat; background-size: cover; }

i.country-RUS { background-position-y: 0; }
i.country-BLR { background-position-y: -14px; }
i.country-KAZ { background-position-y: -28px; }
i.country-KGS { background-position-y: -42px; }
i.country-UZB { background-position-y: -56px; }

/* Module: Additional sub-styles */

body.isGray { background: #f5f5f6; }


/* | Module: CommonComponents.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* ~ Module: Common components */

.simpleTitleBlock { text-align: center;
	font-size: 32px;
	font-weight: 600;
	padding-bottom: 16px; }

.simpleTitleDescBlock { text-align: center;
	font-size: 15px;
	line-height: 1.7;
	padding-bottom: 16px;
	display: flex;
	flex-direction: column;
	align-items: center; }
.simpleTitleDescBlock ._miniTitle { text-transform: uppercase; font-weight: bold; font-size: 11px; color: #9f9f9f; margin-bottom: 12px; }
.simpleTitleDescBlock ._title, .simpleTitleDescBlock h1 { font-size: 32px; font-weight: 600; /*padding-bottom: 12px;*/ }
.simpleTitleDescBlock ._title.lite-description { font-size: 24px; font-weight: 500; color: #9c9797; }
.simpleTitleDescBlock ._title.description { font-size: 24px; font-weight: 500; color: #5c6874; }
.simpleTitleDescBlock ._title.soft-description { font-size: 18px;
	max-width: 520px;
	font-weight: 300;
	color: #5c6874; }
.simpleTitleDescBlock h1 { font-weight: 500; }
.simpleTitleDescBlock h1 .editLink { color: #c7c7c7; font-size: 23px; transition: color 0.3s; }
.simpleTitleDescBlock h1 .editLink:hover { color: #989898; }
.simpleTitleDescBlock ._desc { max-width: 512px; color: #b3b3b3; padding-top: 12px; }

.simpleTitleDescBlock ._titleHolder { display: flex; justify-content: space-between;
	align-items: center; }
.simpleTitleDescBlock ._titleHolder ._buttonHolder { padding-left: 12px; }
.simpleTitleDescBlock ._titleHolder ._buttonHolder .compactButton { cursor: default; }

.simpleTitleDescBlock._left { align-items: flex-start; text-align: left; }
.simpleTitleDescBlock._normal { font-size: 15px; padding-bottom: 14px; }
.simpleTitleDescBlock._normal ._title, .simpleTitleDescBlock._normal h1 { font-size: 24px; /*padding-bottom: 12px;*/ }
/* .simpleTitleDescBlock._normal ._desc {} */

.simpleTitleDescBlock._left ._titleHolder { width: 100%; }

.simpleTitleDescBlock._grad { font-size: 14px; padding-bottom: 16px; }
.simpleTitleDescBlock._grad ._title { background-image: linear-gradient(56deg, #254fb0, #254fb0, #69b7ec, #254fb0, #254fb0);
	background-repeat: no-repeat; background-size: 200% 100%,100% 100%; font-size: 36px; font-weight: 800;
	background-position: 50%,50% 50%;
	line-height: 1.1; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/* .simpleTitleDescBlock._grad ._desc {} */

.simpleTitleDescBlock ._title.big { font-size: 64px; }
.simpleTitleDescBlock ._desc.blackFocusing { font-size: 18px; color: inherit; }

.simpleTitleDescBlock ._miniTitle.landStyle { margin-bottom: 24px; }
.simpleTitleDescBlock ._desc.landStyle { padding-top: 24px; }

.positiveNote, .neutralNote, .negativeNote { padding: 32px; }
.positiveNote > .body, .neutralNote > .body, .negativeNote > .body { max-width: 612px; }

.neutralNote.noPadding { padding: 0; }
.form.mini .neutralNote.noPadding { padding: 0; }

.positiveNote h3, .neutralNote h3, .negativeNote h3 { margin-bottom: 7px; }

.form.mini .positiveNote, .form.mini .neutralNote, .form.mini .negativeNote { padding: 20px; }

.positiveNote { background: #f2f9eb; }
.neutralNote { background: #f4f4f4; }
.negativeNote { background: #f9ebeb; }

@media (max-width: 768px) {

	.simpleTitleDescBlock.miniOnMobile ._title { font-size: 24px; }

	.positiveNote, .neutralNote, .negativeNote { padding: 20px; }

	.simpleTitleDescBlock ._titleHolder { flex-direction: column; }
	.simpleTitleDescBlock ._titleHolder ._buttonHolder { padding-top: 5px; }

	.simpleTitleDescBlock ._title.lite-description, .simpleTitleDescBlock ._title.description { font-size: 18px; }

	.simpleTitleDescBlock ._title.big { font-size: 32px; }
}


/* | Module: LoadIndicator.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

:root {
}

/* Load indicator: orange line */
/*

.rivLoadIndicatorHolder { position: fixed; top: 0; left: 0; right: 0; }
.rivLoadIndicatorHolder .lineInd { position: absolute; left: 0; top: 0; width: 37%; height: 3px;
	background: #f4af4e; pointer-events: none; opacity: 0.89; transform: translateX(-33vw); animation-delay: 550ms;
	animation: 1.74s ease-in-out infinite rivLoadIndicatorLine; }

.rivLoadIndicatorHolder .lineInd:before, .rivLoadIndicatorHolder .lineInd:after { position: absolute; content: '';
	height: 100%; }
.rivLoadIndicatorHolder .lineInd:before { right: 0;width: 100px; box-shadow: 0 0 10px 2px #f1930d;
	transform: rotate(2deg) translate(0px, -4px); }
.rivLoadIndicatorHolder .lineInd:after { left: -20px; width: 20px; box-shadow: 0 0 10px 2px rgba(242, 147, 13, 0.62);
	transform: rotate(1deg) translate(0px, 0px); background: #f4af4e; }
*/

/* Load indicator: light-blue line */
.rivLoadIndicatorHolder { position: fixed; top: 0; left: 0; right: 0; transition: opacity 347ms ease; opacity: 0;
	z-index: 950; pointer-events: none; }
.rivLoadIndicatorHolder.vis { opacity: 1; }
.rivLoadIndicatorHolder .lineInd { position: absolute; left: 0; top: 0; width: 37%; height: 3px;
	background: #4ea9f4; pointer-events: none; opacity: 0.89; transform: translateX(-33vw); animation-delay: 550ms;
	animation: 1.74s ease-in-out infinite rivLoadIndicatorLine; }

.rivLoadIndicatorHolder .lineInd:before, .rivLoadIndicatorHolder .lineInd:after { position: absolute; content: '';
	height: 100%; }
.rivLoadIndicatorHolder .lineInd:before { right: 0;width: 100px; box-shadow: 0 0 10px 2px #0d92f1;
	transform: rotate(2deg) translate(0px, -4px); }
.rivLoadIndicatorHolder .lineInd:after { left: -20px; width: 20px; box-shadow: 0 0 10px 2px rgba(13, 112, 242, 0.62);
	transform: rotate(1deg) translate(0px, 0px); background: #4e96f4; }

/* Load indicator: corner */
.rivLoadIndicatorHolder .cornerInd { position: fixed; right: 0; top: 0; background: rgba(0, 0, 0, 0.57);
	/*padding: 12px 23px;*/ padding: 14px 23px; border-bottom-left-radius: 8px; }

.rivLoadIndicatorHolder .cornerInd > div { display: inline-block; content: ' '; width: 7px; height: 13px;
	/*width: 8px; height: 16px;*/ margin-right: 3px; background-color: #f7f7f7; border: 1px solid #bab1b1;
	/*box-shadow: 1px 1px 2px rgba(0,0,0,0.5);*/ animation: 1.2s ease infinite globalActionPulse; opacity: 0.25; }

.rivLoadIndicatorHolder .cornerInd > div:nth-child(2) { animation-delay: 200ms; }
.rivLoadIndicatorHolder .cornerInd > div:nth-child(3) { animation-delay: 400ms; }

@keyframes rivLoadIndicatorLine {
	from {
		transform: translateX(-37vw)
	}

	to {
		transform: translateX(calc(100vw + 370px))
	}
}

@keyframes globalActionPulse {
	from {
		transform: scaleY(1.4);
		opacity: 1
	}

	to {
		transform: scaleY(1);
		opacity: 0.25
	}
}

@media (max-width: 768px) {
}


/* | Module: Form.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

:root {
	--form-std-horz-padding: 37px;
	--form-std-horz-padding-neg: -37px;

	--form-std-horz-padding-mobile: 16px;
	--form-std-horz-padding-mobile-neg: -16px;

	--form-nano-horz-padding: 16px;
	--form-nano-horz-padding-neg: -37px;
}

/* Input::Form */
.form {
	max-width: inherit;
	margin-left: auto;
	margin-right: auto;
	/*padding: var(--form-std-horz-padding);*/  /* @TODO: delete it! */
	padding: var(--form-std-horz-padding) 0;
	border-radius: 7px;
	box-shadow: rgb(3 6 18 / 10%) 0px 6px 12px -2px, rgb(3 6 18 / 20%) 0px 3px 7px -3px;
	background: /*#f5f5f6*/ #f9f9f9; }
.form.columned { padding-top: 0; padding-bottom: 0; background: #fdfdfd; }
.form .row { padding: 0 var(--form-std-horz-padding); }
.form .row.hidden, .form .row.custom-html.hidden, .form .section.hidden { display: none; }
.form .row > ._titleLarge { font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
	line-height: 1.5; margin-top: 3px; }
.form .row > ._description {
	margin-bottom: 8px; max-width: 645px; }
.form .row > ._title { font-size: 15px;
	padding-bottom: 6px; color: #2a2d3c; }
.form .row > ._title.forView { color: #babbc2; font-size: 14px; }
.form.columned .row > ._title.forView { color: #babbc2; font-size: 15px; }
.form .row > ._input { font-size: 14px; /*color: #9b9b9f;*/ max-width: 645px; }
.form .row > ._input > .rivCheckLabel { user-select: none; -webkit-user-select: none; color: var(--input-text-color); }
.form .row > ._input > .rivCheckLabel.readOnly { user-select: auto; -webkit-user-select: auto; }
.form .row ._hintIcon { color: #afafaf; }
.form .row ._title > label > ._hintIcon { margin-left: -3px; }
.form ._input > .validationNote { padding-top: 3px; font-size: 11px; }
.form ._input > .validationNote.success { color: #147a08; }
.form ._input > .validationNote.error { color: #c10909; }
.form ._desc { font-size: 13px;
	padding-top: 6px;
	color: #8e8e8e; }
.form ._desc > .body { max-width: 512px; }

.form .lastRow { padding: 0 var(--form-std-horz-padding); padding-top: 8px; cursor: default; }
.form .lastRow.left-inline { padding-left: 0; }
.form .lastRow > .center-body > * { margin: 0 2px; }
.form.columned .lastRow { padding: 12px 0; min-width: 100px; }
.form.columned input[type="submit"], .form.columned .button { height: 35px; padding: 1px 15px 0 15px; font-size: 14px; }
.form .lastRow.buttons > div { display: flex; flex-wrap: wrap; }
.form .lastRow.buttons .link { color: #3d3d3d; text-decoration: underline; cursor: pointer; }
.form .lastRow.buttons .link:hover { color: #909090; }
.form .lastRow.buttons > .left-body > * { margin-right: 4px; }
.form .lastRow.buttons > .center-body > * { margin: 0 2px; }
.form .lastRow.buttons > .right-body > * { margin-left: 4px; }
.form ._input.scrollX { overflow-x: auto; overflow-y: hidden; }

.form .lastRow.compact input[type="submit"], .form .lastRow.compact .button, .button.compact { height: 35px; padding: 1px 15px 0 15px; font-size: 14px; }
.form .lastRow.grey { background: #f4f4f4; }
.form .lastRow.border-top { border-top: 1px solid /*#e8e8e8*/ #e4e4e4; }

.form .row { padding-bottom: 20px; display: flex; flex-wrap: wrap; }
.form .row.custom-html { display: block; }
.form.columned .row.custom-html { padding: 0; }
.form .row > div { width: 100%; }
.form .row .col { width: 50%; padding: 0 8px; }
.form .row .col:first-child { padding-left: 0; }
.form .row .col:last-child { padding-right: 0; }
.form .row .col-3 { width: 33.3%; }
.form .row .col > .row { padding: 0; }

.form .row .col > ._title { padding-bottom: 6px; }


/* row :: nano */
.form.nano .row { padding: 6px var(--form-nano-horz-padding); }
.form.nano .row.menu { padding: 6px 13px; }
.form.nano .row > ._title { font-size: 13px; }
.form.segmented .row { border-bottom: 1px solid #ececec; }
.form.segmented .row.nano { padding-left: 6px; padding-right: 6px; }

/*
.form.segmented .row.anm { transition: opacity 3.105s, height 3.100s; opacity: 1; background: transparent; height: auto; }
.form.segmented .row.anmZ { opacity: 0; height: 1px; }
*/


.form.nano input[type="text"], .form input[type="text"].nano, .form.nano input[type="password"], .form.nano textarea {
	font-size: 13px; padding: 6px; }

.rivPopup input, .rivPopup textarea, .rivPopup .rivCombobox, .rivPopup .inputCtrl {
	background: #fff;
}

.form.nano .inputCtrl > .valueHolder { padding: 6px 6px; font-size: 13px; }

.form.nano .row > ._title { padding-bottom: 4px; }
.form.nano input[type="submit"], .form.nano .button, .button.nano { height: auto; padding: 5px 16px; font-size: 13px;
	min-width: 74px; }
.form.nano input[type="submit"].thinSides, .form.nano .button.thinSides { padding: 5px 10px;}
.form.nano .lastRow { padding: 6px 15px; }



/* input :: micro */

.form.micro input[type="text"], .form input[type="text"].micro, .form.micro input[type="password"], .form.micro textarea, .form.micro .inputCtrl {
	font-size: 12px; padding: 4px 6px; }
.form input[type="text"].italic-placeholder::placeholder { font-style: italic; }

/* @TODO: REFACTOR!!! */
.form.nano .microButton { min-width: 22px; font-size: 11px; }
.form.nano .microButton.left { margin-right: 2px; }
.form.nano .microButton.right { margin-left: 2px; }

.form.nano .inRowButton { min-width: auto; font-size: 12px; }
.form.nano .inRowButton.left { margin-right: 3px; }
.form.nano .inRowButton.right { margin-left: 3px; }

.form.nano .columned > .row.input ._title { /*padding-top: 12px;*/ padding-top: 8px; }
.form.nano .columned > .row ._title, .form.nano .columned > .row ._input {
	padding: 6px 8px; }

.form.nano .rivCombobox { padding: 6px; }
.form.nano .rivCombobox > i { /*top: 11px;*/ }
.form.nano .rivCombobox .__title, .form.nano .rivCombobox select { font-size: 13px; }



/* input :: linear */

.form.linear input[type="text"], input[type="text"].linear, .form.linear .rivCombobox, .rivCombobox.linear {
	background: transparent; border-color: transparent;
	border-bottom: 1px solid var(--input-border-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.form.linear input[type="text"]:focus, input[type="text"].linear:focus { border-radius: 5px; background: #fff; }
.form.linear input[type="text"]:hover, input[type="text"].linear:hover, .form.linear .rivCombobox:hover, .rivCombobox.linear:hover {
	border-bottom-color: #84bdf2; }
/*
.form.linear .rivCombobox .__title, .rivCombobox.linear .__title { font-size: inherit; }
*/
.rivCombobox.inline { padding-left: 0; padding-right: 0; }




.form .columned { /*margin: 0 var(--form-std-horz-padding-neg);*/
	border: 1px solid #f2f2f2;
	border-left: 0;
	border-right: 0; }
.form .columned:before { content: ' '; width: 100%; height: 1px; background: #bf0000; }
.form .columned:after { content: ' '; width: 100%; height: 1px; background: #bf0000; }
.form .columned > .row { display: flex; padding: 0; }
.form .columned > .row.jsDynamic, .form .section.jsDynamic { display: none; }
.form .columned > .row > div {  }
.form .columned > .row > ._title { background: #f7f7f7;
	width: 35%;
	text-align: right;
	justify-content: flex-end;
	padding: 23px 12px 16px;
	border-right: 1px solid #e8e8e8; }
/* MOD */ .form .columned > .row > ._title { background: #fafafa; border-right: 1px solid #e4e4e4; color: /*#646466*/ #57575b; }
.form.inline .columned > .row ._title { background: #fbfbfb; }
.form .columned > .row.input ._title { padding-top: 26px; }
.form .columned > .row ._title > label {  }
.form .columned > .row ._title > label:after { content: ':'; }
.form .columned > .row ._input { width: 65%;
	padding: 16px var(--form-std-horz-padding) 16px 12px; }

.notDefained { color: #bdbdbd; }

.form .inputView { /*padding: 4px 0 0; text-overflow: ellipsis; overflow: hidden;*/ }
.form .inputView.containTag { padding-bottom: 8px; }

.form.columned .inputView { padding: 8px 0 0; /*text-overflow: ellipsis; overflow: hidden;*/ }
.form.columned .inputView.containTag { padding-bottom: 8px; }

.form.columned .section { border: 0; }
.form.columned .section.is-last-section { border-bottom: 1px solid #f2f2f2; }
.form hr.segment-sep { margin: -1px var(--form-std-horz-padding) 10px; border: none; border-top: 1px solid #eaeaea; }
.form.columned hr.segment-sep { margin: -1px 0; }

body.isGray .form { background: #fff; }

.form.inline { padding: 0;
	background: none;
	box-shadow: none; }
body.isGray .form.inline { background: none; }
.form.mini { max-width: 400px; }
.form.medium { max-width: 645px; }

/* ~ Compact edition */

/* ~ Responsive */

@media (max-width: 768px) {
	.form { /*padding: var(--form-std-horz-padding-mobile) 0;*/ padding: 0; }
	.form .row { padding: 10px var(--form-std-horz-padding-mobile); }
	.form .lastRow { padding-left: var(--form-std-horz-padding-mobile); padding-right: var(--form-std-horz-padding-mobile); }

	.form hr.segment-sep { margin: 2px var(--form-std-horz-padding-mobile) 0; }
	.form.columned hr.segment-sep { margin: 0 var(--form-std-horz-padding-mobile); }

	.form .columned { /*margin: 0 var(--form-std-horz-padding-mobile-neg);*/ padding: 7px 0; }
	.form .columned > .row { flex-direction: column; padding: 11px var(--form-std-horz-padding-mobile); }
	.form .columned > .row ._title { width: 100%; text-align: left; background: transparent; padding: 0px 0 7px;
		border-right: 0; }
	.form .columned > .row ._input { width: 100%; padding: 0; }

	.form.nano .columned > .row { padding: 0; }
	.form.nano .columned { padding: 0px; }

	.form.columned .section { padding: 4px 0; }

	.form .lastRow { padding-bottom: 12px; }

	.form .columned > .row > ._title { background: none; border: 0; }
}

@media (max-width: 768px) {
	.form > .row .col, .form > .row .col-3 { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 16px; }
	.form > .row .col:last-child, .form > .row .col-3:last-child { padding-bottom: 0; }
}


/* | Module: Input.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* ~ Module: input */

/* Input */
input { margin: 0; }
input[type="text"], input[type="tel"], input[type="password"], textarea, .inputCtrl { padding: 10px 9px;
	color: var(--input-text-color); font-size: 15px; transition: box-shadow 0.12s, border 0.25s; }
input[type="text"].hideAutoNameIcon::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important;
	pointer-events: none; position: absolute; right: 0; }

.rivCombobox { transition: box-shadow 0.12s, border 0.25s; }

input, textarea, .rivCombobox, .inputCtrl { outline: 0px;
	font-weight: 300;
	background: var(--input-background-color); color: var(--input-text-color);
	border: 1px solid var(--input-border-color); border-radius: 5px;
	width: 100%; max-width: 100%; text-align: left; }

.rivCombobox.inline, .inputCtrl.viewMode { background: none; border: 0; }
.rivCombobox.inline ._bk { background: none; }
.inputCtrl > .valueHolder { padding: 9px 9px; flex-grow: 1; }
.inputCtrl.viewMode > .valueHolder { padding: 8px 0; }

.rx-content { color: var(--input-text-color); }

/* Spec input control */

.inputCtrl.selectorInput { cursor: pointer; transition: box-shadow 370ms ease-in, border-color 370ms ease-in; }
.inputCtrl.selectorInput:hover { box-shadow: var(--input-focus-box-shadow); border: var(--input-focus-border);
	transition: box-shadow 250ms ease-in, border-color 250ms ease-in; }
.inputCtrl.selectorInput input { cursor: pointer; }

.inputCtrl.selectorInput.viewMode:hover { border: 0; background: transparent; box-shadow: none; }

.inputCtrl.selectorInput .selected { flex: 1;
	/*padding: 10px 9px;*/
	padding: 6px 5px;
	color: var(--input-text-color);
	font-size: 15px;
	line-height: 24px; }
.inputCtrl.RivInputMultiRel > ._right > ._button {
	cursor: pointer; }
.inputCtrl.RivInputMultiRel > ._right > ._button.bigHeight { height: 38px; border-bottom-left-radius: 5px;
	border-bottom: 1px solid #e5e5e5; }

.inputCtrl.selectorInput .selected .item { color: #5b5d5e;
	background: #f4f4f4;
	border: 1px solid #cfcfcf;
	padding: 3px 7px;
	display: inline-block;
	margin-right: 4px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 18px;
	position: relative;
	overflow: hidden; }
.inputCtrl.selectorInput .selected .item ._remove { position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 42px;
	background: linear-gradient(to right, rgba(245, 245, 245, 0), #f4f4f4);
	font-weight: 500;
	color: #7c7c7c; opacity: 0; transition: opacity 350ms; }
.inputCtrl.selectorInput .selected .item ._remove a { display: block; top: 0; bottom: 0; right: 0; width: 22px; padding: 3px 4px;
	text-align: right; position: absolute; }
.inputCtrl.selectorInput .selected .item ._remove a:hover { color: #af0000; text-decoration: none; }
.inputCtrl.selectorInput .selected .item:hover ._remove { opacity: 1; }

.inputCtrl.selectorInput.viewMode .selected { padding-left: 0; padding-right: 0; }

.inputCtrl.selectorInput.RivInputMultiRel { cursor: default; }

/* Multi pos rel */

.rivInputMultiPosRel {}
.rivInputMultiPosRel > ._list { font-size: 14px; border-top: 1px solid #ededed; }
.rivInputMultiPosRel > ._list > ._item { padding: 12px 7px; display: flex;
	border-bottom: 1px solid #ededed; transition: background-color 0.2s; }
.rivInputMultiPosRel > ._list > ._item:hover { background: #f5fcfe; transition: background-color 0.07s; }
.rivInputMultiPosRel > ._list > ._item._headItem { font-weight: 400; color: #222e32; }
.rivInputMultiPosRel > ._list > ._item._headItem:hover { background: transparent; }
.rivInputMultiPosRel > ._list > ._item > ._segA { flex: 1; }
.rivInputMultiPosRel > ._list > ._item > ._segA > div { padding-right: 7px; }
.rivInputMultiPosRel > ._list > ._item > ._segA .delete-item { color: #af0000; opacity: 0; transition: opacity 100ms;
	cursor: pointer; }
.rivInputMultiPosRel > ._list > ._item > ._segA .delete-item:hover { color: #ec0404;
	text-shadow: 0 4px 5px rgba(237, 108, 108, 0.3); }
.rivInputMultiPosRel > ._list > ._item:hover > ._segA .delete-item { opacity: 1; transition: opacity 500ms; }
.rivInputMultiPosRel > ._list > ._item > ._segB { display: flex; }
.rivInputMultiPosRel > ._list > ._item > ._segB > div { padding-left: 7px; }
.rivInputMultiPosRel > ._list > ._item > ._segB > div:last-child {}
.rivInputMultiPosRel > ._list > ._item > ._seg { display: flex; align-items: center; }
.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter {}
.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter.sum { width: 106px; text-align: right; color: #3c4244; }
.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter.sum .bold { font-weight: 500; }
.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter.price { width: 132px; display: flex; align-items: center; }
.rivInputMultiPosRel > ._list > ._item > ._seg > div input[type="text"], .rivInputMultiPosRel > ._list > ._item > ._seg > ._counter .rivCombobox {
	width: 86px; padding: 6px 8px; font-size: 14px; }
.rivInputMultiPosRel > ._list > ._item > ._seg > div input[type="text"].full-width { width: 100%; }
.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter .rivCombobox { height: 31px; display: inline-block;
	width: 32px; padding: 6px 0px; margin-left: 3px; }
.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter .rivCombobox .__title { color: #888; }
.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter.quantity input[type="text"] { width: 55px; }
.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter .currency, .rivInputMultiPosRel > ._value .currency, .rivInputMultiPosRel > ._finalAmount > ._value .currency {
	color: #888; }
.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter.price .currency { margin-left: 5px; }
.rivInputMultiPosRel > ._list > ._item > ._seg > ._symb { display: flex; align-items: center; color: #d1d1d1;
	cursor: default; }
.rivInputMultiPosRel > ._list > ._item._headItem > ._seg > ._symb { opacity: 0; }
.rivInputMultiPosRel > ._list > ._item > ._seg > .bold, .rivInputMultiPosRel > ._finalAmount > ._value > .bold {
	font-weight: 500; }

.rivInputMultiPosRel > ._list.is-soft-rows > ._item { border: none; }
.rivInputMultiPosRel > ._list.is-soft-rows  > ._item._headItem { border-bottom: 1px solid #ededed; }

.rivInputMultiPosRel > ._list > ._item > ._seg > ._colWrapper {}
.rivInputMultiPosRel > ._list > ._item > ._seg > ._colWrapper._fluid { flex: 1; }

.rivInputMultiPosRel > ._btnHolder {}
.rivInputMultiPosRel > ._btnHolder > ._add { transition: background-color 0.2s, color 0.2s; display: block;
	border-radius: 5px; padding: 12px; cursor: default; text-align: center; color: #4a7bac;
	font-size: 14px; margin-top: 10px; background: #f5f7f9; }
.rivInputMultiPosRel > ._btnHolder > ._add:hover { text-decoration: none;
	background: #e7eff5;
	transition: background-color 0.07s, color 0.07s; /*box-shadow: 0 3px 4px rgba(215, 235, 245, 0.27);*/ }

.rivInputMultiPosRel input[type="text"] { width: initial; display: inline-block; }

.rivInputMultiPosRel > ._finalAmount { display: flex; justify-content: space-between; font-size: 18px; margin-top: 8px; }
.rivInputMultiPosRel > ._finalAmount > ._title { font-size: 16px; display: flex; align-items: flex-end; }
.rivInputMultiPosRel > ._finalAmount > ._value { white-space: nowrap; }

.rivInputMultiPosRel.compactView > ._list > ._item { flex-direction: column; }
.rivInputMultiPosRel.compactView > ._list > ._item._headItem { display: none; }
.rivInputMultiPosRel.compactView > ._list > ._item > ._segB { padding-top: 7px; }

.rivInputMultiPosRel ._hiddenTpl { display: none; }

.rivInputMultiPosRel > ._list.is-columned > ._item { flex-direction: column; }
.rivInputMultiPosRel > ._list.is-columned > ._item._headItem { display: none; }
.rivInputMultiPosRel > ._list.is-columned > ._item > ._segA .delete-item { opacity: 1; }
.rivInputMultiPosRel > ._list.is-columned > ._item > ._segB { padding-top: 7px; }
.rivInputMultiPosRel > ._list.is-columned > ._item > ._segB > div { padding-left: 0; }

@media (max-width: 880px) {

	.rivInputMultiPosRel > ._list > ._item { flex-direction: column; }
	.rivInputMultiPosRel > ._list > ._item._headItem { display: none; }
	.rivInputMultiPosRel > ._list > ._item > ._segA .delete-item { opacity: 1; }
	.rivInputMultiPosRel > ._list > ._item > ._segB { padding-top: 7px; }

}

@media (max-width: 420px) {

	.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter.price .currency { display: none; }
	.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter .rivCombobox { display: none; }

}

@media (max-width: 375px) {

	.rivInputMultiPosRel > ._list > ._item { font-size: 13px; }
	.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter.price { width: 84px; }
	.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter input[type="text"] { font-size: 12px; width: 68px; padding: 4px 6px; /* ??? */ }
	.rivInputMultiPosRel > ._list > ._item > ._seg > ._counter.quantity input[type="text"] { width: 37px; }
	.rivInputMultiPosRel > ._list > ._item > ._segB > div:first-child { padding-left: 0; }

}

/* ~ */

textarea { resize: vertical; min-height: 37px; }

input:-webkit-autofill { box-shadow: var(--input-background-color) 0px 0px 0px 100px inset; -webkit-text-fill-color: var(--input-text-color); border-color: var(--input-border-color);
	transition: all 0s linear 0s; }

.rivCombobox .__title { }
input::placeholder, textarea::placeholder { color: #bbbbbb; }
input[type="checkbox"] { display: inline-block; width: auto; position: relative; top: 2px; margin: 3px 2px 3px 0px; }

input[type="text"][disabled="disabled"], input[type="password"][disabled="disabled"], textarea[disabled="disabled"], .rivCombobox.disabled, .inputCtrl.disabled {
	border-color: var(--input-border-color); background: #f7f7f7; color: #5e5e5e; }		/* @TODO: нужно вынести const в переменные */

input[type="text"][disabled="disabled"].whiteDisabled, input[type="password"][disabled="disabled"].whiteDisabled, textarea[disabled="disabled"].whiteDisabled {
	border-color: var(--input-border-color); background: var(--input-background-color); color: var(--input-text-color); }

input.notGray[type="text"][disabled="disabled"], input.notGray[type="password"][disabled="disabled"], textarea.notGray[disabled="disabled"] {
	color: var(--input-text-color); background: var(--input-background-color); border: 1px solid var(--input-border-color); }

.inputCtrl.disabled > input[disabled="disabled"] { border-color: var(--input-border-color); background: #f7f7f7; color: #5e5e5e; }		/* @TODO: нужно вынести const в переменные */
.inputCtrl.disabled:hover { box-shadow: none; border-color: var(--input-border-color); }

input[type="text"].viewMode, input[type="password"].viewMode, textarea.viewMode { border: 0; background: transparent; }

@media (max-width: 768px) {
	input[type="text"], input[type="tel"], input[type="password"], textarea, .inputCtrl  { font-size: 14px; }
}

/* Input ctrl (inline buttons support) */

.inputCtrl { padding: 0; display: flex; }
.inputCtrl > ._right { display: flex; }
.inputCtrl > ._right > ._button { width: 38px; display: flex; justify-content: center; align-items: center;
	border-left: 1px solid #e5e5e5; color: #878787; cursor: pointer; }
.inputCtrl > input { border: none; background: none; }
.inputCtrl > input[type="text"]:focus, .inputCtrl > input[type="password"]:focus, .inputCtrl > textarea:focus {
	border: none; box-shadow: none; }
.inputCtrl > input:-webkit-autofill { box-shadow: var(--input-background-color) 0px 0px 0px 100px inset; }

/* Input::Button */

:root {
	--btn-std: #0b8ada;
	--btn-std-hover: #38a7ed;

	--btn-gray: #afafaf;
	--btn-gray-hover: #9c9c9c;

	--input-font-size: 15px;
}

input[type="submit"], .button {
	cursor: default;
	color: #fff;
	height: 42px;
	padding: 1px 20px 0 20px;
	font-size: var(--input-font-size);
	border-radius: 6px;
	background: var(--btn-std);
	border: 1px solid var(--btn-std);
	transition: all 0.3s;
	margin: 0;
	min-width: 120px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: auto;
}

._input > .button { min-width: 80px; }

input[type="submit"]:hover, .button:hover, a.button:hover {
	text-decoration: none;
	background: var(--btn-std-hover);
	border-color: var(--btn-std-hover);
	color: #fff;
	transition: all 0s; }
input[type="submit"][disabled], .button.disabled { background: #dcdfe0;
	border: 1px solid #dcdfe0; color: #999; }

input[type="submit"].outlined, .button.outlined { background: transparent; border-color: var(--btn-std); color: var(--btn-std); }
input[type="submit"].outlined:hover, .button.outlined:hover { background: var(--btn-std-hover); border-color: var(--btn-std-hover); color: #fff; }

input[type="submit"].outlinedGray, .button.outlinedGray { background: transparent; border-color: var(--btn-gray); color: var(--btn-gray); }
input[type="submit"].outlinedGray:hover, .button.outlinedGray:hover { background: var(--btn-gray); border-color: var(--btn-gray); color: #fff; }

input[type="submit"].outlinedSoftGray, .button.outlinedSoftGray { background: transparent; border-color: var(--btn-gray); color: #757575; }
input[type="submit"].outlinedSoftGray:hover, .button.outlinedSoftGray:hover { background: #ebebeb; border-color: var(--btn-gray); color: #757575; }

input[type="submit"].outlinedSoftRed, .button.outlinedSoftRed { background: transparent; border-color: #aa2f2f; color: #aa2f2f; }
input[type="submit"].outlinedSoftRed:hover, .button.outlinedSoftRed:hover { background: #f3e6e6; border-color: #973f3f; color: #973f3f; }

input[type="submit"].outlinedSoftGreen, .button.outlinedSoftGreen { background: transparent; border-color: #7baa5a; color: #7baa5a; }
input[type="submit"].outlinedSoftGreen:hover, .button.outlinedSoftGreen:hover { background: #ebf4e7; border-color: #86ab6c; color: #86ab6c; }

input[type="submit"].softRed, .button.softRed { background: #aa2f2f; border-color: #aa2f2f; color: #fff; }
input[type="submit"].softRed:hover, .button.softRed:hover { background: #973f3f; border-color: #973f3f; color: #f3e6e6; }

input[type="submit"].softGreen, .button.softGreen { background: #7baa5a; border-color: #7baa5a; color: #fff; }
input[type="submit"].softGreen:hover, .button.softGreen:hover { background: #86ab6c; border-color: #86ab6c; color: #ebf4e7; }

/* Input::Validation */
input.success, textarea.success, .inputCtrl.success { border: 1px solid rgba(4, 111, 7, 0.37); color: #177903; }
input.success:focus, textarea.success:focus, .inputCtrl.success:focus { border: 1px solid rgba(5, 119, 9, 0.32); }
input.error, textarea.error, .inputCtrl.error { border: 1px solid rgba(177, 3, 3, 0.47); color: #a82727; }
input.error:focus, textarea.error:focus, .inputCtrl.error:focus { border: 1px solid rgba(179, 25, 25, 0.32); }

.rivPhoneEdit.error > input { color: #a82727; }

/* Input @chunk */

:root {
	--input-focus-border: 1px solid #84bdf2;
	--input-focus-box-shadow: #84bdf2 0px 0px 4px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .inputCtrl.has-focus { border: var(--input-focus-border);
	box-shadow: var(--input-focus-box-shadow); }
input:focus:-webkit-autofill { transition: all 0s linear 0s; border-color: #84bdf2;
	box-shadow: var(--input-background-color) 0px 0px 0px 100px inset, #84bdf2 0px 0px 4px; }
.inputCtrl > input:focus:-webkit-autofill { box-shadow: var(--input-background-color) 0px 0px 0px 100px inset; }

/* Input::RivCheckBox */
.rivCheckArea { display: inline-block; cursor: default; }
.rivCheckArea i::before { margin-left: 0px; margin-right: 0px; position: relative; left: -1px; top: 1px; color: rgba(2, 46, 46, 0.37); }
.rivCheckLabel:hover .rivCheckArea i::before { color: rgba(2, 46, 46, 0.5); transition: color 0.2s linear 0s; }
.rivCheckLabel:hover .rivCheckArea.disabled i::before { color: rgba(2, 46, 46, 0.37); }
.rivCheckLabel .rivCheckArea i.icon-check::before { left: 0px; }
.rivCheckLabel .rivCheckArea i.icon-cancel::before, .rivCheckLabel .rivCheckArea i.icon-ok::before { top: -1px; }
.rivCheckLabel input[type="checkbox"], .rivCheckInput { display: none; }

/* Input::RivToggle */
.rivToggle { display: flex; }
.rivToggle .button { display: flex; flex-grow: 1; background: transparent; border-color: var(--btn-gray); color: #757575;
	border-radius: 0; border-left-width: 0; cursor: pointer; min-width: 16px; }
.rivToggle .button:first-child { border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-left-width: 1px; }
.rivToggle .button:last-child { border-bottom-right-radius: 6px; border-top-right-radius: 6px; }
.rivToggle .button.selected { background: var(--btn-gray); border-color: var(--btn-gray); color: #fff; }
.rivToggle .button.selected:hover { background: var(--btn-gray); }
.rivToggle .button:hover { background: #ebebeb; border-color: var(--btn-gray); }

@media (max-width: 768px) {
	.rivToggle .button { font-size: 13px; padding: 1px 16px 0 16px; }

	._input > .button { padding-left: 10px; padding-right: 10px; }
}

/* Input::PhoneEdit */

.rivPhoneEdit .rivCombobox { width: auto; overflow: initial; }
.rivPhoneEdit .rivCombobox:hover { background: #f1f1f1; }
.rivPhoneEdit .rivCombobox .__title { padding-right: 20px; }
.rivPhoneEdit .rivCombobox > i { right: 6px; }
.rivPhoneEdit .rivCombobox ._bk { width: 29px; background: none; }
.inputCtrl.rivPhoneEdit > input { padding-left: 4px; flex: 1; }

/*
	<div class="rivToggle">
		<div class="button">
			Россия
		</div>
		<div class="button">
			Казахстан
		</div>
		<div class="button">
			Беларусь
		</div>
	</div>

	input[type="submit"].outlinedSoftGray, .button.outlinedSoftGray { background: transparent; border-color: var(--btn-gray); color: #757575; }
	input[type="submit"].outlinedSoftGray:hover, .button.outlinedSoftGray:hover { background: #ebebeb; border-color: var(--btn-gray); }

	input[type="submit"].outlinedGray, .button.outlinedGray { background: transparent; border-color: var(--btn-gray); color: var(--btn-gray); }
	input[type="submit"].outlinedGray:hover, .button.outlinedGray:hover { background: var(--btn-gray); border-color: var(--btn-gray); color: #fff; }

*/




/* | Module: Combobox.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* Input::RivComboBox */
.rivCombobox, .rivCombobox .__title { z-index: 2; appearance: none; user-select: none; position: absolute; }
.rivCombobox { display: inline-block; position: relative; overflow: hidden; /*height: 38px;*/ padding: 9px 9px; }
.rivCombobox:hover { /* border-color: #969696; */ }
.rivCombobox select { opacity: 0; border: 0px; position: absolute; inset: -1px 0px 0px -1px; width: 100%; padding: 5px;
	z-index: 2; background: transparent; font-size: var(--input-font-size);
	left: 0; top: 0; right: 0; bottom: 0;}
.rivCombobox > i { display: block; position: absolute; right: 11px;
	background: url("../../styles/standard/cb_arrow.png") left bottom; width: 5px; height: 9px; z-index: 11;
	pointer-events: none; top: 50%; margin-top: -5px; }
.rivCombobox.withoutArrows > i { display: none; }
.rivCombobox.lightArrows > i { opacity: 0.5; }
.rivCombobox:hover > i { background-position: 0 0; }
.rivCombobox ._bk { position: absolute; top: 0; right: 0; width: 37px; bottom: 0; z-index: 2;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 47%); pointer-events: none; }
.rivCombobox.withoutArrows ._bk { display: none; }
.rivCombobox .__title { padding: 0px; white-space: nowrap; line-height: normal;
	font-size: var(--input-font-size); position: relative; pointer-events: none; }
.input .rivCombobox.fullWidth select, .rivCombobox.fullWidth select { width: 115%; height: 25px; }
.rivCombobox.inline { background: transparent; border-color: transparent; }

/* Input::RivComboboxW */
/* @TODO: move it to ext css file (RivComboboxW) for make good order relative "popup CSS" */

.rivCombobox > .__title._i { display: flex; }
.rivCombobox._i { padding: 0; }
.rivCombobox ._items { display: none; }
.rivComboboxWPopup { padding-bottom: 20px; position: absolute; z-index: 20; }
.rivComboboxWPopup > ._content { border: 1px solid #c5c5c5; /*background: #e1e2e4;*/ box-shadow: 0 4px 18px rgba(65, 65, 65, 0.3);
	border-radius: 6px; padding: 5px; overflow-x: auto; height: 100%; background: #fff; }

.rivComboboxWPopup.stdScroll::-webkit-scrollbar { width: 6px; }
.rivComboboxWPopup.stdScroll::-webkit-scrollbar-thumb { background: rgba(51, 51, 51, 0.62); border-radius: 3px;
	transition: background-color 0.3s ease 0s; }
.rivComboboxWPopup.stdScroll::-webkit-scrollbar-track { background: transparent; width: 6px; margin: 3px; }
/*.rivComboboxWPopup.stdScroll::-webkit-scrollbar-track-piece { }*/

.rivComboboxWPopup > ._content > ul._items { cursor: default; padding: 0; }
.rivComboboxWPopup > ._content > ._items > li { padding: 9px 9px; border-radius: 4px; font-size: 15px; }
.rivComboboxWPopup > ._content > ._items > li._i { padding: 0; display: flex; }
.rivComboboxWPopup > ._content > ._items > li._i.hidden { display: none; }
.rivComboboxWPopup > ._content > ._items > li._i > ._img, .rivCombobox > .__title._i ._img { width: 28px; padding: 9px 9px; }

.rivComboboxWPopup > ._content > ._items > li._i > ._title, .rivCombobox > .__title._i > ._title { padding: 9px 14px 10px 5px; flex: 1;
	white-space: nowrap; }
.rivComboboxWPopup > ._content > ._items > li:hover, .rivComboboxWPopup > ._content > ._items > li.hover { background: /*#689df8*/ #609be0; color: #fff; }

.rivComboboxWPopup.inline-items > ._content > ._items > li:hover, .rivComboboxWPopup.inline-items > ._content > ._items > li.hover {
	background: none; color: inherit; }

.rivComboboxWPopup > ._content > ._items > li._country > ._img { width: 34px; padding: 9px 0 9px 9px; }
.rivComboboxWPopup > ._content > ._items > li._country > ._img i { position: relative; top: 1px; }

.rivComboboxWPopup > ._content > ._items > li._i > ._img .country-icon, .rivCombobox > .__title._i ._img .country-icon {
	position: relative; top: 3px; }

@media (max-width: 768px) {
}



/* | Module: Modal.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* | Modal & overlay */

/* @TODO: REFACTOR for nicification + remove doubles + splitting to core&style */

/* @TODO: add support modern buttons */
/* @TODO: remove here all that no need or not actual */

.rivScrollable { -webkit-overflow-scrolling-y: touch !important; overflow-y: auto; overflow-x: hidden; }

/* @TODO: merge it! */
.rivModal { position: relative; margin: auto; z-index: 10002; }
.rivModal.modern { max-width: initial; width: 100%; }
.rivModal.modern.fixed-width { max-width: 1080px; width: auto; }

.rivModal.compact { max-width: 570px; }

.modalXTitle { font-size: 14px; font-weight: bolder; padding: 14px 10px 4px; color: #656565; }
.modalCloseX { position: absolute; top: 0px; right: 0px; cursor: pointer; color: #87878773; font-size: 26px; padding: 8px 16px; }

.rivModal { max-width: 1006px; overflow: auto; padding: 30px 30px 29px; background: #ffffff; border-radius: 8px;
	text-align: left; font-size: 15px; /*color: #737373;*/
	position: relative; margin: auto; }
.rivModal.gallery { max-width: 768px; }
.rivModal > ._title { margin-bottom: 20px; font-size: 19px; font-weight: 500; }
.rivModal > ._title._red { color: #a10e0e; }
.rivModal > ._content { margin: 10px 0px; }
.rivModal > ._content > p { margin: 10px 0px; }

.rivModal > ul._messageList { margin: 10px 0px; }

.rivModal > ul._messageList, .rivModal > ol._messageList { margin: 0 0 16px 24px; }
.rivModal > ul._messageList li { display: list-item; list-style-type: disc; margin: 11px 0; }
.rivModal ._messageList .fieldError { font-weight: 500; }

/* .rivModal > ._endPanel {} */
.rivModal ._buttons { text-align: center; margin: 45px 0px -1px; }
.rivModal ._buttons .button { display: inline-block; min-width: 194px; margin: 10px 16px; }
.rivModal .errorTitle { margin-bottom: 3px; font-weight: bolder; color: #545454; }
.rivModal .errors li { margin: 2px 0px; }
.rivModal .errors .codeStd { color: #990808; font-weight: bolder; margin-right: 3px; }
.rivModal .errors .gray { color: #7c7c7c; }

/* Addition for use in RivModal */
.rivModal ._endPanel { margin-top: 16px; }

/* @TODO: it's title :: STYLE PART */

@media (max-width: 800px) {
	.rivModal ._urokTitle { font-size: 14px; padding-bottom: 19px; }
	.rivModal ._urokTitleBig { font-size: 14px; padding-bottom: 5px; }
	.rivModal ._urokText { font-size: 12px; }
	.rivModal { padding: 34px 23px 36px; }
	.rivModal ._specBlock { margin: 11px 0; }
}

@media (max-width: 800px) {
	.rivModal { padding: 34px 23px 36px; }
}

/*
// may be bad addition; not used
.rivModal { border-radius: 0px; }
*/




/* | Module: Popup.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

:root {
	/*
	~ White style
	--tooltip-border-color: #e7e7e7;
	--tooltip-bg-color: #f7f7f7;
	--tooltip-text-color: #777777;
	*/

	--tooltip-item-padding-x: 10px;
	--tooltip-item-padding-y: 7px;
}

/* | RivCalendar */

.rivPopup { background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	box-shadow: 0px 3px 10px #d5d5d5;
	position: absolute; z-index: 20; }
.rivPopup.edged { padding: 12px; }
.rivPopup.inline { background: transparent;
	border: none;
	border-radius: initial;
	box-shadow: none; }

.rivPopup.test { width: fit-content; }				/* Dev note: used for testing */
.rivPopup.inlineStatic { position: static; }		/* Dev note: used for testing */

.rivPopup.inlineStyle { background: transparent; border: none; box-shadow: none; position: initial; }

/* Head panel */

.rivPopup ._headPanel { padding: 6px 15px; font-size: 15px; min-width: 200px;
	border-bottom: 1px solid #dddddd; /*background: linear-gradient(#fbfefe, #e9f4f7);*/
	/*background: linear-gradient(#fbfefe, #e9f4f7);*/
	background: linear-gradient(#fbfcfc, #eef5f7);
	color: #2a606f; }
.rivPopup ._headPanel.menu { padding: 6px 13px; font-size: 15px; }
.rivPopup ._headPanel > ._title {  }

	/* Footer panel */

.rivPopup ._footerPanel { display: flex; font-size: 14px; align-items: center; }
.rivPopup ._footerPanel.top-edged { padding-top: 10px; }
.rivPopup ._footerPanel > div.right-edge { padding-right: 10px; }

.rivPopup ._footerPanel input { padding: 7px 5px; font-size: 14px; }
.rivPopup ._footerPanel input[type="submit"], .rivPopup ._footerPanel .button { padding: 1px 15px 0 15px;
	font-size: 14px;
	height: 33px;
	min-width: 100px; }

/* Menu */

.rivPopup > ul { padding: 3px; font-size: 12px; min-width: 180px; }
.rivPopup > ul > li { overflow: hidden; }	/* overflow: hidden - it's fucking bug dirty fixer! @todo: review it */			/* @TODO: simple variant, without columns */
.rivPopup > ul > li a { color: /*#656769*/ /*#595b5d*/ #46484a; transition: background-color 0.2s, color 0.2s;
	display: block; border-radius: 5px;
	padding: var(--tooltip-item-padding-y) var(--tooltip-item-padding-x); cursor: default; }
.rivPopup > ul > li a:hover { text-decoration: none; background: /*#f7fcfe*/ /*#e3eef2*/ #e2eff9;
	/*background: #e7eff5;*/
	color: #2f5e8f;
	transition: background-color 0.07s, color 0.07s; /*box-shadow: 0 3px 10px rgba(215, 235, 245, 0.94);*/
	box-shadow: 0 3px 4px rgba(215, 235, 245, 0.78); }
.rivPopup > ul > li.separator {}
.rivPopup > ul > li.separator hr { border: 0; border-bottom: 1px solid #e4e4e4; margin: 5px 7px; }

.rivPopup > ul._cols > li a { display: flex; cursor: default;
	border-radius: 5px; padding: 0; }
/*.rivPopup > ul._cols > li a:hover {  }*/
.rivPopup > ul._cols > li ._icon { order: 2; width: 34px; padding: var(--tooltip-item-padding-y) var(--tooltip-item-padding-x);
	color: #747474; display: flex; justify-content: center; align-items: center; }
.rivPopup > ul._cols > li ._title { order: 1; flex: 1 0; padding: var(--tooltip-item-padding-y) var(--tooltip-item-padding-x);
	padding-right: 8px; }

/* Menu :: modifications */

.rivPopup > ul > li.highlight-center a { color: #4a7bac; text-align: center; }
.rivPopup > ul > li.highlight-center.grey a { color: #a8a8a8; text-align: center; }


/* | Module: Overlay.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* Elem: Overlay */

.rivOverlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.30); display: none;
	padding: 0 16px; z-index: 2037; inset: 0; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; }
.rivOverlay.abs { position: absolute; }
.rivOverlay.outClick { pointer-events: none; }
.rivOverlay.withoutEdge { padding: 0; }

.rivOverlay.modern { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 62px 10px 10px; }

.rivOverlay { /*background: rgba(0, 0, 0, 0.36);*/ }



/* | Module: Alert.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* ~ Module: Alert */

.rivTopAlert { position: fixed; width: 100%;
	box-shadow: inset 0 -4px 16px 0 rgba(0, 0, 0, 0.07); border-bottom: 1px solid #d8d8d8; top: 0;
	background: rgba(255, 255, 255, 0.94); color: #787d7f; text-align: center; font-size: 22px; padding: 16px 10px 12px;
	z-index: 30000; }

.rivAlert { position: fixed;
	width: 310px;
	box-shadow: inset 0 -4px 16px 0 rgba(0, 0, 0, 0.03), 1px 4px 5px 0 rgba(0, 0, 0, 0.07);
	/* box-shadow: inset 0 -4px 16px 0 rgba(0, 0, 0, 0.07), 1px 4px 5px 0 rgba(0, 0, 0, 0.12); */
	border: 1px solid #ececec;
	border-radius: 6px;
	right: 10px;
	bottom: 10px;
	background: linear-gradient(180deg, #f7f7f7 47%, #efefef 100%);
	color: #818282;
	font-size: 13px;
	padding: 14px 16px 12px;
	z-index: 30000;
	display: flex;
	cursor: default; }

.rivAlert ._content {  }
.rivAlert ._icon { margin-left: 20px;
	font-size: 34px;
	color: #84848438; }

.rivAlert.green { background: linear-gradient(180deg, #f0f4f0 47%, #d9e8d9 100%); color: #70786b; border: 1px solid #d4d9d1; }

@media (max-width: 768px) {

	.rivTopAlert { font-size: 19px; }
	.rivAlert { font-size: 19px; }

}



/* | Module: Tooltip.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* | RivCalendar */

:root {
	/*
	~ White style
	--tooltip-border-color: #e7e7e7;
	--tooltip-bg-color: #f7f7f7;
	--tooltip-text-color: #777777;
	*/

	--tooltip-border-color: rgba(21, 21, 21, 0.8);
	--tooltip-bg-color: rgba(21, 21, 21, 0.8);
	--tooltip-white-border-color: #e7e7e7;
	--tooltip-white-bg-color: #fcfcfc;
	--tooltip-text-color: #f7f7f7;

	--tooltip-popup-dec-color: /*#417fb9*/ /*#2775bd*/ #3e84c4;
}

.rivTooltip {
	position: absolute; z-index: 20;
	/*padding: 6px;*/
	font-size: 13px;
	color: var(--tooltip-text-color);
	max-width: 320px; pointer-events: none; /* here 'pointer-events ' is TEMP only!!! need improve for support select text */ }
.rivTooltip.edged { padding: 12px; }
.rivTooltip.inline { position: static; }		/* Dev note: used for testing */
.rivTooltip.as-popup { pointer-events: initial; }

.rivTooltip code { border: 1px solid rgba(48, 48, 48, 0); background: #5c5c5c; color: #c3c7c8; font-size: 10px; }

.rivTooltip.anm, .rivPopup.anm { transition: opacity 0.25s, transform 0.2s; }
.rivTooltip.anmVis, .rivPopup.anmVis { opacity: 1; transform: translate(0, 0); }
.rivTooltip.anmZ, .rivPopup.anmZ { opacity: 0; transform: translate(0, -20px); pointer-events: none; user-select: none; }		/* dev note: тут порядок важен for play anim */

.rivTooltip.top-side { padding-bottom: 7px; }
.rivTooltip.bottom-side { padding-top: 7px; }

.rivTooltip > ._content { padding: 7px 10px; background: var(--tooltip-bg-color);
	border: 1px solid var(--tooltip-border-color);
	border-radius: 5px;
	box-shadow: 0px 3px 8px rgb(0, 0, 0, 0.20);
	backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.rivTooltip > ._content.no-padding { padding: 0; }
.rivTooltip > ._decorator { position: absolute; width: 0; height: 0; bottom: 0; margin-left: -8px; left: 50%;
	border: 8px solid transparent; border-bottom-width: 0; border-top-color: var(--tooltip-border-color);
	pointer-events: none; }
.rivTooltip > ._decorator:after { position: absolute; content: ''; bottom: 1px; left: -7px;
	border: 7px solid transparent; border-bottom-width: 0; border-top-color: var(--tooltip-bg-color); }

.rivTooltip > ._content p { margin: 5px 0; }

.rivTooltip.bottom-side > ._decorator { bottom: initial; top: 0; border: 8px solid transparent;
	border-bottom-color: var(--tooltip-border-color); margin-top: -8px; }
.rivTooltip.bottom-side > ._decorator:after { bottom: initial; top: 1px; left: -7px;
	border: 7px solid transparent; border-top-width: 0; border-bottom-color: var(--tooltip-bg-color); }

/* White style (for classic popups) */

.rivTooltip.is-white > ._content { background: var(--tooltip-white-bg-color);
	border: 1px solid var(--tooltip-white-border-color);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.27); color: #000; }


/*	// @branch B (compact, mini ; GOOD) */
/*
	.rivTooltip.as-popup > ._content { border-top: 3px solid var(--tooltip-popup-dec-color); }

	.rivTooltip > ._decorator { border-top-color: var(--tooltip-white-border-color); }
	.rivTooltip > ._decorator:after { border-top-color: var(--tooltip-white-bg-color); }

	.rivTooltip.bottom-side > ._decorator { border-bottom-color: var(--tooltip-white-border-color);
		border-bottom-width: 6px; margin-top: -6px; }
	.rivTooltip.bottom-side > ._decorator:after { border-bottom-color: var(--tooltip-white-bg-color);
		left: -5px; border-bottom-width: 5px; }

	.rivTooltip.as-popup.top-side > ._decorator { border-top-color: var(--tooltip-popup-dec-color); }
	.rivTooltip.as-popup.top-side > ._decorator:after { border-top-color: var(--tooltip-popup-dec-color); }

	.rivTooltip.as-popup.bottom-side > ._decorator { border-bottom-color: var(--tooltip-popup-dec-color); }
	.rivTooltip.as-popup.bottom-side > ._decorator:after { border-bottom-color: var(--tooltip-popup-dec-color); }

	.rivTooltip.as-popup.top-side { padding-bottom: 5px; }
	.rivTooltip.as-popup.bottom-side { padding-top: 5px; }
	*/


/*	// @branch BY*/
	/*
	.rivTooltip.as-popup > ._content { border-top: 3px solid var(--tooltip-popup-dec-color); }

	.rivTooltip > ._decorator { border-top-color: var(--tooltip-white-border-color); }
	.rivTooltip > ._decorator:after { border-top-color: var(--tooltip-white-bg-color); }

	.rivTooltip.bottom-side > ._decorator { border-bottom-color: var(--tooltip-white-border-color);
		border-bottom-width: 8px; margin-top: -8px; }
	.rivTooltip.bottom-side > ._decorator:after { border-bottom-color: var(--tooltip-white-bg-color);
		left: -5px; border-bottom-width: 7px; }

	!*	//////// @branch B*!
	.rivTooltip.as-popup.bottom-side > ._decorator { border-bottom-color: var(--tooltip-popup-dec-color); }
	.rivTooltip.as-popup.bottom-side > ._decorator:after { border-bottom-color: var(--tooltip-popup-dec-color); }

	.rivTooltip.as-popup.top-side { padding-bottom: 7px; }
	.rivTooltip.as-popup.bottom-side { padding-top: 7px; }
	*/



/*	// @branch BX*/
.rivTooltip.as-popup > ._content { border-top: 3px solid var(--tooltip-popup-dec-color); }
.rivTooltip.as-popup.top-side > ._content { border-top: 0; border-bottom: 3px solid var(--tooltip-popup-dec-color); }

.rivTooltip.is-white > ._decorator { border-top-color: var(--tooltip-white-border-color); }
.rivTooltip.is-white > ._decorator:after { border-top-color: var(--tooltip-white-bg-color); }

.rivTooltip.is-white.bottom-side > ._decorator { border-bottom-color: var(--tooltip-white-border-color);
	border-bottom-width: 7px; margin-top: -7px; }
.rivTooltip.is-white.bottom-side > ._decorator:after { border-bottom-color: var(--tooltip-white-bg-color);
	left: -5px; border-bottom-width: 6px; }

.rivTooltip.as-popup.top-side > ._decorator { border-top-color: var(--tooltip-popup-dec-color); }
.rivTooltip.as-popup.top-side > ._decorator:after { border-top-color: var(--tooltip-popup-dec-color); }

/*	//////// @branch B*/
.rivTooltip.as-popup.bottom-side > ._decorator { border-bottom-color: var(--tooltip-popup-dec-color);
	border-top-color: transparent; /* по идее, этого свойства тут не должно быть, это dirty fix; @TODO: make CORRECT */ }
.rivTooltip.as-popup.bottom-side > ._decorator:after { border-bottom-color: var(--tooltip-popup-dec-color); }

.rivTooltip.as-popup.top-side { padding-bottom: 6px; padding-top: 20px; }
.rivTooltip.as-popup.bottom-side { padding-top: 6px; padding-bottom: 20px; }






/* | Module: Attachments.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

.RivAttachInput { border-radius: 6px; background: #edf6f9 /*#ebf5f9*/; border: 2px solid #edf6f9;
	position: relative; transition: background-color 500ms; }
.RivAttachInput:hover { background: #e5f3f7;
	transition: background-color 300ms; }
.RivAttachInput.viewMode { background: transparent; border: 0; }
.RivAttachInput.viewMode:hover { background: transparent; }
.RivAttachInput.dropHot { border: 2px dashed #b4ccd4; }
.RivAttachInput > .dropHere { position: relative; margin-top: -7px; }
.RivAttachInput > .dropHere > input[type="file"] { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;
	cursor: pointer; }
.RivAttachInput .dropHereVis { color: #7b92a4; }
.RivAttachInput .dropHereVis .stdPanel { padding: 21px; display: flex; justify-content: center; align-items: center; }
.RivAttachInput .dropHereVis .stdPanel > ._icon { padding-right: 5px; display: flex; }
.RivAttachInput .dropHereVis .stdPanel > ._icon > svg { width: 56px; stroke: /*#97b1c6*/ #c9d7e2; }
.RivAttachInput .dropHereVis .stdPanel > ._label { font-weight: 300; font-size: 18px; max-width: 212px;
	text-align: center; }
.RivAttachInput .dropHereVis .hintForDrop { text-align: center; padding: 14px 21px 21px; }
.RivAttachInput .droppingHere { display: none; }

.RivAttachInput .wait-upload { color: #b0b0b0; font-weight: 500; }

.RivAttachInput ._listWrap {}
.RivAttachInput > .dropHere.hidden { display: none; }
.RivAttachInput > .dropHere.zero-func { pointer-events: none; }
.RivAttachInput ._list { padding: 6px; display: flex; flex-wrap: wrap; transition: padding 0.5s; }
.RivAttachInput.viewMode ._list { padding: 0; }
.RivAttachInput ._listWrap.hidden ._list { padding-top: 0; padding-bottom: 0; }
.RivAttachInput ._list.centered { justify-content: center; }
.RivAttachInput ._list ._attach { padding: 5px;
	width: 50%; }
.RivAttachInput ._list ._attachW { display: flex;
	padding: 10px;
	background: #f9fcfc;
	border-radius: 8px; position: relative; cursor: default; }
.RivAttachInput.viewMode ._list ._attachW { border: 1px solid #edf3f9; }
.RivAttachInput ._list ._attach {  }
.RivAttachInput.viewMode ._list ._attach { padding-left: 0; padding-right: 0; }
.RivAttachInput ._list.centered ._attach { max-width: 512px; }
.RivAttachInput ._list ._attach.full { width: 100%; }
.RivAttachInput ._list ._attachW > ._colA { width: 80px; height: 80px;
	background: /*#f1f6f7*/ #eff5f6;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 14px; }

.RivAttachInput.has-one-column ._list ._attach { width: 100%; }
.RivAttachInput.has-one-column ._list ._attachW { max-width: 580px; }

.RivAttachInput ._list ._attachW > ._colA i { font-size: 39px;
	color: #b1bcc1; }
.RivAttachInput ._list ._attachW > ._colA > .preview { overflow: hidden; }
.RivAttachInput ._list ._attachW > ._colA > .preview.withSVG { display: flex; justify-content: center;
	align-items: center; }
.RivAttachInput ._list ._attachW > ._colA > .preview > img, .RivAttachInput ._list ._attachW > ._colA > .preview > canvas {
	max-width: 100%; }
.RivAttachInput ._list ._attachW > ._colA > .preview > img.svg { width: 100%; }

.RivAttachInput ._list ._attachW > ._colB { flex: 1;
	min-height: 74px;
	padding: 0 12px 0 14px;
	display: flex;
	flex-direction: column;
	justify-content: center; }
.RivAttachInput ._list ._attachW > ._colB > ._title {  }
.RivAttachInput ._list ._attachW > ._colB > ._second { color: #b0b0b0; }

.RivAttachInput ._list ._attachW > ._colB > ._deleteItem {
	color: #af0000;
	opacity: 0;
	transition: opacity 100ms;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 12px;
}
.RivAttachInput ._list ._attachW:hover > ._colB > ._deleteItem {
	opacity: 1;
	transition: opacity 500ms;
}
.RivAttachInput ._list ._attachW:hover > ._colB > ._deleteItem:hover {
	color: #ec0404;
	text-shadow: 0 4px 5px rgba(237, 108, 108, 0.3);
}

.RivAttachInput ._list ._progress { margin-top: 7px; max-width: 292px; }
.RivAttachInput ._list ._progress >._bar { height: 5px; border: 1px solid #c7e0eb; border-radius: 2px;
	background: #f4f9fb; }
.RivAttachInput ._list ._progress >._bar > ._thumb { height: 3px; background: #a7cbd7; /* c7e0eb a5cada */
	width: 0; }

@media (max-width: 768px) {

	.RivAttachInput ._list ._attach { width: 100%; }

	.RivAttachInput ._list ._attachW > ._colB > ._deleteItem { opacity: 0.7; }

}


/* | Module: ListX.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

:root {
}

/* ListX */
.rivListXBody .itemsNotFound { text-align: center;
	padding: 48px 32px;
	font-size: 24px;
	color: #98a1a5; }		/* @TODO: REVIEW IT! */

.ListX { _background: #af0000; }
.ListX ._title { display: flex; justify-content: space-between; align-items: center; }
.ListX ._title ._colA {}
.ListX ._title ._colA h1 { /*font-size: 25px;*/ font-size: 23px; }
.ListX ._title ._colA ._listXsubTitle { font-size: 14px; padding-bottom: 3px; }
.rivModal .ListX ._title ._colA ._listXsubTitle { color: #737373; }
.ListX ._title ._colB {}
.ListX ._title ._colB .button, .compactButton { min-width: initial; height: 28px; padding: 1px 9px 0; font-size: 12px;
	background: #0981d7; border: 1px solid #0981d7; color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);
	border-radius: 6px; user-select: none;
	display: inline-flex; align-items: center; justify-content: center; text-align: center; }
.ListX ._title ._colB .button:hover, .compactButton:hover { background: #2994d7; border-color: #2994d7; color: #fff; }
.ListX ._title ._colB .button.outlined, .compactButton.outlined { background: transparent; border-color: #0981d7; color: #0981d7; }
.ListX ._title ._colB .button.outlined:hover, .compactButton.outlined:hover { background: #38a7ed; border-color: #38a7ed; color: #fff; }
.ListX ._title ._colB .button.outlinedGrey, .compactButton.outlinedGrey { /*background: transparent; border-color: #ced5da; color: #7a858e;*/
	background: rgba(250, 250, 250, 0.92); border-color: #d3d7da; color: #7d8083; transition: all 0.47s; }
.ListX ._title ._colB .button.outlinedGrey:hover, .compactButton.outlinedGrey:hover {
	background: rgba(219, 226, 226, 0.74); border-color: rgba(219, 226, 226, 0.74); /*color: #7a858e;*/
	transition: all 0.20s; color: #45535e; }
/*
.ListX ._title ._colB .button.outlinedGrey:hover { background: #7a858e; border-color: #7a858e; color: #fff; }
*/

/*
.ListX ._title ._colB .button.outlinedGrey:hover { background: #38a7ed; border-color: #38a7ed; color: #fff; }
*/

.ListX > ._title ._popups { display: none; }

.ListX > ._table { font-size: 13px; /*margin-left: var(--conainer-xo-padding-neg); margin-right: var(--conainer-xo-padding-neg);
	padding-left: var(--conainer-xo-padding); padding-right: var(--conainer-xo-padding);*/ }
.ListX > ._table { overflow-x: scroll; overflow-y: hidden; scrollbar-width: none; }

.ListX > ._table.has-scroll { /*padding: 0px 0px 10px;*/ }
.ListX > ._table::-webkit-scrollbar { height: 4px; }
.ListX > ._table::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
.ListX > ._table.is-hover-scroll::-webkit-scrollbar-thumb { background: rgba(51, 51, 51, 0.77);
	transition: background-color 0.3s ease 0s; }
.ListX > ._table::-webkit-scrollbar-track { background: transparent; width: 9px; }
.ListX > ._table ._virtualScrollbar { position: absolute; height: 16px; background: transparent; }
.ListX > ._table ._virtualScrollbar ._thumb { position: relative; padding-top: 8px; }
.ListX > ._table ._virtualScrollbar ._thumbVis { width: 100%; height: 4px; background: rgba(51, 51, 51, 0.4);
	transition: all 0.12s linear 0s; }
.ListX > ._table ._virtualScrollbar ._thumb:hover ._thumbVis { background: rgba(51, 51, 51, 0.64); }

/*.ListX > ._table > ._contentWrapper {}*/
.ListX > ._table > ._tableHead, .ListX > ._table > ._row { display: flex; flex-wrap: nowrap;
	justify-content: space-between; align-items: stretch; padding: 0;
	border: 1px solid #ededed; border-left: 0; border-right: 0; }
/*
.ListX > ._table > ._tableHead { font-weight: 500; color: #222e32; }
*/
.ListX > ._table > ._tableHead { font-weight: 400; color: #222e32; cursor: default; }
.ListX > ._table > ._tableHead.upper { text-transform: uppercase; font-weight: 400; }		/* @mod */
.ListX > ._table .sort-icon { color: #a7a7a7; }
.ListX > ._table > ._row { border-top: 0; transition: background-color 0.2s; position: relative; }
.ListX > ._table > ._row.new-item { background: #fffae8; }
.ListX > ._table > ._row.last-new-item { border-bottom: 2px solid #f3ecb7; }

/*
// DEV NOTE: continue develop it, but it's experimental  // @TODO: [IMPROVE] [COOL FEATURE] [erigu8re9iop]
.ListX > ._table > ._row ._singleActBtn {  }
*/

.ListX > ._table > ._row ._description { color: #afafaf; font-style: italic; }

.ListX .shown_x_from_y { text-align: right; font-size: 12px; color: #949494; }


.ListX > ._table > ._tableHead > li, .ListX > ._table > ._row > li {
	/*overflow: hidden; border-left: 1px solid #ff0000;*/ overflow: hidden;
	text-overflow: ellipsis; flex: 0 0 90px/* !important*/;
	display: flex; }
.ListX > ._table > ._tableHead > li.right, .ListX > ._table > ._row > li.right { text-align: right; }
.ListX > ._table > ._tableHead > li.right, .ListX > ._table > ._row > li.center { text-align: center; }
.ListX > ._table > ._row > li.center > a.buttonMenu > i { position: relative; top: 3px; }

.ListX > ._table > ._tableHead > li.service-cell, .ListX > ._table > ._row > li.service-cell {
	display: flex; }

.ListX > ._table > ._tableHead > li.service-cell > a, .ListX > ._table > ._row > li.service-cell > a  {
	width: 100%; }

/* USE IT FOR DEBUG:							//dddd */
/*
.ListX > ._table > ._tableHead > li, .ListX > ._table > ._row > li {
	border: 1px solid #00af00; border-top: 0; border-bottom: 0; }
*/


.ListX > ._table > ._tableHead > li { display: flex; align-items: center; }
.ListX > ._table > ._tableHead > li > a, .ListX > ._table > ._tableHead > li > div { width: 100%; }

.ListX > ._table > ._tableHead > li.pd, .ListX > ._table > ._row > li.pd { padding: 10px 7px; }
.ListX > ._table > ._tableHead > li > div, .ListX > ._table > ._row > li > div { padding: 10px 7px;
	text-overflow: ellipsis; overflow-x: hidden; width: 100%; }
.ListX > ._table > ._tableHead > li > a, .ListX > ._table > ._row > li > a { padding: 10px 7px; display: block;
	text-decoration: none; cursor: pointer; width: 100%; }
.ListX > ._table > ._tableHead > li.pd > div, .ListX > ._table > ._row > li.pd > div { padding: 0; }
.ListX > ._table > ._tableHead > li.pd > a, .ListX > ._table > ._row > li.pd > a { padding: 0; display: inline; }


.ListX > ._table > ._row > li > a.buttonMenu { color: #718086; transition: background 0.12s, opacity 0.12s; }
.ListX > ._table > ._row > li.center > a.buttonMenu { opacity: 0; }
.ListX > ._table > ._row:hover > li > a.buttonMenu { opacity: 1; transition: background 0.12s, opacity 0.37s; }
.ListX > ._table > ._row > li > a.buttonMenu:hover { background: rgba(223, 240, 245, 0.47); transition: background 0.47s, opacity 0.47s; }

.ListX > ._table > ._tableHead > li.item-selector, .ListX > ._table > ._row > li.item-selector {
	width: 0px !important; flex: 0 0 0px !important; overflow: hidden; padding: 0 !important;
	transition: width 0.37s, flex 0.37s, opacity 0.37s; justify-content: center; align-items: center;
	opacity: 0; display: flex; }
.ListX > ._table > ._tableHead > li.item-selector.visible, .ListX > ._table > ._row > li.item-selector.visible {
	width: 30px !important; flex: 0 0 30px !important; overflow: hidden; padding: 0 !important; opacity: 1; }

.ListX > ._table > ._row._notFound { justify-content: center; font-size: 16px; color: #8c8c8c; padding: 12px 0;
	max-width: 100%; }
.ListX > ._table > ._row._notFound li { flex: 1 !important; text-align: center; display: block; }

.ListX > ._table > ._row > li span.bold { font-weight: 500; }
.ListX > ._table > ._row > li span.currency { color: #888; }
.ListX > ._table > ._row i.grey { color: #a7a7a7; }

.ListX > ._table > ._row:hover { /*background: #f4fafc;*/ background: /*#f7fcfe*/ #f5fcfe;
	transition: background-color 0.07s;
	/* box-shadow: 0 1px 14px rgba(112, 197, 227, 0.2); @TODO: use it, but improve for better AND battle using!!! */ }

.ListX > ._table > ._row.selected { background: #fffce9; }
.ListX > ._table > ._row.selected:hover { background: /*#fff9d5*/ #fff8cb; }

.form .tag, .ListX > ._table .tag { padding: 3px 5px 4px; font-size: 11px; border-radius: 4px; background: #f2f2f2; color: #7d7d7d;
	cursor: default; }
.ListX > ._table a .tag { cursor: pointer; }
.form .tag.green, .ListX > ._table .tag.green { background: #daf4b3; color: #517108; }
.form .tag.light-blue, .ListX > ._table .tag.light-blue { background: #d3f2fb; color: #205e7a; }
.form .tag.lighter-blue, .ListX > ._table .tag.lighter-blue { background: #ecfafe; color: #377e9e; }
.form .tag.blue, .ListX > ._table .tag.blue { background: #d9e2fe; color: #124173; }
.form .tag.light-yellow, .ListX > ._table .tag.light-yellow { background: #fbf9b9; color: #807408; }
.form .tag.light-golden, .ListX > ._table .tag.light-golden { background: #fbf9b9; color: #87770b; }
.form .tag.light-green-blue, .ListX > ._table .tag.light-green-blue { background: #ddfceb; color: #057562; }
.form .tag.light-green, .ListX > ._table .tag.light-green { background: /*#f3fae8*/ #dff9b7; color: #517108; }
.form .tag.light-grass, .ListX > ._table .tag.light-grass { background: #f1f9d3; color: #697d2d; }
.form .tag.light-orange, .ListX > ._table .tag.light-orange { background: #ffecc8; color: #835a17; }
.form .tag.orange, .ListX > ._table .tag.orange { background: #ffe5b9; color: #835a17; }
.form .tag.lighter-orange, .ListX > ._table .tag.lighter-orange { background: #fff6e6; color: #835a17; }
.form .tag.light-pink, .ListX > ._table .tag.light-pink { background: #ffe5f2; color: #831754; }
.form .tag.pink, .ListX > ._table .tag.pink { background: #f3b6d3; color: #831754; }
.form .tag.light-red, .ListX > ._table .tag.light-red { background: #ffecec; color: #821717; }
.form .tag.red, .ListX > ._table .tag.red { background: #fbdede; color: #8c0707; }
.form .tag.good-green, .ListX > ._table .tag.good-green { background: #d0e879; color: #425d03; }

.form .inputView .tag { /* todo: fix it dirty hack */ position: relative; top: 4px; }

.ListX ._popupsMA > ._multiActionsPanel { position: fixed; bottom: 0; left: 0; right: 0;
	opacity: 0; max-height: 0px; transition: opacity 0.17s, max-height 0.17s; pointer-events: none; }
.ListX ._popupsMA > ._multiActionsPanel.visible { opacity: 1; height: initial; max-height: 100px;
	transition: opacity 0.47s, max-height 0.47s; pointer-events: initial; }
.ListX ._popupsMA > ._multiActionsPanel > form.form { position: relative; }
.ListX ._popupsMA > ._multiActionsPanel > form.form > .columned {
	max-width: 620px; margin: 0 auto; position: relative; border: 0; }
.ListX ._popupsMA > ._multiActionsPanel > form.form > .columned > ._lefterBackground {
	z-index: 17; background: #f7f7f7; left: 0; top: 0; bottom: 0; width: 200%; margin-left: -200%;
	position: absolute; }

.ListX .cw-10 { width: 10px; flex-basis: 10px !important; }
.ListX .cw-20 { width: 20px; flex-basis: 20px !important; }
.ListX .cw-30 { width: 30px; flex-basis: 30px !important; }
.ListX .cw-40 { width: 40px; flex-basis: 40px !important; }
.ListX .cw-50 { width: 50px; flex-basis: 50px !important; }
.ListX .cw-60 { width: 60px; flex-basis: 60px !important; }
.ListX .cw-70 { width: 70px; flex-basis: 70px !important; }
.ListX .cw-80 { width: 80px; flex-basis: 80px !important; }
.ListX .cw-90 { width: 90px; flex-basis: 90px !important; }
.ListX .cw-100 { width: 100px; flex-basis: 100px !important; }
.ListX .cw-110 { width: 110px; flex-basis: 110px !important; }
.ListX .cw-120 { width: 120px; flex-basis: 120px !important; }
.ListX .cw-130 { width: 130px; flex-basis: 130px !important; }
.ListX .cw-140 { width: 140px; flex-basis: 140px !important; }
.ListX .cw-150 { width: 150px; flex-basis: 150px !important; }
.ListX .cw-160 { width: 160px; flex-basis: 160px !important; }
.ListX .cw-170 { width: 170px; flex-basis: 170px !important; }
.ListX .cw-180 { width: 180px; flex-basis: 180px !important; }
.ListX .cw-190 { width: 190px; flex-basis: 190px !important; }
.ListX .cw-200 { width: 200px; flex-basis: 200px !important; }
.ListX .cw-210 { width: 210px; flex-basis: 210px !important; }
.ListX .cw-220 { width: 220px; flex-basis: 220px !important; }
.ListX .cw-230 { width: 230px; flex-basis: 230px !important; }
.ListX .cw-240 { width: 240px; flex-basis: 240px !important; }
.ListX .cw-250 { width: 250px; flex-basis: 250px !important; }
.ListX .cw-260 { width: 260px; flex-basis: 260px !important; }
.ListX .cw-270 { width: 270px; flex-basis: 270px !important; }
.ListX .cw-280 { width: 280px; flex-basis: 280px !important; }
.ListX .cw-290 { width: 290px; flex-basis: 290px !important; }
.ListX .cw-stretch { flex-grow: 1 !important; }

/* ListX::PageNav */		/* @TODO: REMAKE STYLE */
ul.rivListPageNav { display: flex; flex-wrap: wrap; justify-content: left; margin: -2px -3px; }
ul.rivListPageNav > li { margin: 2px 3px; list-style: none; }
ul.rivListPageNav > li > a { display: block;
	padding: 3px 8px;
	border: 1px solid transparent;
	/*color: #447bb7;*/
	color: /*#42648a*/ #747c85;
	text-decoration: none;
	white-space: nowrap;
	/*transition: background-color 0.2s ease 0s, border 0.2s ease 0s;*/
	transition: background-color 0.11s ease-out 0s, border 0.11s ease-out 0s;
	-moz-user-select: none !important; -webkit-user-select: none !important; -ms-user-select: none !important;
	user-select: none !important;
	border-radius: 3px;
	font-size: 12px; }
ul.rivListPageNav > li > a:hover {
	/* color: #647b8f;
	background: #f0f5f7;
	border-color: #d2d8de; */
	color: #747f8a;
	background: #f0f5f7;
	border-color: #e9f1f5;
	transition: background-color 0s ease 0s, border 0s ease 0s;
}
/*
ul.rivListPageNav > li > a:hover { color: #3c7db5;
	background: #f0f5f7;
	border-color: #728da4;
}
ul.rivListPageNav > li > a.active { color: #fff;
	background: #648098;
	border-color: #648098; }
*/
ul.rivListPageNav > li > a.active { color: /*#6c7783*/ #717478;
	background: #eff0f2;
	border-color: #e1e4e7; }
ul.rivListPageNav > li.ellipsis { cursor: default; }

@media (max-width: 768px) {

	.ListX {}
	.ListX ._title { display: flex; flex-direction: column; align-items: flex-start; }
	.ListX ._title ._colA {}
	.ListX ._title ._colA h1 { font-size: 21px; }
	.ListX ._title ._colB { padding-top: 7px; }
	.ListX ._title ._colB .button {}

	.ListX > ._table { /*margin-left: var(--conainer-mobile-xo-padding-neg); margin-right: var(--conainer-mobile-xo-padding-neg);
		padding-left: var(--conainer-mobile-xo-padding); padding-right: var(--conainer-mobile-xo-padding);*/ }

}

@media (max-width: 512px) {

	.ListX ._title ._colA h1 { font-size: 19px; }

}

@media (max-width: 414px) {

	.ListX ._title ._colB { align-self: end; }

}


/* @todo: move to external module */

.todoEzList {}
.form .todoEzList { max-width: 645px; }
.todoEzList > .about { margin: 10px 0; font-size: 17px;	font-weight: 500; }
.todoEzList > .aboutHint { margin: 10px 0; margin-top: -6px; color: #9e9c9c; font-size: 12px; }
.todoEzList > .section { background: #f7f7f7;
	border-radius: 10px;
	margin: 10px 0; margin-top: 18px; }
.todoEzList > .section > ._title { padding: 10px;
	font-weight: 500; }
.todoEzList > .section > .step { padding: 10px; border-radius: 10px; transition: background 0.25s; }
.todoEzList > .section > .step:hover { background: #f2f3f4; }
.todoEzList > .section > .step.active { background: #f2f5e7 /*#edf5f2*/ /*#e7ebed*/; }
.todoEzList > .section > .step.completed {  }
.todoEzList > .section > .step.completed:hover { background: #f2f3f4; }
.todoEzList > .section > .step > ._title { display: flex;
	justify-content: space-between; }
.todoEzList > .section > .step > ._title > ._core { display: flex; }
.todoEzList > .section > .step .buttons { display: flex; }
.todoEzList > .section > .step .buttons .btn { margin-left: 7px;
	background: #4cad9a;
	border-color: #4cad9a;
	color: #fff;
	transition: all 0s;
	padding: 2px 7px;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer; user-select: none; white-space: nowrap; height: fit-content; }
.todoEzList > .section > .step .buttons .btn.withLabel { padding: 2px 7px 2px 5px; }
.todoEzList > .section > .step .buttons .btn:hover { background: #45c4ab; border-color: #45c4ab; transition: all 0.2s;
	text-decoration: none; }
.todoEzList > .section > .step .buttons .btn:active {  background: #149f84; border-color: #149f84; transition: all 0.2s; }

.todoEzList > .section > .step.completed .buttons .btn i.icon-ok { position: relative; top: 3px; color: #54af69; }
.todoEzList > .section > .step.completed .buttons .btn {
	background: transparent;
	border-color: transparent; color: #858585; cursor: default; }
.todoEzList > .section > .step.completed .buttons .btn:hover { background: #afb8b6; border-color: #afb8b6; color: #fff; }
.todoEzList > .section > .step.completed .buttons .btn:active {  background: #779e90; border-color: #779e90; }

.todoEzList > .section > .step.completed .buttons .btn.readyBtn:hover,
	.todoEzList > .section > .step.completed .buttons .btn.readyBtn:active {
	background: transparent; border-color: transparent; color: #858585;
}

.todoEzList > .section > .step.completed .buttons .btn .label { display: none; }

.todoEzList .hidden { display: none; }

.todoEzList > .section .icon-docs { /*top: 3px;*/ position: relative; }
.todoEzList > .section span.emptyText { width: 0; }



/* | Module: Article.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* ~ Module: History page */

.containerContent .history {  }
.containerContent .history ._historyBlock { padding: 30px; border-radius: 5px; background: #f5f6f8; margin: 8px 0; }
.containerContent .history ._historyBlock ._version { font-weight: 700; font-size: 23px; padding-bottom: 2px; }
.containerContent .history ._historyBlock ._date { font-size: 90%; color: #081e2eb3; }
.containerContent .history ._historyBlock ._smallNote { font-size: 90%; color: #9ba1a6; font-style: italic; padding-top: 2px; }
.containerContent .history ._historyBlock > ._text { padding-top: 17px; }
.containerContent .history ._historyBlock > ._text p { padding: 4px 0; position: relative; padding-left: 22px; }
.containerContent .history ._historyBlock > ._text p.is-proc { color: #0a21c3; }
.containerContent .history ._historyBlock > ._text p.is-test { color: #9900cb; }
.containerContent .history ._historyBlock > ._text p.is-ok { color: #038921; }
.containerContent .history ._historyBlock > ._text p:before { position: absolute; content: "\2014"; left: 0; font-size: 13px;
	font-weight: 300; opacity: 0.7; }
.containerContent .history ._historyBlock ._changes { padding-top: 17px; }
.containerContent .history ._historyBlock ._changes ._change { display: flex; padding: 3px 0; }
.containerContent .history ._historyBlock ._changes ._change ._type { width: 74px; text-align: right; padding-right: 9px; }
.containerContent .history ._historyBlock ._changes ._change ._type > span { display: inline-block;
	padding: 0px 6px 2px; border-radius: 4px; font-size: 80%; position: relative; top: -1px; }
.containerContent .history ._historyBlock ._changes ._change ._type.is-new {  }
.containerContent .history ._historyBlock ._changes ._change ._type.is-improved {  }
.containerContent .history ._historyBlock ._changes ._change ._type.is-fixed {  }
.containerContent .history ._historyBlock ._changes ._change ._type.is-fixed2 > span { border: 1px solid #419352;
	background: linear-gradient(180deg, #70d1a0 0%, #269d62 100%); color: #fff; }
.containerContent .history ._historyBlock ._changes ._change ._type.is-improved2 > span { border: 1px solid #416d93;
	background: linear-gradient(180deg, #69a4d7 0%, #416d93 100%); color: #fff; }
.containerContent .history ._historyBlock ._changes ._change ._type.is-improved3 > span { border: 1px solid #8cd7d0;
	background: linear-gradient(180deg, #e2ecf4 0%, #99ece3 100%); color: #097f71; }
.containerContent .history ._historyBlock ._changes ._change ._type.is-improved > span { border: 1px solid #8cd7d0;
	background: linear-gradient(180deg, #edf5fc 0%, #bef2ec 100%); color: #097f71; }
.containerContent .history ._historyBlock ._changes ._change ._type.is-new > span { border: 1px solid #7ab65c;
	background: linear-gradient(180deg, #c2e8a1 0%, #77c94e 100%); color: #fbfff8; }
.containerContent .history ._historyBlock ._changes ._change ._type.is-fixed > span { border: 1px solid #419352;
	background: linear-gradient(180deg, #70d1a0 0%, #269d62 100%); color: #fff; }
.containerContent .history ._historyBlock ._changes ._change ._text { flex: 1; }

/* ~ Module: Article */

/* Articles lists */

.articlesGrid { display: flex; flex-wrap: wrap; margin: -16px; }
.articlesGrid ._articlesBlockWrap { width: 50%; padding: 16px; }
.articlesGrid ._articlesBlock { padding: 30px; border-radius: 7px; background: #f5f6f8; margin: 0px 0; height: 100%; }
.articlesGrid ._articlesBlock ._blockTitle { font-weight: 700; font-size: 21px; padding-bottom: 7px; }
.articlesGrid ._articlesBlock ._listWrap {  }
.articlesGrid ._articlesBlock ._listWrap ul._list { counter-reset: numbers; }
.articlesGrid ._articlesBlock ._listWrap ul._list > li { align-items: center; counter-increment: numbers; display: flex; }
.articlesGrid ._articlesBlock ._listWrap ul._list > li:first-child { border-top: none; }
.articlesGrid ._articlesBlock ._listWrap ul._list > li a { padding: 8px 0; border-top: 1px solid #0000000f;
	border-bottom: none;border-right: none;
	display: flex; flex: 1;
	color: #324449; font-weight: 400; }
.articlesGrid ._articlesBlock ._listWrap ul._list > li a:hover { text-decoration: underline; }
.articlesGrid ._articlesBlock ._listWrap ul._list > li:before {
	width: 21px;
	font-size: 12px;
	content: counter(numbers,decimal-leading-zero);
	color: rgba(132, 145, 150, 0.7);
	top: 1px;
	position: relative;
}

@media (max-width: 768px) {

	.articlesGrid { margin: var(--conainer-mobile-xo-padding-neg);  }
	.articlesGrid ._articlesBlockWrap { padding: var(--conainer-mobile-xo-padding); }

}

@media (max-width: 680px) {

	.articlesGrid ._articlesBlockWrap { width: 100%; max-width: 420px; }

}

/* Article */

.articlesGrid ._articlesBlockWrap.is-fullwidth { width: 100%; }
.articlesGrid ._articlesBlock.is-article { background: #f4f4f5; }
.articlesGrid ._articlesBlock.is-article ._listWrap ul._list { counter-reset: numbers; }
.articlesGrid ._articlesBlock.is-article ._listWrap ul._list > li { display: flex;
	align-items: center; counter-increment: numbers; }
.articlesGrid ._articlesBlock.is-article ._listWrap ul._list > li a { border: 0; text-decoration: none;
	padding: 6px 0; }
.articlesGrid ._articlesBlock.is-article ._listWrap ul._list > li a:hover { color: #909da2; text-decoration: underline; }
.articlesGrid ._articlesBlock.is-article ._listWrap ul._list > li:before {
	width: 21px;
	font-size: 12px;
	content: counter(numbers,decimal-leading-zero);
	color: rgba(144, 157, 162, 0.74);
}
.articlesGrid ._articlesBlock.is-article ._listWrap ul._list > li._list:before { content: ''; }

.articleContent { font-size: 16px; }
.articleContent > p { margin-top: 20px; line-height: 1.5; }
.articleContent h2 { margin-top: 30px; }
.articleContent h3 { margin-top: 25px; }
.articleContent h4 { margin-top: 20px; }
.articleContent h2 .mini { font-size: 16px; color: #b4b4b4; }
.articleContent h2 a, .articleContent h3 a, .articleContent h4 a { position: relative; color: #324449; display: block; }
.articleContent h2 a:hover, .articleContent h3 a:hover, .articleContent h4 a:hover {}
.articleContent h2 a > span, .articleContent h3 a > span, .articleContent h4 a > span { display: none; line-height: 1; position: absolute; left: -12px; top: 4px;
	font-size: 17px; }
.articleContent h2 a:hover > span, .articleContent h3 a:hover > span, .articleContent h4 a:hover > span { display: block; }

.articleContent ul, .articleContent ol { margin: 0 0 16px 24px; }
.articleContent li { display: list-item; list-style-type: disc; margin: 8px 0; }
.articleContent ol > li { list-style-type: decimal; }

.articleContent > table { width: 100%; margin-top: 20px; }
.articleContent > table > caption { text-transform: uppercase; font-size: 11px; }
.articleContent > table > tbody {}
.articleContent > table td, .articleContent > table th { padding: 10px 24px 10px 8px; border-bottom: 1px solid #091a2c12; }
.articleContent > table td:first-child, .articleContent > table th:first-child { padding-left: 0; }
.articleContent > table td:last-child, .articleContent > table th:last-child { padding-right: 0; }
.articleContent > table td.name { font-weight: 600; font-size: 14px; }
.articleContent > table td.type { font-size: 13px; width: 140px; }
.articleContent > table td.type code { font-size: 12px; }
.articleContent > table td.smallCol { font-size: 13px; width: 50px; }
.articleContent > table td.about { font-size: 13px; }
/*.articleContent > table.has-long-type td.type { width: 140px; }*/


.articleContent span._marker { display: inline-block;
	padding: 2px 6px 1px; border-radius: 4px; font-size: 80%; position: relative; top: -1px; }
.articleContent ._marker.is-new {  }
.articleContent ._marker.is-improved {  }
.articleContent ._marker.is-fixed {  }
.articleContent ._marker.is-fixed2 { border: 1px solid #419352;
	background: linear-gradient(180deg, #70d1a0 0%, #269d62 100%); color: #fff; }
.articleContent ._marker.is-improved2 { border: 1px solid #416d93;
	background: linear-gradient(180deg, #69a4d7 0%, #416d93 100%); color: #fff; }
.articleContent ._marker.is-improved3 { border: 1px solid #8cd7d0;
	background: linear-gradient(180deg, #e2ecf4 0%, #99ece3 100%); color: #097f71; }
.articleContent ._marker.is-improved { border: 1px solid #8cd7d0;
	background: linear-gradient(180deg, #edf5fc 0%, #bef2ec 100%); color: #097f71; }
.articleContent ._marker.is-new { border: 1px solid #7ab65c;
	background: linear-gradient(180deg, #c2e8a1 0%, #77c94e 100%); color: #fbfff8; }
.articleContent ._marker.is-fixed { border: 1px solid #419352;
	background: linear-gradient(180deg, #70d1a0 0%, #269d62 100%); color: #fff; }

.articleContent pre { white-space: pre;
	padding: 14px 14px 12px 14px; margin-top: 20px; background: #f4f4f5; border-radius: 5px; }
.articleContent pre code { padding: 0; display: block; }


/* | Module: RivCalendar.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* | RivCalendar */

.rivCalendar { width: 266px; }
.rivCalendar ._head { display: flex; align-items: center; padding-bottom: 6px; }
.rivCalendar ._head ._left, .rivCalendar ._head ._right { width: 28px; font-size: 12px; color: #b1b1b1; }
.rivCalendar ._head ._left {  }
.rivCalendar ._head ._right {  }
.rivCalendar ._head ._arrowBtn { cursor: pointer; width: 28px; height: 28px; display: flex;
	justify-content: center; align-items: center; }
.rivCalendar ._head ._arrowBtn:hover { color: #929292; }
.rivCalendar ._head ._center { display: flex; flex: 1; font-size: 13px; justify-content: center; font-weight: bold;
	color: #3285ba; height: 28px; align-items: center; }
.rivCalendar ._head ._center > ._name {  }
.rivCalendar ._head ._center > ._name.back { color: #78afc3; }
.rivCalendar ._head ._center > ._year { padding-left: 7px; }
.rivCalendar ._head ._center > ._name, .rivCalendar ._head ._center > ._year { cursor: pointer; height: 28px;
	display: flex; align-items: center; }

.rivCalendar ._grid {  }
.rivCalendar ._grid ._row { display: flex; }
.rivCalendar ._grid ._item { width: 38px;
	font-size: 13px;
	text-align: center;
	padding: 5px 7px 5px; cursor: pointer; border-radius: 5px; }
.rivCalendar ._grid ._item.title { color: #5a8aa5; cursor: default; }
.rivCalendar ._grid ._item.another { color: #c3c3c3; }
.rivCalendar ._grid ._item.marked {  }
.rivCalendar ._grid ._item.selected { background: #e4eff3; }

.rivCalendar ._grid.for-year { height: 196px; }
.rivCalendar ._grid.for-year ._item { flex-grow: 1; width: 66px; height: 66px;
	display: flex; justify-content: center; align-items: center; text-align: center; }

.rivCalendar ._grid ._item:hover { background: #ecf8fb; }
.rivCalendar ._grid ._item.another:hover { background: #ecf8fb; }
.rivCalendar ._grid ._item.title:hover { background: none; }

.rivCalendar ._footerPanel ._timeSelector { display: flex; }
.rivCalendar ._footerPanel ._timeSelector > input { display: block; width: 42px; }
.rivCalendar ._footerPanel ._timeSelector > input:first-child {
	border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: right; }
.rivCalendar ._footerPanel ._timeSelector > input:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0;
	border-left: 0; }


/* DFwi9e8 */

._footerPanel > ._left, ._footerPanel > ._right { align-items: center; }
._footerPanel > ._left ._label, ._footerPanel > ._right ._label { padding-right: 5px; }


/* | Module: CommonModifiers.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* ~ Module: Common modifiers */

a.blackLink, .blackLink a { color: #3d3d3d; text-decoration: underline; }
a.blackLink, .blackLink a:hover { color: #909090; }

.text-medium { font-size: 13px; }
.text-big, input.text-big { /*font-size: 24px; line-height: 33px;*/ font-size: 22px; line-height: 31px; }
.text-big, input.text-medium { font-size: 18px; line-height: 20px; }

.isCentered { justify-content: center; }

.centerAlign { text-align: center; }

.center-body { justify-self: center; margin-left: auto; margin-right: auto; }
.right-body { justify-self: right; margin-left: auto; }

.center-by-margin { margin: 0 auto; }
.left-by-margin { margin-left: 0; }
.right-by-margin { margin-left: auto; margin-right: 0; }

/* @todo: review it (!important) */
.fullwidth, input.fullwidth { width: 100% !important; max-width: 100% !important; }
/*.short, */input.short { max-width: 180px !important; }
/*.medium, */input.medium { max-width: 270px !important; }

.flex-fill { flex: 1; }

.left-edge-join-control { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.right-edge-join-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.no-left-border { border-left: 0; }
.no-right-border { border-right: 0; }


/* | Module: Theme.css*/

@CHARSET "UTF-8";

/*
    RivLite design
    Version 1.3.0
    Updated: November 25, 2023

    http://AeroCrystal.com/rivernative/

    Copyright (c) 2018-2023, Shaposhnikov Alexander U.
    License: http://AeroCrystal.com/rivernative/license/
*/

/* Elem: Header :: HeaderBar */

/* @todo: review .headerBar */
.headerBar { background: #202845; color: #fff; padding: 12px 10px 11px; }
.headerBar .containerW { display: flex; align-items: center; padding: 0 var(--main-edges-x); }
.headerBar ._logo { font-size: 18px; font-weight: 500; font-family: 'Rajdhani', sans-serif; position: relative; }
.headerBar ._logo:after { content: ''; height: 24px; width: 1px; position: absolute;
	top: 0px; right: -19px; background: #ffffff2b; display: block; }

.headerBar ._topNavbar { padding-left: 37px; }
.headerBar ._topNavbar ul._list { display: flex; margin: 0 -12px; }
.headerBar ._topNavbar ul._list li { margin: 0 12px; }
.headerBar ._topNavbar ul._list li a { color: #b6b8c0; text-decoration: none; font-size: 15px; font-weight: 400; }
.headerBar ._topNavbar ul._list li a:hover { color: #c3cbea; text-decoration: underline; transition: all 0.3s; }

.headerBarSoft { /*background: #363639;*/ /*background: #47474a;*/ background: #424245; color: #fff; padding: 12px 0 11px; }
.headerBarSoft.blue { background: #202845; }
.headerBarSoft .containerW { display: flex; align-items: center; justify-content: space-between; padding: 0 var(--main-edges-x); }
.headerBarSoft.noEdges .containerW { padding: 0; }
.headerBarSoft ._logo {
	position: relative; }
.headerBarSoft ._logo, .headerBarSoft ._logo a { font-size: 18px; font-weight: 500; font-family: 'Rajdhani', sans-serif;
	color: #d1d1d1; }
.headerBarSoft ._logo, .headerBarSoft ._logo a:hover { text-decoration: none; }
.headerBarSoft ._logo:after { /* content: ''; height: 24px; width: 1px; position: absolute;
	top: 0px; right: -19px; background: #ffffff2b; display: block; */ }
.headerBarSoft ._logo ._logoImg { display: inline-block }
.headerBarSoft ._logo ._logoImg img { height: 34px; margin: -3px 0 -2px 0; }

.headerBarSoft ._topNavbar, .headerBarSoft ._menuItem { padding-left: 37px; }
.headerBarSoft ._menuItem { display: none; }
.headerBarSoft ._topNavbar ul._list { display: flex; margin: 0 -12px; }
.headerBarSoft ._topNavbar ul._list li { margin: 0 16px; }
.headerBarSoft ._topNavbar ul._list li a { /*color: #b6b8c0;*/ color: #c3c5c9; text-decoration: none; font-size: 13px; font-weight: 400; }
.headerBarSoft ._topNavbar ul._list li a:hover { color: #c3cbea; text-decoration: underline; transition: all 0.3s; }

.headerBarSoft ._menuItem > a { cursor: pointer; color: #fff; }
.headerBarSoft ._menuItem i:before { margin: 0 -1px; }

.headerBarSoft ._topNavbar ul li._splitted { position: relative; padding-left: 16px; }
.headerBarSoft ._topNavbar ul li._splitted:before { content: '';
	height: 24px;
	width: 1px;
	position: absolute;
	top: 0;
	left: -8px;
	background-color: #676767; }

@media (max-width: 734px) {

	.headerBarSoft ._topNavbar { display: none; }
	.headerBarSoft ._menuItem { display: block; }

}

.headerMenu { display: none; }
.headerMenu.popup { position: absolute; left: 0; top: 0; right: 0; background: #fff; }
.headerMenu ._menu { padding: 8px 0; }
.headerMenu ._menu ul {  }
.headerMenu ._menu ul > li {  }
.headerMenu ._menu ul > li > a { border-bottom: 1px solid #e9e9e9;
	display: block;
	padding: 9px 0;
	color: #3d3d3d;
	font-weight: 400; }
.headerMenu ._menu ul > li:last-child > a { border-bottom: 0; }

.animShow { height: 10px; animation: headerMenu_show 1s ease-in-out both; }

@keyframes headerMenu_show {
	from { height: 10px; }
	to { height: 100px; }
}

/* Elem: Header :: SubNav */

:root {
	--head-subnav-li-margin-x: 24px;
}

.headerSubNav .containerW { display: flex; border-bottom: 1px solid #ddd; }
.headerSubNav.noBorder .containerW { border-bottom: 0; }
.headerSubNav .containerW > ._left { display: flex; flex-direction: column; justify-content: center;
	padding: 0 8px 0 var(--main-edges-x); position: relative; flex: 1;  min-height: 58px; }
.headerSubNav h1 { font-size: 22px; font-weight: 500; padding: 8px 0; }
.headerSubNav h1.medium { font-size: 19px; }
.headerSubNav h1.small { font-size: 16px; }
.headerSubNav ._preTitle { font-size: 12px; color: #aaaaaa; margin-bottom: -2px; }
.headerSubNav ._postTitle { font-size: 12px; color: #aaaaaa; margin-top: -2px; }
.headerSubNav .containerW > ._right { margin-left: auto; max-width: 100%; position: relative; }
.headerSubNav.mobile-full-rows .containerW > ._right { padding-left: var(--main-edges-x); }
.headerSubNav ._list { display: flex; }
.headerSubNav ._list li { margin-left: var(--head-subnav-li-margin-x); display: flex; align-items: center; height: 58px;
	white-space: nowrap; }
.headerSubNav ._list li:last-child { padding-right: var(--main-edges-x); }
.headerSubNav ._list li a { display: inline-block;
	font-size: 13px; color: #3b3b3b; }
.headerSubNav ._list li a:hover {  }

.headerSubNav ._list li._buy {  }
.headerSubNav ._list li._buy a { background: #0b78e5; color: #fff; border-radius: 16px; min-height: 31px;
	padding: 0 16px; display: flex;
	align-items: center; }
.headerSubNav ._list li._buy a:hover { background: #3690e3; text-decoration: none; }

span.greenGrad { color: #1f9e1f;
	background-image: linear-gradient(56deg, #0fbf16, #28b125 19.33%, #6ede5b 46.22%, #3eb125 74.79%, #309c29);
	background-repeat: no-repeat;
	background-size: 200% 100%,100% 100%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-position: 50%,50% 50%; }

/* @TODO: REFACTOR moduling */

.rivFader { position: absolute; top: 0; bottom: 0; width: 47px; pointer-events: none; opacity: 0;
	transition: opacity 0.37s; z-index: 4; }
.rivFader.left { left: 0; background: linear-gradient(90deg, #ffffff 10%, #ffffff00 100%); }
.rivFader.right { right: 0; background: linear-gradient(270deg, #ffffff 10%, #ffffff00 100%); }

.rivDropArrowButton { position: absolute; right: 10px; top: 0; bottom: 0; width: 64px; cursor: pointer;
	display: none; justify-content: center; align-items: center; z-index: 2; }
.rivDropArrowButton.outer { right: -20px; }

.rivDropArrowIcon { position: relative; width: 24px; height: 10px; left: 12px; }
.rivDropArrowIcon > ._l, .rivDropArrowIcon > ._r { position: absolute; width: 12px; height: 2px;
	background: #b3b3b3; bottom: 0; }
.rivDropArrowIcon > ._l { transform-origin: 100% 100%; transform: rotate(40deg); }
.rivDropArrowIcon > ._r { transform-origin: 0 100%; transform: rotate(-40deg); left: 50%; }

.rivDropArrowIcon.up > ._l, .rivDropArrowIcon.up > ._r { bottom: 6px; }
.rivDropArrowIcon.up > ._l { transform-origin: 100% 0; transform: rotate(-40deg); }
.rivDropArrowIcon.up > ._r { transform-origin: 0 0; transform: rotate(40deg); }

@media (max-width: 768px) {

	.headerSubNav .containerW > ._middle { position: relative; }
	.headerSubNav.title-top .containerW > ._middle { position: relative; order: 2; }
	.headerSubNav .containerW > ._right { overflow-x: scroll; scrollbar-width: none; }
	.headerSubNav .containerW > ._right::-webkit-scrollbar { height: 0px; }
	.headerSubNav .containerW > ._right::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
	.headerSubNav .containerW > ._right::-webkit-scrollbar-track { background: transparent; width: 3px; }

	.rivDropArrowButton { display: flex; }

	.headerSubNav.mobile-full-rows .containerW { flex-direction: column; }
	.___headerSubNav.mobile-full-rows .containerW > ._left { padding-top: 15px; }

	.headerSubNav.mobile-full-rows .containerW > ._left { padding-bottom: 15px; order: 2; min-height: auto; }
	.headerSubNav.mobile-full-rows .containerW > ._right { order: 1; }
	.headerSubNav.mobile-full-rows ._list li { margin: 0 var(--head-subnav-li-margin-x) 0 0; }
	.headerSubNav.mobile-full-rows ._list li:last-child { margin-right: 0; }

	.headerSubNav.mobile-full-rows.title-top .containerW > ._left { padding-bottom: 0; padding-top: 10px; }
	.headerSubNav.mobile-full-rows.title-top h1 { padding-bottom: 3px; }

	.headerSubNav.mobile-full-rows.one-line .containerW { flex-direction: row; }
	.headerSubNav.mobile-full-rows.one-line .containerW > ._left { padding-bottom: 0; order: 1; min-height: auto; }
	.headerSubNav.mobile-full-rows.one-line .containerW > ._right { order: 2; }
	.headerSubNav.mobile-full-rows.one-line ._list li { margin: 0 var(--head-subnav-li-margin-x) 0 0; }
	.headerSubNav.mobile-full-rows.one-line ._list li:last-child { margin-right: 0; }

	.headerSubNav.title-top .containerW > ._left { order: 1; }
	.headerSubNav.title-top .containerW > ._right { order: 3; }

	.headerSubNav ._list.hideOnMobile li { display: none; }
	.headerSubNav ._list.hideOnMobile li.showOnMobile { display: flex; }

}

/* Elem: Footer */

.footer { padding: 48px 0 60px; border-top: 1px solid #091a2c12; }
.footer.isCentered { text-align: center; }
.footer .containerW { padding: 0 var(--main-edges-x); }
.footer .logo {  padding-bottom: 30px; }
.footer .logo img { height: 100px; }
.footer .copyright { line-height: 1.7; font-size: 12px; color: #40464b; }
.footer .copyright a { color: #40464b; text-decoration: none; }
.footer .copyright a:hover { text-decoration: underline; }

@media (max-width: 768px) {

}

/* Elem: pre */

pre.collapsed { max-height: 180px;
	overflow: hidden;
	position: relative; }

pre.collapsed:before { position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	height: 20px;
	content: "Нажмите, чтобы показать весь код";
	text-align: center;
	z-index: 1;
	color: #0c335b;
	font-family: var(--body-font-family); }
pre.collapsed:after { background: linear-gradient(180deg, #f7f7f700 20%, #f7f7f7AA 50%, #f7f7f7FF 100%);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: " "; }

/* nav */

.footerCols { display: grid; grid-template-columns: repeat(auto-fit,minmax(0,1fr));
	grid-column-gap: 24px; grid-row-gap: 24px; }
.footerCols > ._col {  }
.footerCols > ._col > .heading { padding-bottom: 5px; }
.footerCols > ._col > nav {  }
.footerCols > ._col > nav > ul {  }
.footerCols > ._col > nav > ul > li {  }
.footerCols > ._col > nav > ul > li > a { display: block;
	padding: 10px 0;
	color: #797d7e; transition: 10290ms color; }
.footerCols > ._col > nav > ul > li > a:hover { color: #3c4244; transition: 150ms color; }

@media (max-width: 768px) {
	.footerCols { grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); }
}