#s0, 
#s1 {
	border-right: 1px solid #ddd;
}

.template-light #copyright {
	width: 340px;
}

#page{
	min-height: 307px;
}

#page #content {
	margin-bottom: 0;
	padding-bottom: 3em;
}

input[type="checkbox"] + span {
	margin: 0 0 0 5px;
	vertical-align: top;
}

.GDColumnCenter .gdparent {
	max-width: 675px;
}


/* D:\var\www\project\dev\dev.samsonpost.ru\desk\assets\css\src\modules */

@keyframes bouncing {
	0% { transform: translateY(0); }
	98% { transform: translateY(0); }
	99% { transform: translateY(-8px); }
	99.5% { transform: translateY(-4px); }
	100% { transform: translateY(-8px); }
}

@keyframes bouncing2 {
	0% { transform: translateY(0); }
	98% { transform: translateY(0); }
	99% { transform: translateY(8px); }
	99.5% { transform: translateY(4px); }
	100% { transform: translateY(8px); }
}

a.notifierTask {
	animation: bouncing 10s linear infinite alternate;
	display: block;
	background-color: #00ac61;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	position: absolute;
	top: -37px;
	transition: background-color .15s ease;
}

a.notifierTask--top {
	animation: bouncing2 10s linear infinite alternate;
	top: 37px;	
}

a.notifierTask:hover {
	animation: none;
	background-color: #12c577;
}

/*STUFF
---------------------------------------------------------------------------------------------------------------*/
.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear:both;
}


.widthFill {
	width: 100%;
}


/* скрытие текста в элементе */
.textHide {
  overflow: hidden;
}
.textHide:before {
  content: "";
  display: block;
  height: 150%;
}
.textHideAway {
  text-indent: -9999px;
}


.controlToolbar{
	background-color: #f2f2f2;
	box-shadow: 0 1px 3px rgba(0,0,0,.16) inset;
	margin: 0 0 18px;
	padding: 12px;
}

.errortext, /*Временный костыль, т.к. стандартный битриксовский компонент не кастомизируется, а везде на корпортале используется класс errorMessage*/
.errorMessage {
	color: #FF0000;
}
.successMessage {
	color: #693;
}


.inputHint {
	color: #6E6E6E;
	display: block;
	font-family: 'Verdana';
	font-size: 11px;
	font-weight: normal;
	margin: 2px 0 0;
}


.Incut {
	background-color: #f2f2f2;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	        box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	padding: 15px;
}


/*doc
## Кнопки

### .but

<button class="but">Кнопка</button>

*/

.but,
.but:link{
	cursor: pointer;
	color: #000;
	display: inline-block;
	background: -moz-linear-gradient(top, #fff, #eaeaea);
	background: -webkit-linear-gradient(top, #fff, #eaeaea);
	background: -o-linear-gradient(top, #fff, #eaeaea);
	background: -ms-linear-gradient(top, #fff, #eaeaea);
	background: linear-gradient(top, #fff, #eaeaea);
	border: 1px solid #b3b3b3;
	border-radius: 5px;
	box-shadow: 0 0 1px rgba(255,255,255,.7) inset,
				0 1px 2px rgba(0,0,0,.2);
	font-family: 'verdana';
	padding: 6px 11px 7px;
	text-decoration: none;
	text-align: center;
	position: relative;
}

.but:visited{
	color: #000;
}

.but:hover{
	color: #000;
	background: -moz-linear-gradient(top, #fff, #f3f3f3);
	background: -webkit-linear-gradient(top, #fff, #f3f3f3);
	background: -o-linear-gradient(top, #fff, #f3f3f3);
	background: -ms-linear-gradient(top, #fff, #f3f3f3);
	background: linear-gradient(top, #fff, #f3f3f3);
}

.but:active {
	box-shadow: 0 1px 4px rgba(0,0,0,.2) inset;
}

.but span{
	position: relative;
}
.but.add span{
	padding: 0 0 0 16px;
}
/*doc
#### .but.green.big

<button class="but green big">Зелёная большая</button>
*/ 

.but.green.big {
	color: #FFFFFF;
    text-shadow: -1px -1px 0 #20AD0F, 1px 1px 0 #55C747;
	font: 17px/33px Arial,Helvetica,sans-serif;
    padding: 0 16px;
}


/*doc
#### .but.green.add

<button class="but green add"><span>Добавить</span></button>
*/

.but.green.add span:before{
	content: "";
	background: url(/img/butAddPict.png) no-repeat;
	height: 11px;
	left: 0;
	position: absolute;
	top: 3px;
	width: 11px;
}


/*doc
#### .but.green.upload

<button class="but green upload"><span>Загрузить</span></button>
*/

.but.upload span{
	color: #777;
	padding: 0 0 0 25px;
}
.but.green.upload span{
	color: #fff;
}
.but.upload  span:before{
	content: "";
	background: url(/img/butUploadPict.png) no-repeat -20px 0;
	height: 20px;
	left: 0;
	position: absolute;
	top: -2px;
	width: 20px;	
}
.but.green.upload span:before{
	background-position: 0 0;
}


/*doc
#### .but.print

<button class="but print"><span>Печатать</span></button>
*/

.but.print span{
	padding: 0 0 0 21px;
}
.but.print span:before{
	content: "";
	background: url(/img/butPrintPict.png) no-repeat 0 0;
	height: 15px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 16px;	
}


/*doc
#### .but.edit

<button class="but edit"><span>Редактировать</span></button>
*/

.but.edit span,
.but.copy span,
.but.xls span {
	padding: 0 0 0 21px;
}
.but.edit span:before{
	content: "";
	background: url(/img/butEditPict.png) no-repeat 0 0;
	height: 15px;
	left: -4px;
	position: absolute;
	top: 1px;
	width: 16px;	
}
.but.copy span:before{
	content: "";
	background: url("/img/icons/ui.png") no-repeat;
	background-position: -106px 0;
	height: 16px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 16px;	
}
.but.xls span:before{
	content: "";
	background: url("/img/icons/ui.png") no-repeat -93px -25px;
	height: 16px;
	left: -1px;
	position: absolute;
	top: 0;
	width: 14px;	
}

.groupPanel .but.iconed.xls {
	float: right;
}


/*doc
#### .but.green

<button class="but green">Зелёная</button>
*/

.but.green{
	color: #fff;
	background-color:  #4eb932;
	background-image: -moz-linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image: -webkit-linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image: -o-linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image: -ms-linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image: linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	border: 1px solid #3da422;
}
.but.green:hover{
	color: #fff;
	background-color: #5fbf45;
	background-image: -moz-linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
	background-image: -webkit-linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
	background-image: -o-linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
	background-image: -ms-linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
	background-image: linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
}
.but.green:visited{
	color: #fff;
}


/*doc
#### .but.red

<button class="but red">Красная</button>
*/

.but.red {
	background-color: #E84242;
	background-image: -webkit-linear-gradient(top, #EF7A7A, #E94949);
	   background-image: -moz-linear-gradient(top, #EF7A7A, #E94949);
	    background-image: -ms-linear-gradient(top, #EF7A7A, #E94949);
	     background-image: -o-linear-gradient(top, #EF7A7A, #E94949);
			background-image: linear-gradient(top, #EF7A7A, #E94949);
	border-color: #BC3636;
	color: #FFF;
}
.but.red:hover {
	background-color: #E64D4D;
	background-image: -webkit-linear-gradient(top, #EE8585, #ED5151);
	   background-image: -moz-linear-gradient(top, #EE8585, #ED5151);
	    background-image: -ms-linear-gradient(top, #EE8585, #ED5151);
	     background-image: -o-linear-gradient(top, #EE8585, #ED5151);
			background-image: linear-gradient(top, #EE8585, #ED5151);
	border-color: #BC3636;
	color: #FFF;
}


/*doc
#### .but.iconed

Кнопке добавляется пиктограмма при помощи псевдоэлемента

<button class="but iconed print">Печать</button>
*/

.but.iconed:before {
	content: "";
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.but.iconed.check:before {
	background: url(/img/iconCheckWhiteM.png) no-repeat 50% 2px;
	width: 12px;
}
.but.iconed.deny:before {
	background: url(/img/iconCrossWhiteM.png) no-repeat 50% 2px;
	width: 10px;
}
.but.iconed.agreement:before {
	background: url(http://www.samsonpost.ru/favicon.ico) no-repeat 50% 50%;
	width: 16px;
}
.but.green.iconed.agreement:before {
	background: url(/img/iconAgreementWhiteM.png) no-repeat 50% 50%;
	width: 12px;
}
.but.green.iconed.print:before {
	background: url(/img/iconPrintWhiteM.png) no-repeat 50% 50%;
	width: 16px;
}
.but.iconed.print:before {
	background: url(/img/butPrintPict.png) no-repeat 50% 50%;
	width: 16px;
}
.but.iconed.exel:before {
	background: url(/img/icons/ui.png) no-repeat -72px -25px ;
	height: 16px;
	width: 16px;
}

.but.iconed.create:before {
	background: url("/bitrix/js/main/core/images/controls-sprite.png") no-repeat -19px -473px ;
	width: 11px;
}

.but.fileUploader {
	color: #5B5B5B;
	padding: 4px 11px 3px;
	position: relative;
	text-shadow: 0 1px 0 #FFF;
	overflow: hidden;
}

.PseudoTable__cell .but.fileUploader {
	white-space: nowrap;
}

.but.blue {
	background-color: #dee9ec;
	background: -webkit-linear-gradient(#f8f9f9, #dee9ec);
	background: -moz-linear-gradient(#f8f9f9, #dee9ec);
	background: -o-linear-gradient(#f8f9f9, #dee9ec);
	background: -ms-linear-gradient(#f8f9f9, #dee9ec);
	background: linear-gradient(#f8f9f9, #dee9ec);
	border-color: #dadada;
	border-bottom-color: #a9a9a9;
	border-top-color: #f1f1f1;
	color: #7a808c;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}
.but.blue:hover {
	background: -webkit-linear-gradient(#f8f9f9, #e7f3f7);
	background: -moz-linear-gradient(#f8f9f9, #e7f3f7);
	background: -o-linear-gradient(#f8f9f9, #e7f3f7);
	background: -ms-linear-gradient(#f8f9f9, #e7f3f7);
	background: linear-gradient(#f8f9f9, #e7f3f7);
}
.but.blue:active {
	border-bottom-color: #fff;
	border-top-color: #a9a9a9;
}


.fileUploaderInput{
	cursor: pointer;
	font-size: 150px;
	height: 100px !important;
	left: -380px !important;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: -20px !important;
	width: auto !important;
}
.but.iconed.fileUploader:before {
	background: url("/img/iconAttachment.png") no-repeat 0 0;
	height: 18px;
	vertical-align: top;
	width: 8px;
}


/*doc
#### .but.butWithCaret

<button class="but butWithCaret">Выбрать</button>
*/

.butWithCaret::-moz-focus-inner {
    padding: 0;
    border: 0
}

.butWithCaret--webform-button {
	padding: 7px 11px 8px;
	vertical-align: middle;
	height: 33px;
}
.butWithCaret:after {
	content: "";
	display: inline-block;
	border: 4px solid transparent;
	border-top-color: #000;
	border-bottom-width: 0;
	vertical-align: middle;
	margin-top: -.25em;
}

/*doc

### Поле выбора файла

<label class="FieldFile">
	<span class="FieldFile__trigger">
		Загрузить
		<span class="FieldFile__wrapper">
			<input type="file" class="FieldFile__input" />
		</span>
	</span>
</label>
*/

.FieldFile {
	display: inline-block;
	position: relative;
}
.FieldFile__trigger {
	position: relative;
}
.FieldFile__wrapper {
	bottom: 0;
	cursor: pointer;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
.FieldFile__input {
	cursor: pointer;
	font-size: 48em;
	height: auto;
	left: -11.416666em;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	position: absolute;
	top: -.3em;
	width: 12.5em;
}


/*doc
#### .but.disabled

Неактивная кнопка

<button class="but iconed print" disabled="disabled">Печать</button>
*/

.but.disabled[disabled] {
	background: -webkit-linear-gradient(#fff, #eaeaea);
	background:    -moz-linear-gradient(#fff, #eaeaea);
	background:      -o-linear-gradient(#fff, #eaeaea);
	background:         linear-gradient(#fff, #eaeaea);
	cursor: default;
	box-shadow:
	  inset 0 0 1px rgba(255,255,255,.7),
		0 1px 2px rgba(0,0,0,.2);
	opacity: .5;
}

.but.green.disabled[disabled] {
	background-color:  #4eb932;
	background-image: -webkit-linear-gradient(#7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image:    -moz-linear-gradient(#7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image:      -o-linear-gradient(#7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image:         linear-gradient(#7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
}

.but.red.disabled[disabled] {
	background-color: #e84242;
	background-image: -webkit-linear-gradient(#ef7a7a, #e94949);
	background-image:    -moz-linear-gradient(#ef7a7a, #e94949);
	background-image:      -o-linear-gradient(#ef7a7a, #e94949);
	background-image:         linear-gradient(#ef7a7a, #e94949);
}

.but.green.btnLoading {
	position: relative;
}

.but.isLoading,
.but.isLoading input {
	cursor: wait;
}

.but.green.btnLoading.isLoading {
	background-color:  #7f7d71;
	background-image: -webkit-linear-gradient(#8b897b, #8b897a);
	background-image:    -moz-linear-gradient(#8b897b, #8b897a);
	background-image:     -ms-linear-gradient(#8b897b, #8b897a);
	background-image:      -o-linear-gradient(#8b897b, #8b897a);
	background-image:         linear-gradient(#8b897b, #8b897a);
	-webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,.13);
	        box-shadow: inset 0 3px 3px rgba(0,0,0,.13);
 border-color: #6a685e;
}

.but.green.btnLoading .icon {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.but.green.btnLoading.isLoading .icon {
	height: 0;
	visibility: hidden;
	opacity: 0;
	width: 0;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.btnLoader {
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	visibility: hidden;
	opacity: 0;
}

.but.green.btnLoading.isLoading .btnLoader {
	visibility: visible;
	opacity: 1;
}

.but.green .btnLoader {
	color: #fff;
	background-color:  #4eb932;
	background-image: -moz-linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image: -webkit-linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image: -o-linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image: -ms-linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	background-image: linear-gradient(top, #7bca65, #4eb932 50%, #34ae13 50%, #34ae13);
	border: 1px solid #3da422;
	border-radius: 5px 0 0 5px;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.7) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1px rgba(255, 255, 255, 0.7) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -1px;
	left: -1px;
	height: 100%;
}

.but.ajax .btnLoader {
	overflow: hidden;
}

.but.ajax .btnLoader:after {
	content: "";
	background: url(/img/progress_black_40.gif);
	height: 100%;
	left: 0;
	opacity: 0.1;
	position: absolute;
	top: 0;
	width: 100%;
}


/*
<div class="dropZone">
	<div class="dropZoneInfo">Выберите файл или перетащите его прямо сюда (размер не более 8 МБ)</div>
	<input type="file" class="dropZoneInput" />
</div>

<div class="dropZone fileIsSelected">
	<div class="dropZoneInfo">
		<i class="icon attach"></i>
		<span class="fileName">Весёлый котик прыгает, очень круто!.gif</span>
		<em class="fileSize">19&#8239;МБ</em>
	</div>
	<input type="file" class="dropZoneInput" />
</div>
*/

.dropZone {
	border: 1px dashed #aaa;
	cursor: pointer;
	padding: 1em;
}
.dropZone:hover {
	border-color: #555;
}
.dropZoneInfo {
	color: #aaa;
}
.dropZone:hover .dropZoneInfo {
	color: #777;
}
.dropZone.fileIsSelected .dropZoneInfo {
	word-break: break-all;
}
.dropZone.fileIsSelected .fileName {
	color: #000;
}
.dropZoneInfo .fileSize {
	color: #666;
	font-size: 10px;
	font-style: normal;
	white-space: nowrap;
}
.dropZoneInput {
	display: none;
}


/*doc
## Пиктограммы

Пиктограмме добавляется отступ справа, когда она находится в ссылке

```html
<span class="icon mantis"></span>
```

<span class="icon mantis"></span> — мантиска   
<span class="icon attach"></span> — прикреплённый   
<span class="icon copy"></span> — копия   
<span class="icon print"></span> — печать   
<span class="icon printProblem"></span> — печать проблемна   
<span class="icon attention"></span> — проблема   
<span class="TZLink small" style="display: inline-block;"></span> — ТЗ   
<span class="TZLink small manager" style="display: inline-block;"></span> — ТЗ на согласовании   
<span class="TZLink big" style="display: inline-block;"></span> — ТЗ большое

*/

.icon {
  background: url(/img/icons/ui.png?v=07082014) no-repeat;
  display: inline-block;
  margin-top: -.17em;
  vertical-align: middle;
}
a .icon {
	margin-right: .4em;
}
.icon.mantis {
	background-position: 0 0;
	height: 20px;
	margin-top: -.6em;
	width: 26px;
}
.icon.attach {
	background-position: -30px 0;
	height: 18px;
	margin-top: -.3em;
	width: 8px;
}
.icon.specification {
	background-position: -39px 0;
	height: 17px;
	margin-top: -.3em;
	width: 13px;
}
.icon.specificationNotReady {
	background-position: -13px 0;
	height: 17px;
	margin-top: -.3em;
	width: 13px;
}
.icon.print {
	background-position: -43px 0;
	height: 16px;
	width: 16px;
}
.icon.copy {
	margin-right: .4em;
	background-position: -106px 0;
	height: 16px;
	width: 16px;
}
.icon.printProblem {
	background-position: -64px 0;
	height: 16px;
	width: 16px;
}
.icon.attention {
	background-position: -85px 0;
	height: 14px;
	width: 16px;
}

.icon.remove {
	background-position: 0 -56px;
	height: 13px;
	width: 13px;
}
.icon.removeActive {
	background-position: 0 -71px;
	height: 13px;
	width: 13px;
}
.icon.xls {
	background-position: -93px -25px;
	height: 16px;
	width: 14px;
}


.icon.play {
	background-position: -21px -89px;
	height: 16px;
	width: 16px;
}

.icon.pause {
	background-position: -21px -89px;
	height: 16px;
	width: 16px;
}

.icon.report {
	background-position: 0 -89px;
	height: 16px;
	width: 16px;
}

.icon.boldArrow.right {
	width: 14px;
	height: 22px; 
	background-position: -22px -59px;	
}

/*doc
<span class="icon specification"></span> <span class="icon specification procceed"></span> <span class="icon specification coordination"></span> <span class="icon specification ready"></span> <span class="icon specification ready full"></span>   
*/

.icon.specification {
	background-position: 0 -25px;
	height: 19px;
	width: 13px;
}
.icon.specification.procceed {
	background-position: -18px -25px;
	height: 19px;
	width: 13px;
}
.icon.specification.coordination {
	background-position: -36px -25px;
	height: 19px;
	width: 13px;
}
.icon.specification.ready {
	background-position: -54px -25px;
	height: 19px;
	width: 13px;
}
.icon.specification.notRequired {
	background-position: -114px -25px;
	height: 19px;
	width: 13px;
}
.icon.specification.full {
	height: 26px;
	margin-top: .25em;
}

.but.ajaxAnimation,
.but.ajaxAnimation:hover {
	color: transparent;
}

.but.ajaxAnimation:before {
	background: url(/img/icons/icon_loading_fff_16.gif) no-repeat center center;	
	content: "";
	position: absolute;
	left: 0;
	height: 16px;
	width: 100%;
}

.but.green.ajaxAnimation:before {
	background-image: url(/img/icons/icon_loading_4eb932_16.gif);
}

.icon.uploadArrow {
	background: url("/img/butUploadPict.png") no-repeat;
	height: 20px;
	width: 20px;
}

.icon.roundExclamation {
	background-position: 0 -110px;
	height: 18px;
	width: 18px;
}

.icon.roundExclamation--orange {
	background-position: -23px -110px;
	height: 18px;
	width: 18px;
}

.icon.roundExclamation--big {
	background-position: 0 -216px;
	height: 38px;
	width: 38px;
}

.icon.bulb {
	background: url(/img/pseudolink_ico.png) no-repeat -12px 0;
	height: 16px;
	width: 12px;
}

.icon.documentList {
	background-position: 0 -133px;
	height: 24px;
	width: 20px;
}

.icon.documentListPen {
	background-position: -24px -133px;
	height: 24px;
	width: 21px;
}

.icon.documentListPlus {
	background-position: -50px -133px;
	height: 24px;
	width: 21px;
}

.icon.download {
	background-position: 0 -162px;
	height: 12px;
	width: 10px;
}

.icon.calendar {
	background-position: 0 -179px;
	height: 15px;
	width: 16px;
}

.icon.vk {
	background-position: 0 -199px;
	height: 12px;
	width: 19px;
}

.icon.roundPlus {
	background-position: 0 -259px;
	height: 17px;
	width: 17px;
}

.icon.remove {
	background-position: 0 -281px;
	height: 12px;
	width: 12px;
}

.bx-popup-menu .icon,
.wd-dropdown-menu .icon {
	background-image: inherit;
}

.icon.questionnaire {
	background-position: 0 -298px;
	height: 16px;
	width: 15px;
}

.icon.adaptant {
	background-position: -20px -298px;
	height: 17px;
	width: 15px;
}

.field {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
}


.pseudolink{
	border-bottom: 1px dotted #0069C4;
	color: #0069C4;
	cursor: pointer;
	text-decoration: none;
}

.pseudolink:hover{
	border-bottom: 1px dotted #e00000;
	color: #e00000;
}

.pseudolink--black {
	color: #000;	
	border-color: #000;
}

.pseudolink--accent {
	color: #fd5d39;
	border-bottom-color: #fd5d39;
}

.pseudolink--accent:hover {
	color: #f05633;
	border-bottom-color: #f05633;
}

.Badge + .pseudolink--accent {
	margin-left: 8px;
}

.simpleList{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.simpleList li{
	padding: 10px 0 0;
}

.simpleList li:first-child{
	padding: 0;
}

.downloadLink {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	background: transparent;
	border: 1px solid #d9d9d9;
  height: 24px;
  padding: 5px 0;
	text-align: center;
	-webkit-transition: background .3s ease;
	   -moz-transition: background .3s ease;
	    -ms-transition: background .3s ease;
	     -o-transition: background .3s ease;
	        transition: background .3s ease;
  width: 24px;
}

.downloadLink .icon.download {
	opacity: .5;
	display: inline-block;
	margin: 0;
}

.downloadLink:hover {
	background: #d9d9d9;
	-webkit-transition: background .1s ease;
	   -moz-transition: background .1s ease;
	    -ms-transition: background .1s ease;
	     -o-transition: background .1s ease;
	        transition: background .1s ease;
}

.downloadLink:active {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15) inset;
	        box-shadow: 0 1px 2px rgba(0,0,0,.15) inset;
}

.downloadLink.small {
	border: 0 none;
	height: 16px;
	padding: 2px 0 0;
	width: 16px;
}


/*
<span class="halfSpace">&nbsp;</span>
обычный аналог — &#8198;
неразрывный аналог — `&#8239;`
*/

.halfSpace {
	font-size: 50%;
	line-height: 1;
}

.textUppercase {
	font-size: .875em;
	letter-spacing: .1em;
	margin-right: -.1em;
	text-transform: uppercase;
}

.addedFileMarker {
	background: url('/img/stapleIcon.png') no-repeat 0 0;
	display: block;
	height: 22px;
	width: 15px;
}

.columnExplanation {
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
}

.task-filter-block select {
	max-width: 230px;
}


/*doc

В типТип можно передавать класс:

```js
enter: function () {
	$('#tiptip_content').addClass('Status')
}
```

И использовать следующие элементы
*/

.Status--tipTip .Status__header {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .25em;
}
.Status--tipTip .Status__info {
	font-style: italic;
}


/*doc
## Всплывающие окна
### .FancyModal

Модальное окно для Фенсибокса.

<div class="FancyModal">
	<div class="FancyModal__text">
		<p>Вы пытаетесь отредактировать согласованный у менеджера заказ. После редактирования он будет повторно отправлен на согласование.</p>
	</div>
	<div class="FancyModal__control">
		<button class="but iconed edit"><span>Редактировать</span></button>
		<button class="but">Оставить без изменений</button>
	</div>
</div>
*/

.FancyModal {
	width: 650px;
}
.FancyModal__text {
	padding: 1em 1.5em;
}
.FancyModal__control {
	background-color: #f2f2f2;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15);
	        box-shadow: inset 0 2px 4px rgba(0,0,0,.15);
	padding: 1em 1.5em;
	position: relative;
}
.FancyModal__control .but {
	margin-right: 1em;
}



/* BLOCKS - FILTER
---------------------------------------------------------------------*/

/*doc
## Сгруппированные инпуты в фильтре
### .Filter__inputGroup

Сгруппированные инпуты в фильтре.

	<label class="filter-field-title">ЦФО</label>
	<div class="PseudoTable Filter__inputGroup">
		<div class="PseudoTable__cell">
			<label class="filter-field-title">
				<input type="checkbox" /> Все
			</label>
			<label class="filter-field-title">
				<input type="checkbox" /> ГО
			</label>
		</div>
		<div class="PseudoTable__cell">
			<label class="filter-field-title">
				<input type="checkbox" /> ССМ
			</label>
			<label class="filter-field-title">
				<input type="checkbox" /> СНФ
			</label>
		</div>
	</div>
*/

.filter-field-title + .Filter__inputGroup {
	margin-top: 0.6em;
}


/* BLOCKS - PROGRESS
---------------------------------------------------------------------*/

.progressLine {
	-webkit-box-shadow: inset -1px -1px 0 #bfbfbf;
	        box-shadow: inset -1px -1px 0 #bfbfbf;
	display: inline-block;
	height: 3px;
	position: relative;
	vertical-align: middle;
}
.progressLine .done {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	max-width: 100%;
}
.progressLine.notEnough .done {
	-webkit-box-shadow:
	          inset 1px 1px 0 #fdcd2e,
	          inset -1px -1px 0 #fcaa0e;
	        box-shadow:
	          inset 1px 1px 0 #fdcd2e,
	          inset -1px -1px 0 #fcaa0e;
	background-color: #fdc018;
}
.progressLine.success .done {
	-webkit-box-shadow:
	          inset 1px 1px 0 #67c24e,
	          inset -1px -1px 0 #27820e;
	        box-shadow:
	          inset 1px 1px 0 #67c24e,
	          inset -1px -1px 0 #27820e;
	background-color: #34ae13;
}


/* BLOCKS - PSEUDOTABLE
---------------------------------------------------------------------*/

.PseudoTable {
	display: table;
	width: 100%;
}

.PseudoTable__cell {
	display: table-cell;
	vertical-align: top;
}


/* BLOCKS - COL
---------------------------------------------------------------------*/

/*doc
## Col

Нужен для реализации псевдоколонок. Имеет несколько модификаторов размеров (`w-0`, `w-25p`, `w-33p`, `w-50p`, `w-75p`, `w-100p`).
Между элементами `Col` не должно быть пробелов.

<div class="Form Form__set accent">
	<div class="Col__wrapper">
		<div class="Col w-75p">
			<div class="Form__field inputFull">
				<span class="Form__title"><label class="Form__label" for="a">Вакантная должность:</label></span><input type="text" class="Form__input" id="a" value=""/>
			</div>
		</div><div class="Col w-25p">
			<div class="Form__field inputFull">
				<span class="Form__title"><label class="Form__label" for="b">Количество мест:</label></span><input type="text" class="Form__input" id="b" value=""/>
			</div>
		</div>
	</div>
</div>
*/

.Col__wrapper {
	display: block;
}
.Col {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-block;
}
.Col.w-0 {   width: 0; }
.Col.w-25p { width: 25%; }
.Col.w-33p { width: 33.33%; }
.Col.w-50p { width: 50%; }
.Col.w-75p { width: 75%; }
.Col.w-85p { width: 85%; }
.Col.w-100p { width: 100%; }



/* BLOCKS - LIST
---------------------------------------------------------------------*/

.List {
	list-style: none;
	margin: 0;
	padding: 0;
}

.List__item {
	margin: 0;
	padding: 0;
}

.List.ib .List__item {
	display: inline-block;
}

/* BLOCKS - TASK
---------------------------------------------------------------------*/

.Task__block {
	display: inline-block;
	margin-top: 5px;
	padding: 3px 10px 5px 10px;
	border: 1px solid rgba(0,0,0,.3);
	background-color: white;
}

.Task__block.noBorder {
	padding-left: 17px;
	border: 0;
}
.Task__block .title {
	color: #777;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}
.Task__block .task {
	color: red;
	font-size: 11px;
}

.Task__badge {
	border: 1px solid;
	font-size: 12px;
	font-style: italic;
	padding: 2px 10px;
}
.Form__set.accent.main .Task__badge {
	background-color: #dfd9b0;
	border-color: #c2bd9d;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
}
.Form__header .Task__badge {
	bottom: 0;
	font-weight: normal;
	position: absolute;
	right: 0;
}
.Form__set.accent.main .Form__header  .Task__badge {
	border-bottom: 0;
}

.FormAttention {
	background: #F4F1D2;
	font-size: 13px;
	padding: 14px 15px 16px;
	margin-top: 10px;
}

.FormAttention p {
	margin: 9px 0 0;
	padding: 0;
}

.FormAttention ul { 
	list-style-type: disc;
	margin: 9px 0 0;
	padding: 0 0 0 13px;
}

.FormAttention ul:first-child,
.FormAttention p:first-child {
	margin-top: 0;	
}

.FormAttention li {
	padding: 0;
	margin: 0;
}

.FormAttention li + li {
	margin-top: 7px;
}

.FormAttention__annotation {
	color: #949388;
	font-style: italic;
}


.documentForm .taskNameBlock {
	float: left;
}

.documentForm .taskMenBlock {
	float: right;
	margin-left: 40px;
}

.documentForm .taskStatusBlock{
	float: right;
	margin-left: 40px;
}

.TaskInfo__box {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-block;
	padding-right: 40px;
	vertical-align: top;
	width: 50%;
}

.Task__listText{
padding: 0;
margin: 0;
}
.Task__listText + .Task__listText {
	margin-top: .5em;
}

.Task__listGroup {
	display: table;
	width: 100%;
}
.Task__listBox {
	display: table-cell;
	vertical-align: middle;
}
.Task__listBox--icon {
	width: 1px;
}
.Task__listBox--name {
	padding-left: .5em;
	width: 100%;
}
.TermsOrderSet__fileInfo {
	display: block;
	font-size: .8em;
	margin-top: .3em;
}

.documentForm .status{
padding: 0;
margin: 0 0 5px 0;
font-weight: bold;
width: 320px;
}
.documentForm .taskNameBlock h2{
margin-bottom: 5px;
}

.documentForm + .Form {
	margin-top: 1em;
}

.Form--requestInfo .Col {
	vertical-align: top;
}
.Form--requestInfo .Col.position { width: 85%; }
.Form--requestInfo .Col.count { width: 15%; }
.Form--requestInfo .Col.department { width: 15%; }
.Form--requestInfo .Col.reason { width: 25%; }
.Form--requestInfo .Col.applicant { width: 50%; }

.Task__listItem {
	padding: 0;
	margin: 0;
}

.Task__listItem + .Task__listItem {
	margin-top: 16px;
}

.Task__listHeader:first-child {
	margin-top: 0;
}

.Task__listHeader {
	color: rgba(0,0,0,.65);
	font-size: 11px;
	font-style: italic;
	height: auto;
	margin: 16px 0 5px;
	padding: 0;
}

.Task__listHeader.first,
.Form__header + .Col__wrapper .Form__title.Task__listHeader,
.Col__wrapper:first-child .Form__title.Task__listHeader {
	margin-top: 0;
}
.Form__title.Task__listHeader {
	width: auto;
}

.groupPanel .name .Task__listHeader{
	margin-top: 10px;
}

.groupPanel .name .Task__listHeader.first{
	margin-top: 0;
}

.groupPanel .commentsBlock {
	margin: 0;
	padding: 5px;
	list-style: none;
}

.groupPanel .commentsBlock li{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

.groupPanel .commentsBlock li.last{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.groupPanel .commentsBlock .photo {
display: inline-block;
width: 50px;
height: 50px;
vertical-align: middle;
}

.groupPanel .commentsBlock .name {
	margin-left: 20px;
display: inline-block;
width: 170px;
vertical-align: middle;
}

.groupPanel .commentsBlock .arrow {
vertical-align: middle;
margin-top: 3px;
margin-left: 20px;
display: inline-block;
width: 14px;
height: 22px; 
background: url("/img/icons/ui.png") -22px -59px no-repeat;
}

.groupPanel .commentsBlock .comment {
	vertical-align: middle;
margin-left: 20px;
display: inline-block;
width: 600px;
}

.groupPanel__item + .groupPanel__item {
	margin-top: .8em;
}

.groupPanel__item.error .Form__taskHeader {
	color: #E70202;
}

.groupPanel__item.error .Form__input {
	border-color: #e70202;
}

.commentsBlock__files {
	margin-top: 10px;
}

.commentsBlock__filesHeader {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
}

.commentsBlock__filesList {
	font-size: 11px;
	line-height: 1.4;
	margin-left: -10px;
}

.groupPanel .commentsBlock li.commentsBlock__file {
	border: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.commentsBlock__file {
	margin-left: 10px;
}

.Page__underline {
	  background: #F2F2F2;
    height: 2px;
    margin-bottom: 15px;
    margin-top: 15px;
}


.Page__underline.topMargin {
margin-bottom: 0;
    margin-top: 40px;
}

.Task_commentsList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.Task_commentsItem:first-child {
	border-top: 0 none;
	padding: 0;
	margin: 0;
}

.Task_commentsItem {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	display: table;
	margin-top: 15px;
	padding-top: 15px;
	width: 100%;
}

.Task_commentsPhoto,
.Task_commentsInformation,
.Task_commentsText,
.Task_commentsSeparation {
	display: table-cell;
	vertical-align: middle;
}

.Task_commentsPhoto {
	width: 50px;
}

.Task_commentsInformation {
	padding: 0 20px;
	width: 140px;
}

.Task_commentsSeparation {
	width: 14px;
}

.Task_commentsText {
	padding-left: 20px;
}

.Task__commentsDate,
.Task__commentsName {
	display: block;
	font-size: 11px;
  font-style: italic;
  color: rgba(0,0,0,.65);
}

.Task__commentsName {
	margin-top: 5px;
}


.DocumentInformation {
	display: table;
}

.DocumentInformation + .Form {
	margin-top: 20px;
}

.DocumentInformation__block {
	display: table-cell;
	vertical-align: top;
}

.DocumentInformation__block + .DocumentInformation__block {
	padding-left: 35px;
}

.DocumentInformation__box {
	display: table-cell;
	vertical-align: top;
}

.DocumentInformation__box + .DocumentInformation__box {
	padding-left: 10px;
}

.DocumentInformation__blockHeader {
	display: block;
	font-size: 11px;
	font-style: italic;
	color: #595959;
}

.DocumentInformation__blockContent {
	display: block;
	font-size: 12,8px;
	margin-top: 4px;
}

.DocumentInformation__block.specialType {
	color: #FF3F00;
}

.DocumentType {
	display: inline-block;
	font-size: 14px;
	line-height: 1em;
	padding: 11px 14px 10px;
}

.DocumentType.special {
	background: #ff835a;
	color: #fff;
	white-space: nowrap;
}

.DocumentInformation__box--important .DocumentInformation__blockHeader {
	font-style: normal;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}


/* BLOCKS - TIP
---------------------------------------------------------------------*/

/*doc

### Tip

Всплывающие уведомления.

Содержимое задаётся значением атрибута `data-cont`. Направление выпадения — классом `top`, `right`, `bottom` или `left`. Плавное появление классом `fade`.

Требует поддержки [Псевдоэлементов](http://caniuse.com/#feat=css-gencontent) и [Трансформаций](http://caniuse.com/transforms2d). При желании можно в неподдерживающих убирать `data-cont`, а его значение присваивать `title`.

Псевдоэлемент `:after` отвечает за стрелку-уголок, `:before` — содержимое.

Перевод строки выполняется при помощи символа `&amp;#10;`.

Пример: <a href="#" class="TipHolder right fade" data-cont="Звонок платный">+7 495 212-85-06</a>

```html
<a href="#" class="TipHolder right fade" data-cont="Звонок платный">+7 495 212-85-06</a>

<!-- для вставки всплывающего изображения -->
style{#TipHolderContent1:before { content: url(http://placekitten.com/200/300); }}
<a href="#" class="TipHolder top" id="TipHolderContent1">+7 495 212-85-06</a>
```
*/

.Tip,
.TipHolder:before {
	display: inline-block;
	text-decoration: none;
	white-space: pre;
}

.Tip,
.TipHolder {
	position: relative;
}

.TipHolder:before {
	content: attr(data-cont);
	cursor: default;
}


.TipHolder:before,
.TipHolder:after {
	visibility: hidden;
}
.TipHolder:hover:before,
.TipHolder:hover:after {
	visibility: visible;
}

.TipHolder.fade:before,
.TipHolder.fade:after {
	opacity: 0;
	
	-webkit-transition:
	          opacity .1s ease-in-out .05s,
	          visibility .1s linear .05s;
	   -moz-transition:
	          opacity .1s ease-in-out .05s,
	          visibility .1s linear .05s;
	     -o-transition:
	          opacity .1s ease-in-out .05s,
	          visibility .1s linear .05s;
	        transition:
	          opacity .1s ease-in-out .05s,
	          visibility .1s linear .05s;
}
.TipHolder.fade:hover:before,
.TipHolder.fade:hover:after {
	opacity: 1;
	-webkit-transition-duration: .05s;
	   -moz-transition-duration: .05s;
	     -o-transition-duration: .05s;
	        transition-duration: .05s;
}


.Tip,
.TipHolder:before {
	background: rgba(0,0,0,.9);
	-webkit-box-shadow: 0 .2em .3em rgba(0,0,0,.4);
	   -moz-box-shadow: 0 .2em .3em rgba(0,0,0,.4);
	        box-shadow: 0 .2em .3em rgba(0,0,0,.4);
	-webkit-border-radius: .5em;
	   -moz-border-radius: .5em;
	        border-radius: .5em;
	color: #fff;
	padding: 7px 10px;
	
	/* нельзя использовать относительные величины из-за Хрома */
	/*padding: .5em .75em;*/
}

.Tip:after,
.TipHolder:after {
	content: "";
	height: 0;
	width: 0;
}

.Tip:after,
.TipHolder:before,
.TipHolder:after {
	position: absolute;
}


.Tip.top:after,
.TipHolder.top:before,
.TipHolder.top:after,
.Tip.bottom:after,
.TipHolder.bottom:before,
.TipHolder.bottom:after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.TipHolder.top:before,
.TipHolder.top:after {
	bottom: 100%;
}
.Tip.top:after,
.TipHolder.top:after {
	border-top: 6px solid rgba(0,0,0,.9);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.Tip.top:after {
	bottom: -6px;
}
.TipHolder.top:before {
	margin-bottom: 5px;
}

.TipHolder.bottom:before,
.TipHolder.bottom:after {
	top: 100%;
}
.Tip.bottom:after,
.TipHolder.bottom:after {
	border-bottom: 6px solid rgba(0,0,0,.9);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.Tip.bottom:after {
	top: -6px;
}
.TipHolder.bottom:before {
	margin-top: 5px;
}


.Tip.left:after,
.TipHolder.left:before,
.TipHolder.left:after,
.Tip.right:after,
.TipHolder.right:before,
.TipHolder.right:after {
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.TipHolder.left:before,
.TipHolder.left:after {
	right: 100%;
}
.Tip.left:after,
.TipHolder.left:after {
	border-left: 6px solid rgba(0,0,0,.9);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.Tip.left:after {
	right: -6px;
}
.TipHolder.left:before {
	margin-right: 5px;
}

.TipHolder.right:before,
.TipHolder.right:after {
	left: 100%;
}
.Tip.right:after,
.TipHolder.right:after {
	border-right: 6px solid rgba(0,0,0,.9);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.Tip.right:after {
	left: -6px;
}
.TipHolder.right:before {
	margin-left: 5px;
}


/*BLOCKS — FAQ
--------------------------------------------------------------------*/

.Form  + .FAQ {
	margin-top: 0;
}

.FAQ {
	list-style-type: none;
	margin: 40px 0 0;
	padding: 0;
}

.FAQ__item {
	background: #F1F1F1;
	margin: 5px 0 0;
	padding: 12px 15px 13px;
}

.FAQ__item:first-child {
	margin: 0;
}

.FAQ__title .icon.bulb {
	margin-right: 5px;
}

.FAQ__title {
	cursor: pointer;
}

.FAQ__title:hover .pseudolink {
  border-bottom: 1px dotted #e00000;
  color: #e00000;
}

.FAQ__item .FAQ__text {
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	height: 0;
	margin: 0;
	font-size: 13px;
	padding-left: 17px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.FAQ__item.active .FAQ__text {
	visibility: visible;
	opacity: 1;
	margin: 13px 0;
	height: auto;
	
}


/*BLOCKS — AVATAR
--------------------------------------------------------------------*/

.AvatarWrapper {
	position: relative;
}

.AvatarImage {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.AvatarWrapper--medium {
	height: 38px;
	width: 38px;
}

.AvatarWrapper--status:after {
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	bottom: -2px;
	right: -2px;
}

.AvatarWrapper--status.online:after {
	background: #a7c131;
}

.AvatarWrapper--status.outOfOffice:after {
	background: #929596;
}

.AvatarWrapper--status.offline:after {
	display: none;
}


/*---------------------------------------------------------------------------------------------------------------*/


/*Filter*/

.bx-filter-content--noOverflow,
.bx-filter-content-inner--noOverflow,
.bx-filter-item-center--noOverflow {
	overflow: visible;
}


/*User list*/
.bx-user-info-anchor {
	white-space: normal !important;
}
		
nobr { 
	white-space: normal !important;
}
		
.bx-users-table {
	white-space: normal !important;
}
		
.bx-users-table * {
	white-space: normal !important;
}

.bx-user-controls-cell ul {
	width: 165px !important;
}

/*Lottery*/
#content .lottery {
	font-size: 14px;
}

#content .lottery .navBar {
	background: #e8e8e8;	
	padding:15px;
	text-align: right;
	overflow: hidden;
}

#content .lottery h2 {
	color: #ca1d00;
	font-size: 18px;
	font-weight: normal;
}

#content .lottery textarea {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 360px;
}

#content .lottery a.button {
	background: url("/img/button1.png") 100% -60px no-repeat;
	border: none;
	display: block;
	float: right;
	text-decoration: none;
	color: #111111;
	cursor: pointer;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	padding: 0 7px 0 0;
	margin: 0 5px 0 0;
	text-align: center;
	width: 100px;
}

#content .lottery a.button span {
background: url("/img/button1.png") 0% 0% no-repeat;
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 10px;
	position: relative;
	white-space: nowrap;
}

#content .lottery a.button:hover { 
	background-position: 100% -90px;
}
#content .lottery a.button:hover span { 
	background-position: 0% -30px;
}


#content .lottery a.mainButton {
	background-image: url("/img/button2.png");
	font-weight: bold;
}

#content .lottery a.mainButton span { 
	background-image: url("/img/button2.png");
}

#content .lottery .rebus, #content .lottery .slogan {
	text-align: center;
	margin: 0 0 15px 0;
}

#content .lottery .rebus span, #content .lottery .slogan span  {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 40px 0;
}

#content .lottery .rebus input {
	width: 200px;
	padding: 4px;
}

#content .lottery .slogan input {
	width: 500px;
}

#top-menu {
	margin-left: -9px;
}

#top-menu span.selected.home:hover .root-item-text {
	background-image: url("/bitrix/templates/light/images/sprite.png") !important;
	background-position: 0px -572px !important;
	background-repeat: repeat-x !important;
}

#top-menu .root-item:first-child {
	margin-left: 0;
}

#content .lottery a.mainButton.inline {
	display:inline-block;
	float:none;
	/* IE7 */
	*display:inline;
	zoom:1;
}

#content .lottery a.mainButton.start {
	float:none;
}

#content .lottery .charadeExample, #content .lottery .charade {
	display:inline-block;
	vertical-align:top;
	/* IE7 */
	*display:inline;
	zoom:1;
}

#content .lottery .charadeExample {
	margin:0 100px 14px 0;
}

#content .lottery .charade {
	margin: 0 0 20px 0;
}

#content .lottery .charade p {
	margin: 0 0 14px 0;
}

#content .lottery .charade #charadeAnswer {
	width: 200px;
}

#content .lottery ol li ol li {
	list-style-type: lower-alpha;
}

#content .lottery ul.interview {
	margin:0 0 14px 0;
	padding:0;
}

#content .lottery ul.interview p {
	margin: 14px 0 0 0;
}

#content .lottery ul.interview li {
	list-style-type: none;
	margin:0 0 0 14px;
}

#content .lottery ul.interview li input {
	position:relative;
	top:3px;
}


/*** Page max width ***/
#page { 
	max-width: 1280px !important;
}


/*** Page background ***/
#page-wrapper {
	background: #e6e6e6 !important;
}

#page {
	background: #ffffff !important;
}

/*** Bug fix ***/
#site-selector-items {
	right: 28% !important;
}

/*---- Hide IP info FORUM ----*/
div.forum-post-entry.forum-user-additional.forum-user-moderate-info {display:none;}



.Content__wrapper.withAside {
	max-width: 940px;
}





/* DOCUMENTS
******************************/
.sidebar-block {
	position: relative;
	z-index: 4;
}

.sidebar-block:hover {
	z-index: 6;
}

.documentForm .approveList {
	list-style: disc;
	display: list;
	padding-left: 18px;
}

.documentForm li label.secondary {
	font-weight: normal;
	margin-top: 10px;
}

.documentForm .approveList li {
	margin: 0 0 4px 0;
	display: list-item;
}

.documentsNew { 
	float: right;
	margin:0 0 0 15px;
	white-space: nowrap;
	
}
 
.documentsNew a { 
	cursor: pointer;
	display: inline-block;
	height: 19px;
	margin: 0;
	text-decoration: none;
}

.documentsNew i { 
	background: url("/bitrix/js/main/core/images/controls-sprite.png") -19px -470px no-repeat;
	display: inline-block;
	height: 19px;
	vertical-align: top;
	width: 11px;
}
 
 
.documentsNew span { 
	display: inline-block;
	font-size: 12px;
	height: 19px;
	line-height: 19px;
	margin: 0 0 0 5px;
	text-decoration: underline;
	vertical-align: top;
}

.documentsNew.goBack i {
	background-image: url('/bitrix/js/main/core/images/controls-sprite.png');
	background-position: -1px -578px;
}


.documentForm {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	clear: both;
}


.documentForm li.userSelector {
	max-width: 618px;
}

.documentForm li.userSelector ul {
	list-style: none;
	padding: 0;
	overflow: hidden;
	margin: 6px 0 0 0;
	display: block;
}

.documentForm li.userSelector ul li {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	line-height: 20px;
}

.documentForm li.userSelector ul li:after {
	content: ',';
}

.documentForm li.userSelector ul li:last-child:after {
	display: none;
}

.documentForm li.userSelector a {
	color: #000;
	text-decoration: none;
}

.documentForm li.userSelector a:hover {
	color: #e00000;
	text-decoration: underline;	
}

.documentForm li.userSelector label {
	color: #555;
}

.documentForm li.userSelector label span {
	display: inline;
	cursor: pointer; 
	color: #555;
	border-bottom: 1px dashed #000;
}

.documentForm li.userSelector label span:hover {
	color: #e00000;
	border-bottom-color: #e00000;
}

.documentForm li {
	display: block;
	margin: 0 0 20px 0;
	-ms-word-wrap: break-word;
	    word-wrap: break-word;
}

.documentForm li label {
	display: block;
	font-weight: bold;
	margin: 0 0 3px 0;
}

.documentForm li input {
	padding: 2px;
	width: 100%;
	height: 20px;
}

.documentForm li textarea {
	padding: 2px;
	width: 100%;
	font-family: Arial;
	line-height: 17px;
	font-size: 13px;
	height: 200px;
}

.deleteDocument {
	display: inline-block;
	padding: 0 0 0 18px;
	height: 13px;
	line-height: 11px;
	background: url('/img/delete.png') 0 0 no-repeat;
	float: right;
}

.deleteDocument a:link, .deleteDocument a, .deleteDocument a:visited {
	color: #bf0000;
}

.cancelLink {
	color: #666666 !important;
}



#documentPrint input {
	display: inline !important;
}

#documentPrintWrapper {
	margin: 0 auto;
	width: 600px;
}


.documentsPages li {
	float: none !important;
	padding-left: 36px !important;
}

.documentsPages li span {
	margin-top: 2px !important;
}

.documentsPages li.icon1 {
	background-image: url('/img/icon1.png') !important;
}

.documentsPages li.icon2 {
	background-image: url('/img/icon2.png') !important;
}

.documentsPages li.icon3 {
	background-image: url('/img/icon3.png') !important;
}


.documentsTabs {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
}

.documentsTabs li {
	color: #777777;
	font-size: 11px;
	display: block;
	float: left;
	line-height: 10px;
	padding: 7px;
	margin-right: 10px;
	border: 1px solid transparent;		
}

.documentsTabs li span {
	color: #0069c4;
	cursor: pointer;
	border-bottom: 1px dotted #0069c4;
	font-size: 13px;
}

.documentsTabs li.active {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: -o-linear-gradient(top, #fbf5c1, #f8ee97);
	background: -moz-linear-gradient(top, #fbf5c1, #f8ee97);
	background: -webkit-linear-gradient(top, #fbf5c1, #f8ee97);
	background: linear-gradient(top, #fbf5c1, #f8ee97);
	border-color: #e1d896;	
}

.documentsTabs li.active span {
	color: #000000;
	cursor: default;
	border-bottom-color: transparent;
}

#documentsInbox {
	display: none;
}

.documentForm div.bxlhe-frame {
	border: 1px solid #bbbbbb;
}

.DocumentsPanel {
	display: table;
}

.DocumentsPanel__box {
	display: table-cell;
}

.DocumentsPanel__box + .DocumentsPanel__box {
	padding-left: 18px;
	vertical-align: middle;
}

.DocumentsPanel__box--buttons .but {
	white-space: nowrap;
}

.notImportant {
	color: #939393;
}

.DocumentsPanel__box--notice {
	font-size: 12px;
	line-height: 1.4em;
}


/* FINANCE DOCUMENT
-------------------------------------------------------------------------------------------------------------*/
a.documentsNew {
	background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -19px -470px;
	display: inline-block;
	float: right;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 11px;
}

.documentForm.financial h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.documentForm.financial input.price {
	margin: 0 5px 0 0;
	width: 130px;
}

.documentForm.financial select {
	height: 27px;
	padding: 2px;
	width: 255px;
}

.documentForm.financial h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.documentForm.financial input.price {
	margin: 0 5px 0 0;
	width: 130px;
}

.webform-field-upload-list {
	list-style: decimal outside none !important;
}

.webform-field-upload-list li {
	display: list-item;
}

.webform-field-upload-list li {
	margin-left: 0;
}

.webform-field-upload-list li .errorMessage {
	display: none;
}

.webform-field-upload-list a.upload-file-name {
	margin: 0;
}

.webform-field-upload-list li.notUploaded {
	list-style-type: none;
	margin-left: -21px;
}

.webform-field-upload-list li.notUploaded .errorMessage{
	display: block;
}

.webform-field-upload-list li.notUploaded .upload-file-name,
.webform-field-upload-list li.notUploaded .delete-file {
	display: none;
}

.financial h4{
	font-family: 'Verdana';
	font-size: 12.8px;
	font-weight: bold;
	line-height: 1.4em;
	
	margin: 0 0 3px;
}

.financial .plan ul li {
	position: relative;
}

.financial .plan .inputHint {
	left: 0;
	position: absolute;
	top: 47px;
	white-space: nowrap;
}

.financial .filial {
	display: none;
}

.financial.orr .filial {
	display: block;
}

.financial.idp .expenseType {
	display: none;
}

.financial .fileUpload.empty h4,
.financial .fileUpload.empty .webform-field-upload-list {
	display: none;
}

.softSaved.financial .but.green.print {
	margin: 0 25px 0 0;
}

.documentForm.financial .mainFINData {
	font-weight: bold;
}

.documentForm.financial .mainFINData h4 {
	font-size: 12px;
    font-weight: normal;
	margin: 0;
    width: 124px;
}

.documentForm.financial .fileUploader {
	margin: 0 0 3px;
}

/* FINANCE DOCUMENT EXPANSION
-------------------------------------------------------------------------------------------------------------*/
.brightBeige{
	color: #a7a382;
}
.capitele{
	font-variant: small-caps;
	font-size: 1.2em !important;
	letter-spacing: 0.1em;
	margin-right: -0.15em;
	text-transform: lowercase;
}
.financial tr:last-child:hover td {
	background: none;
}
.editedItem td:first-child{
	background: url("/img/editedItemIcon.png") no-repeat 0 0;
}
.editedItem:hover td:first-child{
	background: #FCF9E6 url("/img/editedItemIcon.png") no-repeat 0 0;
}
.greyBeige{
	color: #bfbca0;
				}
.zeroPadding{
	padding: 0 !important;
}

.task-filter-fin-body{
	margin: 0 10px;
}

/* MEMO EXPANSION
-------------------------------------------------------------------------------------------------------------------*/
	.fileAdded{
		background:url('/img/stapleIcon.png') no-repeat 0 0;
		display:box;
		float:right;
		height:23px;
		width:15px;
	}
	.fileAdded:hover{
		background:url('/img/stapleIcon.png') no-repeat 100% 0;
	}
	.howToPrint{
		display:block;
		font-size:11px;
		height:100px;
		margin:0 0 25px;
		text-align:center;
		width:262px;
	}
	.howToPrint span{
		display:block;
		margin:2px 0 0;
	}
	.memoUploadForm{
		font-family:Arial;
		font-size:12px;
		margin:-4px 0 18px !important;
	}
	.buttonLink{
		border-bottom: 1px dashed;
		margin-right:6px;
		text-decoration: none;
	}
	.uploadLink{
		color:#555 !important;
	}
	.deleteLink{
		color:#e00000 !important;
	}
	.memoFileIcon{
		background:url('/img/fileIcon.png') no-repeat 0 50%;
		float:left;
		height:30px;
		margin-right:7px;
		width:25px;
	}
	.memoFileWeight{
		font-size:10px;
		font-style:italic;
		margin-left:5px;
	}
	.memoUploadForm .buttonLink{
		line-height:150%;
	}
	.memoUploadImg{
		float:left;
		height:100px;
		margin-right:7px;
		width:100px;
	}
	.photoBlock{
		overflow:hidden;
	}
	
/* OREDER TO DEVELOP SOFTWARE
-------------------------------------------------------------------------------------------------------------------*/
.softNumCol{
	color: #999999;
	font-size: 11px !important;
	width: 10px;
	}
div.pageNavigation{
	margin-bottom:8px;
	}
div.pageNavigation a.pageFirst, div.pageNavigation span.pageFirst {
	border-left: medium none;
	padding-left: 0.5em;
	}
span.pageCurrent {
	font-weight: bold;
	}
div.pageNavigation a, span.pageCurrent, span.pageDots {
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 0.75em;
    padding-right: 0.5em;
    text-decoration: none;
	}
div.pageNavigation a, span.pageCurrent, div.pageNavigation a.pagePrevious, span.pageDots {
    border-color: #CDCDCD;
	}
div.pageNavigation a.pagePrevious {
    border-left: medium none;
    border-right-style: solid;
    border-right-width: 1px;
}
#DATE_START, #DATE_FINISH{
    margin: 0 2px 0 0;
    padding: 1px 0;
    vertical-align: top;
    width: 75px;
}
.template-light #sidebar {
    padding: 0 !important;
}
.sidebar-block-inner{
	border-radius: 5px;
	margin: 0 0 20px;
}
.filter-field.soft label{
	display: block;
	font-weight: bold;
}

.filter-field-buttons.soft {
	text-align: left;
}

.softSiteName{
	float: left;
	margin-bottom: 20px;
}

.softManager {
	float: left;
	min-width: 220px;
	overflow: hidden;
	margin: 0 0 0 25px;
}

.softManager .imageWrapper{
	display: block;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 10px 0 0;
}

.softManager .description {
	display: block;
	color: #777;
	font-size: 12px;
	margin: 3px 0 0 0;
}

.softSiteName h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 3px 0;
	line-height: 15px	
}

.softSiteName a, .softSiteName a:visited, .softSiteName a:link {
	color: #999999;
}

.softSiteName a:hover {
	color: #E00000;
}

.softwareDevelopingHeading {
	font-size: 18px;
	font-weight: normal;
	font-family: verdana;
	margin: 0 0 32px;
}

.softH{
	margin-bottom: 2px;
}

.documentForm.software {
	margin: 18px 0 0;
	word-wrap: break-word;
	max-width: 880px;	
}

.documentForm.software h2 {
    font-family: Verdana,Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.softwareDevelopingHeading .version {
	background-color: #f9f3c1;
	font-size: 13px;
	margin-left: 10px;
	padding: 3px 7px;
}

.documentForm.software textarea{
	height:75px;
	min-width:504px;
	width:74%;
}

.documentForm.software textarea.problemDescription{
	height: 54px;
}

.softWiz{
	min-width:504px;
	width:74.5% !important;
	}
.softHint{
	float:right;
	width:22%;
}
.bubble{
	background:#fcf7d2;
	box-shadow:-1px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:-1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:-1px 1px 3px rgba(0,0,0,0.2);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-size:11px;
	padding:0 12px 12px;
}
.bubble:before{
	background:url('/img/hintBubbleArrow.png') no-repeat 0 0;
	content: "";
	display: block;
	height: 10px;
	left: -24px;
	position: relative;
	top: 20px;
	width: 12px;
}

.bubbleShadow{
	background:url('/img/hintBubbleShadow.png') no-repeat 103% 0;
	float: right;
	height: 25px;
	margin-top: -15px;
	width: 97%;
}
.hideUnhide{
	border-bottom:1px dashed;
	font-size:11px;
	margin-left:12px;
	text-decoration: none;
}
#softFormForManager{
	background:#e3e9ef;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
	padding:12px 12px 0;
	text-align:right;
	width:482px;
}
#softFormForManager input{
	width:80px;
	}
#softFormForManager label{
	display:inline-block;
	margin-bottom:15px;
	}
.software li label span{
	font-style:italic !important;
	font-weight: normal !important;
}
.software select{
	min-width:510px;
	width:74.5%;
}
.projectManager{
	float:right;
	width:20.8%;
}
.projectManager img{
	float:left;
	margin:3px 6px 0 0;
	height:35px;
}
.managerInCharge{
	font-size:12px;
	font-weight:bold;
}
.projectBox{
	border:1px solid #d9d9d9;
	border-radius:5px;
	-moz-radius:5px;
	-webkit-radius:5px;
	display:inline-block;
	height:65px;
	margin:0 25px 22px 0;
	padding:35px 0 30px;
	position:relative;
	text-align:center;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	width:210px;
}
.projectBox:hover{
	border:1px solid #fccaca;
	box-shadow:0 0 5px rgba(224,0,0,0.2);
	-moz-box-shadow:0 0 4px rgba(224,0,0,0.2);
	-webkit-box-shadow:0 0 4px rgba(224,0,0,0.2);
	}
.projectBox:after{
	background:url('/img/projectBlockShadow.png');
	content:"";
	display:block;
    height: 7px;
    position: relative;
    top:4px;
    width: 210px;
}

.projectBlock{
	display:block;
	text-decoration:none;
	height:92px;
	width:210px;
}
.projectLink{
	display:block;
	font-size:14px;
	padding-top:2px;
	line-height: 24px;
	text-decoration:underline;
}
.ordersCount{
	color:#696969;
	font-size:11px;
}
.projectBlockContainer{
	margin-right:-25px;
}
.miniCreateLink{
    background: url("/img/miniCreateIcon.png") no-repeat scroll 4px 50% #FFFFFF;
    display: block;
    font-size: 11px;
    left: 72px;
    opacity: 0;
    position: absolute;
    text-indent: 11px;
    top: -8px;
    width: 127px;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}
.projectBox:hover .miniCreateLink{
	opacity:1;
}


.releaseDate {
	-webkit-border-radius: 1px;
		        border-radius: 1px;
	display: block;
	background: #f8f6e4;
	padding: 8px 6px 10px;
	margin-left: -6px;
	margin-top: 16px;
	float: left;
}

.releaseDate__date {
	display: block;
	margin-top: 4px;
}

.releaseDate__title {
	display: block;
	font-weight: bold;
}


.softAgreementCondition {
	float: left;
	font-size: 12px;
}
.softAgreementCondition .agreementCondition {
	display: block;
}
.softAgreementCondition .agreementCondition.new {
	color: #999;
}
.softAgreementCondition .agreementCondition.agreed {
	color: #1d8800;
}	
.softAgreementCondition .agreementCondition.onAgreement {
	color: #ef9800
}
.softAgreementCondition .agreementCondition.rejected {
	color: #c00;
}
.softAgreementCondition .agreementDate {
	color: #777;
	display: block;
	margin: 3px 0 0;
}

.softDifficulty {
	color: #999;
}
.softwareDeveloping .softDifficulty {
	float: left;
}
.softDifficulty .header {
	display: block;
	margin-bottom: 3px;
}
.softDifficulty .status {
	border-bottom: 1px dotted;
	cursor: help;
}

.softwareDeveloping {
	padding: 11px 0 7px;
}

.softDevelopingInformation {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.softDevelopingInformation li {
	margin: 0 0 0 25px;
}
.softDevelopingInformation li:first-child {
	margin: 0;
}

.softDevelopingSpecification {
	border: 1px solid #b9b9b9;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
	-webkit-box-shadow: 1px 1px 0 #e0ddcb;
	        box-shadow: 1px 1px 0 #e0ddcb;
	margin-top: 20px;
	padding: .75em 1.5em;
	position: relative;
}
.softDevelopingSpecification .link {
	margin-right: 2.5em;
}
.softDevelopingSpecification .Status:before {
	background-color: #d3d3d3;
	bottom: 1px;
	content: "";
	left: 185px;
	position: absolute;
	top: 1px;
	vertical-align: middle;
	width: 1px;
}

.Status--specification .Status__header {
	color: #3b3b3b;
	display: inline;
	font-size: 1em;
	font-weight: bold;
}
.Status--specification .Status__info {
	color: #999;
	display: inline-block;
	font-style: italic;
	margin-left: 1em;
	max-width: 500px;
	vertical-align: top;
}

.groupPanelRight {
	float: right;
}

.groupPanelRight .difficulty {
	margin-left: 1em;
}



.groupPanel .additionalInfo {
	clear: both;
	color: #7a7a7a;
	font-style: italic;
	font-size: .9em;
	margin-bottom: 0;
}
.groupPanel .additionalInfo.attention {
	padding-left: 20px;
}
.groupPanel .additionalInfoIcon.attention {
	display: inline-block;
	margin-left: -20px;
}


.softSaved,
.notificationPage {
	padding: 45px 0 50px; 
	text-align: center;
}

.softSaved h2,
.notificationPage h2 {
	font-family: 'verdana';
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 18px;
}

.notificationPage .notificationList {
	margin: 0 0 20px;
}

.notificationPage .notificationList li{
	margin: 0 0 4px;
}

.notificationPage .notificationList ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none;

}



.softSaved .softSavedNote,
.notificationPage .notificationNote {
	display: block;
	margin: 0 0 10px;
}

.softSaved p:last-child,
.notificationPage p:last-child {
	margin: 0;
}

.softSaved p,
.notificationPage p {
	margin: 0 0 30px;
}

.notificationPage.error h2 {
	color: #E00000;
}


.fancyComment {
	width: 680px;
}

.fancyComment textarea{
	height: 160px;
	margin: 7px 0 0;
	padding: 5px;
	width: 628px;
}
.fancyComment .formCaption {
	display: block;
	font-size: 12px;
}

.fancyComment fieldset {
	border: 0;
	margin: 0;
	padding: 17px 20px 20px;
}

.fancyComment .buttonsContainer {
	background: #F2F2F2;
	border-top: 1px solid #D8D8D8;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.16);
	padding: 10px 20px 12px;
	text-align: right;
}

.fancyComment .buttonsContainer .deny {
	margin: 0 15px 0 0;
}

.fancyComment .buttonsContainer .icon.loading--16 {
	margin-right: 1em;
}

.TZLink {
	background: url('/img/tech_document_icon_sprite.png') no-repeat;
}

.TZLink.small {
	background-position: -26px 0;
	display: block;
	height: 17px;
	width: 13px;
}


.TZLink.small:hover {
	background-position: -39px 0;
}

.TZLink.small.manager {
	background-position: 0 0;
}

.TZLink.small.manager:hover {
	background-position: -13px 0;
}

.TZInformation {
	float: right;
	
}

.TZLink.big {
	background-position: 0 -17px;	
	display: block;
	height: 35px;
	padding: 0 0 0 38px;
	text-decoration: none;
}

.TZInformation .TZCondition {
	display: none;
	color: #777;
	margin: 3px 0 0;
	text-decoration: none;
}

a.TZLink.big .TZCaption {
	text-decoration: underline;
}

.notReady .TZCondition{
	display: block;
}


/*FIN CREATE FORM WITH BUBBLE
-------------------------------------------------------------------------------------------------------------*/
.financialBubble{
	background: none repeat scroll 0 0 #FCF7D2;
	border-radius: 10px 10px 10px 10px;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
	font-size: 11px;
	height: 147px;
	left: 295px;
	padding: 12px;
	position: absolute;
	top: 5px;
	width: 306px;
	}
.financialBubble:before{
	content: "";
	background:url('/img/hintBubbleShadow.png') no-repeat;
	height: 25px;
	left: 149px;
	position: absolute;
	top: 156px;
	width: 185px;
}
.documentForm.financial input.price {
	margin: 0 5px 0 0;
	width: 185px;
}
.documentForm.financial ul{
	margin:5px 0;
	padding:0;
}
.documentForm.financial ul li{
	display:inline-block;
	margin:0 20px 0 0;
}
.documentForm.financial label.checkLabel{
	display:inline;
	font-weight:normal;
}
.documentForm.financial select {
	display:block;
	height: 27px;
	padding: 2px;
	width: 255px;
}
.documentForm.financial LI.fact {display:none;}



/* GROPS FIX
------------------------------------------------------------------------------*/

.sonet-groups-group-block {
	white-space: nowrap;
}
.sonet-groups-group-block .sonet-groups-group-text {
	display: inline-block;
	white-space: normal;
}

/*SOFTWARE UPDATE
------------------------------------------------------------------------------------------------------------*/
.orderProgress{
	height:8px;
	padding:0;
	margin:10px 0 2px;
	width:55%;
}
.viewBar{
	width: 26.5%;
}
.orderProgress li{
	cursor:pointer;
	display:inline-block;
	float:left;
	height:6px;
	margin:0;
	padding:0;
	position:relative;
	width:15%;
}
.orderProgress li span{
    color: #4D4D52;
    font-size: 10px;
	filter: alpha(opacity=0);
    left: 0;
    min-width: 100%;
	opacity:0;
    position: absolute;
    top: -17px;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;
	-webkit-transition:all 0.1s ease-in;
	-ms-transition:all 0.1s ease-in;
}
.orderProgress li:hover span{
	opacity:1;
	filter: alpha(opacity=100%);
}
.acceptBar{
	background-color:#4a8531;
	background:-moz-linear-gradient(top, #83c865, #cfe9c4 2px, #83c865 2px, #4a8531 5px, #4f755a);
	background:-o-linear-gradient(top, #83c865, #cfe9c4 2px, #83c865 2px, #4a8531 5px, #4f755a);
	background:-webkit-linear-gradient(top, #83c865, #cfe9c4 2px, #83c865 2px, #4a8531 5px, #4f755a);
	background:-ms-linear-gradient(top, #83c865, #cfe9c4 2px, #83c865 2px, #4a8531 5px, #4f755a);
	border-left:1px solid rgba(255,255,255, 0.1);
	border-right:1px solid rgba(0,0,0, 0.1);
	box-shadow:1px 2px 2px rgba(1, 60, 20, 0.4);
}
.declineBar{
	background-color:#E00000;
	background:-moz-linear-gradient(top, #e94444, #ff9c9c 2px, #f33a3a 2px, #960202 5px, #754f4f);
	background:-o-linear-gradient(top, #e94444, #ff9c9c 2px, #f33a3a 2px, #960202 5px, #754f4f);
	background:-webkit-linear-gradient(top, #e94444, #ff9c9c 2px, #f33a3a 2px, #960202 5px, #754f4f);
	background:-ms-linear-gradient(top, #e94444, #ff9c9c 2px, #f33a3a 2px, #960202 5px, #754f4f);
	border-left:1px solid rgba(255,255,255, 0.1);
	border-right:1px solid rgba(0,0,0, 0.1);
	box-shadow:1px 2px 2px rgba(60, 10, 10, 0.4);
}
.remainBar{
	background-color:#ccc;
	background:-moz-linear-gradient(top, #c7c7c7, #ffffff 2px, #c7c7c7 2px, #949494 5px, #808080);
	background:-o-linear-gradient(top, #c7c7c7, #ffffff 2px, #c7c7c7 2px, #949494 5px, #808080);
	background:-webkit-linear-gradient(top, #c7c7c7, #ffffff 2px, #c7c7c7 2px, #949494 5px, #808080);
	background:-ms-linear-gradient(top, #c7c7c7, #ffffff 2px, #c7c7c7 2px, #949494 5px, #808080);
	border-left:1px solid rgba(255,255,255, 0.1);
	border-right:1px solid rgba(0,0,0, 0.1);
	box-shadow:1px 2px 2px rgba(0, 0, 0, 0.25);
}
.expectBar{
	background-color:#496ea8;
	background:-moz-linear-gradient(top, #85a2d9, #95b8e5 2px, #6692d1 2px, #496ea8 5px, #4f506d);
	background:-o-linear-gradient(top, #85a2d9, #95b8e5 2px, #6692d1 2px, #496ea8 5px, #4f506d);
	background:-webkit-linear-gradient(top, #85a2d9, #95b8e5 2px, #6692d1 2px, #496ea8 5px, #4f506d);
	background:-ms-linear-gradient(top, #85a2d9, #95b8e5 2px, #6692d1 2px, #496ea8 5px, #4f506d);
	border-left:1px solid rgba(255,255,255, 0.1);
	border-right:1px solid rgba(0,0,0, 0.1);
	box-shadow:1px 2px 2px rgba(0, 0, 60, 0.4);
}
.softTablePopup{
	margin:10px 0 0;
}
.softTablePopupBox{
	background:#fcf7d2;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:5px 10px;
	position:relative;
}
.softTablePopupBox:before{
    -moz-transform: rotate(56deg) skew(25deg);
    -webkit-transform: rotate(56deg) skew(25deg);
    -o-transform: rotate(56deg) skew(25deg);
    -ms-transform: rotate(56deg) skew(25deg);
    background:#fcf7d2;
    border-top: 1px solid #DCDFE4;
    content: "";
    display: block;
    height: 6px;
    left: 24px;
    position: absolute;
    top: -4px;
    width: 6px;
}
.softTablePopupBox:after{
    background:#fcf7d2;
    content: "";
    display: block;
    height: 5px;
    left: 22px;
    position: absolute;
    top: 0;
    width: 14px;
}

.softTablePopupBox p{
	font-size:11px;
	margin:0;
}
.softPopupInfo{
	font-style:italic;
}
.softTablePopup .softPopupInfo a{
	text-decoration:underline;
}
.popupAccept, .softTablePopup .popupAccept a{
	color:#438726;
}
.softPopupInfo.popupDecline, .softTablePopup .popupDecline a{
	color:#e00000;
}
.softPopupInfo.popupExpect, .softTablePopup .popupExpect a{
	color:#567fbc;
}
.softTablePopupShadowR{
	background:url('/img/softTablePopupShadowR.png')no-repeat 100% 0;
	display:inline-block;
	float:right;
	height:18px;
	margin:-7px 0 0;
	width:50%
}
.softTablePopupShadowL{
	background:url('/img/softTablePopupShadowL.png')no-repeat 0 0;
	display:inline-block;
	float:left;
	height:18px;
	margin:-7px 0 0;
	width:50%
}

.Page--workarea-fill #workarea {
	padding-right: 0;	
}

#workarea .softTabs{
	display:inline-block;
	margin:0 10px 15px 0;
}
#workarea .softEditRead li span{
	border:none;
	text-decoration:underline;
	font-family:arial;
}
#workarea .softEditRead li.active span{
	text-decoration:none;
}
#workarea  .softTabs li{
	display:inline-block;
	float:none;
	margin:0;
}


.softDocPrint{
	background:url('/img/print.png') no-repeat 0 0;
	color: #0069C4;
    display: block;
    font-size: 11px;
	float:right;
    height: 21px;
    line-height: 20px;
	margin: 4px 0 0;
    text-decoration: underline;
    text-indent: 30px;
	width: 20.8%;
}

.softManagerButton{
	background:-moz-linear-gradient(top, #b9cfe2 1%, #b0c9df 1%, #95b7d4 50%, #89aecf 50%, #89afcf 98%, #90b2d1);
	background:-o-linear-gradient(top, #b9cfe2 1%, #b0c9df 1%, #95b7d4 50%, #89aecf 50%, #89afcf 98%, #90b2d1);
	background:-webkit-linear-gradient(top, #b9cfe2 1%, #b0c9df 1%, #95b7d4 50%, #89aecf 50%, #89afcf 98%, #90b2d1);
	background:-ms-linear-gradient(top, #b9cfe2 1%, #b0c9df 1%, #95b7d4 50%, #89aecf 50%, #89afcf 98%, #90b2d1);
    border: 1px solid #a3bfd8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    cursor: pointer;
	font-family:verdana, arial, tahoma;
	font-size:12px;
	height:25px;
	padding: 0 10px;
    text-shadow: -1px -1px 0 #7C92A5;
}
.softManagerButton span{
	  display: block;
    height: 17px;
}
.softManagerButton:hover{
	background:-moz-linear-gradient(top, #bdd7ee 1%, #b5cfe6 1%, #9dc0de 50%, #91b9dc 50%, #90b9dc 98%, #99bcdc);
	background:-o-linear-gradient(top, #bdd7ee 1%, #b5cfe6 1%, #9dc0de 50%, #91b9dc 50%, #90b9dc 98%, #99bcdc);
	background:-webkit-linear-gradient(top, #bdd7ee 1%, #b5cfe6 1%, #9dc0de 50%, #91b9dc 50%, #90b9dc 98%, #99bcdc);
	background:-ms-linear-gradient(top, #bdd7ee 1%, #b5cfe6 1%, #9dc0de 50%, #91b9dc 50%, #90b9dc 98%, #99bcdc);
}

.software h4{
	font-family:verdana;
	margin:20px 0 5px;
}
.normalItalic{
	font-weight:normal !important;
	font-style:italic !important;
}
.softFormLook{
	margin:0 0 30px;
	min-width: 504px;
    width: 74%;
}
.softNoManagerH{
	display:block;
	margin:20px 0 0;
}

.createOrderFinalizationInfo{
	padding: 65px 0 135px;
	text-align: center;
}

.createOrderFinalizationInfo h2{
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 11px;
}
.createOrderFinalizationInfo h3{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 26px;
}

.softItemView{
	margin: 0 0 20px;
}

.softItemView h3{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px;
}

.softItemView p{
	font-family: Verdana;
	margin: 0 0 25px;
}

.softItemView strong{
	font-family: Verdana;
	font-size: 13px;
}

.controlToolbar.viewMode .but{
	margin: 0 10px 0 0;
}

.controlToolbar .creationTip{
	margin: 0 0 0 10px;
}

/*IMPORT COURSES
--------------------------------------------------------------------------------------------------------------------------------*/
.coursesImportInfo h3{
	font-family: arial;
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 20px;
}

.coursesImportInfo .cousesInstructionText{
	background: #fcf7d2;
    border-radius: 10px 10px 10px 10px;
    margin: 10px 0 0;
    padding: 1px 20px;
	display:none;
}

.coursesImportInfo .createFileInstruction{
	position: relative;
}

.coursesImportInfo .createFileInstruction:after{
	background: url(/img/blueArrowSprite.png) no-repeat 0 0;
	content: "";
	height: 4px;
	position: absolute;
	right: -11px;
	bottom: 5px;
	width: 7px;
}
.coursesImportInfo .createFileInstruction:hover:after{
	background-position: 0 100%;
}
.coursesImportInfo .createFileInstruction.opened:after{
	background-position: 100% 0;
}

.coursesImportInfo .createFileInstruction.opened:hover:after{
	background-position: 100% 100%;
}

.coursesImportInfo .filesLinks{
	margin: 20px 0 30px;
}
.coursesImportInfo .filesLinks a{
	color: #0069C4;
	cursor: pointer;
	display: block;
	padding: 0 0 0 21px;
	text-decoration: underline;
}

.coursesImportInfo .filesLinks a:hover{
	color: #e00000;
}
.coursesImportInfo  .downloadExample{
	background: url(/img/downloadExamplePict.png) no-repeat;
}

.coursesImportInfo .errorBubble{
	background: #fff;
	border-radius: 3px;
	display: none;
	margin: 0 0 0 220px;
	padding: 12px;
	position: relative;
}

.coursesImportInfo .errorBubble:before{
	background: #fff;
	content: "";
	height: 8px;
	left:-2px;
	position: absolute;
	top: 11px;
	width: 8px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.coursesImportInfo .errorBubble h4{
	color: #d42e12;
	font-weight: bold;
	margin: 0 0 3px;
}
.coursesImportInfo .errorBubble p{
	margin: 0;
}
.coursesImportInfo .but{
	vertical-align: top;
	float: left;
}

.coursesImportInfo .controlToolbar{
	min-height: 31px;
}

.coursesImportInfo .controlToolbar.error .errorBubble{
	display: block;
}

.coursesImportInfo .succsessfulUpload{
	margin: 7px 0 0;
}

.coursesImportInfo .succsessfulUpload strong{
	color: #2a8b10;
}

.coursesImportInfo .succsessfulUpload .pseudolink{
	font-size: 11px;
}
.coursesImportInfo .controlToolbar .importButton{
	overflow: hidden;
	position: relative;
	width: 209px;
}
.coursesImportInfo .controlToolbar .importButton:hover .but{
	color: #fff;
	background-color: #5fbf45;
	background-image: -moz-linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
	background-image: -webkit-linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
	background-image: -o-linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
	background-image: -ms-linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
	background-image: linear-gradient(top, #8cd179, #5fbf45 50%, #49b62b 50%, #49b62b);
}
.coursesImportInfo .importButton input{
	cursor: pointer;
    font-size: 30em;
    left: -5000px;
    opacity: 0;
	filter: alpha(opacity=0);
    position: absolute;
    top: 0;
	z-index: 10;
}

#workarea div.learn-course-tree div.item-text{
	left: 0;
	padding-left: 19px;
}

#workarea table.learn-work-table td.learn-right-data{
	padding: 12px 0 0 30px !important;
}

.learn-right-data h1,
.learn-right-data h2,
.learn-right-data h3,
.learn-right-data h4,
.learn-right-data p,
.learn-right-data b,
.learn-right-data i,
.learn-right-data table,
.learn-right-data ol, 
.learn-right-data ul {
	margin-left: 0;
	max-width: 693px;	
	text-align: left;
}

h3.journalOfAnswers + a {
	margin: 0 0 10px;
	display: block;
}

/* Helpers */
.learn-right-data .center {
	text-align: center;
}
.learn-right-data table.indent td {
	padding: 10px;
}



/* COURSE FEEDBACK
----------------------------------------------------------------------------------------------*/
#courseFeedback {
	padding: 20px;
	width: 540px;
}
		
#courseFeedback form {
	padding: 0;
	margin: 0;
}
	
#courseFeedback .webform-button {
	margin-right: 5px;
}

#courseFeedback h1,
#courseFeedbackNotice h1 {
	padding: 0;
	font: normal 20px Verdana;
}

#courseFeedback h1 {
	margin: 0 0 15px 0;
}

#courseFeedbackNotice h1{
	margin: 0 0 8px
}

#courseFeedback textarea {
	margin: 0 0 15px 0;
	padding: 5px;
	font: normal 12px/18px Verdana;
	width: 540px;
	height: 165px;
}

#courseFeedback .error {
	color: #d10000;
	display: none; /* inline-block */
	line-height: 33px;
	vertical-align: middle;
}

#courseFeedbackNotice {
	padding: 20px;
	width: 540px;
}



/* DOCUMENTS
----------------------------------------------------------------------------------------------*/
.groupPanel {
	background: #f2f2f2;
	   -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.16);
			box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.16);
	padding: 12px;
	margin: 0 0 15px 0;
	clear: both;
}

.groupPanel .notice {
	display: inline-block;
	font-size: 12px;
	line-height: 34px;
	padding: 0 0 0 10px;
}

.groupPanel .webform-button-text {
	font-size: 14px;
	padding: 0 8px 0 0;
}

.groupPanel .webform-button-plus {
	display: inline-block;
	width: 11px;
	height: 33px;
	background: url('/img/plus.png') 0 50% no-repeat;
	margin: 0 0 0 8px;
}

.groupPanel .webform-button-edit {
	display: inline-block;
	width: 16px;
	height: 33px;
	background: url('/img/edit.png') 0 50% no-repeat;
	margin: 0 0 0 8px;
	background-size: 16px 15px;
}

.groupPanel .webform-button-print {
	display: inline-block;
	width: 16px;
	height: 33px;
	background: url('/img/print.png') 0 50% no-repeat;
	margin: 0 0 0 8px;
	background-size: 16px 15px;
}

.documentsEmpty {
	color: #666;
	font-size: 20px;
	margin: 40px 0px 0px;
	text-align: center;	
}

.groupPanel.marginBot {
	margin-bottom: 40px; 
}

.groupPanel.comment {
	margin-top: 5px; 
	padding: 20px 17px;
}

.groupPanel button {
	margin-right: 5px; 
}
.test-task-link {
	margin-right: 15px;
	padding-left: .462em;
}
/* OMR REPORTS
----------------------------------------------------------------------------------------------*/

.learningResultsTableContainer {
	position: relative;
}

.flowingHeader {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50;
}

.flowingHeader.isFlowing {
	position: fixed;
}

.flowingHeaderWrapper {
	margin: 0 auto;	
	max-width: 941px;
	min-width: 661px;
}

.flowingHeader.isFlowing .flowingHeaderWrapper {
	padding: 0 316px 0 23px;
}

.flowingHeader.isFlowing .flowingHeaderContent {
	margin: 0 auto;
}

.learningResultsTable .number {
	width: 4%;
}

.learningResultsTable .mag {
	width: 12.0085%;
}

.learningResultsTable .name {
	width: 10.3081%;
}

.learningResultsTable .test {
	width: 25.1859%;
}

.learningResultsTable .question {
	width: 17.8533%;
}

.learningResultsTable .answer {
	width: 19.4473%;
}

.learningErrorsFrequency .number {
	width: 4%;
}

.learningErrorsFrequency .test {
	width: 16%;
}

.learningErrorsFrequency .question {
	width: 18%;
}

.learningErrorsFrequency .correctAnswers {
	width: 8%;
}

.learningErrorsFrequency .wrongAnswers {
	width: 8%;
}

.learningErrorsFrequency .correctAnswersPercent {
	width: 8%;
}
.learningErrorsFrequency .answer {
	width: 17.5%;
}
.learningErrorsFrequency .rightAnswer {
	width: 17%;
}

.learningErrorsFrequency .answer ul,
.learningResultsTable .answer ul {
	padding: 0;
	margin: 0;
}

/* OTHER
----------------------------------------------------------------------------------------------*/
.mainBtn {
	
}


button.webform-button {
	padding: 0;
	border: none;
}

button.webform-button::-moz-focus-inner,
button.webform-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}


.softDev.navigation {
	margin-bottom: 20px;
}

/* OLYMPIC OF KNOWLEDGE
-------------------------------------------------------------------------------------------------*/

.olympicResults {
	margin: 0 0 50px;
}

.olympicResults ul {
	margin: 0;
	padding: 0;
	
}

.olympicResults h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0 35px;
	padding: 0 0 0 50px;
	position: relative;
}

.olympicResults h2:before {
	background: url(/img/olympicOfKnowledge/herbs.png) no-repeat;
	content: "";
	height: 35px;
	position: absolute;
	top: -9px;
	left: 0;
	width: 41px;
}

.olympicResults h2 span:after {
	content: "|";
	color: #ccc;
	margin: 0 5px;
}

.olympicResults h2 a {
	font-size: 13px;
}

.olympicResults h2.voronezh:before {
	background-position: 0 -25px;
}

.olympicResults h2.volgograd:before {
	background-position: -41px -25px;
}

.olympicResults h2.rostov:before {
	background-position: -82px -25px;
}

.olympicResults h2.perm:before {
	background-position: -123px -25px;
}

.olympicResults h2.domodedovo:before {
	background-position: -164px -25px;
}

.olympicResults h2.stavropol:before {
	background-position: -205px -25px;
}

.olympicResults h2.ufa:before {
	background-position: -246px -25px;
}

.olympicResults .challangeChoose {
	list-style-type: none;
	margin: 0 0 35px 0;
}

.olympicResults .challangeChoose li:first-child {
	margin: 0;
}

.olympicResults .challangeChoose li {
	display: inline-block;
	margin: 0 0 0 18px;
}

.olympicResults .challangeChoose a {
	display: block;
}

.olympicResults .challangeChoose li.active span {
	background: url(/img/olympicOfKnowledge/challenge_choose_bg.png) repeat-x;
	color: #000;
	cursor: default;
	padding: 4px 13px 6px;
	text-decoration: none;
}

.olympicResults .challangeResults {
	width: 100%;
}

.olympicResults .olympicTitle {
	background: url(/img/olympicOfKnowledge/guideway.png) repeat-x 0 50%;
	padding: 0 5px 0 0;
	width: 190px;
}

.olympicResults .olympicTitle.town a:before {
	content: "";
	background: #fff url(/img/olympicOfKnowledge/herbs.png) no-repeat;
	height: 25px;
	position: absolute;
	top: 17px;
	left: 0;
	width: 29px;
}
.olympicResults .olympicTitle.town a { 
	padding: 20px 5px 20px 40px;
	position: relative;
}

.olympicResults .olympicTitle a {
	background: #fff;
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

.olympicResults .olympicTitle a.voronezh:before {
	background-position: 0 0;
}

.olympicResults .olympicTitle a.volgograd:before {
	background-position: -29px 0;
}

.olympicResults .olympicTitle a.rostov:before {
	background-position: -58px 0;
}

.olympicResults .olympicTitle a.perm:before {
	background-position: -87px 0;
}

.olympicResults .olympicTitle a.domodedovo:before {
	background-position: -116px 0;
}	

.olympicResults .olympicTitle a.stavropol:before {
	background-position: -145px 0;
}	

.olympicResults .olympicTitle a.ufa:before {
	background-position: -174px 0;
}

.olympicResults .olympicTitle a span {
	border-bottom: 1px solid #b3b3b3;
	display: inline-block;
}

.olympicResults .olympicTitle a:hover span {
	color: #E00000;
	border-bottom-color: #E00000;
}

.olympicResults .swimmers .olympicProgress {
	background: url(/img/olympicOfKnowledge/swimmers_table_bg.png) repeat-x;
}

.olympicResults .swimmers tr:nth-child(2n) .olympicProgress {
	background: url(/img/olympicOfKnowledge/swimmers_table_bg_even.png) repeat-x;
}


.olympicResults .runners .olympicProgress {
	background: url(/img/olympicOfKnowledge/runners_table_bg.png) repeat-x;
}

.olympicResults .runners tr:nth-child(2n) .olympicProgress {
	background: url(/img/olympicOfKnowledge/runners_table_bg_even.png) repeat-x;
}


.olympicResults .olympicProgress {
	padding: 27px 15px 25px;
}

.olympicResults .swimmers .olympicProgressBar {
	background: url(/img/olympicOfKnowledge/swimmers_progress.png) repeat-x;
	height: 9px;
}

.olympicResults .runners .olympicProgressBar {
	background: #b2b2b2;
	height: 2px;
	margin: 3px 0 4px;
}

.olympicResults .olympicProgressBarContainer {
	position: relative;
}

.olympicResults .olympicProgressBar {
	position: relative;
	z-index: 2;
}

.olympicResults .sportsmen {
	background: url(/img/olympicOfKnowledge/sportsmens.png) no-repeat 0 0;
	display: block;
	font-size: 11px;
	font-style: italic;
	height: 25px;
	position: absolute;
	right: 0;
	z-index: 1;
}

.olympicResults  .managers.swimmers .sportsmen {
	background-position: 0 0;
	top: -20px;
	width: 17px;
}

.olympicResults .managers.swimmers .zeroPoints .sportsmen {
	background-position: -19px 0;
    top: -20px;
    width: 7px;
}

.olympicResults  .managers.runners .sportsmen {
	background-position: -28px 0;
    top: -24px;
    width: 16px;
}

.olympicResults .managers.runners .zeroPoints .sportsmen {
    background-position: -46px 0;
    top: -24px;
    width: 13px;
}


.olympicResults  .towns.swimmers .sportsmen {
	background-position: -60px 0;
	top: -20px;
	width: 35px;
}

.olympicResults .towns.swimmers .zeroPoints .sportsmen {
	background-position: -97px 0;
	left: -10px;
    top: -20px;
    width: 21px;
}

.olympicResults  .towns.runners .sportsmen {
	background-position: -117px 0;
    top: -24px;
    width: 35px;
}

.olympicResults .towns.runners .zeroPoints .sportsmen {
    background-position: -152px 0;
	left: -16px;
    top: -24px;
    width: 25px;
}



.olympicResults .zeroPoints .sportsmen em {
	display: none;
}

.olympicResults .towns .sportsmen em {
	right: 30px;
} 

.olympicResults .sportsmen em {
	padding: 0 1px 0 0;
	position: absolute;
	right: 12px;
	text-align: right;
}

.olympicResults .zeroPoints .olympicProgressBarContainer {
	width: 1px;
}

.olympicResults .swimmers .zeroPoints .olympicProgressBarContainer {
	margin: 0 0 0 4px;
}

.olympicResults .runners .zeroPoints .olympicProgressBarContainer {
	margin: 0 0 0 13px;
}

.olympicResults .zeroPoints .olympicProgressBar {
	width: 0;
}


.olympicTests {
	margin: 0 0 30px;
}

.olympicTests h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 30px 0 12px;
}

.olympicTests .chooseTest {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.olympicTests .chooseTest li:first-child {
	margin: 0;
}

.olympicTests .chooseTest li {
	margin: 18px 0 0;
}

.olympicTests .chooseTest a {
	display: block;
	padding: 10px 0 9px 43px;
}

.olympicTests .olympicReaders a {
	background: url(/img/olympicOfKnowledge/runner_icon.png) no-repeat 0 50%;
}

.olympicTests .olympicAssortiment a {
	background: url(/img/olympicOfKnowledge/swimmer_icon.png) no-repeat 0 50%;
}


.olympicResults .doubleStripesBefore:before,
.olympicResults .doubleStripesAfter:after {
	background-color: #fff;
	-webkit-box-shadow:
	          inset 1px 0 0 rgba(255,255,255,.5),
	          inset -1px 0 0 rgba(255,255,255,.5),
	          inset 0 0 1px rgba(0,0,0,.5);
	   -moz-box-shadow:
	          inset 1px 0 0 rgba(255,255,255,.5),
	          inset -1px 0 0 rgba(255,255,255,.5),
	          inset 0 0 1px rgba(0,0,0,.5);
	        box-shadow:
	          inset 1px 0 0 rgba(255,255,255,.5),
	          inset -1px 0 0 rgba(255,255,255,.5),
	          inset 0 0 1px rgba(0,0,0,.5);
	content: "";
	display: block;
	margin-top: 20px;
	padding-top: 3px;
}


.olympicResults .bestRunners {
	/* /img/olympicOfKnowledge/olympic_column_right */
	/* /img/olympicOfKnowledge/olympic_column_left */
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAABCAMAAAA2AgQIAAAACVBMVEXW1tby8vL///+qYNuGAAAAGElEQVR42g3DgQ0AAABDsPH/0SM1a4jpAwDSABleOeAHAAAAAElFTkSuQmCC) 0 0 repeat-y,
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAABCAMAAAA2AgQIAAAACVBMVEXW1tby8vL///+qYNuGAAAAGElEQVR42hXCgQ0AAACCoPT/oytGUHniFADOABlcbxtcAAAAAElFTkSuQmCC) 100% 0 repeat-y;
	margin: 20px -14px 45px;
}
.olympicResults .bestRunners.doubleStripesBefore:before {
	margin-bottom: 20px;
}
.olympicResults .bestRunners.doubleStripesAfter:after {
	margin-top: 15px;
}

.olympicResults h4 {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}

.olympicResults .winnersList {
	list-style-type: none;
	vertical-align: top;
	text-align: center;
}

.olympicResults .winnersList li:first-child {
	margin: 0;
}

.olympicResults .winnersList li {
	display: inline-block;
	font-family: 'Verdana';
	margin: 0 0 0 1%;
	position: relative;
	text-align: center;
	vertical-align: top;
	width:24%;
}

.olympicResults .winnersList .winner {
	display: block;
}

.olympicResults .winnersList .winner span {
	display: block;
}

.olympicResults .winnerPhoto {
	display: inline-block;
	position: relative;
	height: 40px;
	width: 40px;
}


.olympicResults .winnersList img {
	border: 1px solid #cccccc;
	height: 40px;
	width: 40px;
}

.olympicResults .winnerPhoto .winner:after {
	background: url('/img/olympicOfKnowledge/laurelWreath.png') no-repeat;
	content: "";
	display: block;
  height: 20px;
  left: -10px;
  position: absolute;
  top: -6px;
  width: 59px;
  z-index: 10;

}

.olympicResults .winnersList .winnerPhoto:hover + .winner {
	color: #E00000;
}

.olympicResults .winnersList .town {
	display: block;
	font-size: 11px;
}

.olympicResults .winnersList .stateBubble {
	border-color: #F6F6F6;
	border-image: url('/img/olympicOfKnowledge/bubbleBorder.png') 12 round round;
	-o-border-image: url('/img/olympicOfKnowledge/bubbleBorder.png') 12 round round;
	border-style: solid;
	border-radius: 10px;
  border-width: 12px;
  bottom: 26px;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
  display: none;
  position: absolute;
  left: 55px;
 	width: 210px;
  z-index: 20;
  text-align: left;
}

.olympicResults .winnersList li:hover .stateBubble{
	display: block;
}

.olympicResults .winnersList .stateBubble:after {
	background: url('/img/olympicOfKnowledge/bubbleArrow.png') no-repeat 0 0;
	content: "";
	display: block;
  height: 22px;
  left: -11px;
  position: absolute;
  bottom: -24px;
  width: 24px;
  z-index: 10;
}

.olympicResults .winnersList .stateBubble a {
	background: #FFF;
	display: block;
	font-size: 11px;
}

.olimpicHistories {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.olympicResults .olimpicHistories {
	margin-bottom: 20px; /* сложный селектор из-за .olympicResults ul, приходится его побарывать */
}

.olimpicHistoriesHeader {
	margin-top: 60px;
	margin-bottom: 40px;
}
.olimpicHistoriesPeriod {
	border-bottom: 1px solid #ebeded;
	margin-bottom: 0;
	margin-top: 20px;
	padding-bottom: .4em;
}

.olimpicHistories li:first-child {
	border: none;
}

.olimpicHistories li {
	border-top: 1px solid #ebeded;
	padding: 15px 0 23px;
}

.olimpicHistories .avatar img {
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
    height: 42px;
	padding: 3px;
}

.olimpicHistories .historyContainer {
	font-size: 13px;
	margin: 0 0 0 42px;
	padding: 0 0 0 20px;
}

.olimpicHistories .town {
	color: #555;

}

.olimpicHistories .author {
	color: #2067B0;
	text-decoration: none;
}

.olimpicHistories .historyTitle {
	border-bottom: 1px dashed #000;
	color: #000;
	cursor: pointer;
	display: inline-block;
	margin: 7px 0 0;
}

.olimpicHistories .historyTitle:hover {
	border-color: #E00000;
	color: #E00000;
}

.olimpicHistories .history {
	-o-border-image: url('/img/olympicOfKnowledge/bubbleBorder.png') 12 round round;
	border-color: #F6F6F6;
	border-image: url('/img/olympicOfKnowledge/bubbleBorder.png') 12 round round;
	border-radius: 10px;
	border-style: solid;
	display: none;
	font-size: 12.8px;
	position: relative;
  border-width: 12px;
  margin: 8px 0 0;
  padding: 1px 10px 4px;
}

.olimpicHistories .history:after {
	background: url('/img/olympicOfKnowledge/bubbleArrow.png') no-repeat 0 -22px;
	content: "";
	display: block;
  height: 24px;
  left: -22px;
  position: absolute;
  top: -6px;
  width: 24px;
  z-index: 10;
}


.olimpicHistories .commentText {
	margin: 8px 0 0;
}

.olimpicHistories .avatar:hover + .historyContainer .auther,
.olimpicHistories .historyContainer .auther:hover {
	text-decoration: underline;
}

.olimpicHistories .date {
	background: url("/upload/additional_styles/20years/clock_icon.png") no-repeat 0 2px;
    font-size: 11px;
	float: right;
    line-height: 1em;
    padding: 0 0 0 12px;
	margin: 5px 0 0;
}

/* ERROR PAGES
-----------------------------------------------------------------------------*/

body.splashScreen {
  background: #e8e8e8;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.splashBlock h1 {
  color: #222;
  font-size: 30px;
  font-weight: normal;
  margin: 30px 0 0;
}

.splashBlock span {
  color: #444;
  font-size: 14px;
}

.notice {
  line-height: 18px;
  display: block;
  padding: 10px 20px 0;
}

.splashBlock .logo {
  background: url(/assets/img/interface/logo_portal_190x48.svg) no-repeat;
  display: block;
  height: 48px;
  margin: 0 auto;
  position: relative;
  width: 190px;
}

.splashBlock {
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
          box-shadow: 0 1px 2px rgba(0,0,0,.2);
  left: 50%;
  line-height: 30px;
  margin-left: -300px;
  margin-top: -120px;
  padding: 50px 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 600px;
}



/* ISSUE REPORTER
-----------------------------------------------------------------------------*/

.fancyContainer {
	font-family: arial, sans-serif;
	margin: 10px;
}
.fancyHeader {
	font-size: 19px;
	font-weight: normal;
	margin-top: 0;
}

.issueReporter {}
.fancyContainer.issueReporter {
	width: 600px;
}
.issueReporter fieldset {
	border: none;
	margin-top: 1em;
	padding: 0;
}
.issueReporter .field,
.issueReporter .but {
	font: inherit;
}
.issueReporter .fieldHeader {
	display: block;
	margin-bottom: 0.5em;
}
.issueReporter .fieldIssueDescription {
	padding: 10px;
}
.issueReporter .sendToMantis {
	float: right;
}
.issueReporter .issueContent {
	max-height: 6em;
	line-height: 1.4;
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
}
.issueReporter .issueContent:after {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	   background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	     background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	        background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	bottom: 0;
	content: '';
	display: block;
	height: 10px;
	position: absolute;
	width: 100%;
}

.issueReporter .issueReporterSubmit {
	margin-top: 1.5em;
}


/* ISSUE REPORTER
-----------------------------------------------------------------------------*/
.accentTextInBox {
    display: inline-block;
    margin-top: 17px;
    padding: 10px 14px 9px 11px;
    background-color: #F7F0C9;
    border-color: #E0D7A9 #EBE3B9 #F3ECC4;
    box-shadow: 0 1px 1px #E8DFAA inset;
    margin-bottom: 17px;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;


}

.pseudoLinkInteresting{
	  display: inline-block;
    margin-top: 17px;
    margin-bottom: 17px;
    padding: 8px 22px 8px 32px;
    border: 1px solid #e6e8e9;
    position: relative;
     cursor: pointer;
     width: 635px;
}
.pseudoLinkInteresting:hover{
border-color: #F7F0C9;
background-color: #F7F0C9;
}

.pseudoLinkInteresting + br + .pseudoLinkInteresting,
.pseudoLinkInteresting + br + br + .pseudoLinkInteresting,
.pseudoLinkInteresting + br + br + br + .pseudoLinkInteresting {
	margin-top: 0;
}

.accentTextInBox + br + .pseudoLinkInteresting,
.accentTextInBox + br + br + .pseudoLinkInteresting,
.accentTextInBox + br + br + br + .pseudoLinkInteresting {
	margin-top: 0;
}

.pseudoLinkInteresting + br + b + .pseudoLinkInteresting,
.pseudoLinkInteresting + br + b + br + b +.pseudoLinkInteresting,
.pseudoLinkInteresting + br + b + br + b + br + b + .pseudoLinkInteresting {
	margin-top: 0;
}

.accentTextInBox + br + b + .pseudoLinkInteresting,
.accentTextInBox + br + b + br + b +.pseudoLinkInteresting,
.accentTextInBox + br + b + br + b + br + b + .pseudoLinkInteresting {
	margin-top: 0;
}

.pseudoLinkInteresting:before {
	position: absolute;
	content: "";
	top:8px;
	left: 10px;
	background: url(/img/pseudolink_ico.png) no-repeat;
	height: 16px;
	width: 12px;
}

.pseudoLinkInteresting.knowledge:before{
	background-position: -12px 0px;
}

.pseudoLinkInteresting i {
	display: inline-block;
  left: 5px;
  position: relative;
  top: 0;
  background: url(/img/pseudolink_ico.png) no-repeat scroll -24px 0px transparent;
  height: 9px;
  width: 7px;
}

.pseudoLinkInteresting.open i {
	  background: url(/img/pseudolink_ico.png) no-repeat scroll -31px 0px transparent;
  }
  

  .coursesImportInfo .controlToolbar .radioTxt {
  	top: -3px;
  	position: relative;
  	margin-right: 15px;
  }

  .coursesImportInfo .controlToolbar .importButton{
   	margin-top: 15px;
  }



/* LEARNING PROGRESS
---------------------------------------------------------------------*/

.learningProgress .Incut {
	margin-bottom: 30px;
}

.learningProgress .header {
	margin-top: 10px;
}

.learningProgressList {
	border-collapse: collapse;
	width: 100%;
}
.learningProgressList th,
.learningProgressList td {
	border-bottom: 1px solid #e5e5e5;
	padding: 8px 0;
}
.learningProgressList th {
	color: #929292;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}
.learningProgressList .test {
	padding-right: 20px;
	text-align: left;
}
.learningProgressList .result {
	text-align: right;
}

.learningProgress .progressLine {
	margin-right: 5px;
	width: 65px;
}

.learningProgressUploader{
	margin-bottom: 40px;
}

.learningProgressUploader .tab {
	background-color: #faf9ec;
	display: inline-block;
	padding: 15px 25px;
	text-decoration: none;
}
.learningProgressUploader .tabText {
	border-bottom: 1px dotted;
	font-weight: bold;
}
.learningProgressUploader .tab.active {
	background-color: #f4f0d2;
	cursor: default;
}
.learningProgressUploader .tab.active .tabText {
	border-bottom: 0;
	color: #333;
}

.learningProgressUploader .uploaderWrapper {
	background-color: #f4f0d2;
	padding: 20px;
}
.learningProgressUploader .uploaderWrapper .upload {
	margin-right: 20px;
}
.learningProgressUploader .uploaderGroup {
	margin-top: 10px;
}
.learningProgressUploader .uploaderStatus {
	margin-top: 1em;
}

.learningProgressUploader .tabContent {
	display: none;
}

.learningProgress .errorMessage{

} 

.learningProgress .errorMessage strong{
	display: block;
	margin: 0 0 4px 0;
}

.learningProgress .Incut .errorMessage{
	margin-top: 1em;
}


/* SPECIAL TERMS
---------------------------------------------------------------------*/

.TermsOrderSet__clientAddress {
	font-weight: bold;
	margin: 0;
}

.TermsOrderSet__tender {
	font-weight: bold;
	display: block;
}

.TermsOrder__orderNumberInput,
.TermsOrder__clientCodeInput,
.TermsOrder__clientNameInput {
	width: 105px;
}

.TermsOrder__FilesList .List__item {
	margin-top: 0;
}

.TermsOrder__FilesList .List__item + .List__item {
	margin-top: 5px;
}



/* BANNER SLIDER
-----------------------------------------------------------------------------*/


.Banners {
    margin: 0;
    padding: 0;
    
}

.Banners__list {
	border-radius: 12px;
	width: 660px;
	margin: 0;
	padding: 0;
  list-style-type: none;
  overflow: hidden;
  white-space: nowrap;
}

.Banner {
width: 660px;
white-space: normal;
display: inline-block;
zoom: 1;
*display: inline;
}

.Banner__img {
    height: auto;
    width: 660px;
		border: 0 none;
    vertical-align: middle;
  }

  .Banners__labels {
  	width: 660px;
    text-align: center;
    cursor: default;
    display: block;
    line-height: 1;
    position: relative;
    top: -26px;
    
}

.Banners__label {
    background-color: #777;
    border: 3px solid #777;
    border-radius: 50%;
    display: inline-block;
    height: 9px;
    width: 9px;
    box-shadow: 2px 2px 0 rgba(255, 255, 255, 0.40);
}
.Banners__label.active {
    background-color: #fff;
    cursor: default;
}

.Page--authorization {
	background: #E6E6E6;
	min-height: 0;
	min-width: 0;
}

.Page--authorization .main-logo-ru {
	background: url(/img/authLogo.png) no-repeat;
}

.Page--authorization .log-popup {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 8px 21px rgba(33, 93, 120, 0.2);
	padding: 0;
	width: auto;
}

.Page--authorization .main-logo {
	height: 81px;
	width: 258px;
}

.Page--authorization .log-popup-header {
	font-size: 20px;
	color: #000;
	padding: 25px 50px 5px;
	height: auto;
}

.Page--authorization .login-social-net-yellow {
	background: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	padding: 0;
}

.Page--authorization .login-create-profile {
	padding: 0 50px 25px;
}

.Page--authorization .login-create-profile .login-item {
	padding: 0;
}

.Page--authorization .login-label {
	padding: 0;
	text-align: left;
	width: 80px;
}

.Page--authorization .login-create-checkbox-agreement {
	margin: 0;
	padding-left: 82px;
}

.Page--authorization .log-popup-footer {
	padding: 17px 0 17px 132px;
	height: auto;
	text-align: left;
}

.Page--authorization a.login-btn {
	font-size: 16px !important;
	min-width: 0;
	padding: 0 30px;
}


.Page--authorization .login-item-checkbox-label {
    color: #555;
    margin: -3px 0 0 5px;
}

.Page--authorization .log-popup-caption {
	color: #555;
	font-size: 14px;
}

.Page--authorization .log-top-cell {
	vertical-align: bottom;
}

.Page--authorization  .log-popup-caption-wrap {
	bottom: -15px;
}

.Page--authorization .log-main-cell {
	vertical-align: top;
	padding-top: 35px;
}

#content-table {
	table-layout: fixed;
}
.webform.task-detail .task-detail-subtasks {
   margin-bottom: 0;
   max-width: 100%;
}
.task-list-table {
	width: 100% !important;
}

/* MICROBLOG
-----------------------------------------------------------------------------*/

a.feed-add-button:link {
 text-decoration: none;
 color: #FFF;
}

#sonet_log_microblog_container a,
#sonet_log_microblog_container a:link,
#sonet_log_microblog_container a:hover,
#sonet-log-filter a,
#sonet-log-filter a:link,
#sonet-log-filter a:hover,
#log_internal_container a:link,
#log_internal_container a:hover,
#log_internal_container a,
#log_internal_container .feed-post-more-text,
#log_internal_container .feed-post-user-name {
	border-bottom: 0 none;
}

#log_internal_container a.feed-imp-post-user-link {
	border-bottom: 1px dashed;
}


/* MULTI USER SELECTOR BITRIX
-----------------------------------------------------------------------------*/

.feed-add-post-destination-wrap,
.feed-add-post-tags-wrap {
	background: #FFF;
	border: 1px solid #e4e4e4;
	border-radius: 1px;
	overflow: hidden;
	padding: 7px 7px 1px;
	min-height: 36px !important;
}

.feed-add-post-destination-wrap .feed-add-post-destination {
	padding-right: 30px;
}

.feed-add-post-destination-users {
	background-color: #bcedfc;
	color: #1f6ab5 !important;
}

.feed-add-post-destination-users .feed-add-post-del-but {
	background-position: -94px -61px;
}

.feed-add-post-destination-hover.feed-add-post-destination-users {
	background-color: #86e2ff;
}


.feed-add-post-destination-users .feed-add-post-del-but {
	background-position: -94px -61px;
}

.feed-add-post-del-but {
	background: url("/images/sprite_mpf_5.png") no-repeat;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 30px;
	opacity: 0.6;
	position: absolute;
	width: 25px;
}

.feed-add-destination-link:before,
.feed-add-post-tags-add:before {
	background: url("/images/sprite_mpf_5.png") no-repeat -148px -481px;
	content: '';
	height: 8px;
	left: -14px;
	position: absolute;
	top: 5px;
	width: 8px;
}

.feed-add-post-destination {
	border-radius: 1px;
	font-size: 13px;
	display: inline-block;
	font-weight: bold;
	margin: 0 6px 6px 0;
	height: 30px;
	line-height: 29px;
	overflow: hidden;
	padding: 0 30px 0 13px;
	position: relative;
	vertical-align: middle;
	z-index: 2;

	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.feed-add-destination-link,
.feed-add-post-tags-add {
	border-bottom: 1px solid transparent;
	color: #2067b0;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
	margin: 7px 7px 7px 18px;
	line-height: 17px;
	vertical-align: top;
	position: relative;

	-webkit-transition: border-bottom-color 0.2s linear;
	transition: border-bottom-color 0.2s linear;
}

.feed-add-destination-link:hover,
.feed-add-post-tags-add:hover {
	border-bottom: 1px solid;
}



/*USER REGISTRATION-----------------------------------------------------------------------------------------*/


.RegistrationData {
	padding-top: 10px;
}

.RegistrationData__container {
	background: #F0F0F0;
	display: inline-block;
	padding: 18px 90px;
	text-align: left;
}

.RegistrationData__item {
	display: block;
}

.RegistrationData__item + .RegistrationData__item {
	margin-top: 8px;
}

.RegistrationData__value {
	font-weight: bold;
}

.UserRegistration__print {
	margin-top: 20px;
}

.PrintUserData__logo {
	display: block;
	margin-bottom: 55px;
}

.PrintUserData {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	margin-top: 55px;
}

.PrintUserData__date {
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
}

.PrintUserData__name {
	display: block;
	font-weight: bold;
	font-size: 44px;
	line-height: 1.05;
}

.PrintUserData__caption {
	font-weight: bold;
}

.PrintUserData__list {
	margin-top: 27px;
}

.PrintUserData__item {
	font-size: 18px;
}

.PrintUserData__item + .PrintUserData__item {
	margin-top: 15px;
}

.PrintUserFooter {
	margin-top: 175px;
}

.PrintUserFooter__welcome {
	display: block;
	font-size: 18px;
	margin-bottom: 30px;
}

.PrintUserFooter__social {
	display: table;
}

.PrintUserFooter__socialBox {
	display: table-cell;
	vertical-align: top;
}

.PrintUserFooter__socialBox + .PrintUserFooter__socialBox {
	padding-left: 14px;
}

.PrintUserFooter__socialTitle {
	display: block;
	font-weight: bold;
}

.PrintUserFooter__socialLink {
	display: block;
	margin-top: 6px;
}

.PrintUserData__notice{
	margin-top: 15px;
	font-size: 14px;
	line-height: 1.5em;
}

/* BITRIX's CRUTCHES
-----------------------------------------------------------------------------*/

#bx-disk-container {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}




/* HELPERS
-----------------------------------------------------------------------------*/

/* работа с отображением элемента */
.d-n { display: none; }
.d-n\! { display: none !important; }

.d-i { display: inline; }
.d-i\! { display: inline !important; }

.d-b { display: block; }
.d-b\! { display: block !important; }

.d-i-b { display: inline-block; }
.d-i-b\! {	display: inline-block !important; }

.v-h { visibility: hidden; }
.v-v { visibility: visible; }

.op-0 { opacity: 0; }
.op-1 { opacity: 1; }


.f-w-b { font-weight: bold; }
.f-w-n { font-weight: normal; }


.p-r-word {	padding-right: 2em; }
.p-r-char {	padding-right: 1em; }

.p-l-word {	padding-left: 2em; }
.p-l-char {	padding-left: 1em; }


.m-b-0 { margin-bottom: 0; }

.m-r-0 { margin-right: 0; }
.m-r-space { margin-right: .4em; }
.m-r-word-s { margin-right: .8em; }
.m-r-word-m { margin-right: 1.2em; }
.m-r-word-l { margin-right: 2em; }

.m-l-0 { margin-left: 0; }
.m-l-space { margin-left: .4em; }
.m-l-word-s { margin-left: .8em; }
.m-l-word-m { margin-left: 1.2em; }
.m-l-word-l { margin-left: 2em; }


/* Скругление углов для иконок групп */
.sonet-groups-group-img {border-radius: 5px;}




.task-title-buttons{
	float: right;
}



.feed-blog-post-list a{
	text-decoration: none;
}

.feed-inform-comments, .feed-inform-ilike, .feed-inform-follow, .feed-post-more-link{
	line-height: 13px;
}







#learning-page-wrapper ~ #fancybox-wrap #fancybox-content table td,
#learning-page-wrapper .learn-right-data table td {
     padding: 10px;
}

#learning-page-wrapper .valignTop td {
	vertical-align: top; 
}

#learning-page-wrapper .learn-right-data .center {
	text-align: center;
}

.Fancybox--outerAuto #fancybox-outer {
	height: auto;
}

.js-fancyMyText {
	display: inline-block;
	margin-right: 10px;
	border: none !important;
}

.groupPanel__controls{
	margin-top: 20px;
}

.groupPanel__controls button::-moz-focus-inner,
.groupPanel__controls input::-moz-focus-inner{
  border: 0;
  padding: 0;
}

.groupPanel__controls .but{
	vertical-align: middle;
	line-height: 18px;
}

.dragTrigger{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/img/icons/draggable.png') 50% 50% no-repeat;
	cursor: move;
}




/* CRM
---------------------------------------------------------------------*/
.CRMPhotos{
}

.CRMPhoto{
	display: inline-block;
	margin: 0 5px 5px 0;
}

.CRMPhoto__image{
	vertical-align: top;
	width: 100px;
	height: 100px;
	background-size: cover;
	background-position: 50% 50%;
	display: inline-block;
	outline: 1px solid #dddede;
	border: 3px solid #f0f4f5;
}

.CRMPhoto__image:hover{
	opacity: 0.8;
}

.CRMPhotos--edit{
	margin-bottom: 12px;
}

.CRMPhotos--edit .CRMPhoto{
	display: block;
}

.CRMPhotos--edit .CRMPhoto + .CRMPhoto{
	margin-top: 13px;
}

.CRMPhoto__info{
	vertical-align: top;
	display: inline-block;
	width: 260px;
	margin-left: 10px;
}

.CRMPhoto__fileInfo{
	margin: 9px 0 3px 0;
	color: #565e6a;
}

.CRMPhoto__fileInfo + .CRMPhoto__fileInfo{
	margin: 0 0 10px 0;
}

.CRMPhoto__fileInput{
	max-width: 200px;
}

.CRMPhotos--edit .CRMPhoto--new + .CRMPhoto--new{
	margin-top: 10px;
}

.CRMPhoto--new .CRMPhoto__fileUpload{
	margin-left: 0;
}

.crm-client-photo-wrapper {
	display: none;
}

div.crm-client-summary-wrapper .crm-client-info-wrapper.crm-client-info-wrapper {
	margin-left: 0;
}

.crm-list-top-bar .crm-menu-bar-btn.crm-activity-command-add-event {
	display: none;
}

.TitleGroup{
	display: table;
	width: 100%;
}

.TitleGroup__box{
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.TitleGroup__box .task-list-toolbar-float {
	float: none;
}
.TitleGroup__box .task-list-toolbar-actions {
	display: inline-block;
	float: none;
}

.TitleGroup__box--controls{
	text-align: right;
	white-space: nowrap;
	padding-left: 10px;
}

.TitleGroup__header {
	display: inline-block;
}


@media (max-width: 1060px) {
  .TitleGroup__box--controls {
    white-space: normal;
  }
}

.TitleGroup .documentsNew{
	float: none;
	display: inline-block;
}

.TitleGroup + #pagetitle-underline {
	background-image: none;
}

.UserPageLinks__item {
	padding: 3px 0 0 2px;
}



/* PRINTED DOCUMENTS
----------------------------------------------------------------------------*/


.PrintedDocuments {
	background: #fafafa;
	font-family: 'Times New Roman', Times, Georgia, serif !important;
	font-size: 12px;
	margin: 20px auto;
}

.PrintBtn {
	border: 0 none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	background: #e5e5e5;
	cursor: pointer;
	color: #000;
	display: inline-block;
	font-size: 18px;
	padding: 6px 14px 8px;
	height: 41px;
}

.PrintBtn:hover {
	background: #ededed;
	color: #272727;
}

.PrintBtn:active {
	background: #D8D8D8;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1) inset;
	        box-shadow: 0 2px 0 rgba(0,0,0,.1) inset;
}

.PrintBtn--main {
	color: #d20000;
}

.PrintBtn--main:hover {
	color: #f00000;
}

.PrintedDocumentsButtons {
	padding: 30px;
	text-align: center;
}

.PrintedDocumentsButtons .PrintBtn + .PrintBtn {
	margin-left: 20px;
}

.PrintedDocuments--vacation .PrintedDocuments__wrapper {
	height: 846px;
}


.PrintedDocuments__wrapper {
	-webkit-border-radius: 1px;
	        border-radius: 1px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,.1);
	        box-shadow: 0 10px 30px rgba(0,0,0,.1);
	background: #FFF;
	line-height: 1.4em;
	padding: 57px 42px 57px 84px;
	width: 600px;
	position: relative;
	margin: 0 auto;
}

.PrintedDocumentsHeader {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table;
	width: 100%;
}

.PrintedDocumentsHeader__box {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table-cell;
	text-align: right;
	width: 100%;
}

.PrintedDocumentsHeader__paragraph {
	display: block;
	margin: 0;
	text-align: left;
	width: 210px;
}

.PrintedDocumentsHeader__paragraph + .PrintedDocumentsHeader__paragraph {
	margin-top: .9em;
}

.PrintedDocumentsHeader__post,
.PrintedDocumentsHeader__cfo,
.PrintedDocumentsHeader__name {
	display: block;
}

.PrintedDocumentsHeader__cfo,
.PrintedDocumentsHeader__name {
	margin-top: 3px;
}

.PrintedDocumentsHeader__name {
	font-weight: bold;
}

.PrintedDocumentsText {
	margin-top: 10em;
}

.PrintedDocumentsText__header {
	margin: 0 0 1em;
	text-align: center;
	font-size: 1.6em;
}

.PrintedDocumentsText__subHeader {
	display: block;
	font-size: .7em;
	margin-top: .2em;
}

.PrintedDocumentsText__paragraph {
	margin: 0;
}

.PrintedDocumentsFooter {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table;
	position: absolute;
	bottom: 57px;
	padding: 0 42px 0 84px;
	left: 0;
}

.PrintedDocumentsFooter__box {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table-cell;
	width: 100%;
}

.PrintedDocumentsFooter__box--date {
	white-space: nowrap;
	width: 200px;
}

.PrintedDocumentsFooter__item + .PrintedDocumentsFooter__item {
	margin-top: 2.4em;
}

.PrintedDocumentsFooter__signPlace {
	display: inline-block;
	width: 75px;
	border-bottom: 1px solid #000;
}

.PrintedDocumentsFooter__box--signs .PrintedDocumentsFooter__caption {
	display: inline-block;
	width: 105px;
}

.PrintedDocumentsFooter__box {
	width: 100%;
}

.PrintedDocumentsFooter__box--signs {
	white-space: nowrap;
}

.PrintedDocumentsFooter__box--signs .PrintedDocumentsFooter__item {
	width: 180px;
}

/* PRINTED DOCUMENTS - TRIP
----------------------------------------------------------------------------*/

.T9Form {
	font-size: 14px;
	width: auto;
}

.PrintedDocuments__wrapper--t9Form {
	font-size: .75em;
}

.T9FormHeader {
	width: 100%;
}

.T9FormHeaderApprove,
.T9FormOrganization {
	display: table;
	width: 100%;
}

.T9FormHeaderApprove__box,
.T9FormOrganization__box {
	display: table-cell;
}

.T9FormHeaderApprove__box + .T9FormHeaderApprove__box,
.T9FormOrganization__box + .T9FormOrganization__box {
	padding-left: 1em;
}

.T9FormHeaderApprove__box--approve {
	text-align: right;
	width: 40%;
}

.T9FormHeaderApprove__approveText {
	font-size: .8em;
	text-align: left;
	line-height: 1.3em;
}

.PrintedDocumentsField {
	position: relative;
	vertical-align: bottom;
}

.PrintedDocumentsField + .PrintedDocumentsField {
	margin-top: 1em;
}

.T9FormTable--tableNumber {
	position: absolute;
	right: 0;
	top: -1.5em;
}

.PrintedDocumentsField--compound {
	display: table;
	width: 100%;
}

.PrintedDocumentsField--compound .PrintedDocumentsField {
	top: 1em;
}

.PrintedDocumentsField__box {
	display: table-cell;
	vertical-align: bottom;
}

.PrintedDocumentsField__box + .PrintedDocumentsField__box {
	padding-left: 1.4em;
}

.PrintedDocumentsField__box--header {
	font-weight: bold;
	white-space: nowrap;
	width: 1px;
}

.PrintedDocumentsField__box--date {
	white-space: nowrap;
	width: 1px;
}

.PrintedDocumentsField__space {
	text-align: center;
	border-bottom: 1px solid #000;
	min-height: 1.4em;
}

.PrintedDocumentsField__space + .PrintedDocumentsField__space {
	margin-top: 1em;
}

.PrintedDocumentsField__caption {
	text-align: center;
	font-size: 0.8em;
	white-space: nowrap;
	padding: 0 8px;
}

.PrintedDocumentsField__helper {
	background: #FFF;
	padding: 0 .35em .14em 0;
	position: absolute;
	top: 0;
	left: 0;
}

.PrintedDocumentsField__helper + .PrintedDocumentsField__space {
	padding-left: 14em;
}

.PrintedDocumentsSpace {
	border: 1px solid #000;
	display: inline-block;
	min-height: 1.4em;
	min-width: 1.4em;
	padding: 0 .35em;
	position: relative;
	top: 4px;
}

.TT9FormOrganization__box--organizationName {
	vertical-align: bottom;
	width: 100%;
}

.T9FormOrganization {
	margin-top: .7em;
}

.T9FormTable {
	border-collapse: collapse;
}

.T9FormTable__cell {
	text-align: center;
	vertical-align: top;
	border: 1px solid #000;
	padding: 0 .35em;
	min-height: 1.4em;
}

.T9FormTable__row--organization,
.T9FormTable__row--purpose,
.T9FormTable__row--finance {
	-ms-word-break: break-all;
	    word-break: break-all;
}

.T9FormTable__cell--organization {
	-ms-word-break: normal;
	    word-break: normal;
}

.T9FormTable--tripHeaderTable {
	white-space: nowrap;
}

.T9FormTable__cell--sideText {
	text-align: right;
	border: 0 none;
	padding-left: 0;
}

.T9FormDocumentName__text {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

.T9FormDocumentName {
	margin-top: 1.6em;
	position: relative;
}

.T9FormTermsCount {
	margin-top: 1.6em;
}

.T9FormDocumentName__numDate {
	position: absolute;
	right: 0;
	top: 0;
}

.T9FormTermsCount__field {
	text-align: center;
	width: 2em;
}

.T9FormTerms__item {
	display: inline-block;
}

.T9FormTerms__dateField {
	display: inline-block;
	position: relative;
	top: 1px;
	vertical-align: bottom;
}

.T9FormTerms__dateField--day {
	width: 2.1em;
}

.T9FormTerms__dateField--month {
	width: 7.1em;
}

.T9FormTerms__dateField--year {
	width: 2.1em;
}

.T9FormPurpose {
	margin-top: 1.6em;
}

.T9FormFooter {
	margin-top: 1.6em;
}

.T9FormContent {
	margin-top: 1.6em;
}

.T9FormContent__header {
	font-weight: bold;
	margin-bottom: 0.4em;
}

.T9FormTable__cell--caption,
.T9FormTable__cell--employee {
	width: 25%;
}


/*Костыль для выравнивания элементов управления в шапке рабочих групп*/
/*У элемента #group_menu_subscribe_button стили записаны инлайново, потоэтому «!important»*/
/*Всё поехало из-за смены шаблона вывода шапки, где используются блоки с классом «.TitleGroup__box »*/

.TitleGroup__box #group_menu_subscribe_button {
	bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 5px !important;
	display: inline-block;
}

.TitleGroup__box span.bx-group-pagetitle-link {
	margin-right: 14px;
	top: -10px;
	position: relative;
	right: 0;
}



.TitleGroup__box .bx-disk-searchbox {
	float: none;
	display: inline-block;
}


/*--------------------------------------------------------------------*/

/* Стили об ошибке битрикса (Страница недоступна) */
.BitrixError {
	background-color: #e8e8e8;
	font-family: Arial, Helvetica, sans-serif;		
	height: 100%;
	text-align: center;
}

.BitrixError__logo {
	display: inline-block;
	padding: 81px 90px 33px;
	border-bottom: 1px solid #d6d6d6;
}

.BitrixErrorText__box {
	font-weight: bold;
	line-height: 1;
}

.BitrixErrorText__box--page {
	font-size: 36px;
	margin-top: 28px;
}
.BitrixErrorText__box--look {
	font-size: 24px;
	margin-top: 12px;
}

@media  all and (max-width: 767px){

	.BitrixErrorText__box--look {
		font-size: 22px;
	}

}
/* ~Стили об ошибке битрикса (Страница недоступна) */

.CrmWriteEmail {
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow-y: auto !important;
}
.CrmWriteEmail__table {
	width: inherit !important;
	height: inherit !important;
}
.CrmWriteEmail__text {
	width: 100% !important;
	height: 450px !important;
}
@media  all and (max-height: 770px){
	.CrmWriteEmail__text {
		height: 400px !important;
	}
}
@media  all and (max-height: 720px){
	.CrmWriteEmail__text {
		height: 350px !important;
	}
}
@media  all and (max-height: 670px){
	.CrmWriteEmail__text {
		height: 300px !important;
	}
}
@media  all and (max-height: 620px){
	.CrmWriteEmail__text {
		height: 250px !important;
	}
}
@media  all and (max-height: 570px){
	.CrmWriteEmail__text {
		height: 200px !important;
	}
}
@media  all and (max-height: 520px){
	.CrmWriteEmail__text {
		height: 150px !important;
	}
}
@media  all and (max-height: 470px){
	.CrmWriteEmail__text {
		height: 100px !important;
	}
}

.CrmWriteEmail__textContainer {
	height: 100% !important;
}

.Vacancy {
	font-size: 12px;
}
.Vacancy__list {
	margin: 0;
	padding: 0;
	list-style: none;

}
.Vacancy__item {
	display: table;
	padding-bottom: 12px;
}
.Vacancy__item--last {
	padding-bottom: 5px;
}
.Vacancy__item + .Vacancy__item {
	border-top: 1px solid #d6d6d6;
	padding-top: 12px;
}
.Vacancy__field {
	display: table-cell;
}
.Vacancy__field--name {
	color: #666;
	width: 100%;
}
.Vacancy__field--value {
	text-align: right;
	white-space: nowrap;
}
.Vacancy__field--bold {
	font-weight: bold;
}
.tm-dashboard {
	vertical-align: top;
}


.showMore {
	display: block;
	font-size: 11px;
}
.showMoreInfo {
	box-sizing: border-box;
	border-radius: 4px;
	padding: 20px;
	width: 780px;
}
.showMoreInfo__title {
	font-size: 20px;
}
.showMoreInfo__date {
	color: #535C69;
	font-size: 11px;
	margin-top: .5em;
}
.showMoreInfo__text {
	font-size: 12px;
	margin-top: 2em;
}
.showMoreInfo__text p {
	margin-bottom: 0;
}

.ManagerReportTable,
.QuarterReportTable {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	position: relative;
	width: 100%;
	background-color: #fff;
	table-layout: fixed;
}

.ManagerReportTable th,
.ManagerReportTable td,
.QuarterReportTable th,
.QuarterReportTable td {
	border-right: 1px solid #e5e5e5;
	text-align: left;
	word-wrap: break-word;
	hyphens: auto;
}
.ManagerReportTable th,
.ManagerReportTable td {
	padding: 10px;
}


.ManagerReportTable--head th, 
.QuarterReportTable--head th {
	background: #f4f0d2;
	border-top: 1px solid #e5e5e5;
	color: #58564C;
	font-weight: normal;
}
.ManagerReportTable--head th {
	font-size: 14px;
}


.ManagerReportTable .client {
	width: 6%;	
}

.ManagerReportTable .category,
.ManagerReportTable .date,
.ManagerReportTable .theme,
.ManagerReportTable .pot {
	width: 8%;
}

.ManagerReportTable .format,
.ManagerReportTable .location,
.ManagerReportTable .content,
.ManagerReportTable .status {
	width: 10%;
}

.ManagerReportTable .employee {
	width: 11%;
}

.ManagerReportTable .month {
	width: 12%;
}


.QuarterReportTable__col {
	box-sizing: border-box;
	padding: 10px 5px;
}
.QuarterReportTable--head .QuarterReportTable__col {
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}

.QuarterReportTable--info .QuarterReportTable__col {
	font-size: 11px;
}

.QuarterReportTable__row--even .QuarterReportTable__col {
	background-color: #F2F2F2;	
}

.QuarterReportTable__item {
	display: block;	
}
.QuarterReportTable__item + .QuarterReportTable__item {
	margin-top: 10px;
}

.QuarterReportTable__row:hover .QuarterReportTable__col {
	background-color: #FFFCB1;
	cursor: default;
}

.QuarterReportTable .comment .QuarterReportTable__link {
	display: inline-block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .15s ease;
	   -moz-transition: all .15s ease;
	    -ms-transition: all .15s ease;
	     -o-transition: all .15s ease;
	        transition: all .15s ease;
}

.QuarterReportTable__row:hover .comment .QuarterReportTable__link {
	visibility: visible;
	opacity: 1;
}

.QuarterReportTable .pseudolink {
	word-wrap: normal;
	hyphens: none;
}

.QuarterReportTable .client,
.QuarterReportTable .result,
.QuarterReportTable .comment {
	width: 15%;	
}

.QuarterReportTable .status {
	width: 12%;
}

.QuarterReportTable .format,
.QuarterReportTable .pot,
.QuarterReportTable .month {
	width: 8%;
}

.QuarterReportTable .dev {
	width: 12%;
	padding: 0;
}

.QuarterReportTable .dev-r,
.QuarterReportTable .dev-h,
.QuarterReportTable .dev-d,
.QuarterReportTable .dev-b {
	width: 3%;
}

.QuarterReportTable .kp,
.QuarterReportTable .zou {
	width: 4%;
}

.QuarterReportTable .task {
	width: 5%;	
}

.QuarterReportTable .dev,
.QuarterReportTable .dev-r,
.QuarterReportTable .dev-h,
.QuarterReportTable .dev-d,
.QuarterReportTable .dev-b,
.QuarterReportTable .kp,
.QuarterReportTable .zou,
.QuarterReportTable .task,
.QuarterReportTable .month,
.QuarterReportTable .pot {
	text-align: center;
}