@import url("reset.css");
@import url("normalize.css");
@import url("form-page.css");

html,body {
	height:100%;
	background: #fdfefd;
	line-height:normal;
}
body {
	background: #f5f5f5;
	padding: 0 70px;
}

.body {
	display:table;
	height: 100%;
	margin:0 auto;
	padding:0;
	width: 100%;
	line-height:normal;
	z-index:20;
	background: #fff;
	position: relative;
	z-index: 10;
}
.body>.head {
	display:table-header-group;
	position:relative;
	z-index:500;
	background:#646c7a;
}
.body>.content {
	display:table-row;
	height: 100%;
}
.body>.footer {
	display:table-row;
	height:1px;
	position:relative;
	z-index:10;
}
.body>.head>.cell,
.body>.content>.cell,
.body>.footer>.cell {
	display: table-cell;
}
.body>.content>.cell {
	height: 100%;
}
.body>.head>.cell {
	height: 1px;
	background: none;
}

img {
	border:none;
}
img.loader {
	visibility:hidden;
	width:0;
	height:0;
	position: absolute;
}
input:required,select:required,textarea:required {
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-box-shadow:none;
}
input[type=submit] {
	border-radius:0;
	-webkit-appearance: none;
	box-shadow:none;
}
textarea {resize:none;}
input {outline:none;margin: 0;}
body>object {display:none;}
.clear:after {content:'.';display:block;font-size:0px;margin:0;padding:0;height:0px; overflow:hidden;clear:both;float:none !important;}
.relative {position:relative !important;zoom:1;z-index:0;}

.cell>.inner {
	padding-left:15px;
	padding-right:15px;
}

.leftMenu {
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	width:70px;
	overflow:hidden;
	background: inherit;
	box-shadow:0 0 5px 5px #ccc;
	transition: width ease .3s;
}
.leftMenu:hover {
	width:300px;
	z-index:20;
}
.leftMenu>.inner {
	width:300px;
}
.userCenter {
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	width:70px;
	overflow:hidden;
}
.userCenter .tabsData{
    width:100%;
}
.homePage~.userCenter{
	width:350px;
}
.userCenter.opened,
.homePage~.userCenter.opened.fullSize {
	z-index:1000;
	width:auto;
	left:0;
}
.homePage~.userCenter.opened{
	z-index:0;
	width:500px;
	left:auto;
}
.userCenter>.inner {
	width:350px;
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	background: #f5f5f5;
	box-shadow:0 0 5px 5px #aaa;
}
.userCenter.opened>.inner {
	right:0;
	left:auto;
}
.userCenter.opened.fullSize>.inner{
	width:auto;
	left:70px;
}
.userCenter>.back {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:-1;
	background: #000;
	opacity:.2;
}
.userCenter .menu {
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:70px;
}
.userCenter .content {
	position: absolute;
	left:70px;
	top:0;
	bottom:0;
	width: calc(100% - 70px);
	overflow-y: auto;
}
.userCenter .content h6,
.userCenter .content h5{
	margin-bottom: 20px;
}
.userCenter .content p{
	font-size: 1.3rem;
	color: var(--secondary-text-color);
	line-height:1.5;
}
.userCenter .cabinet h6:nth-child(1){
	display: none;
}
.userCenter.fullSize .content {
   width:auto;
   right:0;
}
.userCenter .onFullSize {
	display: none;
}
.userCenter.opened.fullSize .onFullSize {
	display: block;
}
.userCenter .companyMenu a {
	background: url(/images/chemodan.svg) center center no-repeat;
	background-size:100% auto;
}
.userCenter .companyMenu,
.userCenter[data-usercenter="company"] .accountMenu {
	display: none;
}
.userCenter[data-usercenter="company"] .companyMenu {
	display: block;
}
.userCenter[data-usercenter="company"] .js-accountMenu > a{
    width: 26px;
    opacity: 0.5;
}
.lmenu_organization {
	display: flex;
	flex-direction: column;
}
.lmenu_organization img{
	width:  75%;
	margin:20px auto;
}
.lmenu_organization a {
	padding: 20px 0;
	font-weight: 700;
	font-size: 1.2rem;
	color: var(--secondary-text-color);
	border-top: 1px solid var(--dark-grey);
}
.lmenu_organization a:hover{
	color: var(--primary-text-color);
}
.lmenu_organization p {
	margin-bottom: 40px;
}
.lmenu_organization h5 {
	margin-top: 20px;
}
.lmenu_organization > div:last-child{
    display: none;
}
.loading:after{
	content:' ';
	position: absolute;
	z-index: 10000;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: #ccc url(/images/loading.svg) center center no-repeat;
	opacity:.7;
}
body.loading:after{
	position: fixed;
}

input:autofill {
	background: transparent;
}

input:-webkit-autofill {
	background: transparent;
}
.lang.active {
	display: none;
}
*[data-switch] {
	display:none;
}

.forOpen {
	position: relative;
}
.forOpen>*:not(.forOpen_head){
	display:none;
}
.forOpen>.forOpen_head{
	cursor: pointer;
}
.forOpen.opened>*{
	display:block;
}
.forOpen.opened>header{
	display:flex;
}
.forOpen:before {
	content: '';
	position: absolute;
	right:50px;
	top:32px;
	font-size: 30px;
	line-height: 16px;
	color:#707E8D;
	transition: transform 0.3s ease-out;
	width: 14px;
	height: 7px;
	cursor: pointer;
	background: url('../images/tab-arrow.svg') center center no-repeat;
	background-size: contain;
}
.forOpen.opened:before{
	  transform: rotate(180deg);
}
.blocked {
	position: relative;
	z-index:0;
}
.blocked:after {
	content:' ';
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom:0;
	z-index:100;
}
.l {
	float:left;
}
.r {
	float:right;
}

#modal {
	position:fixed;
	z-index:10000;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#modal>.back {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#modal>.info {
	background:#fff;

	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	width:500px;
	height:350px;
	margin:-175px 0 0 -250px;
}
#modal>.info>.message {
	border:none;
	overflow:auto;
	padding:0 20px 0 0;
	position:absolute;
	z-index:10;
	top:25px;
	left:25px;
	bottom:25px;
	right:25px;
	color: #000;
	background: none;
}
#modal>.info>a {
	position:absolute;
	height: 29px;
	right: -12px;
	margin:0;
	position: absolute;
	top: -10px;
	width: 25px;
	z-index: 20;
	background:url(/images/x.png) 0 0 no-repeat;
}
#modal>.info iframe h1{
    text-transform:uppercase;
}
.grid1,.grid2,.grid4 {
	display: grid;
	min-height: 100%;
	position: relative;
}
.grid1 {
	grid-template-columns: 230px 1fr 285px;
}
.grid1.column3long {
	grid-template-columns: 230px 1fr 500px;
}
.grid2 {
	grid-template-columns:  1fr 285px;
}
.grid2.column3long {
	grid-template-columns:  1fr 500px;
}


.grid4 {
	grid-template-columns:  230px 1fr;
}

.grid4.column3long > .grid2  { 
	display: grid;
	grid-template-columns: 1fr 500px;
}
.grid2>.grid4 > *:nth-of-type(2) {
	display: block;
}
.grid1>*,
.grid2>*,
.grid4>* {
	position: relative;
}
.grid1>.shadow,
.grid2>.shadow,
.grid4>.shadow {
	box-shadow: 0 0 5px 5px rgba(204,204,204,0.75);
	z-index:10;
}
.grid1>.shadowRight,
.grid2>.shadowRight,
.grid4>.shadowRight {
	box-shadow: 10px 0 5px -5px rgba(204,204,204,0.75);
	z-index:10;
}
.grid1>.shadowLeft,
.grid2>.shadowLeft,
.grid4>.shadowLeft {
	box-shadow: -5px 0 5px 0 rgba(204,204,204,0.75);
}
.grid1>.bgGrey,
.grid2>.bgGrey,
.grid4>.bgGrey {
	background-color: var(--grey);
}
.grid1>.borderRight:after,
.grid2>.borderRight:after,
.grid4>.borderRight:after {
	content: ' ';
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	width:1px;
	background-color: var(--dark-grey);
}

.p20{
	padding:20px;
}
.homePage .date{
    font-size: 1.2rem;
}
.homePage .pageContent h4{
    text-transform: uppercase;
    margin-top:5px;
    padding-bottom:13px;
}