﻿.m10r {
	margin-right: 10px;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Light.eot');
    src: url('../font/Roboto-Light.eot?iefix') format('eot'),
        url('../font/Roboto-Light.woff') format('woff'),
        url('../font/Roboto-Light.ttf') format('truetype'),
        url('../font/Roboto-Light.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

#portal-settings .change-status .label-container{
	width: 25%;
}
.temp {
	opacity: 0.5;
}
#documentsTable td {
	line-height: 38px;
}
.change-status .status-container{
	width: 50%;
	margin: 0 1% 0 10%;
}

#documentsTable td {
	line-height: 38px;
}
#bankFiltersContainer  span {
	-moz-min-width: 170px;
	-ms-min-width: 170px;
	-o-min-width: 170px;
	-webkit-min-width: 170px;
	min-width: 170px;
}

.pageActive {
	background-color: #f5f5f5 !important;
}

.pageActive {
	background-color: #f5f5f5 !important;
}
#examResult  #index{
	-moz-min-width: 0px; -ms-min-width: 0px; -o-min-width: 0px; -webkit-min-width: 0px; min-width: 0px;

}
.pageActive {
	background-color: #f5f5f5 !important;
}
#examResult  #number{
	-moz-min-width: 170px; -ms-min-width: 170px; -o-min-width: 170px; -webkit-min-width: 170px; min-width: 170px;
}
#examResult #fio {
	-moz-min-width: 270px; -ms-min-width: 270px; -o-min-width: 270px; -webkit-min-width: 270px; min-width: 270px;
}
#examResult #birthdate {
	-moz-min-width: 100px; -ms-min-width: 100px; -o-min-width: 100px; -webkit-min-width: 100px; min-width: 100px;
}
#examResult #changeSetAutor {
	-moz-min-width: 150px; -ms-min-width: 150px; -o-min-width: 150px; -webkit-min-width: 150px; min-width: 150px;
}

.contentByCenter {
	text-align: center;
}

.settingOneTimePrivilege {
	padding-left: 50px;
}
.settingOneTimePrivilege:hover {
	 box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
 }

.privilegeAdded td{
	border: 2px dotted lightblue !important;
}

/*Для таблиц с фиксорованным заголовком (данные таблицы со скролингом)*/
.tableFixedHead {
	border: 1px solid #DDDDDD;
	width: 100%;
}

.tableFixedHead th {
	background-color: #E6E6E6;
	background-image: -moz-linear-gradient(center top, #F4F1F7 0%, #EDEBF0 100%);
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 0 #FFFFFF inset;
	color: #666666;
	font-size: 10px;
	height: auto;
	line-height: 1.42857;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

/*Div со скролингом (для большого контента с максимальной высотой)*/

.scrollDiv {
	margin-bottom: 5px;
	max-height: 100px;
	overflow-y: auto;
}

.scrollBigDiv {
	margin-bottom: 5px;
	max-height: 500px;
	overflow-y: auto;
}

/*Стили для отображения активной кнопки ненажимаемой, но яркой.*/

#user-nav .btn[disabled] {
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
	/*filter: alpha(opacity=1);*/ /*пришлось это свойство убрать, так как не читается в IE9 в данном проекте*/
	opacity: 1;
	pointer-events: none;
}

/*стили для таблиц инфрагистика*/
.ui-igcombo-list { overflow-y: auto!important; }

.ui-igcombo-list ul > li {
	/*border-bottom: 1px solid black!important;*/
	height: auto!important;
	white-space: normal!important;
}


/*Стили для валидации*/

input.ng-invalid.ng-dirty, input.ng-invalid.ng-dirty:focus, textarea.ng-invalid.ng-dirty, textarea.ng-invalid.ng-dirty:focus, select.ng-invalid.ng-dirty, select.ng-invalid.ng-dirty:focus, .ng-invalid .widget-box, .ng-invalid .widget-box:focus {
	-moz-box-shadow: 0 0 6px #f8b9b7;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	border-color: #e9322d;
	box-shadow: 0 0 6px #f8b9b7;
	color: #b94a48;
}


report-multi-select.ng-invalid ~ span.help-inline, report-multi-select.ng-invalid ~ * span.help-inline, report-multi-select.ng-invalid ~ * * span.help-inline, report-multi-select.ng-invalid ~ * * * span.help-inline { color: #b94a48; }

input.ng-invalid ~ span.help-inline, input.ng-invalid ~ * span.help-inline, input.ng-invalid ~ * * span.help-inline, input.ng-invalid ~ * * * span.help-inline { color: #b94a48; }

textarea.ng-invalid ~ span.help-inline, textarea.ng-invalid ~ * span.help-inline, textarea.ng-invalid ~ * * span.help-inline, textarea.ng-invalid ~ * * * span.help-inline { color: #b94a48; }

select.ng-invalid ~ span.help-inline, select.ng-invalid ~ * span.help-inline, select.ng-invalid ~ * * span.help-inline, select.ng-invalid ~ * * * span.help-inline { color: #b94a48; }

div.input-group ~ span.help-inline { color: #b94a48; }/**/

div.row ~ span.help-inline { color: #b94a48; }/**/

span.help-inline.ng-invalid { color: #b94a48; }

span.help-block.ng-invalid, .help-error { color: #b94a48; }

.form-noborder { border: 0 !important; }

html { height: 100%; }

body {
	position: relative;
	background-color: transparent; /*перекрываем unicorn*/
	
	/*background-image: linear-gradient(to top,rgba(39,126,200,1),rgba(7,174,196,1));*/
	height: 100%;
}

/*
 НОВАЯ ВЕРСТКА 30.05.2014
 ------------
 страница авторизации
 -----------
 */
body.body_login {
	background: #40ADE1 url('images/ebg1.gif') repeat center top;
	height: 100%;
}
#logo {
	padding: 20px 0; /* убиваем непонятный отступ слева в 5px в unicorn на странице авторизации ДЛЯ НОРМАЛЬНОГО ЦЕНТРИРОВАНИЯ */
}
#containerMain {
	background: none;
	margin: 0 auto;
	max-width: 1200px;
	min-height: 100%;
	position: relative;
}
.login {
	background: url('images/autoriz_glow.png') center top no-repeat !important;
	min-width: 450px !important;

}

/* 
 ------------
 страница авторизации окончена
 -----------
 */

.content-wrapper { padding-right: 20px; }

.inner-content { min-height: 400px; }

#content {
	border-radius: 8px;
	display: table-cell;
	margin: 0px;
	margin-right: 10px;
	padding-bottom: 20px;
	vertical-align: top;
	width: 100%; 
	max-width: 980px;
	z-index: 100;
	}

#sidebar {
	display: table-cell;
	float: none;
	padding-bottom: 20px;
	vertical-align: top;
}

#content-header {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

/*

ВЕРСТАЕМ ФОН ПОД ВСЕ ЭКРАННЫЕ РАЗРЕШЕНИЯ

Диагональный градиент CSS3 и центральный масштабируемый рисунок-шлейф кроссбраузерно для HTML и BODY
---------------
Бэкграунд-шлейф подвальный (внизу справа)

*/

html.master {
	background:  #277ec8 no-repeat center center fixed;
	background-image: -webkit-linear-gradient(150deg, #277ec8 40%, #23abf0 100%); /* для Chrome и Safari */
	background-image: -moz-linear-gradient(150deg, #277ec8 40%, #23abf0 100%); /* для Firefox */
	background-image: -ms-linear-gradient(150deg, #277ec8 40%, #23abf0 100%); /* для IE 10+ */
	background-image: -o-linear-gradient(150deg, #277ec8 40%, #23abf0 100%); /* для Opera */
	background-image: linear-gradient(150deg, #277ec8 40%, #23abf0 100%); /* стандартный синтаксис */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#277ec8, endColorstr=#23abf0); /*для IE9*/
	min-width: 584px;
	padding-bottom: 99px; /* растягиваем на высоту подвала */
	min-height: 490px;  /* определяем минимальное критичное значение высоты дабы не поехали и корректно собирались куски */
}


body.master {

	background: url('images/center_bg.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size: cover;

}
.footer { 
	text-shadow: none; 
	text-align: right;
	color: #fff;
	font-size: 12px;
	padding: 20px 25px 10px 10px;
	width: 100%;
	height: 99px;
	background: transparent url('images/footer_bg.png') no-repeat right bottom;
}
#footer { 
	text-shadow: none; 
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
	position: absolute;
	min-width: 900px;
	margin-left: -250px;
}
#footer a, .footer a {
	color: #fff;
	text-decoration: underline !important;
}




/* 

шлейф под лого вверху, псевдо контейнер повторяющий поведение-движение логотипа 
---------------
основной блок .lefttopbg с плавающим left в %
.leftcontainer - используется для компенсирования обратного движения (вправо) на малых экранах
---------------

*/

.leftcontainer {
	width: 1000px;
	position: absolute;
	left:-1%;
	right: 17%;
	top: 0;
	margin: 0 auto;
	background: transparent;
	height: 100%;
	z-index: -101;
}
.lefttopbg {
	position: absolute;
	display: block;
	left:-702px;
	left:-36.8%; 
	right: 0;
	top: 0px;
	background: url("images/lefttopbg.png") left top no-repeat; 
	margin: 0 auto;
	width: 1200px;
	min-height: 100%;
	z-index: -100;
}


/* ВЕРХНЕЕ МЕНЮ И КНОПКИ */

/* свой стиль, который не исключает свойства #user-nav */
#containerMain>.top-nav {
position: absolute;
right: 30px;
top: 52px;
margin: 0;
height: 39px !important;
border-left: 1px #fff solid;
border-right: 1px #fff solid;

-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;	
-moz-border-radius-topright: 8px;
-o-border-radius-topleft: 8px;	
-o-border-radius-topright: 8px;
-ms-border-radius-topleft: 8px;	
-ms-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: url('images/top_nav_bg.png') left top repeat-x;


-webkit-moz-box-shadow: 0px 0px 2px 2px #3374ac;
-moz-moz-box-shadow: 0px 0px 2px 2px #3374ac;
-ms-moz-box-shadow: 0px 0px 2px 2px #3374ac;
-o-moz-box-shadow: 0px 0px 2px 2px #3374ac;
box-shadow: 0px 0px 2px 2px #3374ac;


}

#containerMain>.top-nav li {
border-left: 1px rgba(255,255,255,.5) solid;
border-right: 1px rgba(44,133,196,.5) solid;
}
#containerMain>.top-nav li[disabled] { /* возвращаем подобающий стиль активному элементу верхнего меню */
	background-color: transparent;
	border-top: 1px #fff solid;
	border-bottom: none;
}
#containerMain>.top-nav li:first-child {
	border-left: none;
}
#containerMain>.top-nav li:last-child {
	border-right: none;
}

/* общие стили для всех пунктов верхнего меню */
#user-nav > ul > li > a {

font-size: 16px;	
font-weight: normal;
padding: 7px 12px 9px 38px;

}

/* НОВЫЕ ИКОНКИ ВЕРХНЕГО МЕНЮ
РЕАЛИЗОВАНО ПСЕВДОЭЛЕМЕНТОМ BEFOR */

/*.top-nav>.btn-group>.btn:nth-child(1)>a {

background: url(images/top_menu.png) no-repeat left center;

}*/
.reports:before, .references:before, .registers:before, .settings:before, .profile:before, .logout:before {
content: ' ';
position: absolute;
display: block;
top: 3px;
left: 0px;
height: 30px;
width: 38px;
}

.reports:before {
	background:url(images/all_icons.png) no-repeat 0px 0px;
}

.references:before {
	background:url(images/all_icons.png) no-repeat 0px -30px;

}
.registers:before {
	background:url(images/all_icons.png) no-repeat -3px -60px;
}

.settings:before {
	background:url(images/all_icons.png) no-repeat -3px -90px;

}

.profile:before {
	background:url(images/all_icons.png) no-repeat -3px -120px;

}

.logout:before {
	background:url(images/all_icons.png) no-repeat -2px -151px;

}


/* треугольный указатель активного элемента верхнего меню */
#user-nav > ul > li.btn.active:after {
	border: 8px solid #f65f06;
	border-color: transparent transparent #f65f06 transparent;
	bottom: 0;
	bottom: 1px\0/; /* ПИКСЕЛЬНОЕ ВЫРАВНИВАНИЕ ДЛЯ IE */
	content: "";
	height: 0;
	margin-left: 50%;
	left: -7px;
	position: absolute;
	width: 0;
}



/* активный пункт меню текст и иконка */
#user-nav > ul > li.btn.active a, #user-nav > ul > li.btn.active a > i {
	color: #3374ac;
	text-shadow: none;

}

/* активный пункт меню оранжевая плашка-подчеркивание */
#user-nav > ul > li.btn.active a {
	-webkit-box-shadow: inset 0px -3px 0px 0px #f65f06;
	-moz-box-shadow:    inset 0px -3px 0px 0px #f65f06;
	-ms-box-shadow:     inset 0px -3px 0px 0px #f65f06;
	-o-box-shadow:      inset 0px -3px 0px 0px #f65f06;
	box-shadow:         inset 0px -3px 0px 0px #f65f06;
	position: relative;
	top: -1px\0/; /* ПИКСЕЛЬНОЕ ВЫРАВНИВАНИЕ ДЛЯ IE */
    
	
}

/* НЕактивный пункт меню оранжевая плашка-подчеркивание */
#user-nav > ul > li > a, #user-nav > ul > li > a > i {
	color: #3374ac;
}
/* пункт меню при наведении текст и иконка */
#user-nav > ul > li:hover > a, #user-nav > ul > li:hover > a > i, #user-nav > ul > li.open > a, #user-nav > ul > li.open > a > i {

	background-color:   transparent;
	color: #3374ac;
}
/* пункт меню при наведении оранжевая плашка-подчеркивание */

#user-nav > ul > li > a:after {
	content: '';
	position: absolute;
	bottom: 0px;
	bottom: 1px\0/; /* ПИКСЕЛЬНОЕ ВЫРАВНИВАНИЕ ДЛЯ IE */
	left: 50%;
	height: 3px;
	background: #f65f06;
	width: 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

}


#user-nav > ul > li:hover > a:after {
	content: '';
	position: absolute;
	bottom: 0px;
	bottom: 1px\0/; /* ПИКСЕЛЬНОЕ ВЫРАВНИВАНИЕ ДЛЯ IE */
	left: 0;
	height: 3px;
	background: #f65f06;
	width: 100%;
}

/* ПИКСЕЛЬНОЕ ВЫРАВНИВАНИЕ ДЛЯ FF */

@-moz-document url-prefix() { 
    #user-nav > ul > li:hover > a:after { /* ВЫСОТА ИНТЕРАКТИВНОГО ПОДЧЕРКИВАНИЯ ДЛЯ FF */
        height: 4px;
    }
    #user-nav > ul > li.btn.active a { /* ВЫСОТА ПОДЧЕРКИВАНИЯ АКТИВНОГО ЭЛЕМЕНТА ДЛЯ FF */
		-moz-box-shadow:    inset 0px -4px 0px 0px #f65f06;
		box-shadow:         inset 0px -4px 0px 0px #f65f06;
		
	}
    #user-nav > ul > li.btn.active:after { /* УВЕЛИЧИВАЕМ РАЗМЕР УКАЗАТЕЛЯ ДЛЯ FF */
		border: 9px solid #f65f06;
		border-color: transparent transparent #f65f06 transparent;
		bottom: 0;
		left: -8px;
		
    }
}

/*=====================================================*/
/*=========ФЛАГ-ИКОНКА HELP , EXIT , STRETCH===========*/
#containerMain>a#help_ico,
#containerMain>a#exit_ico,
#containerMain>span#stretch_ico{
	position: absolute;
	width: 47px;
	height: 57px;
	-webkit-transition: top  ease-out 0.3s;
	-moz-transition: top ease-out 0.3s;
	-ms-transition: top ease-out 0.3s;
	-o-transition: top ease-out 0.3s;
	transition: top ease-out 0.3s;
	z-index: 100;
	cursor: pointer;
}
#containerMain>a#help_ico:hover,
#containerMain>a#exit_ico:hover,
#containerMain>span#stretch_ico:hover{
	top:0px;
	-webkit-transition: top  ease-out 0.3s;
	-moz-transition: top ease-out 0.3s;
	-ms-transition: top ease-out 0.3s;
	-o-transition: top ease-out 0.3s;
	transition: top ease-out 0.3s;
}

#containerMain>a#help_ico {
	top:-10px;
	right: 94px;
	background: url('images/ico_help.png') left bottom no-repeat;
}

#containerMain>a#exit_ico {
	top:-10px;
	right: 45px;
	background: url('images/exit_ico.png') left bottom no-repeat;
}

#containerMain>span#stretch_ico {
	top:-10px;
	right: -3px;
	background: url('images/fullscreen_ico2.png') left bottom no-repeat;
	
}

#containerMain>span#stretch_ico.active{
	background-position-x: -50px;
}

body .leftcontainer-stretch{
	position: fixed;
	left: -59px;
	right: inherit;
}
.containerMain-stretch{
	max-width: 1200px !important;
}

/* 
---------------
ВЕРСТАЕМ ЛЕВОЕ ПРОЗРАЧНОЕ МЕНЮ
---------------
*/
#sidebar > ul > li > a, #jPanelMenu-menu > ul > li > a {
padding: 10px 0 10px 15px;
display: block;
color: rgba(255,255,255,0.9);
font-size: 15px;

}
#sidebar > ul#sidebar_ul {
position: relative;
top: 0px;
padding-bottom: 70px;
padding-top: 30px;
}
#sidebar_light {
	
	height: 100%;
	width: 5px;
	position: absolute;
	left: -2px;
	top: -20px;
	min-height: 300px;
}

#sidebar_light:before, #sidebar_light:after {
	position: absolute;
	width: 5px;
	height: 144px;
	content: '';
}
#sidebar_light:before {
	top: 0;
	background: url('images/sidebar_top.png') center bottom no-repeat;
}
#sidebar_light:after {
	bottom: 0;
	background: url('images/sidebar_bottom.png') center bottom no-repeat;
}
#sidebar_light>div {
	position: absolute;
	left: 0;
	top: 144px;
	bottom: 144px;
	width: 5px;
	height: auto;
	background: url('images/sidebar_center.png') center center repeat-y;

}



/* 
---------------
МОБИЛЬНАЯ ВЕРСИЯ
---------------
*/
@media (max-width: 1290px) {
	#user-nav > ul > li > a {
		font-size: 14px;
		padding: 8px 12px 8px 38px;
	}
		#user-nav > ul > li > a > span.text {
		line-height: 22px; /* Для CHROME */
		line-height: 23px\0/; /* Для IE */

	}
			@-moz-document url-prefix() { /* Для MOZZ */
			
			#user-nav > ul > li > a > span.text {
				line-height: 22px;
				}
			#user-nav > ul > li > a {
				padding: 8px 12px 9px 38px;
				}
		}

		.btn-group>.btn:last-child {
		-o-border-bottom-right-radius: 0;
		-moz-border-bottom-right-radius: 0;
		-ms-border-bottom-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		border-bottom-right-radius: 0;
	}

}

@media (max-width: 1190px) {
	#user-nav > ul > li > a {
		font-size: 12px;
		padding: 7px 12px 8px 38px;
	}
	#user-nav > ul > li > a > span.text {
		line-height: 23px;  /* Для CHROME */
		line-height: 24px\0/; /* Для IE */

	}
	@-moz-document url-prefix() { /* Для MOZZ */
			
		#user-nav > ul > li > a > span.text {
			line-height: 22px;
			}
		#user-nav > ul > li > a {
			padding: 7px 12px 10px 38px;
			}
	}
	.btn-group>.btn:last-child {
		-o-border-bottom-right-radius: 0;
		-moz-border-bottom-right-radius: 0;
		-ms-border-bottom-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#containerMain>.top-nav {
		right: 20px;
	}
}


@media (max-width: 1020px) {
	body {
		padding: 0 !important;
	}
	#search { display: block; }
	#user-nav > ul > li > a > span.text {
		display: none;
	}
	#sidebar li.submenu > ul {
		display: none;
	}
	#containerMain>.top-nav {
		right: 30px;
	}
	#user-nav > ul > li > a {
		font-size: 16px !important;
	}

		/* уменьшаем ширину кнопок верхнего меню в мобильной версии чтобы не отображалась полоса-разделитель 
		и выстраиваем по-новому иконки */
	.reports:before, .references:before, .registers:before, .settings:before, .profile:before, .logout:before {
		width: 30px;
	}
	#topmenu>li {
			width: 40px;
			
	}
	#user-nav > ul > li > a {

		padding: 7px 0 9px 0;
	}
	#user-nav > ul > li.btn.active:after {
		left: -8px;
	}

	.reports:before {
		background-position: 1px 0px;
	}
	.references:before {
		background-position: 1px -30px;
	}
	.registers:before {
		background-position: -1px -60px;
	}
	.settings:before {
		background-position: -1px -89px;
	}
	.profile:before {
		background-position: -1px -119px;
	}
	.logout:before {
		background-position: -1px -150px;
	}

}


	/* 
	-----------------
	ДЕЛАЕМ ЛЕВОЕ МЕНЮ ДЛЯ МОБИЛЬНОЙ ВЕРСИИ
	-----------------
	оставляем #sidebar без дублирования, выдвигаем вправо UL с новым фоном с выводом по оси Z над #content
	 */
		
#sidebar_mobile_button {
display: none;

}
	


@media (max-width: 769px) { 
	


	#sidebar_mobile_button {
		display: block;
		overflow: hidden;
		visibility: visible;
		top: 0;
		left: 0;
		width: 43px;
		height: 100%;
		position: absolute;
		background:  #23abf0;
		background-image: -webkit-linear-gradient(270deg, #2688d1 0%, #23abf0 15%); 
		background-image: -moz-linear-gradient(270deg, #2688d1 0%, #23abf0 15%); 
		background-image: -ms-linear-gradient(270deg, #2688d1 0%, #23abf0 15%);
		background-image: -o-linear-gradient(270deg, #2688d1 0%, #23abf0 15%); 
		background-image: linear-gradient(270deg, #2688d1 0%, #23abf0 15%); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#277ec8, endColorstr=#23abf0); 
		border-top: 1px rgba(255,255,255,.5) solid;
		border-bottom: 1px rgba(255,255,255,.5) solid;
		cursor: pointer;
		display: block;

		
		
	}



	#sidebar_mobile_button:after {
		
		content: '';
		position: fixed;
		left: -12px;
		top: 150px; /* всегда сверху */
		/* стрелка по центру
		position: absolute;
		top: 50%;
		margin-top: -22px; */ 
		width: 0;
		height: 0;
		border: 22px rgba(255,255,255,.4) solid;
		border-color: transparent  rgba(255,255,255,.4) transparent transparent;
		-webkit-transition: all 0.5s ease-out 0.01s;
		-moz-transition: all 0.5s ease-out 0.01s;
		-ms-transition: all 0.5s ease-out 0.01s;
		-o-transition: all 0.5s ease-out 0.01s;
		transition: all 0.5s ease-out 0.01s;
	}
	#sidebar_mobile_button:hover:after {
		content: '';
		position: fixed;
		top: 150px; /* всегда сверху */
		left: 10px;
		/* стрелка по центру
		position: absolute;
		top: 50%;
		margin-top: -22px; */
		width: 0;
		height: 0;
		border: 22px rgba(255,255,255,.4) solid;
		border-color: transparent transparent transparent rgba(255,255,255,.4);
		-webkit-transition: all 0.5s ease-out 0.01s;
		-moz-transition: all 0.5s ease-out 0.01s;
		-ms-transition: all 0.5s ease-out 0.01s;
		-o-transition: all 0.5s ease-out 0.01s;
		transition: all 0.5s ease-out 0.01s;

	}
	
	/* 
	-----------------
	собственно само меню
	-----------------
	оставляем #sidebar без дублирования, выдвигаем вправо UL с новым фоном с выводом по оси Z над #content
	 */

/* проверяем свойство шаблона блокирующее вложенность */

	

	#sidebar > a {
		display: none !important;
	}
	#sidebar > ul > li.open.submenu > a {
    border-bottom: none !important;
	}
	#sidebar ul ul {
		position: relative !important; /* важное для правильного выстраивания свойство */
		left: 0px;
	}
	#sidebar > ul > li > a > span {
		display: inline;
	}

/* проверка окончена */



	#sidebar, .sidebar_mobile,  #sidebar_mobile {
		width: 263px; /* значение 263 - широкое, 43 - узкое, скрытое */
		min-width: 263px;
		bottom: 10px;
		position: relative;
		
		left: 0px; /* левый край - лучше не трогать */
		background-color:  #23abf0;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-bottom-right-radius: 8px;
		-ms-border-bottom-right-radius: 8px;
		-o-border-bottom-right-radius: 8px;
		border-bottom-right-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-top-right-radius: 8px;
		-ms-border-top-right-radius: 8px;
		-o-border-top-right-radius: 8px;
		border-top-right-radius: 8px;

	}

    


	#sidebar {
		z-index: 0; /* значение 101 - над контентом, 0 - под контентом */
	}

	
	.sidebar_mobile {
		z-index: 101 !important; /* присваиваем данный класс #sidebar-у чтобы сделать видимым меню */
		
	}

	#sidebar ul {
		position: relative;
		left: -220px; /* первоначальная скрытая позиция -220 */
		/*left: 43px;  Сдвиг вправо на ширину экшн-плашки */
		top: 1px;
		bottom: 0;
		width: auto;
		height: 100%;
		display: block;
		max-width: 220px;
		transition: all 1s;
		
		
	}
	
	#content {
		width: 100%;
		min-width: 680px; /* возвращаем сдвинутый контент на место */
		left: -220px;  /* возвращаем сдвинутый контент на место */
		right: 0px;
		
		
	}  
							/* 
							    @-moz-document url-prefix() { хак для FF в мобильной версии - вариант с position: absolute
							не работает по причине разности высоты контента и сайдбара, поэтому возвращаемся к table-cell и ище другие варианты решения

							      #sidebar, #sidebar_mobile {
							            position: absolute;
							            display: block;
							            top: 120px;
							            float: left;
							                       
							        }

							        #content{
							            left: 43px;
							            display:block;
							         
							        }

							    }


							}
							*/

                                    @-moz-document url-prefix() {

	                                        #sidebar {width: 43px;min-width: 43px;}
                                            #sidebar ul {width:0px;max-width:0;}
                                            
                                            
                                            .sidebar_mobile ul li {background:  #23abf0 !important; min-width: 200px;}

                                                                    .sidebar_mobile {
                                                                        min-height:300px;
                                                                    }
                                                           
                                                                .sidebar_mobile>ul:before {
                                                                    content: ' ';
                                                                    display:block;
                                                                    background: #23abf0;
                                                                    height:20px;
                                                                    width:200px;
                                                                    min-width: 200px;
                                                                    		                                                                                                                                     -webkit-border-top-right-radius: 8px;
		                                                                    -moz-border-top-right-radius: 8px;
		                                                                    -ms-border-top-right-radius: 8px;
		                                                                    -o-border-top-right-radius: 8px;
		                                                                    border-top-right-radius: 8px;
                                                                }
                                                                .sidebar_mobile>ul:after {
                                                                    content: ' ';
                                                                    display:block;
                                                                    background: #23abf0;
                                                                    height:20px;
                                                                    width:200px;
                                                                    min-width: 200px;
                                                                    		-webkit-border-bottom-right-radius: 8px;
		                                                                    -moz-border-bottom-right-radius: 8px;
		                                                                    -ms-border-bottom-right-radius: 8px;
		                                                                    -o-border-bottom-right-radius: 8px;
		                                                                    border-bottom-right-radius: 8px;
                                                                           

                                                                }
                                                                            
                                                                  

		                                                          #sidebar > ul#sidebar_ul {
                                                                    padding-bottom: 0px;
                                                                    padding-top: 0px;
                                                                    position: relative;
                                                                    top: 0;
                                                                }
                                                                    #sidebar_light {
                                                                        z-index:-100;
                                                                        
                                                                    }
                                            }

}

@media (min-weight:769px;) {
    #sidebar_ul {
        left: 0px !important;
    }
}
/*
----------------
СВОЙ СЧЕТЧИК ВЛОЖЕННЫХ ЭЛЕМЕНТОВ
----------------
 оставляем старый счетчик вложенных элементов */
#sidebar > ul > li > a > .label, #jPanelMenu-menu > ul > li > a > .label {
/*display: none;*/
background: none;
box-shadow: none;
position: relative;
}
/* ставим псевдо стиль с + и - перекрывающий счетчик сверху */
.ng-scope>a>.label:after {
	display: block;
	background: #2987c9;
	position: absolute;
	top: 3px;
	right: 0;
	content: '+';
	color: #fff;
	font-size: 13px;
	
	padding: 0px 2px;
	border: 1px #3374ac solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) ;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) ;
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.3) ;
	-o-box-shadow: 0 1px 0 rgba(255,255,255,0.3) ;
	box-shadow: 0 1px 0 rgba(255,255,255,0.3) ;

}
.ng-scope.open>a>.label:after {
	content: '–';
	padding: 0px 2px 1px 2px;
}
#header {
	background: none;
	height: 129px;
	box-shadow: none;
	border-bottom: none;
	z-index: 0; /* ССЫЛКУ НА ГЛАВНУЮ СТРАНИЦУ ДЕЛАЕМ КЛИКАБЕЛЬНОЙ */
}


/* 
*********************
ПРАВИМ ХЛЕБНЫЕ КРОШКИ
*********************
 */
#breadcrumb {
	padding-left: 0px;
	background-color: #e4e2e7;
	box-shadow: inset 0px 1px 0px #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	position: relative;
	overflow: hidden;

}

#breadcrumb a {
	position: relative;
	font-size: 15px;
	color: #3374ac;
	padding: 8px 20px 8px 10px;
	margin-left: -5px;
	display: inline-block;
	background: transparent url('images/breadcrumb_.png') right 14.5px no-repeat;
	font-weight: normal;
	z-index: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;

}

#breadcrumb a:first-child {
	margin-left: 0px;
	padding-left: 12px;
}

#breadcrumb a:hover {
	
	color: #fff;

}
#breadcrumb a:before {
	content: '';
	position: absolute;
	background: #f65f06 url('images/breadcrumb_.png') 50% -65px /* чтобы указатель появлялся снизу вместе с плашкой - right 14.5px */ no-repeat;
	height: 0px;
	left: 0;
	right: 0;
	bottom: 0px;
	width: 100%;
	z-index: -1;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#breadcrumb a:hover:before {
	content: '';
	position: absolute;
	background: #f65f06 url('images/breadcrumb_.png') right -25.5px no-repeat;
	height: 100%;
	bottom: 0px;
	width: 100%;
	z-index: -1;
}
#breadcrumb a:last-child:before {
	background: none;
	background-color: transparent;
}
#breadcrumb a:last-child:after, #breadcrumb a:last-child:hover:after, #breadcrumb>a.ng-scope:after, #breadcrumb>a.ng-scope:hover:after  {
	
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
	z-index: 200;
}
#breadcrumb a:last-child, #breadcrumb>a.breadCrubsNolink {
	font-weight:  normal;
	color: #666;
	cursor: text;
}
#breadcrumb a:last-child:before, #breadcrumb>a.breadCrubsNolink:before {
	background: none;
	background-color: transparent;
}
#breadcrumb a i {
	position: relative;
	margin-right: 5px;
	font-size: 18px;
	opacity: .9;
	line-height: 18px;
	vertical-align: middle;
	top: -1px;
}
/* ДЕЛАЕМ НЕАКТИВНОЙ ХЛЕБНУЮ КРОШКУ, КОТОРАЯ ЯВЛЯЕТСЯ ЛИШЬ ПАПКОЙ-РОДИТЕЛЕМ ДЛЯ ВЛОЖЕННЫХ ЭЛЕМЕНТОВ */

/* КНОПКА ВВЕРХ */
.toTop {
	position: fixed;
	width: 60px;
	height: 60px;
	right: 20px;
	bottom: 20px;
	background: rgba(51,116,172,.7);
	cursor: pointer;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	z-index: 999999;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	-ms-transition: background .5s ease;
	-o-transition: background .5s ease;
	transition: background .5s ease;
}
.toTop:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 10px;
	width: 0px;
	height: 0px;
	border: 20px #fff solid;
	border-color: transparent transparent rgba(255,255,255,.4) transparent; 
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	-o-transition: border-color .5s;
	transition: border-color .5s;
}
.toTop:hover {
	background: rgba(51,116,172,1);
}
.toTop:hover:after {

	border-color: transparent transparent rgba(255,255,255,.8) transparent; 
}

/* сгруппированная кнопка (выподающий список) */
.btn {
	font-weight: normal;
}
.btn .caret {
margin-left: 7px;
}
.btn-default {
	color:#3374ac;
	background: #f8fcff url('images/top_nav_bg.png') left -4px repeat-x;
	border:  1px #fff solid;
	-webkit-moz-box-shadow: 0px 0px 2px 0px #3374ac;
	-moz-moz-box-shadow: 0px 0px 2px 0px #3374ac;
	-ms-moz-box-shadow: 0px 0px 2px 0px #3374ac;
	-o-moz-box-shadow: 0px 0px 2px 0px #3374ac;
	box-shadow: 0px 0px 2px 0px #3374ac;

}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {

	color:#fff;
	background: #23abf0 !important;
	border:  1px rgba(255,255,255,1) solid;
	-webkit-moz-box-shadow: 0px 0px 2px 0px #3374ac;
	-moz-moz-box-shadow: 0px 0px 2px 0px #3374ac;
	-ms-moz-box-shadow: 0px 0px 2px 0px #3374ac;
	-o-moz-box-shadow: 0px 0px 2px 0px #3374ac;
	box-shadow: 0px 0px 2px 0px #3374ac;
	
}
.btn-default .caret {
	border-top-color: #3374ac;
}
.btn-default:hover .caret, .btn-default:focus .caret, .btn-default:active .caret, .btn-default.active .caret {
	border-top-color: #fff;
}

.dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	background-color: #23abf0;
    color: #fff;
}

/* проджолжаем тему кнопок (enable-disable) */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	pointer-events: none;
	cursor: default;
	opacity: 0.7;
	/*filter: alpha(opacity=0);*/ /*пришлось это свойство убрать, так как не читается в IE9 в данном проекте*/
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #eee;
	color: #666;
	border: 1px #ccc solid;
}
.btn-inverse {
	background: #f65f06;
	border-color: #ca6326;
}
.btn-inverse:hover {
	background: #f65f06;
	border-color: #ca6326;
	-webkit-box-shadow: inset 0 0px 15px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 0px 15px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: inset 0 0px 15px 5px rgba(0,0,0,0.1);
	-o-box-shadow: inset 0 0px 15px 5px rgba(0,0,0,0.1);
	box-shadow: inset 0 0px 15px 5px rgba(0,0,0,0.1);
	
}

/* исправляем разорванный список выподающего меню 
добавили в скрипт SELECT2.JS "-20"
dropTop = offset.top + height - 20,

*/
.select2-drop.select2-drop-above.select2-drop-active {
border-top: 1px solid #aaa;
}


.btn-group>.btn:last-child {
	-o-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-ms-border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* 
---------------
НОВАЯ ВЕРСТКА 30.05.2014 окончена
---------------
*/



#sidebar > ul > li > a:hover, #sidebar > ul ul li a:hover, #sidebar > ul > li.active > a {
	background: none;
	color: #fff;
}

#sidebar > ul ul li.active a, #sidebar > ul > li, #sidebar > ul ul, #sidebar > ul, #sidebar > ul li:last-child {
	background: none;
	border: none;
	box-shadow: none;
}

#sidebar > ul > li.active {
	background: none;
	box-shadow: none;
}

#sidebar > ul ul li a {
	border: 1px dotted rgba(255, 255, 255, 0.4);
	border-width: 0 0 0 1px;
	color: rgba(255, 255, 255, 0.95);
	margin-left: 10px;
	padding: 10px 10px 10px 20px;
}

#sidebar > ul ul li.active a {
	border: 1px dotted rgba(255, 255, 255, 0.4);
	border-width: 0 0 0 1px;
	color: #fff;
	position: relative;
	
}

#sidebar > ul ul li.active a:after {
	border: 6px solid rgba(255, 255, 255, 0.5);
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
	content: "";
	height: 0;
	left: 0;
	margin-top: -6px;
	position: absolute;
	top: 50%;
	;
	width: 0;
	;
}

#sidebar > ul ul { border-top: 1px solid rgba(255, 255, 255, 0.15); }

#sidebar ul li { list-style-type: none; }

#sidebar > ul > li {
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-width: 0 0 1px 0;
}

#sidebar > ul > li > a { padding: 10px 10px 10px 15px; }

#content > .ng-scope { padding: 20px 10px; }

.btn:active, .btn.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}






#header h1 {
	height: 50px;
	top: 15px;
}

#header h1 a { 
	float: left;

 }

#search a {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	margin-top: 7px;
	text-decoration: underline !important;
	cursor: pointer;
}

#search a:hover { color: #fff; }

#search span {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	margin-top: 7px;
}



#logo img { width: auto; }

.pagination {
	border-radius: 4px;
	display: inline-block;
	margin: 0px 0;
	padding-left: 0;
}

.table-pagination { margin-bottom: 5px; }

.input-group-btn > .btn { margin-top: 0px; }

.before-pagination { margin-bottom: 0px; }

.select-small {
	padding: 0px;
	width: 45px;
}

.input-small { width: 45px; }

/*Адреса сервисов СГО*/
	.address-status-ok { background-color: #dff0d8 !important }

	.address-status-unknown { background-color: #fcf8e3 !important }

	.address-status-negative { background-color: #f2dede !important }

	.ractive .address-status-ok { background-color: #dff0d8 !important }

	.ractive .address-status-unknown { background-color: #fcf8e3 !important }

	.ractive .address-status-negative { background-color: #f2dede !important }


.ie {
	display: none;
}

/*Фикс ширины для комбобокса select2*/

div.select2-container {
	width: 100%;
	max-width: 563px;
}

.dl-horizontal dt 
{
    white-space: normal;
}

/************************************/
.limit-wrapper {
	padding: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	background: #fcfcfc;
	border: 1px solid #bcbcbc;
	-webkit-box-shadow: inset 0 0 16px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 0 16px rgba(0,0,0,.15);
	-o-box-shadow: inset 0 0 16px rgba(0,0,0,.15);
	-ms-box-shadow: inset 0 0 16px rgba(0,0,0,.15);
	box-shadow: inset 0 0 16px rgba(0,0,0,.15);
	position:relative;
	overflow: hidden;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.limit-wrapper > div {
	border: 1px solid #e0e0e0;
	position: relative;
	overflow-x: auto;
	background: #fcfcfc;
	width: 100%;
	display: block;
}
.limit-wrapper table {
	margin-bottom: 0px;
}

/*Workplace*/
.ractive { background-color: #d9edf7 !important; }
.widget-title > .icon { cursor: pointer; }

@media only screen and (min-width: 770px) {
	#sidebar > ul#sidebar_ul {left: 0px !important;}
}

/*Стиль для списка статусов*/
ul.list-group > li.list-group-item > span {padding-right: 18px;}

ul.list-group > li.list-group-item > a.pull-right {
	position: absolute;
	right: 14px;
	bottom: 10px;
}

.link-btn {cursor: pointer;}

.form-horizontal .form-actions {
	padding: 10px 40px 10px 40px;
	text-align: center;
}
.edit-rights-not, .edit-rights {
	margin-top: 15px;
}
.edit-rights-not {
	max-height: 300px; 
	overflow-x: hidden;
	overflow-y: scroll;
}
.edit-rights{

}

/*================================================*/
/*адаптивность для странницы "Редактирование роли"*/
@media only screen and (max-width: 1200px) {


}

.ui-igcombo-list {
    overflow-y: auto !important;
}

    /**/

.ui-igcombo-list ul > li {
    /*border-bottom: 1px solid black!important;*/
    height: auto !important;
    white-space: normal !important;
}

.site-stats li {
    cursor: default;
}

.ractive {
    background-color: #d9edf7 !important;
}

.label-aligned {
    display: inline-block !important;
    vertical-align: middle;
}

.input-aligned {
    display: inline-block;
    margin-bottom: 0 !important;
    vertical-align: middle;
}


/*========================================================*/
/*стили для новой вёрстки фильтров на страннице "реестров"*/
/*========================================================*/
/*06.08.2015*/
.filters-wraper {
	position: relative;
}
/*фильтр*/
.filters-wraper > ul .input-group .select2-container {
	/*padding-right: 110px;*/
	border-radius: 0 4px 4px 0 !important;
}
.filters-wraper > ul .form-group div.select2-container {
	max-width: none;
	margin-top: 5px;
}
.filters-wraper > ul .form-group .controls{
	margin-left: 260px;
}
.filters-wraper > ul .form-group .control-label{
	width: 231px;
}

/*кнопка "закрыть" в фильтрах*/
.filters-wraper > ul .list-group-item.ng-scope .btn.btn-default.pull-right {
	margin: 10px 0;
}
.select2-search {
	padding-top: 4px;
}
.filters-wraper > ul > li:last-child {
	padding-bottom: 70px;
}

/*========================================================*/
/*колонки на страннице "реестров"=========================*/
/*========================================================*/
.ui-icon.ui-icon-check.ui-igcheckbox-normal-on {
	float: left;
}
/*кнопка "применить"*/
.filters-wraper .button-wraper {
	/*ошибка 13049*/
	margin-bottom: 60px;
	margin-top: -73px;

	width: 100%;
	height: 34px;
	position: relative;
}
.filters-wraper .button-wraper > button {
	height: 34px;
	margin: 0 auto;
	float: none;
	display: block;

	/*============*/
	/*старые стили*/
	/*position: absolute;*/
	/*bottom: 9px;*/
	/*left:50%;*/
	/*position: absolute;
	bottom: 9px;
	right: 16px;
	padding: 9px 12px;
	border-radius: 0 4px 4px 0 !important;*/
	/*visibility: hidden;*/
}

/*===========================================================*/
/*==Стили таблицы для странницы "реестров"*/
/*===========================================================*/
.table-scroll-wrapper {
	overflow-y: auto;
}
.table-scroll-wrapper table#registerGrid {
	/*table-layout: auto !important;*/
}
.table-scroll-wrapper table#registerGrid th {
	min-width: 110px;
	min-height: 60px;
	position: relative;
}
.table-scroll-wrapper table#registerGrid th .ui-iggrid-indicatorcontainer {
	position: absolute;
	top: 0px;
	right: 0px;
	background: #555555;
}
.table-scroll-wrapper table#registerGrid th .ui-iggrid-indicatorcontainer .ui-iggrid-hiding-indicator {
	font-size: 17px;
}
.table-scroll-wrapper table#registerGrid th.ui-iggrid-rowselector-class .ui-igcheckbox-normal{
	margin-top: 2px;
}
.table-scroll-wrapper table#registerGrid th[data-skip="true"], .table-scroll-wrapper table#registerGrid th.ui-iggrid-rowselector-class {
	width: 60px;
	min-width: 60px;
}
.table-scroll-wrapper table#registerGrid th.ui-state-hover .ui-iggrid-indicatorcontainer{
	background: #48C;
}

/*========================================================*/
/*сбросить и установить новые стили для ==================*/
/*странницы "Сводные данные для расчета показателей"======*/
/*========================================================*/
.input-reset .control-label{
	width: auto;
	text-align: left;
}
.input-reset .controls{
	margin-left:0;
	padding: 10px 0 10px 0;
}

/*=========================================================*/
/*переопределяем стили для экрана "запуск комплектования"==*/
/*=========================================================*/

.overridable-group .input-group{
	display: block;
}
.overridable-group .input-group input, .overridable-group .input-group select {
	border-radius: 4px !important;
}
.overridable-group .input-group select {
	margin-bottom: 10px;
}

#registerGrid_hiding_modalDialog_reset_button {
    display: none;
}

/*=========================================================*/
/*переопределяем стили для экрана "Ручное комплектование"==*/
/*=========================================================*/
.dl-horizontal-wrapper .dl-horizontal dt{
	width: 200px;
}
.dl-horizontal-wrapper .dl-horizontal dd {
	margin-left: 220px;
}

/*=========================================================*/
/*Ошибка ads:4000/issues/13043 ============================*/
/*=========================================================*/
.ui-iggrid-dialog {
	min-width: 201px !important;
	min-height: 143px !important;

}
.ui-iggrid-dialog .ui-dialog-content {
		min-height: 50px !important;

}
/*=========================================================*/
/*Ошибка елеуловимая в фильтрах. Проявляется только когда***/
/* в select-у нет элементов.	===========================*/
/*=========================================================*/
.filters-wraper .list-group .ng-hide{
	display: block !important;
}
.filters-wraper .list-group .ng-hide .input-group{
	display: none;
}
/*=========================================================*/
/*Выравнивание стрелки в "сортировать по нескольким"=======*/
/*=========================================================*/
.ui-iggrid-sorting-dialog-sortedcolumns .ui-widget-content .ig-sorting-indicator{
	margin-top: 0;
}
/*=========================================================*/
/*Ошибка 14091, исправление ошибки для конкретного=========
  случая, возможно где-то может всплыть, если это случится,
  то нужно создавать дополительный класс===================*/
/*=========================================================*/
.table-bordered > tbody > tr > td.ng-binding + .ng-binding {
	-ms-word-break: break-all;
	word-break: break-all;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
	 display: block;
}

.ellipsis-td {
	text-overflow:ellipsis;
	overflow: hidden;
	max-width: 0;/* - ТАНЦЫ С БУБНОМ, РЕШАЮЩИЕ ПРОБЛЕМУ действия стиля ellipsis в таблице*/
}
/* http://redmine.ir-tech.ru/issues/16431 */
.fixedWidth, .fixedWidth span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form-small .controls {
    margin-left: 120px;
}

.form-medium .control-label {
    width: 180px;
}

.form-medium .controls {
    margin-left: 200px;
}

.form-xlarge .control-label {
    width: 240px;
}

.form-xlarge .controls {
    margin-left: 260px;
}

.form-group .form-group-footer {
	display: table-caption;
	caption-side: bottom;
}

.form-group-footer div {
	display: table-cell;
	width: 100%;
}

.form-group-footer div div {
	display: block;
}

.login.active-custom #logo > div{
	display:block;
}
.login.active-custom #logo > div > p{
	color: #fff;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 18px;
}

.deleted-entity {
    text-decoration: line-through !important;
}

.td-align-left {
    text-align: left;
}

.attention {
	color: #f65f06;
	text-decoration-style: solid;
}

.mb0 {
	margin-bottom: 0;
}

.form-group-custom1 div.select2-container{
        width: 70%;
}
@media only screen and (max-width: 900px){
    .form-group-custom1 div.select2-container{
         width: 100%;
    }
    .form-group-custom1 button.btn{
        margin-top: 10px !important;
    }
}

/*Исправление многострочного заголовка виджета #22028 */
.widget-long-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	white-space: nowrap;
}
.widget-long-title > h5 {
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 25px;
	width: 100%;
    overflow: hidden;
	text-overflow: ellipsis;
}

/*Start table Fixed th columnWidth */

.table-fixed-columns>thead>tr>th{
  position: relative;
}
.table-condensed thead>tr>th, 
.table-condensed tbody>tr>th, 
.table-condensed tfoot>tr>th, 
.table-condensed thead>tr>td, 
.table-condensed tbody>tr>td, 
.table-condensed tfoot>tr>td {
    padding: 5px;
}
.table-fixed-columns>thead>tr>th>div,
.table-fixed-columns>tbody>tr>th>div, 
.table-fixed-columns>tfoot>tr>th>div, 
.table-fixed-columns>thead>tr>td>div, 
.table-fixed-columns>tbody>tr>td>div, 
.table-fixed-columns>tfoot>tr>td>div{
  width: 100px;
}
.table-fixed-columns>thead>tr>td, 
.table-fixed-columns>tbody>tr>td, 
.table-fixed-columns>tfoot>tr>td{
  vertical-align: middle;
  text-align: center;
}

.table-fixed-columns>tbody>tr>td.ng-binding + .ng-binding{
  -ms-word-break: normal;
  word-break: normal;
}
.tooltip.bottom{
  margin-top: -18px;
}

.text-see-more{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: rgb(51, 116, 172);
    cursor: pointer;
    text-decoration: underline;
}

.table-fixed-columns>thead>tr>th {
	vertical-align: middle;
}

.esia #loginbox {
    height: 340px;
}

/*End table Fixed th columnWidth */
/*Logo*/

#header h1 {
    background: none no-repeat scroll 0 0 transparent;
    line-height: normal;
    height: auto;
    height: initial;
}

#header h1 a {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#header h1 a img {
    width: 65px;
    height: 50px;
    }

#header h1 a span,
.login.active-custom #logo > div > p {
    font-family: 'Roboto', Arial, Helvetica, "Century Gothic", Verdana, sans-serif;
    font-size: 16px;
    font-weight: 100;
    margin-top: 4px;
    margin-left: 2px;
    letter-spacing: 1px;
    line-height: 1.3;
    opacity: 1;
    color: #fff;
    }

.login.active-custom #logo > div > p {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 5px;
}

/* form-custom-row */
.form-inline .form-custom-row {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto 1fr;
    -webkit-column-gap: 4px;
    column-gap: 4px;
    grid-template-areas: "l1 l2 l3" "i1 i2 i3" "s1 s1 s1";
}

@media (max-width: 992px) {
	.form-inline .form-custom-row {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "l1 l2" "i1 i2" "l3 ." "i3 ." "s1 s1";
	}
}

@media (min-width: 768px) {
	.form-inline .form-custom-row {
		display: grid;
	}
}

@media (max-width: 769px) {
	.form-inline .form-custom-row > input[type="text"] {
		margin-bottom: 15px;
	}
}


.form-custom-row > *:nth-child(1) {
	grid-area: l1;
}

.form-custom-row > *:nth-child(2) {
	grid-area: i1;
}

.form-custom-row > *:nth-child(3) {
	grid-area: l2;
}

.form-custom-row > *:nth-child(4) {
	grid-area: i2;
}

.form-custom-row > *:nth-child(5) {
	grid-area: l3;
}

.form-custom-row > *:nth-child(6) {
	grid-area: i3;
}

.form-custom-row > *:nth-child(7) {
	grid-area: s1;
}