body {
	font-family: 'Roboto', sans-serif;
	font-size: var(--size-typo-normal);
	font-weight: 400;
	background-color: var(--color-bg);
	height: 100vh;
	overflow: hidden;
}

#baseroot {
	display: flex;
	flex-flow: column nowrap;
	height: 100vh;
	min-width: 1024px;
	overflow: hidden;
}

.head-wrap {width: 100%; height: var(--size-box-head-btn);position: relative;z-index: 100;}
.main-wrap {flex-grow: 1;}
.page-wrap {
	display: -webkit-flex;
	display: flex; 
	
	flex-flow: row nowrap;
	height: calc(100vh - 40px);
	width: 100vw;
	overflow: hidden;
}

/******  HEAD TOP  ******/

#basehead {
	background-color: var(--color-bg-head);
	color:var(--color-typo-head);
	width: 100%;
	height: var(--size-box-head-btn);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 7;
}
#basemenu {width:var(--size-box-head-btn);}

.head__icons {}
.head__search {
	flex-grow: 1; 
	text-align: center;
}
.head__right {}

/****** /HEAD TOP  ******/

.aside {
	background-color: var(--color-bg-aside);
	width:var(--size-box-aside-width-normal);
	flex: 0 0 var(--size-box-aside-width-normal);
	position: relative;
}
#baseleft{
	border-right:1px solid var(--color-border-aside);
}
#baseright{
	border-left:1px solid var(--color-border-aside);
}
#basepage {
	flex-grow: 1; 
	text-align: center;;
}

.head-wrap {}
.head-wrap__main {}
.head-wrap__icons {}
.head-wrap__search {width: 40vw;display: inline-block;vertical-align: middle;}
.head-wrap__right {width: 30vw;display: inline-block;vertical-align: middle;}

.main-wrap {}
.page-wrap {}

.aside {}
.aside.aside-left {}
.aside.aside-right {border-left: 1px solid var(--color-border-aside);}

.aside-wrap {display: flex;flex-flow: column nowrap;height: calc(100vh - var(--size-box-head-btn));}
.aside-left__wrap {}
.aside-right__wrap {}

.aside-wrap__top {height: var(--size-box-aside-height-top);flex: 0 0 var(--size-box-aside-height-top); display: flex; flex-direction: row;}
.aside-left__wrap-top {} 
.aside-right__wrap-top {}

.aside-wrap__main {flex: 1 1 auto;}
.aside-left__wrap-main {}
.aside-right__wrap-main {} 

.aside-wrap__btm {height: var(--size-box-aside-height-bottom);border-top: 1px solid var(--color-border-aside);flex: 0 0 var(--size-box-aside-height-bottom);}
.aside-left__wrap-btm {}
.aside-right__wrap-btm {}

.flex_in1_box {}
.flex_in2_scroll {}
.data_test {}


.page {flex: 1 1 auto;}
.center-wrap {display: flex;flex-flow: column nowrap;height: calc(100vh - var(--size-box-head-btn));text-align: left;width: 100%;}
.center-wrap__top {height: var(--size-box-aside-height-top);flex: 0 0 var(--size-box-aside-height-top);  width: 100%;display: flex;flex-flow: column;}
.center-wrap__top-title {
	width: calc(100vw - var(--size-box-aside-width-normal) - var(--size-box-aside-width-normal));
	overflow: auto;
	scrollbar-width: none;
}

.center-wrap__top-title::-webkit-scrollbar {
    display:none;
}

.center-title__top {height: var(--size-box-aside-height-top);white-space: nowrap;padding: 0 0 0 var(--space-xxl);}
.center-title__wrap-tab.__tab {
    margin: 0 var(--space-xs);
    display: inline-block;
    vertical-align: middle;
    padding: 0 var(--space-xs);
    height: var(--size-box-aside-height-top);
}

.center-title__wrap-tab.__tab._a {
	background-color: var(--color-typo-aside-tab-active);
	color: #fff;
	padding: 0 var(--space-xs);
	margin: 0 var(--space-xs);
}

.center-title__wrap-tab:before {
	content: '';
	display: inline-block;
  vertical-align: middle;
	height: 100%;
	width: 0;
}

.center-tab__title {
	font-family: "Roboto";
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: 10px;
	letter-spacing: 0em;
	text-align: left;
	display: inline-block;
  vertical-align: middle;
}
.center-wrap__main {flex: 1 1 auto;border-top: 1px solid var(--color-border-aside);}
.center-wrap__btm {}


.block-columns {
	display: flex;
	flex-direction: column;
}
._lc0 .block-columns {
	flex-direction: row;
}
.block-column {	
	flex: 1 1 50%;
	padding: 0 0 0 var(--space-xxl);
}

/* _lcr = бок - центр - бок */
._lcr {}

/* _lcb = бок - центр - низ */
._lcb .page-wrap {flex-direction: column;flex-wrap: wrap;}
._lcb #baseleft.aside-left {flex: 0 0 calc(100vh - var(--size-box-head-btn));}
._lcb #baseright.aside-right {flex: 0 0 var(--size-box-aside-width-normal);width: calc( 100vw - var(--size-box-aside-width-normal));border-top: 1px solid var(--color-border-aside);border-left: none;}
._lcb .aside-wrap {}
._lcb .aside-left__wrap {}
._lcb .aside-right__wrap {}
._lcb .page {flex: 0 0 calc( 100vh - var(--size-box-head-btn) - var(--size-box-aside-width-normal));width: calc( 100vw - var(--size-box-aside-width-normal));}

/* _0cr = центр - бок */
._0cr .page-wrap {}
._0cr #baseleft.aside-left { display: none; }
._0cr #baseright.aside-right {}
._0cr .aside-wrap {}
._0cr .aside-left__wrap {}
._0cr .aside-right__wrap {}
._0cr .page {}

/* _0cb = центр - низ */
._0cb .page-wrap { flex-direction: column;flex-wrap: wrap; }
._0cb #baseleft.aside-left { display: none; }
._0cb #baseright.aside-right {flex: 0 0 var(--size-box-aside-width-normal);width: 100vw;border-top: 1px solid var(--color-border-aside);border-left: none;}
._0cb .aside-wrap {}
._0cb .aside-left__wrap {}
._0cb .aside-right__wrap {}
._0cb .page {}

/* _lc0 = бок - центр */
._lc0 .page-wrap {}
._lc0 #baseleft.aside-left {}
._lc0 #baseright.aside-right { display: none; }
._lc0 .aside-wrap {}
._lc0 .aside-left__wrap {}
._lc0 .aside-right__wrap {}
._lc0 .page {}

/* _0c0 = центр */
._0c0 .page-wrap {}
._0c0 #baseleft.aside-left { display: none; }
._0c0 #baseright.aside-right { display: none; }
._0c0 .aside-wrap {}
._0c0 .aside-left__wrap {}
._0c0 .aside-right__wrap {}
._0c0 .page {}

/* _soh = бок-скрыт - центр - бок-скрыт */
._soh .page-wrap {}
._soh #baseleft.aside-left { flex: 0 0 20px;}
._soh #baseright.aside-right { flex: 0 0 20px;}
._soh .aside-wrap { position: absolute; top: 0; }
._soh .aside-left__wrap {left: calc(-20px - var(--size-box-aside-width-normal));}
._soh .aside-right__wrap {right: calc(-20px - var(--size-box-aside-width-normal));}
._soh .page {}





.action-btns:before, .__alignmdl:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}



/*******/


._menu {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}

._a > ._menu {
	visibility: visible;
	opacity: 1;	
}


/*******/

.nav-wrap { border-top: 1px solid var(--color-border-aside);}
.nav {}
.nav-row {position: relative;}
.nav-row__title {}
.nav-row__link, .nav-row__span {padding: 0 0 0 40px;display: inline-block;vertical-align: middle;}
._hc > .nav-row__title .nav-row__link, ._hc > .nav-row__title .nav-row__span {width: calc(100% - 30px);}
.nav._lv-1 {}
.nav._lv-1 > .nav-row {}
.nav._lv-1 > .nav-row > .nav-row__title {}
.nav._lv-1 > .nav-row > .nav-row__title .nav-row__link {}
.nav._lv-2 {}
.nav._lv-2 > .nav-row {
	border-top: 1px solid var(--color-border-aside); 
}
.nav._lv-2 > .nav-row:first-child {
	border-top: none;
}
.nav._lv-2 > .nav-row > .nav-row__title {}
.nav._lv-3 {}
.nav._lv-3 > .nav-row {}
.nav._lv-3 > .nav-row > .nav-row__title {}
.nav-row._hc {}
.nav-row._hc > .nav-row__title {}
.nav-row__btn {}
.nav-line.__line {}

.aside-wrap__top-title {width: 100%;}
.aside-title__wrap {width: calc(100% - 40px);display: inline-block;vertical-align: middle;}
.aside-title__wrap-tab.__tab {margin: 0;display: inline-block;vertical-align: middle;padding: 0 2px;}
.aside-title {display: inline-block;vertical-align: middle;}
.aside-title__icon {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: 40px;
}

.aside-title__btn {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: 40px;	
}
.aside-title__btn-icon {}

.aside-wrap__main-content {
	height: calc(100vh - var(--size-box-head-btn) - var(--size-box-aside-height-top) - var(--size-box-aside-height-bottom));
	overflow: auto;
	scrollbar-color: #000 #fff ;
  scrollbar-width: none;
}

.aside-wrap__main-content .nav {}
.aside-wrap__main-content .nav-row {}
.aside-wrap__main-content .nav-row__title {}
.aside-wrap__main-content .nav-row__title:hover {}
.aside-wrap__main-content .nav-row__link {}
.aside-wrap__main-content .nav._lv-1 {}
.aside-wrap__main-content .nav._lv-1 > .nav-row {}
.aside-wrap__main-content .nav._lv-1 > .nav-row .nav-row__title {}
.aside-wrap__main-content .nav._lv-1 > .nav-row .nav-row__link {}
.aside-wrap__main-content .nav._lv-2 {}
.aside-wrap__main-content .nav._lv-2 > .nav-row {padding: 10px 0;}
.aside-wrap__main-content .nav._lv-2 > .nav-row .nav-row__title {}
.aside-wrap__main-content .nav._lv-2 > .nav-row .nav-row__link {}
.aside-wrap__main-content .nav._lv-3 { display: none; }
.aside-wrap__main-content .nav._lv-3:first-child {
	display: block;
}

.aside-wrap__main-content ._a > .nav._lv-3 { display: block; }
.aside-wrap__main-content .nav._lv-3 > .nav-row {}
.aside-wrap__main-content .nav._lv-3 > .nav-row .nav-row__title {}
.aside-wrap__main-content .nav._lv-3 > .nav-row .nav-row__link {}
.aside-wrap__main-content .nav._lv-4 { display: none; }
.aside-wrap__main-content .nav._lv-4 > .nav-row {}
.aside-wrap__main-content .nav._lv-4 > .nav-row .nav-row__title {}
.aside-wrap__main-content .nav._lv-4 > .nav-row .nav-row__link {}
.aside-wrap__main-content .nav-row._hc {}
.aside-wrap__main-content .nav-row._hc > .nav-row__link {}
.aside-wrap__main-content .nav-row__btn {display: inline-block;vertical-align: middle;width: 30px;height: 30px;}
.aside-wrap__main-content .nav-line.__line {}

.aside-actions__wrap 
.actions-wrap {}
.actions-wrap__block {border-top: 1px solid var(--color-border-aside);padding: 10px 0;}
.actions-wrap__list {}
.action-ttl {padding: 3px 0;display: inline-block;cursor: pointer;vertical-align: middle;flex: 0 0 auto;}

.aside-content__tab {}

.actions-wrap__block {}
.actions-wrap__block.actions-wrap__block--pics {border: none;}
.actions-wrap__list {}

.action-ttl {}
.action-ckbx  {display: inline-block;vertical-align: top;height: 24px;width: 24px;border-radius: 3px; }
.action-pm {}
.action-row.action-row--pic {display: inline-block;vertical-align: middle;}
.action-row.action-row--pic .action-ttl {}
.action-row.action-row--link {padding: 0 0 0 var(--space-l);}
.action-row.action-row--link .action-ttl {}
.action-row.action-row--ckbx {padding: 0 0 0 14px;font-size: 0;}
.action-row.action-row--ckbx .action-ttl {width: calc(100% - 34px);}

.action-pm {}
.actions-row__list {padding: 0 0 0 15px;margin: 0 0 0 var(--space-s);border-left: 1px solid #e0e0e0;}
.action-row2 {
	font-size: 0; 
}
.action-ttl2 {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 3px 0;
	width: calc(100% - 34px);
}
.action-sh {}
.aside-content__tab {}

.actions-wrap {}
.actions-wrap__title {}
.actions-wrap__title-counter {}
.actions-wrap__block {}
.actions-wrap__list {}

.action-row {min-height: 30px;font-size: 0;}
.action-row.action-row--btn {padding: 0 0 0 var(--space-l);display: flex;flex-flow: row nowrap;font-size: 0;}

.action-btns {display: inline-block;vertical-align: middle;text-align: right;flex: 1 1 auto;font-size: 0;padding: 0 10px 0 0;}
.action-btn {display: inline-block;vertical-align: middle;width: 24px;height: 24px;border-radius: 3px;cursor: pointer;margin: 0 0 0 var(--space-xs);}
.actions-wrap__block {}
.actions-wrap__block-title {font-size: 0;}
.actions-title {display: inline-block;vertical-align: middle;width: calc(100% - 34px);}
.actions-title__pm  {}
.actions-wrap__list {}
.aside-wrap__btm-dates {padding: var(--space-s) 0;}

.dates {}
.dates-list {}
.date-row + .date-row {margin: var(--space-xs) 0 0;}
.date-value {padding: 0 0 0 55px;}
.date-value.date-value--chng {}
.date-value.date-value--add {}

.head-wrap__parts {display: inline-block;vertical-align: middle;width: calc(30vw - 40px);}
.parts-wrap {}
.part-el {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: var(--size-box-head-btn);
}
.part-link__block {}
.part-link {}
.part-arw {}
.part-el__wrap {}
.part-el__content {}
.part-el__content .nav {}
.part-el__content .nav-row {}
.part-el__content .nav-row__title {}
.part-el__content .nav-row__link {}
.part-el__content .nav._lv-1 {}
.part-el__content .nav._lv-1 > .nav-row {}
.part-el__content .nav._lv-1 > .nav-row .nav-row__title {}
.part-el__content .nav._lv-1 > .nav-row .nav-row__link {}
.part-el__content .nav._lv-2 {}
.part-el__content .nav._lv-2 > .nav-row {}
.part-el__content .nav._lv-2 > .nav-row .nav-row__title {}
.part-el__content .nav._lv-2 > .nav-row .nav-row__link {}
.part-el__content .nav._lv-3 {}
.part-el__content .nav._lv-3 > .nav-row {}
.part-el__content .nav._lv-3 > .nav-row .nav-row__title {}
.part-el__content .nav._lv-3 > .nav-row .nav-row__link {}
.part-el__content .nav-row._hc {}
.part-el__content .nav-row._hc > .nav-row__title {}
.part-el__content .nav-row._hc > .nav-row__link {}
.part-el__content .nav-row__btn {}
.part-el__content .nav-line.__line {}

.head-wrap__menu {
	display: inline-block;
	vertical-align: middle;
}
.menu-btn {
	width: var(--size-box-head-btn);
	height: var(--size-box-head-btn);
}
.menu-wrap {opacity: 1;left: 7px;visibility: visible;}
.menu-content {background-color: var(--color-bg-head);border-radius: var(--radius-xs);box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);padding: var(--space-xs) 0 15px;}
.menu-autocmplt {text-align: center;padding: 0 0 var(--space-s);}

.menu-autocmplt .input {width: calc(100% - 40px);}
.menu-autocmplt .input-box {}
.menu-autocmplt .input-box:before {}

.menu-autocmplt .input:hover .input-box:before {}
.menu-autocmplt .input._a .input-box:before,
.menu-autocmplt .input:focus-within .input-box:before {}

.menu-autocmplt .input._w .input-box:before {}
.menu-autocmplt .input._can-help .input-box {}
.menu-autocmplt .input._can-help .__q {}
.menu-autocmplt .__inp {border-left-width: 10px;}
.menu-autocmplt .__text {}
.menu-autocmplt .__inp::placeholder, 
.menu-autocmplt .__text::placeholder {}
.menu-autocmplt ._can-clr .__inp, 
.menu-autocmplt ._can-clr .__text {}

.menu-autocmplt .__inp._add-icon {}
.menu-autocmplt ._i-savelast {}

.menu-autocmplt .__clr {}
.menu-autocmplt ._can-clr .__clr {display: none;}
.menu-autocmplt ._can-clr .__clr:hover {}

.menu-autocmplt .select._can-clr .__clr {}

.menu-autocmplt .__q {}
.menu-autocmplt .__q:hover {}

.menu-autocmplt .input .input-ann {}

.menu-autocmplt ._dis {}
.menu-autocmplt ._dis .__clr {}

.menu-autocmplt .input._dis .input-box {}
.menu-autocmplt .input._dis .input-box:before {}
.menu-autocmplt .input._dis .__inp,
.menu-autocmplt .input._dis .__text {}

.search-wrap {}
.search {position: relative;padding: 0 32px;text-align: center;height: var(--size-box-head-btn);}
.search-form {position: relative;display: none;padding: 4px 0;}
.search-form .input {width: calc(100% - 64px);}
.search-form .input-box {}
.search-form .input-box:before {}

.search-form .input:hover .input-box:before {}
.search-form .input._a .input-box:before,
.search-form .input:focus-within .input-box:before {}

.search-form .input._w .input-box:before {}
.search-form .input._can-help .input-box {}
.search-form .input._can-help .__q {}
.search-form .__inp {}
.search-form .__text {}
.search-form .__inp::placeholder, 
.search-form .__text::placeholder {}
.search-form ._can-clr .__inp, 
.search-form ._can-clr .__text {}

.search-form .__inp._add-icon {}
.search-form ._i-savelast {}

.search-form .__clr {}
.search-form ._can-clr .__clr {left: -32px;}
.search-form ._can-clr .__clr:hover {}

.search-form .select._can-clr .__clr {}

.search-form .__q {}
.search-form .__q:hover {}

.search-form .input .input-ann {}

.search-form ._dis {}
.search-form ._dis .__clr {}

.search-form .input._dis .input-box {}
.search-form .input._dis .input-box:before {}
.search-form .input._dis .__inp,
.search-form .input._dis .__text {}
.search-btn {
    position: absolute;
    z-index: 5;
    top: 4px;
    right: 64px;
    cursor: pointer;
    width: var(--size-box-input-height);
    height: var(--size-box-input-height);
    right: 0;
    left: 0;
    margin: 0 auto;
}
.search-wrap._f .search-btn {
	left: auto;
	margin: 0;
	right: 64px;
}
.search-wrap._f .search-form {
	display: block;
}
.search-btn ._i {
	display: block;
	height: 100%;
	
}

.menu-content .nav {
	background-color: var(--color-bg-head);
	min-width: 210px;
}
.menu-content .nav-row {}
.menu-content .nav-row__title {}
.menu-content .nav-row__title {}
.menu-content ._lv-up > .nav-row__title {
	display: none;
}
.menu-content .nav-row__link,
.menu-content .nav-row__span {padding: 0 20px 0 30px;width: 100%; white-space: nowrap;}
.menu-content ._hc > .nav-row__title .nav-row__link, 
.menu-content ._hc > .nav-row__title .nav-row__span {width: calc(100% - 24px);}
.menu-content .nav._lv-1 {}
.menu-content .nav._lv-1 > .nav-row {}
.menu-content .nav._lv-1 > .nav-row .nav-row__title {}
.menu-content .nav._lv-1 > .nav-row .nav-row__link {}
.menu-content .nav._lv-2 {visibility: hidden;opacity: 0;position: absolute;}
.menu-content .nav-row._hc > .nav {
	left: 100%;
	padding: var(--space-xs) 0 15px;
	position: absolute;
	border: 1px solid #000000;
	border-radius: var(--radius-xs);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	top: -9px;
	visibility: hidden;
	opacity: 0;
}
.menu-content .nav-row._hc:hover > .nav {
	visibility: visible;
	opacity: 1;
}
.menu-content .nav-row._hc._lv-up > .nav {
	left: auto;
	margin: 0;
	position: relative;
	border: none;
	border-radius: 0;
	box-shadow: none;
	visibility: visible;
	opacity: 1;
	padding: 0;
	top: auto;
}
.menu-content .nav._lv-2 > .nav-row {border-top: none;}
.menu-content .nav._lv-2 > .nav-row:first-child {
	border: none
}
.menu-content .nav._lv-2 > .nav-row .nav-row__title {}
.menu-content .nav._lv-2 > .nav-row .nav-row__link {}
.menu-content .nav._lv-3 {}
.menu-content .nav._lv-3 > .nav-row {}
.menu-content .nav._lv-3 > .nav-row .nav-row__title {}
.menu-content .nav._lv-3 > .nav-row .nav-row__link {}
.menu-content .nav-row._hc {}
.menu-content .nav-row._hc > .nav-row__title {white-space: nowrap;}
.menu-content .nav-row._hc > .nav-row__link {}
.menu-content .nav-row__btn {}
.menu-content .nav-line.__line {display: block;margin: var(--space-xs) 0;height: 1px;background-color: #4E4E4E;}

.context-wrap {
	border-top: 1px solid var(--color-border-aside);
	padding: 10px 0;
}
.context {
}
.context-row {}
.context-row__link {
	padding: 0 0 0 40px;
}

.aside-wrap__btm {}
.aside-wrap__btm-btns {text-align: center;height: 100%;}
.aside-btn {display: inline-block;vertical-align: middle;margin: 0 var(--space-s);}

.aside-left__wrap-btm {} 
.aside-left__wrap-btns {} 
.aside-left__wrap-btn {} 

.block-login {
	width: 350px;
	margin: auto;
}