/* {* $Id: style.css,v 1.71.2.38 2010-11-17 07:34:11 sergey Exp $ *} */
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body{
	font-family: arial, tahoma;
}
body{
	min-width: 300px;
}
.hidden {display: none;}
.warn {color: red; font-weight: bold;}
ul, ol{
	padding-left:26px;
}
@media(min-width:1300px){
	.container{
		width:1260px;
	}
}
@media(min-width:1360px){
	.container{
		width:90%;
		max-width:1600px;
	}
}
.no-transition{
	-webkit-transition: none!important;
    -moz-transition: none!important;
    transition: none!important;
}
table.list{
	border: 1px solid #ddd;
	width: 100%;
    max-width: 100%;
	margin-bottom: 20px;
	background-color: transparent;
	border-spacing: 0;
    border-collapse: collapse;
	display: table;
	font-size:12px;
}
table.list tr th{
	border: 1px solid #ddd;
	border-bottom-width: 2px;
	padding: 5px;
	vertical-align: bottom;
	background:#eaeaea;
}
table.list > tbody > tr:nth-of-type(odd){
	background-color: #f9f9f9;
}
table.list > tbody > tr > td{
	border: 1px solid #ddd;
	padding:3px 6px;
	vertical-align: top;
}
table.list tr td.error,
table.list > tbody > tr > td.error{
	border-color:#ddd;
	background-color:#ffe4e4;
}
table.form{
	/*width: 100%;*/
}
table.form,
table.form table{
	border: 1px solid #ddd;
    /*max-width: 100%;*/
	margin-bottom: 20px;
	background-color: transparent;
	border-spacing: 0;
    border-collapse: collapse;
	display: table;
	font-size:11px;
}
table.form table{
	margin:0;
}
table.form > tbody > tr:nth-of-type(odd),
table.form table > tbody > tr:nth-of-type(odd){
	background-color: #f9f9f9;
}
table.form th,
table.form table th {
	font-size:12px;
	border: 1px solid #ddd;
	border-bottom-width: 2px;
	padding: 5px;
	vertical-align: bottom;
	background:#eaeaea;
	text-align:center;
}
table.form > tbody > tr > td,
table.form table > tbody > tr > td{
	border: 1px solid #ddd;
	padding:2px 5px;
	vertical-align: middle;
}
table.form td.name {
	font-weight: bold;
	text-align: right;
	width: 50pt;
	white-space: nowrap;
}
table.form td.name1 {
	font-weight: bold;
	text-align: right;
	width: 25%;
	white-space: nowrap;
}
table.form td.submit{
	text-align: center;
	background: #eeeeee;
}
table.form textarea,
table.form input[type="text"]{
    width: 100%;
    height: 22px;
    padding: 1px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
table.form select{
	width:100%;
	display:block;
    height: 22px;
    padding: 1px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
table.form textarea {
	width: 100%
}
table.form input[type="submit"].w {
	width: 100%
}
table.bord_table tbody tr th,
table.bord_table tbody tr td{
	border: 1px solid black;
}
@media print{
	.printer_align_top {vertical-align: top}
	table.form {
		width: 100%
	}
	table.list{
		border: 1px solid black;
	}
	table.list th,
	table.form th {
		padding: 3px; 
		border: 1px solid black;
	}
	table.list td,
	table.form td {
		padding: 3px;
		border: 1px solid black;
	}
	#dont_print, [dont_print] {display: none}
}

td.printer_align_top table tr td { font-weight: normal; color: black; background: #ffffff;}
td.printer_align_top table tr th { font-weight: normal; color: black; background: #ffffff;}


@media(max-width: 991px){
	.table.table-mobile tr{
		border:1px solid #ddd;
		display:block;
		margin-bottom: 10px;
		padding:5px;
		background:#fff;
	}
	.table.table-mobile thead{
		display: none;
	}
	.table.table-mobile tbody tr th,
	.table.table-mobile tbody tr td{
		display: block;
		border:0;
		padding:0;
	}
}
/* Sitemap template */
.sitemap_node, .sitemap_container {
	position: relative;
	padding: 0px;
}
/* breadcrumbs */
.breadcrumb{
	margin-bottom:10px;
	margin-top:0;
	border-radius:0 0 4px 4px;
	padding:5px 10px 4px;
	font-size:12px;
}
/* admin-control */
.admin-control{
	padding:0 10px;
	background:#444;
	color:#fff;
	border-radius:0;
	font-size:12px;
	overflow:hidden;
}
.list__menu a{
	color:#fff;
	text-decoration:none;
}
.list__menu a:hover,
.list__menu a:focus{
	color:#7EC323;
}
.list__menu .fa{
	margin-right:5px;
}
.list__menu{
	margin:0;
	padding:0;
	list-style:none;
}
.admin-control__base{
	float:right;
}
.admin-control__base li{
	padding-top:5px;
	padding-bottom:4px;
}
.list__menu li{
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
	position:relative;
	padding-top: 5px;
    padding-bottom: 4px;
}
.list__menu li:after{
	content:"";
	width:1px;
	height:80%;
	position:absolute;
	right:-8px;
	top:10%;
	background:#888888;
	display:block;
}
.list__menu li:last-child{
	margin-right:0;
}
.list__menu li:last-child:after{
	display:none;
}
@media(max-width: 767px){
	.admin-control__base{
		float: none;
		/*margin-bottom: 8px;*/
	}
}
@media(max-width: 479px){
	.list__menu li{
		margin-right: 0;
		display: block;
	}
	.list__menu li a{
		padding: 4px 0;
		display: block;
	}
	.list__menu li:after{
		display: none;
	}
}
/* */
.sitemap_node .admin_control {
	position: relative;
	left: 80px;
	padding: 0px;
	font-size: 80%;
	background-color: #e2e2e2;
}

/* calendar.js styles { */
#calendarDiv{
	position:absolute;
	width:230px;
	border:1px solid #888;
	padding:0;
	background-color: #fff;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,
#calendarDiv .selectBoxOver{
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}
#calendarDiv .selectBoxTime,
#calendarDiv .selectBoxTimeOver{
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}
#calendarDiv td{
	padding:6px 5px;
	margin:0px;
	font-size:11px;
	text-align:right;
	cursor:pointer;
}
#calendarDiv .selectBox{
	border:1px solid #E2EBED;
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;
	color: #216072;
	position:relative;
}
#calendarDiv .topBar{
	height:30px;
	padding:7px 5px 2px;
	background-color: #317082;
}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:20px;
	line-height:20px;
	background-color: #317082;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:100%;
	color:#fff;
}
#calendarDiv .todaysDate div{
	float:left;
}
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}
#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}
#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;
}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;
	padding:1px;
	margin:1px;
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}
#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

.edit_in_place_ready{
	cursor:pointer;
	border: 1px dashed #a2a2a2;
	padding: 1px;
}
.edit_in_place_saving{
	border: 1px dashed gray;
	border-style: inset;
	background-color: #E0E0E0;
	color: #A0A0A0;
	font-style: italic;
}
.edit_in_place_error{
	cursor:pointer;
	border: 1px dashed red;
	border-style: outset;
	background-color: #F0E0E0;
	color:red;
	text-decoration: line-through;
}

div.logger{
	background-color: white;
	border: 2px solid blue;
	z-index: 1000;
}
div.logger div.head{
	width:100%;
	height:30px;
	background-color: gray;
	text-align: center;
	font-size: 18px;
}
div.logger div.head div.button{
	position:absolute;
	right:0px;
	top:0px;
	width:30px;
	height:30px;
	font-size:18px;
}
div.logger div.box{
	width:100%;
	overflow: auto;
}

/* picture selector for fckeditor {{{ */
#current_group_info .image {
	margin: 3px;
	padding: 3px;
	width: 100px;
	height: 100px;
	border: dotted 1px #bbb;
	float: left;
	position: relative;
}
#current_group_info .image .info {
	font-size: 80%;
	position: absolute;
	top:0px;
	left:0px;
	right:auto;
	bottom:auto;
	font-size: 90%;
}
#current_group_info .image img {
	position: absolute;
	top:auto;
	left:3px;
	right:auto;
	bottom:3px;
}
#current_group_info {
	overflow: scroll;
	height: 500px;
	width: 540px;
}
#picture_browser_grouplist {
	float: left;
	//border: dotted 1px gray;
	width: 200px;
	height: 200px;
}
#picture_browser_grouplist div.head {
	text-align: center;
	font-weight: bold;
	//background-color: #e2e2e2;
}
/* }}} */

tr.pictman_preview_error td.pictman_small img{
	border: 1px solid #ee6644;
}
em.pictman_pv_n_exist {
	color: #ee6644;
	font-style: normal;
}

/* ajax upload form. using in fckeditor. */
#ajax_upload_box {
	position: absolute;
	top: 3px;
	right: 3px;
	left: auto;
	height: auto;
	width: auto;
	padding: 5px;
	border:  dashed 1px #aaa;
	background-color: #eee;
	z-index:100;
	text-align: center;
}
#ajax_upload_form {
	display: none;
	z-index: 101;
	text-align: left;
}
/* helpbox {{{ */

a.helpbox_btn{
	background-color:yellow;
	text-decoration: none;
}
div.helpbox_container{
	width: 50%;
	background-color: white;
	border: 1px solid green;
	padding: 20px;
	position: absolute;
	z-index: 1000;
}
div.helpbox_head{
	margin: -20 -20 10 -20;
	background-color: yellow;
	padding: 5px;
}
div.helpbox_head a{ /* ссылка "закрыть" */
	display:block;
	float:right;
	text-decoration: none;
}
/* ~helpbox }}} */
/* main */
.main{
	padding-top:50px;
}
.header{
	height:50px;
	position: fixed;
	top:0;
    left: 0;
    right: 0;
    z-index: 100;
	background:#222;
	padding:8px 0;
	padding-right: 24px;
	min-width: 310px;
}
.header a{
	color:#c3c3c3;
}
.logo{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}
.logo a{
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.logo a:hover,
.logo a:focus{
	text-decoration:none;
	color:#fff;
}
.logo span{
	color:#7ec323;
}
.header__user{
	float:right;
}
	.user-greating__user{
		display:table;
		width:;
	}
	.user-greating__img{
		display:table-cell;
		overflow:hidden;
		vertical-align: middle;
	}
	.user-greating__img--noava{
		display:inline-block;
		vertical-align:middle;
		width:30px;
		height:30px;
		border-radius:50%;
		box-shadow:1px 1px 1px rgba(0,0,0,.5);
		margin-right:5px;
		background-image:url('data:image/gif;base64,R0lGODdhPQA6APUAANnZ2f///9jY2NfX1/7+/tra2vT09P39/dvb2/z8/PDw8N3d3eDg4Nzc3Pb29ujo6PHx8fLy8vf39+Tk5N/f3/r6+vv7+/n5+fPz8+rq6vX19fj4+Ofn5+Hh4eLi4uXl5enp6d7e3u7u7uPj4+zs7Obm5uvr6+3t7QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAPQA6AEAG/0CAcEgsGo/IpHLJHAoAmoB0Sq0GDM0sU9AhWL9fAuOpLROfDrA6sDG7kQLMWoohv7cDxGND9c7VfgESDwgDbgMZf4qLfWNMBQaMkowOd0sDAgsfJAoKIhwhAHaWbwKRk1IRo6RLAgqoUgarrK0UB4wchrRaAgMDE7dzFWOYu0KusMl+D7qtDQnJ0VOVxtXWcAgQfxENs9dFAg0Wkl4VCN7XArbJBxTo1ZnjsAkh79UDI8kTzd9FAx5+As0pwa+fkXDQ5rQraPCIgAh/FDDs1wuABwgJUSVQ4KGXvSYDKKSRxkjDgo9nOpBMRi3LqZWoMkz09wFmNGYNcxrrhaknStCdxwSMiJBxSgIMEwT8/JZJwiIJ3YASGWACFYiZ3waASMZhKalwFZJVKOD1jgAGAsk5ynk2GCoxZS2NRHXhHFBEyUhgtZap6KID9aSKOoEKQtyvcSRdKCB4aiJFshobcTpHgmQjAyDOgbBXp4C5aiJgOlzK14IHBtzOIaABxAJfTAcU+GAgLSwCBiYAKGZJQIEHF2yCufCArJlMYYX/2WA3izjliwxnGVAC+iILzS+9sq5oX5MCwbn/4bxFpfg/2D8KEHFekcQlBaK0n7OBMZEgADs=');
		background-size:cover;
		background-repeat:no-repeat;
	}
	.user-greating__img img{
		max-width:100%;
		vertical-align:middle;
		width:30px;
		height:30px;
		border-radius:50%;
		box-shadow:1px 1px 1px rgba(0,0,0,.5);
		margin-right:5px;
	}
	.user-greating__name{
		display:table-cell;
		vertical-align:middle;
		padding:0 10px;
		color:#c3c3c3;
		max-width:200px;
		line-height: 1.2;
	}
	.user-greating__name a{
		color:#c3c3c3;
	}
	.user-greating__name a:hover,
	.user-greating__name a:focus{
		color:#7ec323;
	}
	
	@media(max-width: 440px){
		.user-greating__name{
			display:none;
		}
	}
.user-greating__logout{
	display:table-cell;
	vertical-align:middle;
	font-size:24px;
	color:#fff;
	padding:0 0 0 10px;
}
.user-greating__logout:hover,
.user-greating__logout:focus{
	color:#7ec323;
}
.mobile-menu-bar {
    cursor: pointer;
	display: inline-block;
	vertical-align:middle;
	margin-right:10px;
}
#hamburger{
	box-sizing: border-box;
	display: block;
	width: 35px;
	height: 28px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
    cursor: pointer;
}
#hamburger:hover:before,
#hamburger:hover:after,
#hamburger:hover span{
	background: #f6f6f6;
}
html:not(.mm-opening):not(.mm-opened) #hamburger
{
	transition: top 0.3s ease;
}
#hamburger:before,
#hamburger:after,
#hamburger span{
    cursor: pointer;
	background: #fff;
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	position: absolute;
	left: 0;
}
#hamburger:before
{
	top: 0;
}
#hamburger span
{
	top: 12px;
}
#hamburger:after
{
	top: 24px;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html, body, .scroller{
	height: 100%;
}
.main{
	height: 100%;
	position: relative;
	/*overflow:hidden;*/
}
.scroller,
.scroller-inner {
	position: relative;
}
.scroller {
	overflow-y: scroll;
}
.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
	/*perspective: 1000px;*/
}
.submenu-toggle{
	cursor:pointer;
	float:right;
	width:34px;
	height:34px;
	line-height: 34px!important;
	text-align:center;
	font-size:16px;
}
.submenu-toggle:hover{
	background:rgba(255,255,255,0.3);
}
.mp-menu .info{
	float: left;
    padding: 0;
    margin-right: 10px;
    margin-top: 8px;
}
.mp-menu .info a{
	color:#333;
	display:inline-block;
	padding:0 6px;
	background:none;
}

.mp-menu .info a:hover,
.mp-menu .info a:focus{
	color:#7ec323;
	background:none;
}

.mp-menu {
	position: absolute; /* we can't use fixed here :( */
	top: 0;
	left: 0;
	z-index: 1;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.mp-menu > .mp-level{
	overflow:auto;
	padding-bottom:0;
}
.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #d5d5d5;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}
.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	/*opacity: 1;*/
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mp-menu h2 {
	margin: 0;
	padding: 1em;
	color: #222;
	font-weight: 300;
	font-size: 2em;
}
.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	display:block;
	text-transform: uppercase;
    letter-spacing: 4px;
    background: #7ec323;
    font-size: 12px;
    padding: 4px 6px 2px;
    text-align: right;
    color: #fff;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	color:#333;
	display: block;
	padding: 0.5em 1em 0.6em 1em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	font-size: 1em;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	color: rgba(0,0,0,0.2);
	line-height: 3.5;
}
.mp-menu .selected > a,
.mp-menu .active > a,
.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
}
.mp-back {
	background: #666666;
	outline: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 4px;
	display: block;
	font-size: 12px;
	padding: 7px 30px 5px;
	position: relative;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	text-decoration:none;
}
.mp-back::before {
	font-family: 'FontAwesome';
	position: absolute;
	content: "\f148";
	left: 10px;
	top:4px;
	font-size: 14px;
	color: #ddd;
}
.mp-back:hover,
.mp-back:focus{
	color:#fff;
	text-decoration:none;
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}
.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}
.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}
/*
.fixed-menu .mp-menu{
	transform:none;
}
.fixed-menu .mp-pushed .mp-menu{
	transform:translate3d(-100%, 0, 0)!important;
}
.fixed-menu .mp-pushed{
	transform: none!important;
}*/
/* module product_accounting */

/*	=============== NAVBAR =============== */
.menu-top__wrapper:before,
.menu-top__wrapper:after{
	content:"";
	display: table;
}
.menu-top__wrapper:after{
	clear: both;
}
.menu-top__wrapper{
	background: #7ec323;
}
@media(max-width: 767px){
	.menu-top__wrapper{
		display:none;
	}
}
.menu-top {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  /* level2 */
}
.menu-top .flexMenu-viewMore.sfHover > ul {
  visibility: visible;
}
.menu-top .flexMenu-viewMore > a {
  padding: 10px 18px 10px 8px;
  position: relative;
}
.menu-top .flexMenu-viewMore > a:before {
  font-family: 'fontAwesome';
  font-size: 18px;
  line-height: 1;
  content: "\f107";
  display: block;
  position: absolute;
  right: 0;
}
.menu-top .flexMenu-viewMore li {
  position: relative;
}
.menu-top .flexMenu-viewMore > ul > li > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  left: auto;
  right: 170px;
  position: absolute;
  height: auto;
  width: 170px;
  z-index: 999;
  background: #fff;
}
.menu-top .flexMenu-viewMore > ul > li > ul > li {
  border-top: 1px solid #555;
}
.menu-top .flexMenu-viewMore > ul > li > ul > li:first-child {
  border-top: 0;
}
.menu-top > li ul .sf-with-ul:before{
	font-family: 'fontAwesome';
	font-size: 16px;
	line-height: 1;
	content: "\f105";
	display: block;
	position: absolute;
	right: 8px;
	top:5px;
}
.menu-top .active > a > span {
  border-bottom: 2px solid #555;
  padding-bottom: 2px;
}
.menu-top > li {
  float: left;
}
.menu-top li {
	position: relative;
}
.menu-top > li:last-child > ul,
.menu-top > li:nth-last-child(2) > ul{
	right:0;
}
.menu-top > li:first-child > a{
	padding-left: 15px;
}
.menu-top > li > a {
  font-size: 13px;
  text-decoration: none;
  display: block;
  padding: 10px 8px 10px 8px;
  color: #fff;
  letter-spacing: 0.04em;
}
.menu-top > li.active > a{
	color: #7EC323;
}
.menu-top > li > a:hover,
.menu-top > li > a:focus {
  outline: none;
  color: #7EC323;
}
.menu-top > li > ul {
  padding-top: 5px;
  padding-bottom: 5px;
}
.menu-top > li a {
  transition: background-color 0.5s ease;
}
.menu-top > li > ul {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  height: auto;
  width: 170px;
  z-index: 999;
  background: #fff;
}
.menu-top > li > ul > li {
  border-top: 1px solid  #555;
  position: relative;
}
.menu-top > li > ul > li:first-child {
  border-top: 0;
}
.menu-top .ddm_curbranch > a{
	color: #7EC323;
}
.menu-top > li > ul .active > a,
.menu-top > li > ul > li a:hover {
  background-color: #7EC323;
  color: #fff;
  text-decoration: none;
}
.menu-top > li > ul a {
  background-color: #444;
  color: #fff;
  display: block;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.2;
  padding: 6px 15px 7px 8px;
  text-align: left;
  text-shadow: none;
  text-transform: none;
  font-weight: normal;
}
.menu-top > li > ul ul {
  top: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  right: auto;
  left: 170px;
  position: absolute;
  height: auto;
  width: 170px;
  z-index: 999;
  background: #fff;
}
.menu-top > li > ul ul > li {
  border-top: 1px solid #555;
}
.menu-top > li > ul ul > li:first-child {
  border-top: 0;
}
.menu-top > li > ul {
  margin-top: 0;
}
.menu-top li:hover > ul,
.menu-top li li:hover > ul,
.menu-top li li li:hover > ul,
.menu-top li li li li:hover > ul,
.menu-top li li li li li:hover > ul {
  display: block;
}
.menu-top li a:focus {
  text-decoration: none;
}
/* Случай когда dropdown menu встроено в шапку */
@media(min-width: 768px){
	.header{
		padding:0;
	}
	.header .container{
		display:table;
	}
	.menu-top__wrapper{
		background: none;
		display:table-cell;
		padding-right: 15px;
		vertical-align: middle;
	}
	.menu-top > li > a{
		padding: 16px 8px 16px 8px;
	}
	.menu-top .flexMenu-viewMore > a{
		padding:16px 18px 16px 8px;
	}
	.mobile-menu-bar{
		display: table-cell;
		padding-right: 10px;
		vertical-align: middle;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.logo{
		display: table-cell;
		vertical-align: middle;
		padding-top: 8px;
		padding-bottom: 8px;
		width: 1%;
	}
	.header__user{
		float: none;
		display: table-cell;
		vertical-align: middle;
		padding-top: 8px;
		padding-bottom: 8px;
		width: 1%;
	}
	.mobile-menu-bar{
		display:table-cell!important;
	}
}

@media(max-width: 767px){
	.mobile-menu-bar{
		display:inline-block;
	}
	.menu-top__wrapper{
		display:none;
	}
}

table.list h3{
	font-size:14px;
	margin-top:4px;
	font-weight:bold;
}
table.list fieldset{
	margin:10px 0;
}
table.list ul{
	padding-left:18px;
}
table.list legend{
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.2;
}
/* ui */
.ui-widget-header,
.ui-tabs .ui-tabs-nav li,
.tabs-container{
	font-size:12px;
}
.ui-tabs .ui-tabs-panel{
	padding: 1em;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }