/*Начнем с того, что обуздаем IE1* на предмет всякой нечисти в полях ввода*/input::-ms-clear {display: none;}/*	Теперь наши стили*/#global-ajax-indicator{	position:fixed;	z-index:10000; 	top:5px; 	left:-22px; 	margin: auto 50%; 	width: 43px; 	height:11px; 	background-image:url("../../images/ajax-loader-4.gif");}/***********************************	Глобальная маска***********************************/.loadmask{		/*!!Нельзя, т.к. для форм, встроенных в страницу, маска делается на весь экран	position: fixed;*/    /*-moz-opacity: 0.5;    opacity: .50;    filter: alpha(opacity=50);*/	/*width: 10000px;	height: 10000px;    background: transparent;*/}.loadmask-image{}.loadmask-msg {    z-index: 9999;    position: absolute;    top: 50%;    left: 50%;	border: 0px;	background: transparent;}.loadmask-msg div {	position: relative;	/*left: -50%;	top: -33px;*/	text-align: center;	    padding: 0;	min-width: 66px;	min-height: 66px;    background: transparent url('../images/ajax-loader.gif') no-repeat;    background-position: center center;    line-height: 66px;	border: 0px;		font-size: 14pt;}/*[gdr]*//*	.loadmask{		height: 2000px;	}*/body.masked {	overflow: hidden !important;	/*overflow: auto !important;*/	}body > div.loadmask{	/*position: fixed;*/}/*Для мобильных устройств скроллер будет у body*/@media only screen and (max-device-width: 600px){	/*body.masked {		overflow: auto !important;	}*/		/*.loadmask{		height: 2000px;	}*/}/***********************************	Плавающая панель и ее маска	В отличие от глобальной аджастится под размеры панели, а не документа	Т.е. при сужении размеров окна, скроллеры появятся только когда окно станет меньше панели, а не всего окна***********************************//*Плавающая панель*/.x-floating {	/*-webkit-box-shadow: 0px 0px 10px #ddd;	-moz-box-shadow: 0px 0px 10px #ddd;	box-shadow: 0px 0px 10px #ddd;*/	position: absolute;	padding-bottom : 50px;}.x-floating-mask{	/*position: absolute;*/	position: fixed;	top: 0;	left: 0;	min-height: 100%;	min-width: 100%;	/*Для IE, чтобы показывал скроллеры	*/	height: 100%;	width: 100%;			background: rgba(0,0,0, 0.25);	/*margin-bottom: 50px;*/	/*overflow-y: auto;*/	overflow: auto;	z-index: 101; /*над loadmask*/}/*Для мобильных устройств скроллер будет у body*/@media only screen and (max-device-width: 1280px){	/*приоритет - глобальная маска*/	/*.x-floating-mask{		overflow: inherit !important;	}*/}/*Скрытые элементы (для строк таблиц)*/.x-hidden{	display: none;}/***********************************	Подсветка***********************************/.x-highlight{	opacity: 0.5;}.x-highlight:hover{	opacity: 1;}/***********************************	Слой***********************************/.x-layer{	z-index: 10000;}/***********************************	Декорации***********************************//*Ссылка как кнопка*//*.button-ref{	cursor: pointer;}.button-ref:hover{	opacity: 0.5;}*//***********************************	Layouts***********************************/.layout-fit{	overflow: auto !important;}/***********************************	Слои***********************************/.x-layer{	display: table; /*чтобы выровняться по содержимому*/}/*Элементы, которые видны только при наведении мышкиПри наведении мышкой на контейнер, элементы класса x-hover станут видны*/.x-hover-container .x-hover{	visibility: hidden;}.x-hover-container:hover .x-hover{	visibility: visible;}/***********************************	Панели***********************************/.x-panel{	/*overflow: hidden;*/	margin: 0px;	padding: 0px;	text-align: left;	}.x-panel-title{    margin-top: 0;	text-align: left;	border: none;	text-decoration: none;	overflow: visible;		/*Для позиционирования кнопки закрытия в заголовке панели*/	position: relative;}.x-panel-title-buttons{	position:absolute;	right: 0px;	top: 0px;}.x-panel-title-buttons div{	text-align: center;	vertical-align: middle;	cursor: pointer;}.x-body{	/*overflow: hidden; --убрали потому что в отчетах панель отчета широкая и получается без скроллера */	vertical-align: top;}/***********************************	Форматирование элементов***********************************//***********************************	Формы***********************************/.x-form{}.x-form .x-buttons{	text-align: center;}/*.x-form*/ .x-button{	vertical-align: middle;}.x-form-item{	/*вместо clear:both, который портит форму, разбивая ее*/	display: table;	width: 100%;		margin: 0;	/*padding: 0;*/	margin-bottom: 5px;	/*padding-left: 5px;*/    vertical-align: middle;	/*min-height: 30px; - !!!непонятно зачем было*/	/*clear: both; - !!!непонятно зачем было*/}.x-form-item label {    /*float: left;    width: 150px;*/	/*height: 30px;	line-height: 30px;*/	line-height: 2em;	font-size: 1em;}.x-form-field-wrapper{    display: block;	margin-right: 0px; /*паддинг поля*/    vertical-align: top;    position: relative;    /*margin-left: 160px; /*отступ для метки + паддинг поля*/    /*min-height: 30px; - !!!непонятно зачем было*/	/*min-width: 30px; /*!! в Chrome checkbox имел ширину 0*/}/*враппер для тега input и textarea (чтобы не влиять на select)*/.x-form-field-wrapper-with-input{	/*margin-left: 5px; /*для метки сверху над полем. Если метка слева, то перекроется далее*/	/*margin-right: 7px; /*паддинг поля*/}.x-form-field-wrapper-with-trigger{	margin-right: 0px; /*паддинг поля*/}/*враппер для кнопок-триггеров*/.x-form-trigger-wrapper{    position: relative;}/*кнопка-триггер*/.x-form-trigger{	position: absolute;	z-index: 1;	background-position: 50% 50% !important;	background-repeat: no-repeat !important;	padding: 0 !important; /* имеет приоритет над стилем x-button */	}.x-form-trigger > img{	vertical-align: middle !important; /*у кнопок с текстом иначе, top*/}.x-trigger-prev{	left: 0px;	right: inherit;}.x-form-field {	margin: 0;    display: block;    width: 100%;	/*box-shadow: 1px 1px 2px #ddd;*/	box-shadow: none; /*в FF обязательные поля обводятся красной рамкой*/	/*Хитрая конструкция, исправляет кривизну поля (если у поля padding, то оно выезжает немного из враппера)*/    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */    -moz-box-sizing: border-box;    /* Firefox, other Gecko */    box-sizing: border-box;         /* Opera/IE 8+ */	}.x-form-field:focus{	/*border: 1px solid #888;*/	/*background: #fff;*/	/*background: #f1f1f1;*/	/*box-shadow: 2px 2px 4px #ddd;*/	}input.x-form-field, textarea.x-form-field{	padding: 0 0.5em;	}textarea.x-form-field{	font-size: 1em;	/*box-shadow: 1px 1px 1px #888 inset;*/}input.x-form-field:required, select.x-form-field:required , textarea.x-form-field:required {	/*border-color: pink;	border-width: 2px;*/	/*color: #220000;*/	/*background-image: url(../../images/red-corner.png);	background-repeat: no-repeat;*/	border-left: 0.3em solid orange !important;	/*background-color: #fff5f5;*/	/*убираем розовую обводку в firefox*/	box-shadow: none;	/*и в IE убираем рамку*/	outline: none;}input.x-form-field[type=checkbox]{	width: inherit; /*!! в Chrome checkbox имел ширину 0*/}/*input.x-form-field[readonly], select.x-form-field[readonly], textarea.x-form-field[readonly]{	color: #888;}*/input.x-form-field:disabled , select.x-form-field:disabled, textarea.x-form-field:disabled {	color: #888;	/*color: black; /*итак приглушается браузером, так что будет серым*/	background: white;}/*все поля ввода, кроме чекбокса, радио, textarea)*/.x-form-field-input{    /*благодаря свойству box-sizing*/	font-size: 1em;	line-height: 2em;	height: 2em;		/*line-height: 28px;    height: 28px;*/	/*box-shadow: 1px 1px 2px #ddd;*/}.invalid-field {	border : 2px solid pink;}.x-form-field-error {    color: #CC0033;    display: block;    vertical-align: top;    width: auto;}/*Ну это способ такой, чтобы поле заняло все по своей высоте*/.x-div-clear{	clear: both;	/*display: inline; вот эта хрень глючила когда триггеры - текст ошибки не обтекал их даже*/ }/*Выравнивание текста метки поля*/.x-label-align-left label{	text-align: left;}.x-label-align-center label{    display: block;	text-align: center;}.x-label-align-right label{    display: block;	text-align: right;}/*Расположение метки поля*/.x-label-position-left{	/*padding-top: 5px;*/}/*Метка поля слева, и при этом сам инпут сдвигается*/.x-label-position-left label{    float: left;    width: 150px;}.x-label-position-left .x-form-field-wrapper{    margin-left: 160px; /*отступ для метки + паддинг поля*/}/*input, в отличие от других полей ввода (select, textarea) нужно сдвигать*//*.x-label-position-left .x-form-field-wrapper-with-input{    margin-left: 160px;}*/.x-label-position-left .x-form-field-error{    /*margin-left: 160px;*/	text-align: right;}/*Это в основном для чекбоксов*/.x-label-position-right label{    float: right;    width: 150px;	padding-left: 10px;}.x-label-position-right .x-form-field-wrapper{    /*float: left;*/    margin-right: 160px; /*отступ для метки + паддинг поля*/}/*Для checkbox, radio, которые не растягиваются*/.x-form-field-wrapper-fixed{	float: left;	width: 25px;}.x-label-position-right .x-form-field-wrapper-fixed{	float: left;	margin-right: inherit;}/*.x-label-position-right .x-form-field-wrapper-fixed label{	float: left;}*//***********************************	Текст***********************************/.x-text-clip{	display: block;	overflow: hidden;	text-overflow: ellipsis;	-o-text-overflow: ellipsis;}/***********************************	Набор значений***********************************/.x-set, .x-set-container{	padding: 0;}/*Базовый стиль для элемента набора*/.x-set li{	display:block;	float: left;	margin-left:3px;	margin-bottom:3px;	padding: 3px;	cursor: pointer;}/*стандартная стилизация элемента набора*/.x-set-item{}.x-set-item:hover{/*	background: #fff;*/}/*по-колоночный вывод элементов*/.x-set-column{	display: table-cell;	max-width: 200px;	padding: 3px;		vertical-align: top;}/***********************************	Список***********************************/.x-autocomplete-list-item{	/*border-bottom: 1px solid #eee;*/}/*отметить искомое слово*/.x-autocomplete-term{	color: #0099FF;	font-weight: bold;}/***********************************	Таблицы***********************************/.x-table-wrapper{	overflow: auto;}.x-table{	margin: 0px;	padding: 0px;	border-spacing: 0;	border: 0;}/*Может быть вынесено в заголовок панели*/.x-rows-count{	border-radius: 5px 5px 5px 5px;	padding: 0 5px;	font-weight:bold;}.x-table > thead > tr > th{	padding: 10px;	text-align: center;}.x-table .sortable{	background-repeat: no-repeat;	background-position: center right;}.x-table > thead > tr > th span{	cursor: pointer;	text-decoration: none;}/*место для стрелок*/.x-table > thead > tr > th.sortable span{	margin-right: 10px;}.x-table > thead > tr > th span:hover{	color: wheat;}.x-table .sort{}.x-table .sort-asc{}.x-table .sort-desc{}.x-table-total{}/* Навигация по таблице*/.x-table-navigation{	background: transparent;}.x-table-navigation .x-table-cell{	padding: 0 0 0.3em 0 !important;}.x-table-navigation span{	display: block	padding: 0.5em;	float: left;}.x-table-navigation a{	color: #888;	display: block;	float: left;	line-height: 30px;	height: 30px;	min-width: 30px;	margin-left: 0.1em;	margin-right: 0.1em;	text-align: center;	cursor: pointer;	box-sizing: border-box;}.x-table-navigation select{	border: 1px solid #ccc;	font-size: large;	line-height: 30px;	height: 30px;	color: #888;}.x-table-navigation a:hover{	font-size: large;}.x-table-navigation-current{	font-size: large;	/*font-size: 12pt;*/	background-color: #ccc;	color: white !important;}.x-table > tbody > tr{	vertical-align: top;}.x-table > tbody > tr:hover{}.x-table > tbody > tr > td, .x-table-total > td{ 	padding: 10px;}.x-table > tbody > tr:nth-child(even){}/*.x-table-cell-wrapper{	position: relative;}.x-table-cell-group-button{}*//******************************************	Рейтинг******************************************/.star-off{	display: inline-block;    width: 16px;    height: 16px;    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAInSURBVDiNnZI/TBNhGMZ/vV7va3vXu4otYCSNxYIJhBhDAiZUEjdlcXJhAMKkCXFycyNOmJgYZiMDAWTBxdGlaU10hiJaSgKKloZE24Y7Kr3PgT8BQ5vos715/rxvvueDBsikU5cz6VRPI43aiASmgBhwq55AabA9GQqZw5FINJlJp4b/KSCTTnmB6eaWFqLRKMBUJp0yztN6/jL2Aq3AndbWSxPhC2GkdCmVynzf3p4DngOVgeTg2klAJp1KAO+AmK4b+DQflhVGDwbZrzpIKdE0DcepUtzZwXVr2LYN8AO4pwwkB3P5/MZ0KBSi81onbW1tBAICZ98GQEqJbduoqpf2q+10dfdgmibZ1ezrgeTgRy/A0tKb9zf7+2JCiBuqquI4NlJyElCrHeA4NgcHv9n+9pXl5ZW3o2PjI3CqxpXV1QemZcWFJm77g36qVQePRwEktVoNVfVRKe+Rz298yOXW75/7iDOvXsbj8Sv5REeCSqWConhwXYmULoYRIvdlnc3NrdjI6NjWuTU2NTUlgvphW16vghCCQCCAqh4equs6VtjqOO05EyCE6DF0AyECBIMG5fIev36WEELH7w9iWiZC0/pOe858ZVX1deuGQaFQYKdQyDmO80xKKsVi8Ulzc0vXxUgEn0/rrxsgpXv989qn/O7u7ovJyaczK9ls6YiaW5iffRiJRB8ritJLPczPzY7XJY+wuLjwaGjobvh49sjjwv8TfwCXtcZoRHu4ugAAAABJRU5ErkJggg==') 0 0 repeat-x;}.star-on{    display: inline-block;    width: 16px;    height: 16px;	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAHxSURBVDiNpZIxaNNBFMZ/7/5/i6k1xDa1CCYa0ii2HaQIGUToVBy03QQHuziqKLrUoSpOLhYSECcX3dpFp3RwFS2aQehQEoJFBYeKjW1qYu5/dw5pYgtJQPzg8R73vu/dd7yDLviQ3Z9YeRpKdOP43ZqnTsYyIiJQuNiN1xaF59HxWi5ia0sR+3VxaLwTT3VqxI8cmFOuLB5lGRwI3funAeVXh69gytOiQPmg7MbUdm5oph1XsjP0X5qIXPN7+054vkt5nk4p9avfkwqeD6LAGTD0YWzohzU9RRNIMahuF3JvN5741Tra1n5OmaB8hh5gXyPEBxyIgHNgTQWrK/1GkzaatA0kX62T8V6vUE8PsxCPMiHCURGQpj8H1jYc2ADs3/wuX2LycpZND2Bxmd/jCRYSg5wTiDfFzu2IzR7xm+UC5y88YhN2XQawdJdjpxOsKQ+Uary/ZcY2hhS/kTg7x1rbLeRLrBuNMxoCDUEdzE4OdKP++In1jmtMDTJiNGLq0IxgV200JKOM7Nbs+crDA4wZDa5hfxPhhQjOOWacJewcHD/EGPC+rYNwSI2agFrNHJwvbcWS8Vtcj93kxmo5lqzZ8LzRUvWQ0Y4OVqO3q0b1zk5ffZiBrdb55IMv34E7L5/d/+zbygA8bvXEOcf/4A98LtzAZGRLlgAAAABJRU5ErkJggg==') 0 0 repeat-x;}.star-half{    display: inline-block;    width: 16px;    height: 16px;	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAIVSURBVDiNlZFNSBRhGMd/887M665ru4u5gUZB1ib2cSijvAR1CRLJk0Jq3YQiyItXDboE3TQSIrpElHkTijp1WHZBo6CDlt8SSq1WNKvmbDPzznSwDaF2qz88h4fn93xDCb0aCO3JpFOHSzGiVLC+blc/MFiKKarp+1VH88/i/tTkuyCTTrX/9wS7qyO9IrC0RCIBcDOTTlX8cwFrZMcFlNWiCfADRXVNzU7gTiadasikU3VbWW3gIpVtp+JXjPKK/boRJHXdTQqxUalr6+gGfDmyhJSSfN7h08oKvq+wbRsgC7QYtoPr53PnlGcdQwLmpmkGEEAQBNi2jWlKavfWImWImelJRsdGH3d1XXqpAQx3EztZz3PdpFE3QTdAGCAEWI3vUcrD8zyklFhfLcbHJ56eb+9s/nWDtn5yLyY44yvSvgfKA+WC54Lj5HGc7wghWF/bYH5+YWx2dq71tyN23GLtzQKdhWTlbJrreiilME2T5eUsudxqa2/fNfuPX3g9xyflEhS6ew6Ew2EMwwAgEokQi8eSRd+YTHBAuWiF7sqBnLVKWVmEUKicaCxKmZTHixbYt51Dyv25gsuq53J7cXGpY2Z66m32Y5ZoNI5pyhNbc4ytTjQsDirPzzv6tsEP3+I3TvctfoZmgIdDjx5crqpK9AghGiimJ3d7ro/c6+suCgDDw0NXm5rOxgu+FgRBKf6v+gHrFd+qH3TtXAAAAABJRU5ErkJggg==') 0 0 repeat-x;}.rating-cancel-off{    display: inline-block;    width: 16px;    height: 16px;	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAI1SURBVDiNpZMxS1thFIafGyqJOJigBG8kGdqCkpCf0F/hJmrdpYuTi+Dk5HbHTFXpnfwV3RQUFEUMqYNEE7zGCIYr937v93WpaUsKHXzhLIfvfTmH83yec4636B2A53nDRhiGH4wxi865FUkz1lokday1u5K+ra2ttV7fOufwnHPDgDAMF4wxQalU8svlMrlcDmMM/X6f8/Nzer3enaQv6+vrByMBv8xfq9XqRLlcptvt0u/3cc4xPj7O5OQkp6enXF9fDyR93tjYOBgGhGH4XtL3ubm5UqVS4fLykjiOMcaQy+UASNMU3/c5Ozvj5ubmVtKnzc3NHxkASUv5fL7k+z5XV1ckSUKSJEhiMBgwGAxIkoRms0mtVsPzvJKkJYDMr12Wfd+n0+nw9PREu92m1+vx+Pj4VwE8PDxQrVaRtDy8gqTZbDZLt9vFGMPq6uo/T9ZoNEjTlEqlgqTZ4QSSeHl5IY5j/seFJACMMb85kNSOouhjNpvl+fmZRqPxT7PneRQKBTqdDsaY9nACY8xes9mkUCiQpiljY2MjZmstAMVikePjY5xze3+usG+tvb24uGB+fh6ATCbDKyzWWjKZDPV6ncPDQ+I4vpW0D/wGaWdnZ0HS1+np6Yl6vU4URdzf32OtpVgsMjU1xdHREa1WayDpcxAEByMob29vL0gKAL9Wq5HP5wGIooiTkxPiOL6T9CUIglGUX7W1tfVB0qIxZsU5NyMJY0zHObcr6VsQBKOf6S36CXlLhYTB2zgjAAAAAElFTkSuQmCC')}.rating-cancel-on{    display: inline-block;    width: 16px;    height: 16px;	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJdSURBVDjLpZP7S1NhGMf9W7YfogSJboSEUVCY8zJ31trcps6zTI9bLGJpjp1hmkGNxVz4Q6ildtXKXzJNbJRaRmrXoeWx8tJOTWptnrNryre5YCYuI3rh+8vL+/m8PA/PkwIg5X+y5mJWrxfOUBXm91QZM6UluUmthntHqplxUml2lciF6wrmdHriI0Wx3xw2hAediLwZRWRkCPzdDswaSvGqkGCfq8VEUsEyPF1O8Qu3O7A09RbRvjuIttsRbT6HHzebsDjcB4/JgFFlNv9MnkmsEszodIIY7Oaut2OJcSF68Qx8dgv8tmqEL1gQaaARtp5A+N4NzB0lMXxon/uxbI8gIYjB9HytGYuusfiPIQcN71kjgnW6VeFOkgh3XcHLvAwMSDPohOADdYQJdF1FtLMZPmslvhZJk2ahkgRvq4HHUoWHRDqTEDDl2mDkfheiDgt8pw340/EocuClCuFvboQzb0cwIZgki4KhzlaE6w0InipbVzBfqoK/qRH94i0rgokSFeO11iBkp8EdV8cfJo0yD75aE2ZNRvSJ0lZKcBXLaUYmQrCzDT6tDN5SyRqYlWeDLZAg0H4JQ+Jt6M3atNLE10VSwQsN4Z6r0CBwqzXesHmV+BeoyAUri8EyMfi2FowXS5dhd7doo2DVII0V5BAjigP89GEVAtda8b2ehodU4rNaAW+dGfzlFkyo89GTlcrHYCLpKD+V7yeeHNzLjkp24Uu1Ed6G8/F8qjqGRzlbl2H2dzjpMg1KdwsHxOlmJ7GTeZC/nesXbeZ6c9OYnuxUc3fmBuFft/Ff8xMd0s65SXIb/gAAAABJRU5ErkJggg==')}/******************************************	Стиль для печати******************************************/@media print{}