@import '../scripts/extjs-5/build/packages/ext-theme-crisp/build/resources/ext-theme-wt.css';


@font-face
{
	font-family: Roboto;
	font-weight: normal;
	font-style: normal;
	src:	local('Roboto'),
			local('Roboto-Regular'),
			url('fonts/Roboto/Regular/Roboto-Regular.eot'),
			url('fonts/Roboto/Regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto/Regular/Roboto-Regular.woff2') format('woff2'),
			url('fonts/Roboto/Regular/Roboto-Regular.woff') format('woff'),
			url('fonts/Roboto/Regular/Roboto-Regular.ttf') format('truetype'),
			url('fonts/Roboto/Regular/Roboto-Regular.svg#Roboto') format('svg');
}
@font-face
{
	font-family: Roboto;
	font-weight: normal;
	font-style: italic;
	src: 	local('Roboto Italic'),
			local('Roboto-Italic'),
			url('fonts/Roboto/Italic/Roboto-Italic.eot'),
			url('fonts/Roboto/Italic/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto/Italic/Roboto-Italic.woff2') format('woff2'),
			url('fonts/Roboto/Italic/Roboto-Italic.woff') format('woff'),
			url('fonts/Roboto/Italic/Roboto-Italic.ttf') format('truetype'),
			url('fonts/Roboto/Italic/Roboto-Italic.svg#Roboto') format('svg');
}

@font-face
{
	font-family: Roboto;
	font-weight: bold;
	font-style: normal;
	src:	local('Roboto Bold'),
			local('Roboto-Bold'),
			url('fonts/Roboto/Bold/Roboto-Bold.eot'),
			url('fonts/Roboto/Bold/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto/Bold/Roboto-Bold.woff2') format('woff2'),
			url('fonts/Roboto/Bold/Roboto-Bold.woff') format('woff'),
			url('fonts/Roboto/Bold/Roboto-Bold.ttf') format('truetype'),
			url('fonts/Roboto/Bold/Roboto-Bold.svg#Roboto') format('svg');
}
@font-face
{
	font-family: Roboto;
	font-weight: bold;
	font-style: italic;
	src: 	local('Roboto Bold Italic'),
			local('Roboto-BoldItalic'),
			url('fonts/Roboto/BoldItalic/Roboto-BoldItalic.eot'),
			url('fonts/Roboto/BoldItalic/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff2') format('woff2'),
			url('fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff') format('woff'),
			url('fonts/Roboto/BoldItalic/Roboto-BoldItalic.ttf') format('truetype'),
			url('fonts/Roboto/BoldItalic/Roboto-BoldItalic.svg#Roboto') format('svg');
}

body{ 
	margin: 0; 
	padding: 0; 
	height: 100%; 
	background-color: #f3f3f4; 
	font-family: 'Roboto', 'Open Sans', Trebuchet MS, Verdana, Tahoma, sans-serif; 
	font-size: 15px;
	color: #313a4a;
}

html { 
	height: 100% 
}

div, p, span, a, input, textarea, keygen, select, button{
	font-family: 'Roboto', 'Open Sans', Trebuchet MS, Verdana, Tahoma, sans-serif;
}

input[type=text],input[type=number], input[type=password], textarea{
	border: 1px solid #c9ccd4;
	border-radius: 2px;	
	padding: calc(8px + 2px);
	font-size: 15px;
	box-shadow: inset 0 1px 3px #DDDDDD;
}

.x-form-textarea { border: 1px solid #c9ccd4 }

input[type=text]:focus,input[type=number]:focus, input[type=password]:focus, textarea:focus{
	border: 1px solid #4176ea;
}

.cssXPDatePicker input[type=text]:focus { border: 0px solid transparent }

input[type=button],input[type=submit], button, a.button { 
	-webkit-appearance: none;
	border: 1px solid #4176ea;
	/* padding: 13px 23px; */
	padding: 8px 16px;
	border-radius: 2px;
	background-color: transparent;
	color: #4176ea;
	font-size: 14px;
	cursor: pointer;
	margin: 8px 0;
}
input[type=button]:hover,
input[type=submit]:hover, button:hover, a.button:hover
{
	
/* 	border-color: #355bbb;
	color: #355bbb; */
	border-color: #4176ea;
	background-color: #4176ea;
	color: #ffffff;
}
input[type=text], input[type=password], textarea{
	background-color: #ffffff;
	border: 1px solid #c9ccd4;
}

.XAML-input-date { width: 105px; min-width: 105px; max-width: 105px; }
.XAML-input-datetime { width: 160px; min-width: 160px; max-width: 160px; }
.XAML-input-small { width: 160px; min-width: 160px; max-width: 160px; }
.XAML-input-medium { width: 300px; min-width: 300px; max-width: 300px; }
.XAML-input-large { width: 500px; min-width: 500px; max-width: 500px; }

a.button{
	display: inline-block;
}

a, a:visited{
	color: #4176ea; 
	text-decoration: none;
}
a:hover, a:active{
	color: #355bbb; 
	text-decoration: none;
}


td{
	padding: 0;	
	margin: 0;
}


body{ }

/*-------------------------- Р—РѕРЅС‹ ------------------------*/
.page{
	padding-top: 64px;
}

header{
	height: 64px;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	border-bottom: 1px solid #ebebec;
	z-index: 999;
}

@media screen and (min-width:0\0) { /* IE 9+ hack*/
	header{
		border-top: 1px solid #ebebec;
	}
	
}

.navigation{
	background-color: #ffffff;
	border-collapse: separate;
	box-shadow: 0 0 10px rgba(0,0,0,0.11);
}

.page-content{
	width: 1176px;
    margin: 0 auto;
	padding: 40px 0 8px 0;
	overflow-y: hidden;
}


.logo-container{
	float:left;
	margin: 0 16px;
}
.logo-container a{	
	height: 64px;
    display: table-cell;
    vertical-align: middle;
}
.header-content{ 
}

.header-top, .header-middle, .header-bottom{
}

/* ---- Правильная работа элементов в шапке - начало */

.header-top { white-space: nowrap; }

#wt-header-top-right, #wt-header-top-center { display: inline-block }
#wt-header-top-right { right: 0; position: absolute; background-color: #FFFFFF; display: inline-block; }
	

@media screen and (max-width: 500px) {
.WTCSS-search { display: none }
}

/* ---- Правильная работа элементов в шапке - конец ---- */


.zone-main{
	/* float: left; */
	display: inline-block;
	width: 100%;
}
.page-columns-2 .zone-main{
	width: calc(100% - 240px); 
}
.page-columns-3 .zone-main{
	width: calc(100% - 480px); 
}

.zone-left{
	width: 216px;
	float: left;
	display: inline-block;
	margin-right: 24px;
}
.zone-right{
	width: 216px;
	float: right;
	display: inline-block;
	margin-left: 24px;
}
/*------------------ Страница авторизации ----------------*/
body.default .content-container {  background-color: #f3f3f4; }

.login-block{
	background-color: #ffffff;
	padding: 8px;
	border-radius: 4px;
	max-width: 700px;
	margin: 100px auto;
	border-collapse: separate;
    box-shadow: 0 0 10px rgba(0,0,0,0.11);
}
.login-block .logo{
	background-image: url(design/default/images/logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 120px;
	height: 29px;
}
.login-block .logo-container{
	margin: 24px;
}
.login-header{
	padding: 24px;
	text-align: center;
	font-size: 24px;
}

.login-content{
	/* margin: 24px; */
}
.login-text,
.login-comment{
	clear: both;
	margin: 24px;
}
.login-block .toolbar{
	text-align: center;
	margin: 8px 0;
}
.login-block .toolbar button{
	margin-left: 4px;
	margin-right: 4px;
	min-width: 96px;
}

.login-block .field-container{
	text-align: center;	
	margin: 8px 0;
}
.login-block .field-container>div{
	display: inline-block;
}
.login-block .login-label{
	min-width: 70px;
	margin-left: -35px;
	text-align: right;
	padding: 8px;
}
.login-block .field-container input{
	min-width: 192px;
}
.login-block .field-container .fa{
	font-size: 19px;
	display: inline-block;
    width: 19px;
}
/*-------------------------- Меню ------------------------*/
.menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
	white-space: nowrap;
}
.menu-mobile, .menu-mobile-button-container{
	display: none;
}
.menu-main{	
	float:left;
	max-height: 64px;
	overflow: hidden;
}
.menu-main li{
	float: left;
	height: 64px;
	display: table;
}
.menu-main .menu-item a{
	color: #313a4a;
	font-size: 17px;
	font-weight: 500;
	padding: 16px;    
    display: table-cell;
    vertical-align: middle;
	border-bottom: 2px solid #ffffff;
	cursor: pointer;
}
.menu-main .menu-item a:hover,
.menu-main .menu-item a:active,
.menu-main .menu-item a.active{
	color: #4176ea;
	border-bottom: 2px solid #4176ea;
}
.main-menu-dropdown{
	position: fixed;
    top: 64px;
	left: 0px;
	z-index: 999;
	width: 100%;
	background-color: #ffffff;
	border-top: 1px solid #ebebec;
	border-bottom: 1px solid #ebebec;
	padding: 16px;	
}
.menu-desc{
	float: left;
    max-width: 20%;
}
.menu-content{
	float: left;	
}
.menu-desc-title{
	font-size: 19px;
	line-height: 1em;
	margin-bottom: 16px;
}
.menu-desc-img{
	max-width: 200px;
}

.menu-desc-short { white-space: normal }

.menu-content-column{
	float: left;
	margin: 24px;
}
.main-menu-dropdown .menu-item{
	margin: 8px;
}
.main-menu-dropdown .menu-item-level-1 a{
	color: #313a4a;
	font-size: 17px;
}
/*--------------------- Блок поиска ------------------------*/
header .block-search{
	float: right;
	color: #969eb2;
	border-left: 1px solid #ebebec;
	padding: 0px 8px;
}
header .search-input{
	height: 64px;
    padding: 0 16px;
    border: 0;
    box-shadow: none;
	font-size: 15px;
	color: #969eb2;
	width: 120px;
}

header .search-input:focus { 
	border: 0px solid transparent;
}

header .block-search icon{
	padding-right: 16px;
}

/*----------- Блок информации о пользователе ----------------*/
header .block-user-info{
	height: 64px;
	float: right;
	border-left: 1px solid #ebebec;
}
header .block-user-info .wrapper{
	display: table;
	box-sizing: border-box;
    vertical-align: middle;
	height: 100%;
	padding: 8px 16px 8px 24px; /* Педдинг справа делаем меньше, он компенсируется правым отступом у содержимого*/
}
header .block-user-info .user-cabinet{
	display: table-cell;
    vertical-align: middle;
}
.block-user-info .user-cabinet{
	/*float: left;		*/
	margin-left: 8px;
}

.block-user-info .username, .block-user-info .exit-button-container, .block-user-info .user-photo-container, .block-user-info .button-dropdown{
	margin-right: 8px;	
}

/*
.user-photo-container icon{ 
	color: #969eb2; 
}
.exit-button-container i{
	color: #969eb2; 
}
*/

.block-user-info a{
	color: #313a4a;
	font-size: 15px;
}
.block-user-info a:hover{
	color: #4176ea;
}
.block-user-info .user-photo{
	width: 40px;
    height: 40px;
    border-radius: 50%;
	background-size: cover;
    background-position: center;
}
.block-user-info .button-dropdown{	
	width: 24px;
	height: 24px;
	background: url(design/default/images/arrow_down_gray.png) center center no-repeat;
	cursor: pointer;
}
.block-user-info .dropdown{
	display: none;
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 64px;
    width: 250px;
    background-color: #ffffff;
    border: 1px solid #c9ccd4;
    padding: 10px;
}
.block-user-info .dropdown .title{
	font-weight: 500;
	text-align: center;
}
.block-user-info .dropdown ul{
	padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}
.block-user-info .dropdown li{
	margin: 16px 0;
}
.block-user-info .dropdown .link-container{
	width: 100%;
}
.block-user-info .dropdown .link-container a{
	font-weight: 500;
}
.block-user-info .dropdown .close-box{
	text-align: right;
}
/*----------------------- Breadcrumbs-----------------------*/

.breadcrumbs{
	width: 1176px;
    margin: 0 auto;
	padding: 16px 0;
	font-size: 13px;
}

.breadcrumbs .path-parent, .path-divider{
	color: #969eb2;
}
.breadcrumbs .path-parent:after{
}
	
.breadcrumbs .path-current{
	color: #313a4a;
}

.breadcrumbs .path-divider:after{
	font-size: 13px;
	content: " \00BB\00A0 ";
}

/*-------------------------- Footer -------------------------*/
.footer{
    width: 100%;
	background-color: #ebebec;
	color: #727a8d;
}
.footer-center{
	display: inline-block;
    width: 100%;
}
.footer-content{
	width: 1176px;
    margin: 0 auto;
	font-size: 13px;
}
.footer-content .copyright{	
	padding: 16px 0;
	float: left;
}
.footer-content .view-switch{	
	padding: 16px 0;
	float: right;
}

.copyright-container{
	padding: 0 16px;
}
/*-------------------------- Icons -------------------------*/
.icon-2x{
	font-size: 2em;
}
.icon-error-color, .icon-critical-color{
	color: red;
}
.icon-info-color{
}
.icon-warning-color{
	color: #ff9c00;
}
/*-------------------------- End of Icons ---------------------*/


/*============================= Заголовки ==========================*/

h1, .XAML-label-header-1, .XAML-label-template-title, .XAML-object-title-label, .page-title {
	font-family: 'Roboto Light', 'Roboto', sans-serif;
	font-size: 44px;
	font-weight: normal;
	margin: 0 0 calc(40px - 5px) 0;
	line-height: 1em;
}
h2, .XAML-label-header-2, .XAML-label-block-header {
	font-family: 'Roboto Light', 'Roboto', sans-serif;
	font-size: 34px;
	font-weight: normal;
	margin: 0 0 calc(24px - 4px) 0;
	line-height: 1em;
}
h3, .XAML-label-header-3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 16px 0;
}
h4, .XAML-label-header-4 {
	font-family: 'Roboto Medium', sans-serif;
	font-size: 17px;
	font-weight: 500;
	margin: 0 0 8px 0;
}

h5, .XAML-label-header-5 {
	font-family: 'Roboto Medium', sans-serif;
	font-size: 15px;
	font-weight: 500;
	margin: 0 0 8px 0;
}

/*============================= XAML ==========================*/

.XAML-image-link { cursor: pointer }

/*--------------- TabControl ----------------*/

.cssXPTabControl-left .x-tabpanel-child .x-panel-body { overflow-x: auto; }

.cssXPTabControl-top{
	/* background-color: #ffffff; 
    border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.11);*/
	/*padding: 24px ;*/
}
.cssXPTabControl-top .x-tab-bar{
	padding: 0 0 /* 16px */;
	border-bottom: 1px solid #f3f3f4;
	margin-bottom: 16px;
}

.cssXPTabControl-top.XAML-uni-content-container .x-tab-bar{
	padding: 0 16px;
	margin-bottom: 0;
}

.XAML-tabcontrol-filter .x-tab-bar{
	padding: 0 16px;
	border-bottom: 1px solid #f3f3f4;
	/* margin-bottom: 16px; */
}

.cssXPTabControl-top .x-tab-bar-scroller{
	padding: 0; /* При скроллинге на мобильном появляются стрелки, педдинг убираем */
}

.cssXPTabControl-top>.x-tab-bar-horizontal>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default { 
	color: #313a4a;
	padding-top: 0px;
	padding-bottom: 16px; /* Добавляем к педдингу ширину подчеркивания активного элемента (нижней границы)*/
	padding-left: 8px;
	padding-right: 8px;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	margin-bottom: 16px !important; 

}

.cssXPTabControl-top.XAML-uni-content-container>.x-tab-bar-horizontal>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default { 
	padding-top: 16px;
}

.XAML-tabcontrol-filter>.x-tab-bar-horizontal>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default{
	color: #313a4a;
	padding-top: 16px;
	padding-bottom: 16px; /* Добавляем к педдингу ширину подчеркивания активного элемента (нижней границы)*/
	padding-left: 8px;
	padding-right: 8px;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	margin-bottom: 16px !important; 
}


@media screen and (min-width: 980px){
	.cssXPTabControl-top>.x-tab-bar-horizontal>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default{
		position: relative !important;
		left: auto !important;
		margin: 0 0 /* 8px*/ !important; /* Исправление табов при наезжании */
		display: inline-block;	
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}
.cssXPTabControl-top>.x-tab-bar-horizontal>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default.x-tab-active{
	color: #4176ea;
	border-bottom: 2px solid #4176ea;
	/* padding-bottom: 16px; */
}
.cssXPTabControl-top .x-tabpanel-child{
	/* padding: 16px;	 */
}



.cssXPTabControl-left>.x-tab-bar-left{
	border: 1px solid #c9ccd4;
	border-radius: 4px;
	margin: 0 /*16px */ 24px 16px 0;
	width: 192px;
}
.cssXPTabControl-left>.x-tab-bar-left>.x-tab-bar-body{
	padding: 24px;
}
.cssXPTabControl-left a.x-tab-left{
	color: #313a4a;
	margin-bottom: 16px !important;
	/* width: 192px; */
	/* position: relative !important; */
    /* top: 0 !important; */
}

.cssXPTabControl-left .x-box-target a.x-tab-left:last-child {
	margin-bottom: 0px !important;
}

.cssXPTabControl-left a.x-tab-left.x-tab-active,
.cssXPTabControl-left a.x-tab-left:hover{
	color: #4176ea;
}
.cssXPTabControl-left>.x-panel-body{
	/* background-color: #ffffff;
	border-radius: 4px; */
	margin: 0 0 8px 0;
}

.XAML-tabcontrol-invisible>.x-box-inner>.x-box-target>.cssXPTabItem>.concertinaHeader{
	display: none;	
}
.XAML-tabcontrol-invisible>.x-box-inner>.x-box-target>.cssXPTabItem.x-collapsed{
	display: none;	
	width: 0 !important;
}
.XAML-tabcontrol-invisible>.x-box-inner>.x-box-target>.cssXPTabItem>.x-accordion-body{
	left: 0 !important;
	width: 100% !important;
}

.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default>.x-tab-wrap { background-color: #f3f3f4; } /* Убираем наезжание подложки таба на его нижнюю границу в IE */

/*----------------- Edit ------------------*/
.XAML-edit-label .x-form-trigger-wrap
{
	border: 0;
}

.XAML-edit-label input{
	background-color: transparent;
	box-shadow: none;
}
.XAML-edit-label-title .x-form-text
{
	border: 0;
	font-weight: 500;
	font-size: 16px;
	width: 100%;
}
.XAML-edit-label-title{
	width: 100% !important;
	
}
.XAML-edit-label-title .x-form-text-field-body-default{
	max-width: 100%;
	width: 100%;
}

/*--------------- DataGrid ----------------*/
.cssXPDataGrid,
.cssXPResourceFieldGridSelect{
	/* margin: 16px 24px; */
	margin: 0 0 24px 0;
	width: auto !important;
	background-color: #ffffff;
	padding: 24px 24px;
	border-radius: 4px;
}
.cssXPDataGrid .x-grid-header-ct,
.cssXPResourceFieldGridSelect .x-grid-header-ct{
	color: #969eb2;
	background-color: #f3f3f4;
	margin-bottom: 8px;
	padding: 0 /* 24px */ 0;
}

.cssXPDataGrid .x-grid-header-ct .x-column-header-first,
.cssXPResourceFieldGridSelect .x-grid-header-ct .x-column-header-first { padding-left: 16px }

.cssXPDataGrid .x-grid-header-ct .x-column-header-last,
.cssXPResourceFieldGridSelect .x-grid-header-ct .x-column-header-last { padding-right: 16px }

.cssXPDataGrid .x-column-header,
.cssXPResourceFieldGridSelect .x-column-header{
	font-size: 14px;
	padding: calc(16px - 3px) 8px;
}
.cssXPDataGrid .x-column-header-focus,
.cssXPResourceFieldGridSelect .x-column-header-focus{
	/*border-width: 10px !important;*/
	color: #4176ea;
}

.x-column-header-sort-DESC .x-column-header-text { background-image: url(design/default/images/sort-desc.png); }
.x-column-header-sort-ASC .x-column-header-text { background-image : url(design/default/images/sort-asc.png); }

.cssXPDataGrid .x-grid-cell,
.cssXPResourceFieldGridSelect  .x-grid-cell{
	padding: 16px 8px;	
}

.cssXPDataGrid .x-grid-item,
.cssXPResourceFieldGridSelect .x-grid-item{
	background-color: #f3f3f4;
	padding: 0 /* 24px */ 0;
	margin-bottom: 1px;
}

.cssXPDataGrid .x-grid-item .x-grid-cell-first,
.cssXPResourceFieldGridSelect .x-grid-item .x-grid-cell-first {
	padding-left: 16px;
}

.cssXPDataGrid .x-grid-item .x-grid-cell-last,
.cssXPResourceFieldGridSelect .x-grid-item .x-grid-cell-last {
	padding-right: 16px;
}


.cssXPDataGrid .x-grid-item-over,
.cssXPDataGrid .x-grid-item-selected,
.cssXPResourceFieldGridSelect .x-grid-item-over,
.cssXPResourceFieldGridSelect .x-grid-item-selected{
	background-color: #ebebec;
}

.cssXPDataGrid a .x-autocontainer-innerCt{	    
    overflow: hidden;
	text-overflow: ellipsis;
}
.cssXPDataGrid .wt-column-cell-type-image{
	padding: 0;
}
.cssXPDataGrid .wt-column-cell-type-image img{
	max-width: 24px;
}

/*------Data Grid Compact--------------*/

.cssXPDataGrid.XAML-datagrid-compact {
	/* margin: 16px 24px; */
	margin: 0 0 24px 0;
	width: auto !important;
	background-color: #ffffff;
	padding: 8px 8px;
	border-radius: 4px;
}	

.cssXPDataGrid.XAML-datagrid-compact .x-column-header,
.cssXPDataGrid.XAML-datagrid-compact .x-grid-cell {
	padding: 8px 4px;
	font-size: 11px;
}

.cssXPDataGrid.XAML-datagrid-compact .x-grid-header-ct .x-column-header-first,
.cssXPDataGrid.XAML-datagrid-compact .x-grid-item .x-grid-cell-first { padding-left: 8px }

.cssXPDataGrid.XAML-datagrid-compact .x-grid-header-ct .x-column-header-last,
.cssXPDataGrid.XAML-datagrid-compact .x-grid-item .x-grid-cell-last { padding-right: 8px }


/*----------------- Grid ------------------*/
.XAML-info-grid-table,
.XAML-grid-info-table{
	margin: 0 0 24px 0;
	/* width: auto !important; */
	border-radius: 4px;
	background-color: #ffffff;
	padding: 24px;
	overflow-x: auto;
}
.XAML-grid-info-table>table{
}
.XAML-info-grid-table>table>tbody>tr>td,
.XAML-grid-info-table>table>tbody>tr>td{
	vertical-align: middle;
	padding: 16px;
	background-color: #f3f3f4;
	border-bottom: 1px solid #ffffff;
}
.XAML-info-grid-table>table>tbody>tr>td:first-child,
.XAML-grid-info-table>table>tbody>tr>td:first-child{
	width: 192px;
}
.XAML-grid-info-table.small-padding >table>tbody>tr>td{
	padding: 4px;
}

.XAML-question-table>table>tbody>tr>td{ vertical-align: top }

.XAML-info-grid-title-column,
.XAML-grid-label-name,
.XAML-label-grid-column-name{	
	color: #969eb2;
	font-size: 14px;
	line-height: normal; 
}

.XAML-label-desc {	
	color: #969eb2;
	font-size: 14px;
	line-height: normal; 
}

.XAML-grid-info-table-compact{
	overflow-y: auto;
    box-sizing: border-box;
    height: 100%;
}
.XAML-grid-info-table-compact>table>tbody>tr>td{
	vertical-align: middle;
	padding: 8px;
}
.XAML-grid-info-table-compact>table>tbody>tr>td:first-child{
	max-width: 50%;
}

.XAML-grid-object-title-container{
	margin-top: 0 /* 16px */;
	margin-bottom:  40px /* 16px */;
}
.XAML-grid-object-title-container .XAML-label-header-2,
.XAML-grid-object-title-container .XAML-label-header-3
{ margin-bottom: 0px }

.XAML-grid-object-title-container>table>tbody>tr>td{
	vertical-align: top;
}
.XAML-grid-object-title-container .XAML-stack-image-container{
	width: 96px;
    height: 96px;
    background-size: cover !important;
    border-radius: 4px;
	margin-right: 24px;
}

.XAML-grid-object-title-desc-container {
	background-color: #313a4a;
	color: #ffffff;	
    border-radius: 4px;
/* 	height: 288px; */
	overflow-y: hidden;
	margin: 0 0 24px 0;
}

.XAML-grid-object-title-desc-container .wtx-object-header-title{ 
	margin-top: 24px; 
}

.XAML-grid-object-title-desc-container>table>tbody>tr>td{
	vertical-align: top;
}
.XAML-grid-object-title-desc-container>table>tbody>tr>td:last-child{
	padding: 0 40px;
}
.XAML-grid-object-title-desc-container .XAML-stack-image-container{
	width: 720px;
    height: 100%;
    background-size: cover !important;
	height: 288px;
}
.XAML-label-title-desc{
	margin: 8px 0;
}

.XAML-grid-content-hor-container>table>tbody>tr>td{
	padding-right: 24px;
	vertical-align: top !important;
}

.XAML-grid-content-hor-container>table>tbody>tr>td:last-child{
	padding-right: 0;
}

.XAML-grid-list-container,
.XAML-stack-list-container{
	margin: 0 0 24px 0;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 24px 24px;
}
.XAML-grid-list-item {
	background-color: #f3f3f4;
	padding: 0 0 /* 16px */;
	margin-bottom: 1px;
}
.XAML-grid-list-item:hover{
	background-color: #ebebec;
}
.XAML-grid-list-item>table>tbody>tr>td{
	padding: 16px 8px;
}
.XAML-tileview-list .XAML-grid-list-item>table>tbody>tr>td:first-child { padding-left: 16px }
.XAML-tileview-list .XAML-grid-list-item>table>tbody>tr>td:last-child { padding-right: 16px }

.XAML-grid-list-container .XAML-grid-list-item>table>tbody>tr>td:first-child { padding-left: 16px }
.XAML-grid-list-container .XAML-grid-list-item>table>tbody>tr>td:last-child { padding-right: 16px }

.XAML-grid-list-item td{
	vertical-align: top;
}

.XAML-image-list-image{
	width: 32px !important;
	height: 32px !important;
    background-size: cover !important;
	border-radius: 2px;
}
.XAML-label-list-item-label{
	font-size: 14px;
}
.XAML-label-list-item-desc{
	font-size: 14px;
	color: #969eb2;
}

.XAML-grid-table{	
	background-color: #ffffff;
	border-radius: 4px;
	padding: 16px 16px;
	margin: 0 0 24px 0;
}
.XAML-grid-table>table>tbody>tr>td{
	background-color: #f3f3f4;
	padding: 8px 24px;
	border-bottom: 2px solid #ffffff;	
}
.XAML-grid-table>table>tbody>tr:hover>td{
	background-color: #ebebec;	
}
.XAML-grid-table .XAML-gridrow-header{
	font-size: 13px;	
	color: #969eb2;
}
.XAML-grid-table .XAML-gridrow-header td{
	border-bottom: 4px solid #ffffff;
}

.XAML-grid-photos-container>table>tbody>tr>td{
	vertical-align: top;
	text-align: center;
}

.XAML-gridrow-multiline>td{
	vertical-align: top !important;
}

.XAML-grid-block-header-container>table>tbody>tr>td:last-child{
	text-align: right;
	vertical-align: bottom;
	font-size: 14px;
}
.XAML-grid-block-header-container>table>tbody>tr>td:last-child .cssXPLink{
	display: block;
	margin: 8px 0;
}
/*------------ view_message_box.xaml ---------------*/

.XAML-grid-message-panel  {
	border-radius: 	4px;
	padding: 8px 8px;
	margin: 0 0 24px 0;
	color: #ffffff;
	font-size: 14px;
}
.XAML-grid-message-panel.XAML-grid-warning-panel{	
	background-color: #ffac3e;
}
.XAML-grid-message-panel.XAML-grid-info-panel{
	background-color: #00a8ff;	
}
.XAML-grid-message-panel.XAML-grid-error-panel{
	background-color: #ff606f;		
}
.XAML-grid-message-panel .XAML-link-right-switch-collapsed{
	display: block;
	width: 16px !important;
	height: 16px;
	background: url(design/default/images/panel-arrow.png) -16px center no-repeat;
}

.XAML-grid-message-panel .XAML-link-right-switch-expanded{
	display: block;
	width: 16px !important;
	height: 16px;
	background: url(design/default/images/panel-arrow.png) -64px center no-repeat;
}
.XAML-grid-message-panel .cssXPButton {
	border: 0;
	color: #ffffff;
	padding: calc(4px + 2px) 8px;
	font-size: 14px;
	margin: 0;
}

.XAML-grid-message-panel .cssXPButton:hover{ background-color: #00298f; } /*#8bb2ff; */

.XAML-grid-message-panel .XAML-button-close{
	display: block;
	width: 16px !important;
	height: 16px;
	background: url(design/default/images/close.png) -16px center no-repeat;	
	margin: 8px;
}

.XAML-grid-message-panel .XAML-button-close .x-btn-icon-el:before{
	content: "" !important;
}

.XAML-grid-message-panel a { color: #ffffff; text-decoration: underline; }

.XAML-image-message-icon{
	display: block;
	width: 16px !important;
	height: 16px !important;
	border: none;
	background-image: url(design/default/images/info.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 8px;
	
}
.XAML-msgbox-img-info {
	background-image: url(design/default/images/info.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.XAML-msgbox-img-error {
	background-image: url(design/default/images/info.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.XAML-msgbox-img-warning {
	background-image: url(design/default/images/info.png);
	background-position: top left;
	background-repeat: no-repeat;
}
/*----------------- StackPanel ------------------*/

.XAML-stack-filters-container{
	padding: 0;
	border: 1px solid #c9ccd4;
	border-radius: 4px;
	/* margin-bottom: 8px; */
	margin: 0 0 24px 0;
}	

.XAML-stack-filters-container.XAML-stack-filters-container-small{
	margin: 0 0 16px 0;
}	

.XAML-uni-content-block .XAML-stack-filters-container{
	border-radius: 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #ebebec;
}

.XAML-uni-content-block .XAML-course-map,
.XAML-uni-content-container .XAML-course-map,
.XAML-uni-content-block .XAML-grid-list-container,
.XAML-uni-content-container .XAML-grid-list-container{ 
	margin: 0px 
}

.XAML-grid-filter>table>tbody>tr>td,
.XAML-stack-filter>table>tbody>tr>td{
	padding: 0 2px;
}
.XAML-grid-filter>table>tbody>tr>td:first-child,
.XAML-stack-filter>table>tbody>tr>td:first-child{
	padding-left: 24px;
}
.XAML-grid-filter>table>tbody>tr>td:last-child,
.XAML-stack-filter>table>tbody>tr>td:last-child{
	padding-right: 24px;
}

.XAML-stack-filter .cssXPComboBox,
.XAML-grid-filter .cssXPComboBox{
	font-size: 14px;
}

.XAML-grid-filter .XAML-button-action,
.XAML-stack-filter .XAML-button-action{	
	border: 0;
	font-size: 14px;
	color: #4176ea;
	padding: 16px 8px;
	border-radius: 0;
	margin: 0;
}
.XAML-grid-filter .XAML-button-action:hover,
.XAML-stack-filter .XAML-button-action:hover{
	background-color: inherit;
	color: #4176ea;
}
.XAML-grid-filter .XAML-button-action.x-btn-icon-el:before,
.XAML-stack-filter .XAML-button-action .x-btn-icon-el:before{
	margin-right: 4px;
}

.XAML-stack-filter .cssXPEdit input,
.XAML-grid-filter .cssXPEdit input{
	padding: 4px;
	font-size: 14px;
}

.XAML-grid-filter-content,
.XAML-grid-filter-content-with-labels{
	padding: 24px 24px 8px 24px;
	/* border-bottom: 1px solid #c9ccd4; */
	border-top: 1px solid #c9ccd4;	
}
.XAML-grid-filter-content>table>tbody>tr>td,
.XAML-grid-filter-content-with-labels>table>tbody>tr>td{
	padding: 0 16px 16px 16px;
}
.XAML-grid-filter-content>table>tbody>tr>td:last-child,
.XAML-grid-filter-content-with-labels>table>tbody>tr>td:last-child{
	padding-right: 0;
}
.XAML-grid-filter-content>table>tbody>tr>td:first-child,
.XAML-grid-filter-content-with-labels>table>tbody>tr>td:first-child{
	padding-left: 0;
}
.XAML-grid-filter-content input{
	/* font-size: 14px; */
}

.XAML-stack-content-header,
.content-header{
	border-bottom: 1px solid #ebebec;
	padding: 16px 24px;
}
.content-footer{
	padding: 16px; 
	text-align: center;
	border-top: 1px solid #ebebec;
	clear: both;
}

.XAML-wrap-container
{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}

.x-tool-img.x-tool-expand-bottom { background-image: url(design/default/images/panel_fat_icons.png); background-position: left top; }
.x-tool-img.x-tool-collapse-top { background-image: url(design/default/images/panel_fat_icons.png); background-position: right top; }

.wt-plain-stack .cssXPButton { margin: 0 0 16px 16px; }

/*-------------  Blocks (Блоки) --------------*/
.XAML-uni-block,
.XAML-stack-block,
.info-block{
	margin: 0 0 24px 0;
	overflow: auto;
	box-sizing: border-box;
}
.XAML-stack-description{	
	margin: 0 0 24px 0;
	border-radius: 4px;
	background-color: #ffffff;
	padding: 24px;
}

/*--------------- Toolbar ----------------*/

 .cssXPToolbar .x-toolbar-item{
	margin-right: 8px;
}

.XAML-toolbar-actions, .XAML-toolbar {
		margin: 0 0 40px 0 !important; 
}

.cssXPToolbar {
		margin: 0 0 24px 0 !important; 
}

.XAML-toolbar-actions a.x-btn, .XAML-toolbar a.x-btn, .cssXPToolbar a.x-btn { top: 0 !important; }
.XAML-toolbar-actions div.cssXPComboBox, .XAML-toolbar div.cssXPComboBox, .cssXPToolbar div.cssXPComboBox { top: 0 !important; }

/*--------------- Label ----------------*/
.XAML-label-divider{
	width: 1px;
	height: 16px;
	background: url(design/default/images/buttons-divider.png) center center no-repeat;
}
.XAML-label-divider-small{
	width: 1px;
	height: 16px;
	background: url(design/default/images/buttons-divider-small.png) center center no-repeat;
}
.XAML-label-filter-label{
	color: #969eb2;
	/* margin: 4px 0; */
	font-size: 13px;
}
.XAML-label-filters-title{
	font-size: 14px;
	padding: 16px 0;
}
/*--------------- Calendar ----------------*/
.cssXPCalendar {
	padding: 16px 24px;
	border-radius: 4px;
	background-color: #ffffff;
	box-sizing: border-box;
}

/* .cssXPCalendar>.x-panel-body{
	margin: 8px 24px;
	box-sizing: border-box;
	width: 100% !important;
} */
.cssXPCalendar .x-toolbar-item>table>tbody>tr>td{
	padding-right: 8px;
}
.cssXPCalendar .x-btn-default-toolbar-small{
	color: #969eb2;
	padding-top: 16px;
	padding-bottom: 18px; /* Добавляем к педдингу ширину подчеркивания активного элемента (нижней границы)*/
	padding-left: 8px;
	padding-right: 8px;
	
}
.cssXPCalendar .x-btn-default-toolbar-small.x-btn-pressed{
	color: #4176ea;
	border-bottom: 2px solid #4176ea;
	padding-bottom: 16px;
}
.cssXPCalendar .spxmlcalendarperiodmode .x-form-text-field-body-default{
	min-width: 90px;
}
.cssXPCalendar .spxmlcalendarmonth .x-form-text-field-body-default{
	min-width: 100px;
}

.cssXPCalendar .spxmlcalendarmonth .x-form-text-field-body-default{
	min-width: 100px;
}
.cssXPCalendar .spxmlcalendaryear .x-form-text-field-body-default{
	min-width: 75px;
}
.cssXPCalendar .wt-calendar-month-container-table,
.cssXPCalendar .wt-calendar-week-container-table,
.cssXPCalendar .wt-calendar-day-container-table{
	/* border-spacing: 1px; */
	border-collapse: collapse;
    /* border: 0; */
}

.cssXPCalendar .wt-calendar-header-cell{
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.cssXPCalendar .wt-calendar-header-row .wt-calendar-header-cell:first-child{
	border-left-width: 0;	
}
.cssXPCalendar .wt-calendar-header-row .wt-calendar-header-cell:last-child{
	border-right-width: 0;	
}
.cssXPCalendar .wt-calendar-cell{	
	border: 1px solid #ffffff;
}
.cssXPCalendar .wt-calendar-row .wt-calendar-cell:first-child{
	border-left-width: 0;
}
.cssXPCalendar .wt-calendar-row .wt-calendar-cell:last-child{
	border-right-width: 0;
}

.cssXPCalendar .wt-calendar-month-cell-0,
.cssXPCalendar .wt-calendar-month-cell-2,
.cssXPCalendar .wt-calendar-week-cell-0,
.cssXPCalendar .wt-calendar-week-cell-2,
.cssXPCalendar .wt-calendar-day-cell-0{
	background-color: #ebebec;
}
.cssXPCalendar .wt-calendar-month-cell-1,
.cssXPCalendar .wt-calendar-week-cell-1,
.cssXPCalendar .wt-calendar-day-cell-1,
.cssXPCalendar .wt-calendar-mcat-cell-1{
	background-color: #f3f3f4;
}
.cssXPCalendar .wt-calendar-month-cell-3
.cssXPCalendar .wt-calendar-week-cell-3{
	background-color: #969eb2;
}

.cssXPCalendar .wt-calendar-week-cell-0,
.cssXPCalendar .wt-calendar-week-cell-1,
.cssXPCalendar .wt-calendar-week-cell-2,
.cssXPCalendar .wt-calendar-week-cell-3{
	vertical-align: top;
}
.cssXPCalendar .wt-calendar-week-cell-0>div,
.cssXPCalendar .wt-calendar-week-cell-1>div,
.cssXPCalendar .wt-calendar-week-cell-2>div,
.cssXPCalendar .wt-calendar-week-cell-3>div{
	/* height: auto !important; */
}
.cssXPCalendar .wt-calendar-week-container nobr{
	white-space: normal;
}
.cssXPCalendar .x-calendar-current-month-day,
.cssXPCalendar .x-calendar-previous-month-day,
.cssXPCalendar .x-calendar-next-month-day,
.cssXPCalendar .x-calendar-now-day{
	padding: 16px 4px 4px 16px;
}

.cssXPCalendar .wt-calendar-month-header-cell-work,
.cssXPCalendar .wt-calendar-month-header-cell-holiday,
.cssXPCalendar .wt-calendar-week-header-cell-work,
.cssXPCalendar .wt-calendar-week-header-cell-holiday,
.cssXPCalendar .wt-calendar-mcat-header-cell-1{
	text-align: left;
	padding: 16px;
	font-size: 14px;
	border-bottom: 4px solid #ffffff;
	font-weight: normal;
}
.cssXPCalendar .wt-calendar-month-header-cell-work,
.cssXPCalendar .wt-calendar-week-header-cell-work,
.cssXPCalendar .wt-calendar-mcat-header-cell-1{
	background-color: #f3f3f4;
}
.cssXPCalendar .wt-calendar-month-header-cell-holiday,
.cssXPCalendar .wt-calendar-week-header-cell-holiday,
.cssXPCalendar .wt-calendar-mcat-header-cell-1-wknd{
	background-color: #969eb2;
	color: #ffffff;
}
.cssXPCalendar .wt-calendar-mcat-container>table>tbody>tr>td{
	vertical-align: top;
}
.cssXPCalendar .wt-calendar-mcat-header-cell-1{
	border-left-width: 1px !important;
}
.cssXPCalendar .wt-calendar-event{
	/* padding: 4px 8px; */
	/* margin: 2px 0;	 */
    /* height: auto !important; */
    /* width: auto !important; */
    /* position: relative !important; */
	/* display: inline-block; */
}
.cssXPCalendar .wt-calendar-event a,
.cssXPCalendar .wt-calendar-day-container-table a{
	font-size: 14px;
	/* color: #ffffff; */
	font-weight: normal;
}
.cssXPCalendar .wt-calendar-month-row>td{
	overflow: hidden;
}
	
.cssXPCalendar .wt-calendar-month-row>td>div{
	/* height: auto !important; */
}
.cssXPCalendar .wt-calendar-day-container-table .wt-calendar-day-header-cell-1>div{
	border: 0 !important;
    /* margin: 2px; */
    /* padding: 4px; */
	/* height: auto !important; */
}
.cssXPCalendar .wt-calendar-day-cell-0{
	padding: 8px;
}

.cssXPCalendar .spxmlcalendardate input{
	border: 0;
    box-shadow: none;
	background-color: inherit;
	padding: 0;
	color: #969eb2;
}
.cssXPCalendar .x-toolbar-default{
	padding: 0 16px;
	margin-bottom: 8px;
	border-bottom: 1px solid #c9ccd4;
}

.cssXPCalendar .x-panel-body>.x-autocontainer-outerCt{
	/*margin: 0 4px;	
	 box-sizing: border-box; */
}
	
.cssXPCalendar .spxmlcalendardate{
	background-color: #ffffff;
	border: 0;
}

.cssXPCalendar .spxmlcalendardate .x-form-item-body{
	padding: 8px;
	margin: 0 16px;
	display: block;
}
.cssXPCalendar .spxmlcalendardate .x-form-date-trigger{
	background: url(design/default/images/arrow-down.png) -24px center no-repeat;
}

.cssXPCalendar .spxmlcalendardate .x-form-text-field-body-default{
	min-width: 100px;
}

.spxmlcalendarleftdaystep .x-btn-inner,
.spxmlcalendarrightdaystep .x-btn-inner,
.spxmlcalendarleftstep .x-btn-inner,
.spxmlcalendarrightstep .x-btn-inner,
.spxmlcalendarrefresh .x-btn-inner{
	display: none;
}
	 
.spxmlcalendarleftdaystep,
.spxmlcalendarleftstep{
	width: 16px;
	height: 16px;
	background: url(design/default/images/arrow-left-right.png) 0 center no-repeat;	
}
.spxmlcalendarleftdaystep:hover,
.spxmlcalendarleftstep:hover{
	background-position: -16px;
}

.spxmlcalendarrightdaystep,
.spxmlcalendarrightstep {
	width: 16px;
	height: 16px;
	background: url(design/default/images/arrow-left-right.png) -32px center no-repeat;	
}
.spxmlcalendarrightdaystep:hover,
.spxmlcalendarrightstep:hover{
	background-position: -48px;
}
.spxmlcalendarrefresh{
	width: 22px;
	height: 16px;
	background: url(design/default/images/refresh.png) 0 center no-repeat;		
	margin-left: 16px;
	border: 0;
}
.spxmlcalendarrefresh:hover{
	background-position: -22px;
}
/*--------------- Buttons ----------------*/
.cssXPButton{
	border: 1px solid #4176ea;
	/* padding: 13px 23px; */
	font-size: 14px;
	padding: calc(8px + 2px) 16px;
	border-radius: 2px;
	color: #4176ea;
	cursor: pointer;	
	margin: 0 0 16px 0;
}
.cssXPButton:hover,
.cssXPButton.x-btn-pressed{
	/* border-color: #355bbb;
	color: #355bbb; */
	
	border-color: #4176ea;
	background-color: #4176ea;
	color: #ffffff;
}
.cssXPButton.x-btn-disabled{
	border: 1px solid #adb1b9;
	color: #adb1b9;
	cursor: default;
}
.cssXPButton.x-btn-disabled:hover{
	background-color: inherit;
}
.XAML-button-important{
	background-color: #4176ea;
	color: #ffffff;
}
.XAML-button-important.x-btn-disabled{
	border: 1px solid #c9ccd4; 
	background-color: #c9ccd4;
	color: #ffffff;
	cursor: default;
}
.XAML-button-important:hover{
	color: #ffffff;
	background-color: #355bbb;
}
.XAML-button-view{
	border: 0;
	font-size: 14px;
	color: #969eb2;
	padding: 16px 8px;
	border-radius: 0;
	margin: 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
/* .XAML-button-view, .XAML-button-view:hover{	
	padding: 8px;
	border: 0;
	font-size: 14px;
} */
.XAML-button-view.x-btn-pressed,
.XAML-button-view:hover,
.XAML-button-view:active{
	border-top-color: transparent;
	color: #4176ea;
	border-bottom: 2px solid transparent;
	background-color: inherit;
}
.XAML-button-view.x-btn-pressed{
	border-bottom: 2px solid #4176ea;
}
.XAML-button-view.x-btn-pressed:active{
	border-bottom: 2px solid transparent;	
}
.XAML-button-view .x-btn-icon-el-default-small{
	/* margin-right: 4px; */
}
.XAML-button-view .x-btn-button-default-small{
	line-height: normal;
}
.XAML-button-tab{
	color: #313a4a;
	padding: 16px 0;
	margin-right: 8px;
}
.XAML-button-content{
	border-color: #969eb2;
	background-color: #969eb2;
	/*padding: 8px 16px;*/
	color: #ffffff;
}
.XAML-button-content:hover{
	border-color: #727a8d;
	background-color: #727a8d;
	color: #ffffff;
}
.XAML-button-content.x-btn-disabled{
	color: #ffffff;
}
.XAML-button-content.x-btn-disabled:hover{
	border-color: #969eb2;
	background-color: #969eb2;
}
.XAML-button-selector, .XAML-button-activate {
	border: 1px solid #c9ccd4;
	background-color: inherit;
	padding: calc(8px + 2px);
	color: #969eb2;
	margin: 8px 0px 8px 4px;
}

.XAML-button-selector:hover{
	border-color: #727a8d;
	background-color: inherit;
	color: #727a8d;
}

.x-btn-no-text .x-btn-inner.x-btn-inner-default-small{
	display: none;
}

.cssXPResourceFieldButton { height: 40px; min-width: 40px !important; border: 1px solid #c9ccd4; box-shadow: inset 0 0 3px #cccccc; margin-left: 10px; border-radius: 2px; font-weight: bold; }

.x-btn-inner-default-toolbar-small { line-height: 1.2em } /* Убираем обрезание букв в IE */


/*--------------- ComboBox ----------------*/
.x-form-trigger-default{
	width: 8px;
}
.cssXPComboBox input{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: transparent;
	padding-right: 8px;
	border: 0;
}

.cssXPComboBox input:focus { border: 0px solid transparent }

.cssXPComboBox .x-form-trigger-wrap-default{	
	border: 1px solid #c9ccd4;
	border-radius: 2px;
	background-color: #ffffff;
	box-shadow: inset 0 1px 3px #DDDDDD;	 
	padding: calc(8px + 2px) 16px ;
    cursor: pointer;
    cursor: hand;
}
.cssXPComboBox .x-form-arrow-trigger
{
	background: url(design/default/images/arrow-down.png) -24px center no-repeat;
	/* margin-right: 16px; */
}

.cssXPComboBox input{
	padding: 0;
    cursor: pointer;
    cursor: hand;
}	


.cssXPComboBoxComboPane.x-boundlist,
.cssXPComboBoxComboPane.x-boundlist-floating.x-boundlist-above{	
	border: 1px solid #c9ccd4;
	background-color: #ffffff;
	border-radius: 2px;
}

.cssXPComboBox .x-pickerfield-open .x-form-trigger-wrap-default{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.cssXPComboBoxComboPane.x-boundlist-floating{
	border-top-width: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.cssXPComboBoxComboPane li{
	padding: 8px 16px;
}

.x-css-shadow{
	display: none;
}

.XAML-combo-menu-button{
}
.XAML-combo-menu-button .x-form-trigger-wrap-default{
	border: 1px solid #4176ea;	
	border-radius: 2px;	
	background-color: inherit;	
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
	/* padding: 8px 16px; 
	padding-top: 8px;
	padding-bottom: 8px;*/
	color: #4176ea;
	/* padding: 8px 8px 8px 16px ; */
}
.XAML-combo-menu-button .x-form-arrow-trigger
{
	background: url(design/default/images/arrow-down.png) 0 center no-repeat;
	margin-right: 16px;
}
.XAML-combo-menu-button .x-form-text-wrap{
	line-height: 0;
}

.XAML-combo-menu-button input{
	box-shadow: none;
	font-size: 14px;
	color: #4176ea;
	cursor: pointer;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.XAML-combo-menu-button .x-form-trigger-wrap-default:hover,
.XAML-combo-menu-button .x-form-trigger-wrap-default:hover input,
.XAML-combo-menu-button .x-pickerfield-open .x-form-trigger-wrap-default, 
.XAML-combo-menu-button .x-pickerfield-open .x-form-trigger-wrap-default input{	
	color: #355bbb;
	border-color: #355bbb;
}
.XAML-combo-menu-button .x-form-trigger-wrap-default:hover .x-form-arrow-trigger{
	background-position-x: -8px;
}


.XAML-combo-menu-buttonComboPane.x-boundlist,
.XAML-combo-menu-buttonComboPane.x-boundlist-floating.x-boundlist-above{	
	border-color: #355bbb;
	background-color: #f3f3f4;
	border-top: 0;
}
.XAML-combo-menu-buttonComboPane.x-boundlist li{
	padding: 8px 16px;
	color: #355bbb;
}

.XAML-combo-view{
	margin-top: 8px;
	margin-bottom: 8px;
}
.XAML-combo-view .x-form-trigger-wrap-default{
	border: 0;
    box-shadow: none;
	padding: 8px;
	color: #969eb2;
	border: 1px solid transparent;
	background-color: inherit;
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */;
}

.XAML-combo-view .x-pickerfield-open .x-form-trigger-wrap-default{
	border: 1px solid #c9ccd4;
	color: #313a4a;
	/* background-color: #ffffff; */
}
.XAML-combo-view input{
	font-size: 14px;
	color: inherit;
}
.XAML-combo-viewComboPane li{
	padding: 8px 8px;	
	background-color: #f3f3f4;
	font-size: 14px;
}
/*--------------- Edit ----------------*/
.cssXPEdit.x-field-focus{
	/*
   -moz-box-shadow:     0 0 3px #4176ea;
   -webkit-box-shadow:  0 0 3px #4176ea;
   box-shadow:          0 0 3px #4176ea;
   */
}
/*--------------- CheckBox ----------------*/
.cssXPCheckBox input{
	border: 0;
	padding: 0;	
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
	margin: 5px 0;
}

/*--------------- Radio ----------------*/
input.x-form-radio, input.x-form-radio:hover{
	border: 0;
	padding: 0;
	background-color: inherit;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}
/*------------- DatePicker --------------*/
.cssXPDatePicker input{
	border: 0;
    box-shadow: none;
	background-color: inherit;
	padding: 0;
}
.cssXPDatePicker{
	background-color: #ffffff;
	border: 1px solid #c9ccd4;
    box-shadow: inset 0 0 3px #cccccc; 
}

.cssXPDatePicker .x-form-item-body{
   padding: 8px;
}
.cssXPDatePicker .x-form-date-trigger{
	background: url(design/default/images/arrow-down.png) -24px center no-repeat;
}

/*--------------- Dialog ----------------*/

.x-window-body-default {
		font-size: 15px;
}

.cssXP-Dialog-Window .cssXPSPXMLScreen.x-fit-item { padding: 16px; }

.cssXP-Dialog-Window .cssXPSPXMLScreen.x-fit-item .XAML-grid-object-title-container { margin-bottom: 16px; }

.cssXP-Dialog-Window .cssXPTabControl-top>.x-tab-bar-horizontal>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default { padding-top: 0px }

.cssXP-Dialog-Window .cssXPTabControl-top .x-tab-bar { margin-bottom:  16px; padding-left: 0px; }

.cssXP-Dialog-Window .XAML-grid-info-table { border: 1px solid #c9ccd4; border-radius: 4px; padding: 8px;  }
.cssXP-Dialog-Window .cssXPDataGrid {  border: 1px solid #c9ccd4; border-radius: 4px; padding: 8px; }


.cssXP-Dialog-Window .XAML-grid-dialog-buttons { border: 0px solid transparent; padding: 0px; }
.cssXP-Dialog-Window .XAML-grid-dialog-buttons .cssXPButton { margin: 0px }

.cssXP-Dialog-Window .XAML-info-grid-table, .cssXP-Dialog-Window .XAML-grid-info-table { margin: 0 0 16px 0; }

.cssXP-Dialog-Window,
.x-window-ghost,
.cssXPResourceFieldDialog {
	background-color: #ffffff;
	/* border: 1px solid #c9ccd4; */
	border-radius: 4px;
	/* width: 80% !important; */
}
.cssXP-Dialog-Window .x-window-header,
.x-window-ghost .x-window-header,
.cssXPResourceFieldDialog .x-window-header {
	padding: 16px;
	/* background-color: #ebebec; */
	border-bottom: 1px solid #c9ccd4;
	max-width: 100%;
}
.cssXP-Dialog-Window .x-window-header .x-title-text,
.x-window-ghost .x-window-header .x-title-text,
.cssXPResourceFieldDialog .x-window-header .x-title-text{
	font-size: 17px;
	text-align: center;
}
.x-tool-close{	
	display: block;
	width: 16px;
	height: 16px;
	background: url(design/default/images/close.png) 0 center no-repeat;	
}
.x-tool { top: 2px !important }
.cssXP-Dialog-Window .cssXPToolbar {
	padding: 8px 16px;
/*	border-top: 1px solid #c9ccd4;
	border-bottom: 1px solid #c9ccd4;	*/
}

.XAML-grid-dialog-buttons{
	padding: 24px  24px  8px  24px;
	border-top: 1px solid #c9ccd4;
}
.XAML-grid-dialog-buttons>table>tbody>tr>td{
	padding-left: 4px;
	padding-right: 4px;
}
.XAML-grid-dialog-buttons>table>tbody>tr>td:first-child{
	padding-left: 0;
}
.XAML-grid-dialog-buttons>table>tbody>tr>td:last-child{
	padding-right: 0;
}
.cssXP-Dialog-Window .XAML-stack-filters-container{
	margin: 0 0 16px 0;
}

.cssXP-Dialog-Window .cssXPDataGrid{
	margin: 0;
	padding-top:  8px;
	padding-bottom: 8px;
}

.cssXP-Dialog-Window .cssXPDataGrid .x-grid-header-ct{
	margin: 4px 0;
}
.cssXP-Dialog-Window .cssXPDataGrid .x-grid-cell {
	padding: 16px 8px;
}

.cssXP-Dialog-Window .cssXPDataGrid .x-grid-cell-first { padding-left: 16px }
.cssXP-Dialog-Window .cssXPDataGrid .x-grid-cell-last { padding-right: 16px }

.cssXP-Dialog-Window .cssXPDataGrid .x-column-header, .cssXPResourceFieldGridSelect .x-column-header{
	padding: 16px 4px;	
}

.cssXP-Dialog-Window .cssXPDataGrid .x-column-header-first, .cssXPResourceFieldGridSelect .x-column-header-first {
	padding-left: 16px;	
}

.cssXP-Dialog-Window .cssXPDataGrid .x-column-header-last, .cssXPResourceFieldGridSelect .x-column-header-last {
	padding-right: 16px;	
}

.cssXP-Dialog-Window .XAML-grid-filter>table>tbody>tr>td:last-child, .XAML-stack-filter>table>tbody>tr>td:last-child .cssXP-Dialog-Window { padding-right: 16px; }

.cssXP-Dialog-Window .XAML-uni-content-block { margin: 0 0 16px 0; }

.XAML-dialog-edit-text { margin: 0 0 16px 0; }

/*----------------Dialog Select------------*/
/*----Уменьшаем шрифт и отбивку только в dlg_select, для удобства работы с большими списками----*/

.cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item .XAML-stack-filters-container { margin-bottom: 0px } 
.cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item { padding: 0px }
.cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item.XAML-grid-info-table { border: 0px solid #c9ccd4; border-radius: 0px; padding: 16px;  }
.cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item .cssXPDataGrid {  border: 0px solid #c9ccd4; border-radius: 0px; padding: 0 16px 8px 16px; }
.cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item .XAML-uni-content-block { margin: 0 0; }
.cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item .cssXPToolbar { margin-bottom: 0 !important; }
.cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item .cssXPDataGrid .x-grid-cell { padding: 8px 8px; }
.cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item .cssXPDataGrid .x-column-header, .cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item .cssXPResourceFieldGridSelect .x-column-header { padding: 8px 8px; }

.cssXP-Dialog-Window .dlg_select .cssXPToolbar {
	padding: 0px 16px;
	border-top: 0px solid #c9ccd4;
	border-bottom: 0px solid #c9ccd4;
}
.cssXP-Dialog-Window .dlg_select .cssXPDataGrid  { 
	padding: 8px  16px; 
} 

.cssXP-Dialog-Window .dlg_select .XAML-grid-dialog-buttons {
		padding: 0px 16px 16px 16px;
		border-top:  0px solid #c9ccd4;
}

.cssXP-Dialog-Window .dlg_select .x-grid-view {
	overflow-x: hidden !important;
}

.cssXP-Dialog-Window .XAML-grid-info-table>table>tbody>tr>td { /* padding: 0 16px; */ }

body.mode-game .cssXP-Dialog-Window .XAML-stack-list-container { padding: 0px !important; }
body.mode-game .cssXP-Dialog-Window .XAML-stack-list-container .XAML-stack-description { padding: 0px !important; }


/*------------ MessageBox -------------*/
.x-message-box{
	background-color: #ffffff;
	border-radius: 4px;
	padding: 0 /* 16px */;	
	max-width: 100%;
	box-sizing: border-box;
}

.x-message-box .x-window-header-default {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	
}

.x-message-box .x-window-header{
	/* padding: 24px 24px 0 24px; */
	padding: 24px;
	box-sizing: border-box;
}

.x-message-box .x-window-body { padding: 0 24px 24px 24px; }
 
.x-message-box .x-toolbar-footer { padding: 0px 24px 24px 24px }

.x-message-box .x-btn
{
	background-color: #4176ea;
	color: #ffffff;
	padding: 8px 16px;
	border-radius: 2px;
}
.x-mask{
	background-color: rgba(142, 142, 143, 0.6);
}

/*---------------- Panel --------------*/
.cssXPPanel{
	margin: 0 0 16px 0;
}
.cssXPPanel .x-panel-header{
	font-size: 17px;
	padding-bottom: 8px;
	
}
.cssXPPanel .x-panel-body{
    padding: /* 8px 0 */ 0 0 0 /* 8px */ 0;
    border-radius: 4px;
}

.x-panel-header-title-default {
	margin: 0 0 16px 0;
	top: 0px !important;
}

/*---------------- Tree --------------*/
.x-tree-elbow-plus,
.x-tree-elbow-end-plus
{
	background-image: url(design/default/images/plus.png);
}
.x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-grid-tree-node-expanded .x-tree-elbow-end-plus{
	background-image: url(design/default/images/minus.png);	
}
.x-tree-elbow-end{
	background-image: url(design/default/images/buttons-divider.png);	
	background-position-x: center;
}
.x-tree-lines .x-tree-elbow-end, .x-tree-lines .x-tree-elbow-empty, .x-grid-cell-treecolumn .x-tree-elbow-end { background-image: none }

.x-tree-icon-parent{
	margin-left: 4px;
}

.cssXPTree {
	margin: 0 0 24px; 
}

.cssXPTree .x-tree-icon{
	display: none;
}
.x-tree-elbow-img{
	width: 8px;
    height: 1em;
	margin: 0 4px;
}
.cssXPTree .x-tree-view .x-grid-item-container{
	border: 1px solid #c9ccd4;
	border-radius: 4px;
}
.cssXPTree .x-tree-view .x-grid-item{
	font-size: 14px;
	border-bottom: 1px solid #c9ccd4;
	width: auto !important;
}
.cssXPTree .x-tree-view .x-grid-item:last-child{
	border-bottom-width: 0;
}
.cssXPTree .x-tree-view .x-grid-cell-inner-treecolumn{	
	padding: 13px 8px;
	cursor: pointer;
	box-sizing: border-box;
/*	width: 210px; */
	text-overflow: ellipsis;
}

.cssXPTree .x-tree-view .x-grid-item-selected,
.cssXPTree .x-tree-view .x-grid-item-focused{
	color: #4176ea;
}

.cssXPTree .x-tree-view .x-grid-cell-inner-treecolumn{
	border-left: 1px solid transparent;
}
.cssXPTree .x-tree-view .x-grid-item-selected .x-grid-cell-inner-treecolumn{
	border-left: 1px solid #4176ea;
}
/*---------------- HTMLTip ---------------*/
.x-tip{
	background-color: #4176ea;
    padding: 4px 8px;
    border-radius: 2px;
    color: #ffffff;
    font-size: 13px;
}
/*---------------- Tile ---------------*/
.spxmltileview{
	padding: 0 !important;
	width: calc(100% + 24px) !important; 
	margin-left: -24px;
}
.spxmltileview-tile{
	width: 216px;
	padding: 0 !important;
	/* width: auto !important; */
	overflow: hidden !important;
	/* min-height: 290px; */
	/* margin: 16px 24px 16px 0 !important; */
	margin: 0 24px 16px 24px;
}
.xaml-tileview-percentage-width-layout.spxmltileview  { width: 100% !important }
/* .xaml-tileview-fixed-width-layout.spxmltileview { width: 100%; margin-left: 0; } */ 
.xaml-tileview-percentage-width-layout { width: 100%; margin-left: 0 }
.xaml-tileview-percentage-width-layout .spxmltileview-tile { margin: 0; }



/* Кнопки пейджинга */
.cssXPTileView>.x-toolbar>.x-box-inner>.x-box-target>*,
.cssXPDataGrid>.x-toolbar>.x-box-inner>.x-box-target>*{
	left: auto !important;
    right: auto !important;
    top: auto !important;
    position: relative !important;
    vertical-align: middle;
    display: inline-block;	
	margin-right: 8px !important;
}
.x-tbar-page-number{
	width: auto !important;
}
.x-tbar-page-number .x-form-text-field-body-default{
	min-width: auto;
}

.XAML-stack-tile{
	/* min-height: 216px; */
	/* margin: 16px 24px 16px 0 !important; */
	/* margin: 16px 12px !important; */
	/* margin: 10px 12px 10px 12px !important; */ /* Р­РўРћРћРћРћРћРћРћРћРћРћРћРћРћРћРћРћРћРћРћРћРћРћРћ */
}

.XAML-tileview-list{	
	background-color: #ffffff;
	padding: 24px 24px;
	border-radius: 4px;
	margin: 0 0 24px 0;
}
.XAML-tileview-list .spxmltileview-tile{
	float: none;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
}
.XAML-stack-tile-image-container{
	/* height: 160px !important; */
	border-radius: 4px;
	overflow: hidden;
}

.XAML-image-tile-image{
	display: block;
	/* height: 160px; */
	/* width: 192px; */	
    background-size: cover !important;
	/* margin-bottom: 8px; */
	cursor: pointer;
}

.XAML-person-tile-image {
	display: inline-block;
	/* height: 160px; */
	/* width: 192px; */	
    background-size: cover !important;
	/* margin-bottom: 8px; */
	cursor: pointer;
}

.XAML-link-tile-title{
	display: block;
	font-family: 'Roboto Medium', 'Roboto';
	font-size: 17px;
	color: #313a4a;
}
.XAML-stack-tile-title-container{
	margin: 16px 0;
	height: auto !important;
}
.XAML-link-tile-title:hover{
	color: #4176ea;
}
.XAML-label-tile-label{
	margin-bottom: 8px;
}
.XAML-label-tile-desc{
	color: #969eb2;
	font-size: 14px;
}
.XAML-label-status{
	display: inline-block;
    font-size: 14px;
    padding: 2px 4px;
    border-radius: 2px;
	white-space: nowrap;
	margin: 0 0 0 4px;
}
.XAML-label-tile-status{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px 2px 2px 2px;
	/* background-color: green; */
	z-index: 10;
	color: #ffffff;
	padding: 4px 8px;
	font-size: 13px;
}
.XAML-label-tile-image-caption{
	font-size: 14px;
	background-color: #313a4a;
	color: #ffffff;
	padding: 16px;
	text-align: center;
	/* border-radius: 0 0 4px 4px; */
}

.XAML-link-tile-info {
    position: absolute;
    right: 16px;
    top: 16px;
    display: block;
    z-index: 50;
	border: 1px solid #969eb2;
	border-radius: 2px;
	padding: 2px;
	background-color: #f3f3f4;
	color: #969eb2;
}
.XAML-link-tile-info:hover{
	color: #4176ea;
	border-color: #4176ea;	
}
.XAML-tabitem-tile-info{
	color: #ffffff;
	background-color: #4176ea;
	border-radius: 4px;
	/* padding: 8px; */
}
.XAML-tabitem-tile-info .XAML-link-tile-info{
	color: #ffffff;
	border-color: #ffffff;
	background-color: inherit;
}
.XAML-tabitem-tile-info .XAML-grid-info-table-compact{
	/*margin-top: 16px;*/
	padding: 16px 8px;
}
.XAML-tabitem-tile-info .XAML-grid-info-table-compact>table>tbody>tr>td{
	padding: 0;
	font-size: 14px;
}
.XAML-tabitem-tile-info .XAML-label-grid-column-name{
	color: #8bb2ff;
}
.XAML-tabitem-tile-info .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td{
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	padding-bottom: 8px;
}
.XAML-tabitem-tile-info .XAML-grid-info-table-compact>table>tbody>tr:nth-child(odd)>td{
	padding-top: 8px;
}

.x-accordion-body .XAML-grid-info-table-compact>table>tbody>tr>td{
	vertical-align: middle;
	padding: 4px;
}

/*--------------- Разное --------------*/

.XAML-person-tile { padding: 0 0 24px 0 }

.XAML-info-icon { width: 16px !important; height: 16px !important; background-image: url(/design/default/images/info_black.png) !important; background-repeat: no-repeat !important; background-position: top left !important; cursor: pointer; }

.XAML-info-block { background-color: #FFFFFF; padding: 8px; border-radius: 2px; margin-top:  8px;  }
.XAML-info-block .cssXPHTMLBox p { 
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0em;
}
.XAML-info-block .cssXPHTMLBox dir {
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0em;
}

.XAML-grid-tiles { margin-left: calc(-24px/2); width: calc(100% + 32px) !important; }
.XAML-grid-tiles td { vertical-align: top;  }
.XAML-grid-tiles .XAML-stack-tile { margin: 0 calc(24px/2)  24px  calc(24px/2); }
.XAML-grid-tiles .XAML-stack-tile .XAML-stack-tile-title-container { margin: 0 0 8px 0 }

.XAML-grid-tiles .XAML-panel-tile-image { background-color: #FFFFFF; border-radius: 4px; cursor: pointer; margin: 0 0 8px 0;  }
.XAML-grid-tiles .XAML-panel-tile-image .XAML-link-tile-image { background-size: contain; }

.XAML-stack-container,
.XAML-grid-container{
	padding: 0;
	border: 0;
}

.XAML-stack-container-long .XAML-stack-container { padding-right: 16px; }

.XAML-stack-container>table>tbody>tr>td,
.XAML-grid-container>table>tbody>tr>td{
	padding: 4px;
}

.XAML-stack-container>table>tbody>tr:first-child>td,
.XAML-grid-container>table>tbody>tr:first-child>td{
	padding-top: 0;
}
.XAML-stack-container>table>tbody>tr:last-child>td,
.XAML-grid-container>table>tbody>tr:last-child>td{
	padding-bottom: 0;
}
.XAML-stack-container>table>tbody>tr>td:first-child,
.XAML-grid-container>table>tbody>tr>td:first-child{
	padding-left: 0;
}
.XAML-stack-container>table>tbody>tr>td:last-child,
.XAML-grid-container>table>tbody>tr>td:last-child{
	padding-right: 0;
}

.mode-search .XAML-grid-list-container .XAML-stack-container>table>tbody>tr>td { padding: 0px } /* Меняем отрисовку внутри результатов поиска, убираем большой padding между элементами */

.XAML-stack-tiles-container{
	margin: 0 0 24px 0;
}
.XAML-stack-tiles-container>table>tbody>tr>td{
	padding-right: 24px;
}

.XAML-stack-tiles-container>table>tbody>tr>td{
	padding-bottom: 24px;
}

.XAML-stack-tiles-container>table>tbody>tr:first-child>td{
	padding-top: 0;
}

.XAML-stack-tiles-container>table>tbody>tr:last-child>td{
	padding-bottom: 0;
}

.XAML-stack-tiles-container>table>tbody>tr>td:first-child{
	padding-left: 0;
}

.XAML-stack-tiles-container>table>tbody>tr>td:last-child{
	padding-right: 0;
}

.XAML-stack-join{
	padding: 0;
}
.XAML-stack-join>table>tbody>tr>td{
	padding: 0;
}
.XAML-stack-content{
	margin: 8px 24px;
}

.XAML-course-map .XAML-grid-list-item { padding: 8px 16px 0px 8px }
.XAML-course-map .XAML-grid-list-item>table>tbody>tr>td  { padding: calc(8px + 4px) 8px 4px 8px }
.XAML-course-map .XAML-grid-list-item>table>tbody>tr>td:first-child { padding: 16px 0px }

.XAML-course-map .XAML-stack-container-long { padding-bottom:  8px }



/* 
.XAML-stack-treemap>table>tbody>tr>td{
	padding: 0;
}
.XAML-stack-treemap-item {
	background-color: #f3f3f4;
	padding: 0 24px;
	margin-bottom: 2px;
}
.XAML-stack-treemap-item>table>tbody>tr>td{
	padding: 16px 8px;
}
.XAML-stack-treemap-item:hover{
	background-color: #ebebec;
} */
.XAML-stack-treemap-item .XAML-label-switch{	
}

.XAML-label-switch-expanded,
.switcher-expanded{
	background: url(design/default/images/panel-arrow.png) -32px center no-repeat;
	width: 16px;
	height: 16px;
}
.XAML-label-switch-collapsed,
.switcher-collapsed{
	background: url(design/default/images/panel-arrow.png) -96px center no-repeat;
	width: 16px;
	height: 16px;
}


.XAML-image-indent-1{
	margin-left: /* 48px; */ 30px;
}
.XAML-image-indent-2{
	margin-left: 96px;
}

.XAML-image-indent-3{
	margin-left: 144px;
}

.XAML-image-indent-4{
	margin-left: 192px;
}

.XAML-label-info-name{
	font-size: 14px;
	color: #969eb2;
}

.XAML-label-info-value{
	font-size: 14px;	
}
.XAML-catalog-filter-table{
	background-color: inherit;
}
.XAML-grid-content-hor-container>table>tbody>tr>td{
	vertical-align: top;
}
.XAML-grid-content-hor-container>table>tbody>tr>td:last-child{
}

.XAML-stack-left-panel-icons-container{
	text-align: center;
}
.XAML-stack-left-panel-icons-container table{
	margin:0 auto;
}


.XAML-label-spacer{
	height: 1rem;
}

.XAML-grid-panel-container>table>tbody>tr>td{
	vertical-align: top;
}

.XAML-label-empty-data{
	text-overflow: ellipsis;
	display: block;
    text-align: center;
	padding: 16px;
}
/*-------------- RichEdit -------------*/

.cssXPRichEdit{
	margin: 16px;
	border-radius: 4px;
	
}
.cssXPRichEdit .x-toolbar-default{
	padding: 2px 8px;
}

.wt-spxmltileview-message-nodata{
	display: block;
    text-align: center;
	padding: 16px 0px;
}

/*------------ Image -----------*/

.XAML-image-container{
	background-size: cover !important;
}

.XAML-image-like{
	background: url(design/default/images/social.png) 0 center no-repeat;
	width: 40px !important;
	height: 40px !important;
}
.XAML-image-like:hover{
	background: url(design/default/images/social.png) -40px center no-repeat;
}
.XAML-image-dislike{
	background: url(design/default/images/social.png) -80px center no-repeat;
	width: 40px !important;
	height: 40px !important;
}
.XAML-image-dislike:hover{
	background: url(design/default/images/social.png) -120px center no-repeat;
}

/*----------- Social -----------*/
.XAML-stack-image-counter .cssXPLabel{
	background-color: #4176ea;
    width: 24px;
    height: 24px;
    padding: 4px 0;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    margin-left: -16px;
	margin-top: 100%;
}
/*------------------------------*/

/*-------------- Informers -----------*/
.XAML-stack-informer,
.informer{
	background-color: #4176ea;
	color: #ffffff;
	width: 216px;
	height: 216px;
	border-radius: 4px;
	margin-left: auto;
	margin-right: auto;
/* 	margin: 8px 0; */
}
.XAML-stack-informer>table,
.XAML-stack-informer>table>tbody>tr:nth-child(2){
	height: 100%;
}
.XAML-stack-informer table,
.XAML-stack-informer tr,
.XAML-stack-informer td{
	box-sizing: border-box;
}
.XAML-label-informer-header,
.informer-header
{
	padding: 16px 24px;
	font-size: 17px;
	font-weight: 500;
	border-bottom: 1px solid #8bb2ff;
}
.XAML-stack-informer-body,
.informer-content{
	text-align: center;
	/* overflow: auto;
	padding: 16px 24px; */
}
.informer-content{
	padding: 8px 0;
}
.XAML-stack-informer-footer,
.informer-footer{
	background-color: #355bbb;
	padding: 8px 24px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.XAML-stack-informer-body .XAML-grid-info-table-compact{
	padding: 0 24px;
	text-align: left;
}
.XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr>td{
	padding: 0;
	font-size: 14px;
}
.XAML-stack-informer-body .XAML-label-grid-column-name{
	color: #8bb2ff;
}
.XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td{
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	padding-bottom: 8px;
}
.XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(odd)>td{
	padding-top: 8px;
}
.XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:last-child>td{
	border-bottom-width: 0;
}
.informer-round-out{
	width: 90px;
	height: 90px;
	border: 4px solid #ffffff;
    border-radius: 50%;
	padding: 2px;
	box-sizing: border-box;
	margin: 16px auto;
}
.informer-round-in{
	width: 100%;
	height: 100%;
	border: 2px solid #ffffff;
    border-radius: 50%;
	box-sizing: border-box;
}
.informer-round-value{
	display: table;
	width: 100%;
    height: 100%;
}
.informer-round-value span{
	display: table-cell;
    text-align: center;
    vertical-align: middle;	
	font-size: 24px;
}

.wt-info-value-string { font-size: 14px; }
.wt-info-value-string-large { font-size: 72px; }
.wt-info-value-string-value { font-size: 72px; }
.wt-info-dates td { vertical-align: top }

/* Стили для инвертированного слайдера - белый фон, сервый текст. Используется в геймификации */

.XAML-stack-informer-invert{
	color: #4176ea;
	background-color: #ffffff;
	width: 216px;
	height: 216px;
	border-radius: 4px;
	margin-left: auto;
	margin-right: auto;
}

.XAML-stack-informer-invert .XAML-label-informer-header { border-bottom: 1px solid #f3f3f4; }
.XAML-stack-informer-invert .XAML-grid-info-table-compact { padding: 16px 24px; }
.XAML-stack-informer-invert .XAML-grid-info-table-compact td { vertical-align: top }
.XAML-stack-informer-invert .XAML-stack-informer-body .XAML-label-grid-column-name { color: #969eb2  }
.XAML-stack-informer-invert .XAML-stack-informer-body .XAML-label-grid-column-name.main-label { color: #313a4a; font-size: 17px; font-weight: bold; }
.XAML-stack-informer-invert .XAML-stack-informer-body .XAML-label-grid-column-name.second-label { color: #313a4a; margin-bottom: 16px; }
.XAML-stack-informer-invert .XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(odd)>td{ padding-top: 0px }
.XAML-stack-informer-invert .XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td { padding-bottom: 0px }

.wt-informer .XAML-button { border: 1px solid #ffffff; color: #ffffff; }


/*------------- Universal (Универсальные) --------------*/

.XAML-text-bold { font-weight: bold }

.XAML-uni-content-container,
.content-container {
	background-color: #ffffff;
	border-radius: 4px;
	margin: 0 0 8px 0;
	/* box-shadow: 1px 1px 8px #c9ccd4; */
}

.XAML-uni-content-block {
	background-color: #ffffff;
	border-radius: 4px;
	margin: 0 0 24px 0;
}

.content-item{
	margin: 8px 24px;
}
/*---------- From 3.4---------------*/
/*---------- From wt-controls.css ---------------*/

.wt-storage { display: none; }

/* discrete scale common */
.wt-discrete-scale { position: relative; line-height: 0; font-size: inherit; white-space: nowrap; font-family: sans-serif; }
.wt-scale-spot { position: absolute; top: 0; overflow: hidden; cursor: pointer; vertical-align: top; }
.wt-zero-spot { position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer; vertical-align: top; overflow: hidden; line-height: 1; }
.wt-value-spot { position: relative; display: inline-block; margin: 0 0.33em; height: 1em; padding: 0; color: #06c; line-height: 1.12; vertical-align: top; }
/* star element */
.wt-star.wt-full path.wt-star-full-path, .wt-star.wt-half path.wt-star-half-path, .wt-star.wt-empty path.wt-star-empty-path { display: inline-block; }
.wt-star.wt-full path.wt-star-half-path, .wt-star.wt-full path.wt-star-empty-path, .wt-star.wt-half path.wt-star-full-path, .wt-star.wt-half path.wt-star-empty-path, .wt-star.wt-empty path.wt-star-full-path, .wt-star.wt-empty path.wt-star-half-path { display: none; }
.wt-star { position: relative; display: inline-block; margin: 0; padding: 0; width: 1em; height: 1em; }
.wt-star svg { position: relative; margin: 0; left: 0; top: 0; width: 100%; height: 100%; }
.wt-star path { fill: #06c; stroke-width: 0; stroke: none; }
.wt-star .wt-star-full-path { fill: #06c; }
.wt-star .wt-star-half-path { fill: #06c; }
.wt-star .wt-star-empty-path { fill: #999; }
/*rect element*/
.wt-rect.wt-full .wt-rect-full, .wt-rect.wt-half .wt-rect-half, .wt-rect.wt-empty .wt-rect-empty { display: block; }
.wt-rect.wt-full .wt-rect-half, .wt-rect.wt-full .wt-rect-empty, .wt-rect.wt-half .wt-rect-full, .wt-rect.wt-half .wt-rect-empty, .wt-rect.wt-empty .wt-rect-full, .wt-rect.wt-empty .wt-rect-half { display: none; }
.wt-rect { position: relative; display: inline-block; margin: 0; padding: 0; width: 1em; height: 1em; }
.wt-rect .wt-rect-full { position: relative; width: 1em; height: 1em; border-style: solid; border-width: 0.1em; border-radius: 0.1em; padding: 0; margin: 0; border-color: #900; background-color: #C00; background-image: linear-gradient(0, #C00, #FCC); overflow: hidden; box-sizing: border-box; }
.wt-rect .wt-rect-half, .wt-rect .wt-rect-empty { position: relative; width: 1em; height: 1em; border-style: solid; border-width: 0.1em; border-radius: 0.1em; padding: 0; margin: 0; border-color: #900; background-color: transparent; overflow: hidden; box-sizing: border-box; }
.wt-rect .wt-rect-half .wt-rect-half-fill { position: relative; width: 50%; height: 100%; border-style: none; border-width: 0; padding: 0; margin: 0; background-color: #C00; background-image: linear-gradient(0, #C00, #FCC); }

/*  cont-scale type=circular */
.wt-circular-scale { display: inline-block; position: relative; white-space: nowrap; font-family: sans-serif;}
.wt-circular-scale .wt-circular-bg { position: absolute; }
.wt-circular-click .wt-circular-bg { background-image: url(img/click.svg); background-repeat: no-repeat; background-size: 75%; background-position: center center; }
.wt-circular-scale .wt-circular-value { position: absolute; text-align: center; font-family: inherit; color: #06c; }
.wt-circular-scale .wt-circular-path { stroke: none; }
.wt-circular-scale .wt-circular-path-bg { fill: #ffffff; }
.wt-circular-scale .wt-circular-path-0 { fill: #06c; }
.wt-circular-scale .wt-circular-path-1 { fill: #28e; }
.wt-circular-scale .wt-circular-path-2 { fill: #4af; }
.wt-circular-scale .wt-circular-path-3 { fill: #6cf; }
.wt-circular-scale .wt-circular-path-4 { fill: #8ff; }
.wt-circular-scale .wt-circular-path-5 { fill: #aff; }
.wt-circular-scale .wt-circular-tip { display: none; z-index: 9000; position: absolute; padding: 0.25em; font-size: 12px; border-style: solid; border-width: 1px; white-space: nowrap; font-size: 14px; font-family: sans-serif; font-weight: bold; background-color: #fff; border-radius: 0.25em; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }

.wt-histogram-scale { display: inline-block; position: relative; white-space: nowrap; font-family: Roboto, sans-serif; font-size: 16px; }
.wt-histogram-scale .wt-histogram-bar-outer { position: absolute; box-sizing: border-box; background-color: transparent; border-color: #077fcc; border-width: 0.25em; border-style: solid; }
.wt-histogram-scale .wt-histogram-bar-outer-0 { background-color: #cdf; border-color: #077fcc; }
.wt-histogram-scale .wt-histogram-bar-outer-1 { background-color: #cdf; border-color: #28e; }
.wt-histogram-scale .wt-histogram-bar-outer-2 { background-color: #cdf; border-color: #4af; }
.wt-histogram-scale .wt-histogram-bar-outer-3 { background-color: transparent; border-color: #6cf; }
.wt-histogram-scale .wt-histogram-bar-outer-4 { background-color: transparent; border-color: #8ff; }
.wt-histogram-scale .wt-histogram-bar-outer-5 { background-color: transparent; border-color: #aff; }
.wt-histogram-scale .wt-histogram-bar { position: absolute; background-color: #c00; }
.wt-histogram-scale .wt-histogram-bar-0 { background-color: #06c; }
.wt-histogram-scale .wt-histogram-bar-1 { background-color: #28e; }
.wt-histogram-scale .wt-histogram-bar-2 { background-color: #4af; }
.wt-histogram-scale .wt-histogram-bar-3 { background-color: #6cf; }
.wt-histogram-scale .wt-histogram-bar-4 { background-color: #8ff; }
.wt-histogram-scale .wt-histogram-bar-5 { background-color: #aff; }
.wt-histogram-scale .wt-histogram-bar-value { position: absolute; font-weight: bold; }
.wt-histogram-scale .wt-histogram-value-on { color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.wt-histogram-scale .wt-histogram-value-out { text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.wt-histogram-scale .wt-histogram-value-out-0 { color: #077fcc;}
.wt-histogram-scale .wt-histogram-value-out-1 { color: #28e;}
.wt-histogram-scale .wt-histogram-value-out-2 { color: #4af;}
.wt-histogram-scale .wt-histogram-value-out-3 { color: #6cf;}
.wt-histogram-scale .wt-histogram-value-out-4 { color: #8ff;}
.wt-histogram-scale .wt-histogram-value-out-5 { color: #aff;}
.wt-histogram-scale .wt-histogram-axes { position: absolute; left: 0; top: 0; box-sizing: border-box; border-color: #077fcc; border-width: 0.25em; }
.wt-histogram-scale .wt-histogram-grid { position: absolute; box-sizing: border-box; border-color: #077fcc; border-width: 0.125em; }
.wt-histogram-scale .wt-histogram-grid-v { left: 0; top: 0; border-style: none dotted none none; }
.wt-histogram-scale .wt-histogram-grid-v-0 { border-style: none dotted none dotted; }
.wt-histogram-scale .wt-histogram-grid-h { left: 0; bottom: 0; border-style: dotted none none none; }
.wt-histogram-scale .wt-histogram-grid-h-0 { border-style: dotted none dotted none; }
.wt-histogram-scale .wt-histogram-tip { display: none; z-index: 9000; position: absolute; padding: 0.25em; font-size: 12px; border-style: solid; border-width: 1px; white-space: nowrap; font-size: 14px; font-family: sans-serif; font-weight: bold; background-color: #fff; border-radius: 0.25em; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.wt-histogram-scale .wt-histogram-threshold { position: absolute; box-sizing: border-box; border-color: #060; border-style: solid; }
.wt-histogram-scale .wt-histogram-threshold-bt { height: 0; margin: 0 0 -0.125em 0; border-width: 0.25em 0 0 0; }
.wt-histogram-scale .wt-histogram-threshold-tb { height: 0; margin: -0.125em 0 0 0; border-width: 0 0 0.25em 0; }
.wt-histogram-scale .wt-histogram-threshold-lr { width: 0; margin: 0 0 0 -0.125em; border-width: 0 0.25em 0 0; }
.wt-histogram-scale .wt-histogram-threshold-rl { width: 0;  margin: 0 -0.125em 0 0; border-width: 0 0 0 0.25em; }

.wt-histogram-scale .wtx-histogram-mark { position: absolute; }
.wt-histogram-scale .wtx-histogram-mark-v { left: 0; top: 0; }
.wt-histogram-scale .wtx-histogram-mark-h { left: 0; bottom: 0;}
.wt-histogram-scale .wtx-histogram-mark-inner { position: absolute; box-sizing: border-box; border-color: #077fcc; border-width: 0.25em; }
.wt-histogram-scale .wtx-histogram-mark-v .wtx-histogram-mark-top { left: 0; top: 0; height: 0.5em; border-style: none solid none none; }
.wt-histogram-scale .wtx-histogram-mark-v .wtx-histogram-mark-bottom { left: 0; bottom: 0; height: 0.5em; border-style: none solid none none; }
.wt-histogram-scale .wtx-histogram-mark-v-0 .wtx-histogram-mark-top { border-style: none solid none solid; }
.wt-histogram-scale .wtx-histogram-mark-v-0 .wtx-histogram-mark-bottom { border-style: none solid none solid; }
.wt-histogram-scale .wtx-histogram-mark-h .wtx-histogram-mark-left { left: 0; bottom: 0; width: 0.5em; border-style: solid none none none; }
.wt-histogram-scale .wtx-histogram-mark-h .wtx-histogram-mark-right { right: 0; bottom: 0; width: 0.5em; border-style: solid none none none; }
.wt-histogram-scale .wtx-histogram-mark-h-0 .wtx-histogram-mark-left { border-style: solid none solid none; }
.wt-histogram-scale .wtx-histogram-mark-h-0 .wtx-histogram-mark-right { border-style: solid none solid none; }
.wt-histogram-scale .wtx-histogram-series-names { position: relative; height: 2.5em; }
.wt-histogram-scale .wtx-histogram-series-name { position: absolute; top: 0.25em; font-size: 0.75em; color: #077fcc; font-weight: bold; text-align: center; }
.wt-histogram-scale .wtx-histogram-legend { position: relative; }
.wt-histogram-scale .wtx-histogram-legend-item { position: relative; font-size: 0.8em; margin: 0 0 0.5em 1em; }
.wt-histogram-scale .wtx-histogram-legend-item-color { position: relative; vertical-align: middle; display: inline-block; width: 1em; height: 1em; margin: 0 0.5em 0 0; }
.wt-histogram-scale .wtx-histogram-legend-item-title { position: relative; vertical-align: middle; alignment-baseline: middle; display: inline-block; }
/* graph */
.wt-info-graph { 
	position: relative; 
	margin: 8px auto;
}
.wt-info-graph .wt-info-graph-axes { position: absolute; box-sizing: border-box; left: 0; top: 0; border-color: #355bbb; }
.wt-info-graph .wt-info-graph-grid { position: absolute; box-sizing: border-box; left: 0; top: 0; }
.wt-info-graph .wt-info-graph-grid-v { position: absolute; box-sizing: border-box; left: 0; top: 0; border-color: #355bbb; border-style: none dotted none none; }
.wt-info-graph .wt-info-graph-grid-v-first { border-style: none dotted none dotted; }
.wt-info-graph .wt-info-graph-grid-h { position: absolute; box-sizing: border-box; left: 0; bottom: 0; border-color: #355bbb; border-style: dotted none none none; }
.wt-info-graph .wt-info-graph-grid-h-first { border-style: dotted none dotted none; }
.wt-info-graph .wt-info-graph-area { position: absolute; left: 0; top: 0; }
.wt-info-graph .wt-info-graph-values { position: absolute; left: 0; top: 0; font-size: 14px; }
.wt-info-graph .wt-info-graph-values-v { transform: rotate(-90deg); }
.wt-info-graph .wt-info-graph-name { 
	position: absolute; 
	left: 0; 
	top: 0; 
	text-align: center; 
	font-size: 14px; 
}
.wt-info-graph .wt-info-graph-name-v { transform: rotate(-90deg); }
.wt-info-graph .wt-info-graph-value { position: absolute; color: #355bbb;  }
.wt-info-graph svg { position: absolute; left: 0; top: 0; }
.wt-info-graph .wt-info-graph-tip { 
	display: none; 
	position: absolute; 
	left: 0; 
	top: 0; 	
	font-size: 14px; 
	font-weight: 500; 
	background-color: #ffffff;
	border-radius: 2px; 
	border: 1px solid #355bbb;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5); 
}
.wt-info-graph .wt-info-graph-tip table { position: relative; border-spacing: 0; }
.wt-info-graph .wt-info-graph-tip td { 
	text-align: center; 
	padding: 8px; 
}


.wt-informer-vertical { display: inline-block; font-size: inherit; font-family: Roboto, sans-serif; margin: 1em 0 0 1em; padding: 1em; background-color: #06c; width: 18em; }
.wt-informer-vertical .wt-informer-header { margin: 0.5em auto; font-size: 2em; text-align: center; color: #fff; }
.wt-informer-vertical .wt-informer-scale-container { width: 12em; margin: 1em auto; text-align: center; }
.wt-informer-vertical .wt-circular-bg {  }
.wt-informer-vertical .wt-informer-footer { margin: 1em auto; font-size: 1em; text-align: center; }
.wt-informer-vertical .wt-circular-path-bg { fill: #69c; }
.wt-informer-vertical .wt-circular-path-0 { fill: #fff; }
.wt-informer-vertical .wt-informer-label-0 { color: #fff; font-size: 1.2em; line-height: 1.2em; text-align: center; }
.wt-informer-vertical .wt-circular-scale .wt-circular-tip { z-index: 9000; font-size: 14px; font-family: Roboto, sans-serif; border-color: #fff; background-color: #06c; border-radius: 0.25em; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }


.wt-informer-vertical.wt-informer-man .wt-circular-bg { background-image: url(/pics/xaml/man.svg); background-repeat: no-repeat; background-size: 60%; background-position: center center; }
.wt-informer-vertical.wt-informer-doc .wt-circular-bg { background-image: url(/pics/xaml/doc.svg); background-repeat: no-repeat; background-size: 60%; background-position: center center; }
.wt-informer-vertical.wt-informer-comp .wt-circular-bg { background-image: url(/pics/xaml/comp.svg); background-repeat: no-repeat; background-size: 60%; background-position: center center; }


.wt-informer-horizontal { display: inline-block; font-size: inherit; font-family: Roboto, sans-serif; margin: 1em 0 0 1em; padding: 1em; background-color: #06c; width: 37em; }
.wt-informer-horizontal .wt-informer-scale { margin: 0 1em 0 0; font-size: 2em; text-align: center; }
.wt-informer-horizontal .wt-informer-scale-container { position: relative; margin: 2em; width: 12em; height: 12em; }
.wt-informer-horizontal .wt-circular-path-bg { fill: #69c; }
.wt-informer-horizontal .wt-circular-path-0 { fill: #cdf; }
.wt-informer-horizontal .wt-circular-path-1 { fill: #ace; }
.wt-informer-horizontal .wt-circular-path-2 { fill: #9bd; }
.wt-informer-horizontal .wt-informer-label-container { padding: 0 0 0 1em; }
.wt-informer-horizontal .wt-informer-label-0 { color: #cdf; font-size: 1.2em; padding: 0.5em 0; }
.wt-informer-horizontal .wt-informer-label-1 { color: #ace; font-size: 1.2em; padding: 0.5em 0; }
.wt-informer-horizontal .wt-informer-label-2 { color: #9bd; font-size: 1.2em; padding: 0.5em 0; }
.wt-informer-horizontal .wt-circular-scale .wt-circular-tip { z-index: 9000; font-size: 14px; font-family: Roboto, sans-serif; border-color: #fff; background-color: #06c; border-radius: 0.25em; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }

.wt-rating-block { display: inline-block; font-size: 18px; font-family: Roboto, sans-serif; margin: 1em 0 1em 1em; color: #06c; }
.wt-rating-block .wt-rating-label {}
.wt-rating-block .wt-discrete-scale { margin: 0 0 0 1em; }

/*Page1*/
/*informers begin*/
.wt-info-simple { position: relative; display: inline-block; font-size: 18px; width: 12em; height: 12em; margin: 0.25em; background-color: #eceff1; color: #263238; font-family: Roboto, sans-serif; padding: 0 !important; }
.wt-info-simple .wt-info-header { position: relative; margin: 0; font-size: 1em; height: 2.5em; line-height: 1.5em; background-color: #8ed100; color: #fff; padding: 0.5em 1em; text-transform: uppercase; }
.wt-info-simple .wt-info-body { position: relative; width: 12em; height: 9.9em; padding: 0 !important; }
.wt-info-simple .wt-info-body.wt-info-body-center-middle { text-align: center; line-height: 9.9em; }

.wt-info-learning { font-size: 20px; width: 15em; height: 15em; }
.wt-info-learning .wt-info-header { font-size: 1em; height: 3.1em; line-height: 1.5em; background-color: #8ed100; color: #fff; padding: 0.8em 1em; text-transform: uppercase; }
.wt-info-learning .wt-info-main { padding: 1em; line-height: 1em !important;  }
.wt-info-learning .wt-info-body { margin: 0 auto; width: 12em; height: 8em; }
.wt-info-learning .wt-info-scale-holder { width: 5em; margin: 0 auto; }
.wt-info-learning .wt-info-scale-holder-left { margin: 0 0.5em; }
.wt-info-learning .wt-info-scale-holder-right { margin: 0 0.5em; }
.wt-info-learning .wt-info-scale-header { font-size: 0.75em; line-height: 1em; text-align: center; white-space: normal; }
.wt-info-learning .wt-info-scale { line-height: 1em; margin: 0.5em 0; }
.wt-info-learning .wt-circular-path-bg { fill: #dcd7d5 !important; }
.wt-info-learning .wt-circular-path-0 { fill: #558b2f !important; }
.wt-info-learning .wt-circular-value { font-size: 1.75em !important; color: #263238 !important; }
.wt-info-learning .wt-info-footer { border-top: solid 0.0625em #8ed100; padding: 1em 0.5em 0 0.5em; }
.wt-info-learning .wt-info-footer-text  { font-size: 0.75em; color: #263238; }
.wt-info-learning .wt-info-footer-value  { font-size: 1.25em; color: #c00; margin: 0 0.5em; }
.wt-info-learning .wt-info-value-holder { width: 12em; margin: 0 auto; }
.wt-info-learning .wt-info-value-header { font-size: 0.75em; color: #263238; text-align: left; }
.wt-info-learning .wt-info-value { font-size: 5em; height: 1.33em; width: 2em; line-height: 1.33em; color: #263238; text-align: center; }

/* .wt-info-score .wt-info-body { line-height: 1em !important; } */
.wt-info-score .wt-info-circular-scale-container {
	position: relative; 
	width: 12em; 
	padding: 16px 3em; 
	margin: 0 auto;
}
.wt-info-score .wt-circular-path-bg { fill: #8bb2ff !important; }
.wt-info-score .wt-circular-path-0 { fill: #FFFFFF; }
.wt-info-score .wt-circular-path-1 { fill: #355bbb; }
.wt-info-score .wt-circular-value { color: #ffffff !important; }

.wt-progress-bar { position: relative; margin: 10px; display: inline-block; box-sizing: content-box !important; /* border: solid 1px #8ed100; */ background-color: #fff; overflow: hidden; padding: 0;  }
.wt-progress-bar .wt-progress-scale { position: absolute; left: 0; bottom: 0; display: inline-block; margin: 0; border: solid 1px #fff; background-color: #8ed100;  }

.wt-progress-bar.wt-course-status { background-color: #fff; }
.wt-progress-bar.wt-course-status-0, .wt-progress-bar.wt-course-status-1, .wt-progress-bar.wt-course-status-2 { /* border: solid 1px #8ed100;  */}
.wt-progress-bar.wt-course-status-3 { border: solid 1px #c00; }
.wt-progress-bar.wt-course-status-4 { border: solid 1px #363; }
.wt-progress-bar.wt-course-status-5 { border: solid 1px #666; }
.wt-progress-bar.wt-course-status .wt-progress-scale { border: solid 1px #fff; }
.wt-progress-bar.wt-course-status-0 .wt-progress-scale, .wt-progress-bar.wt-course-status-1 .wt-progress-scale, .wt-progress-bar.wt-course-status-2 .wt-progress-scale { background-color: #8ed100; background-image: linear-gradient(0deg,#8ed100,#bbcad0 ); }
.wt-progress-bar.wt-course-status-3 .wt-progress-scale { background-color: #c00; background-image: linear-gradient(0deg,#c00,#ff8484); }
.wt-progress-bar.wt-course-status-4 .wt-progress-scale { background-color: #363; background-image: linear-gradient(0deg,#363,#80bf80); }
.wt-progress-bar.wt-course-status-5 .wt-progress-scale { background-color: #666; background-image: linear-gradient(0deg,#666,#999); }

/*.wtx-row-with-informers > td { padding: 0.5em; }*/

.wtx-informer { position: relative; display: inline-block; font-size: 180px; width: 1em; height: 1em; padding: 0; border: solid 0.016em #077fcc; margin: 0.05em 0 0 0.05em; }
.wtx-informer-header { font-size: 0.08em; line-height: normal; position: relative; display: block; left: 0; top: 0; width: 12em; padding: 0.75em; color: #077fcc; font-weight: 600; text-transform: uppercase; }
.wtx-informer-value { font-size: 0.25em; line-height: 1em; position: absolute; bottom: 1.66em; display: block; width: 100%; height: auto; color: #077fcc; font-weight: 500; padding: 0; text-align: center; }
.wtx-informer-icon-holder { position: absolute; bottom: 0.16em; left: 0; width: 100%; height: 1em; font-size: 0.33em !important; text-align: center; }
.wtx-informer-icon { position: relative; width: 1em; height: 1em; }
.wtx-informer-single { margin: 0 0 0 0.05em}

.wtx-informer-icon-holder.wtx-informer-icon-people path, .wtx-informer-icon-holder.wtx-informer-icon-people circle { fill: #077fcc; stroke: none; }
.wtx-informer-icon-holder.wtx-informer-icon-course path { fill: #077fcc; stroke: none; }
.wtx-informer-icon-holder.wtx-informer-icon-test path { fill: #077fcc; stroke: none; }
.wtx-informer-icon-holder.wtx-informer-icon-event path { fill: #077fcc; stroke: none; }
.wtx-informer-icon-holder.wtx-informer-icon-person path { fill: #077fcc; stroke: none; }

.wtx-informer-4x2 { width: 4.15em; height: 2.05em; }
.wtx-informer-4x2 .wtx-informer-header { width: 48em; }
.wtx-informer-4x3 { width: 4.15em; height: 3.10em; }
.wtx-informer-4x3 .wtx-informer-header { width: 48em; }
.wtx-informer-3-5xauto { width: 3.75em; height: auto !important; }
.wtx-informer-3-5xauto .wtx-informer-header { width: auto; }
.wtx-informer-4xauto { width: 4.15em; height: auto !important; }
.wtx-informer-4xauto .wtx-informer-header { width: 48em; }
.wtx-informer-autoxauto { width: auto; height: auto !important; }
.wtx-informer-4xauto .wtx-informer-header { width: auto; }
.wtx-informer-4-5xauto { width: 4.7em; height: auto !important; }
.wtx-informer-4-5xauto .wtx-informer-header { width: auto; }
.wtx-informer-5xauto { width: 5.2em; height: auto !important; }
.wtx-informer-5xauto .wtx-informer-header { width: auto; }

.wtx-informer-graph { font-size: 0.08em; padding: 0 0.75em 0.75em 0.75em; }

.wtx-informer-top-items { width: 100%; height: auto !important; font-size: 150px; margin: 0 0 0.01em; }
.wtx-informer-top-items .wtx-informer-header { width: 100%; font-size: 0.1em; }
.wtx-informer-top-items .wtx-top-item { font-size: 0.08em; background-color: #def; font-size: 0.08em; margin: 0 0.75em 0.75em 0.75em; }
.wtx-informer-top-items .wtx-top-item .wtx-informer-header-inner { font-size: 1.2em; line-height: normal; position: relative; display: block; left: 0; top: 0; width: auto; padding: 0.75em; color: #077fcc; font-weight: 600; }
.wtx-informer-top-items .wtx-top-item-body { }
.wtx-informer-top-items .wt-info-circular-scale-container { width: 10em; height: 10em; padding: 0.5em 1em; }
.wtx-informer-top-items .wt-top-item-param { font-size: 1.1em; padding: 0.25em 0.5em; }
.wtx-informer-top-items .wt-top-item-value { font-size: 1.1em; padding: 0.25em 0.5em 0.25em 0; color: #077fcc; }
/*
.wt-person-compare-img { position: relative; display: block; width: 15em !important; height: 15em !important; background-size: cover !important; }
.wt-person-compare-row > td { padding: 0.5em; text-align: center; border-right: groove 2px #fff; width: 14em; }
.wt-person-compare-row:nth-child(even) > td { background-color: #eee; }
.wt-person-compare-row:nth-child(odd) > td { }
.wt-person-compare-row:last-of-type > td { border-bottom: groove 2px #fff;}
.wt-compare-grid{overflow-x: auto;}
.wt-compare-grid, .wt-compare-grid > table { width: auto !important; }
.wt-tab-item-scroll-h > div { overflow: auto !important; overflow-x: auto !important; overflow-y: hidden !important; }
*/
/* .wtx-informer-body { position: relative; font-size: 0.08em; padding: 0 1em 1em 1em; }
.wtx-stack-flow { position: relative; width: inherit;  }
.wtx-stack-flow-item { position: relative; width: 10em;  height: 10em; margin: 0 0.5em 0.5em 0; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.wtx-informer-body-more { display: block; padding: 0.5em 0 0 0; cursor: pointer; }
.wtx-informer-body-footer { position: relative; border-top: solid 0.05em #077fcc; padding: 0.5em 0 0 0; margin: 0.5em 0 0 0; }
.wtx-informer-body-footer-text { line-height: 1.5em; text-align: right; color: #077fcc; }
.wtx-informer-body-footer-value { font-size: 1.5em; font-weight: bold; line-height: 1.5em; padding: 0 0 0 0.5em; color: #077fcc; } */

/* .wtx-informer-my-team { width: 52vw; height: auto !important; }
.wtx-informer-my-team .wtx-informer-header { width: auto; }
.wtx-informer-my-team .wtx-stack-flow-item { width: 8vw; height: 8vw; }
 */

.wtx-stack-flow{
	padding: 0 !important;
	width: calc(100% + 24px) !important; 
	margin-left: -12px;
}
.wtx-stack-flow-item{	
	display: inline-block;
	float: left;
	width: 96px !important;
	height: 96px !important;
	margin: 16px 12px !important;
	background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	border-radius: 50%;
}
.wtx-informer-body-more{
	margin: 108px 12px !important;
} 
 
/* tree-map */
.mp-outer { 
	/* font-size: 10px; */
	font-size: 13px;
	margin: 1em auto; 
	overflow: auto; 
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}
.mp-main { 
	transform-origin: 0% 0%; 
	transform: scale(1, 1);
}

.mp-main > .mp-draw { position: absolute; left: 0; top: 0; z-index: 0; transform-origin: 0% 0%; }
.mp-main > .mp-elems { position: absolute; left: 0; top: 0; z-index: 1; transform-origin: 0% 0%; cursor: move; }
.mp-main > .mp-tips { position: absolute; left: 0; top: 0; z-index: 2; display: none; }
.mp-controls { 
	position: absolute; 
	left: auto !important;
	right: 0; 
	top: 0; 
	z-index: 3; 
}
.mp-draw > .mp-main-svg { position: absolute; left: 0; top: 0; }

.mp-elems .mp-div { 
	position: absolute; 
	box-sizing: border-box; 
	/* border: 1px solid #4176ea;  */
	box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.5);
	overflow: hidden; 
	cursor: pointer;
	background-color: #ffffff;
	border-radius: 4px;
}

.mp-elems .mp-form-roundrect { /*border-radius: 1em;*/ }
.mp-elems .mp-form-ellipse { border-radius: 50%; }
.mp-elems .mp-div-hl { background-color: #def; box-shadow: 0.1em 0.1em 0.6em rgba(0,0,0,0.9) }
.mp-elems .mp-div-src { background-color: #fed; box-shadow: 0.1em 0.1em 0.6em rgba(0,0,0,0.9) }
.mp-elems .mp-toggle { 
	position: absolute; 
	box-sizing: content-box; 
	background-color: #fff; 
	border-style: solid; 
	border-color: #4176ea; 
	color: #4176ea;  /*#0080C0*/
	text-align: center; 
	border-radius: 50%; 
	line-height: 1; 
	cursor: pointer; 
}
.mp-elems .mp-current-item-selected { box-shadow: 0 0 2em red; }

.mp-elems .mp-div .mp-div-title { 
	position: relative; 
	/* font-size: 1em;  */
	/* color: #fff;  */
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	padding: 8px;
	/* background-color: #999;  */
	/* text-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,0.5);  */
	border-bottom: 1px solid #ebebec;
}
/* Взятие по значению аттрибута - грязный хак. Кто-то явно выставляет цвет, при этом не добавляет класса, позволяющего идентифицировать элемент */
.mp-elems .mp-div .mp-div-title[style="background-color: gray;"]{
	background-color: #8bb2ff !important;
	color: #ffffff !important;
}
.mp-elems .mp-div .mp-div-title[style="background-color: green;"]{
	background-color: #4176ea !important;
	color: #ffffff !important;
}   
.mp-elems .mp-div .mp-div-table { position: relative; width: 100%; border-spacing: 0; }
.mp-elems .mp-div .mp-div-img-cell { 
	vertical-align: top;
}
.mp-elems .mp-div .mp-div-img { 
	position: relative; 
	background-size: cover; 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-origin: padding-box; 
	border-radius: 50%;
	margin: 8px;	
    box-sizing: border-box;
	width: 60px !important;
    height: 60px !important;
}
.mp-elems .mp-div .mp-div-text-cell { 
	position: relative; 
	/* font-size: 0.9em;  */
	padding: 8px;
	width: 100%; 
	vertical-align: middle; 
	overflow: hidden; 
}
.mp-elems .mp-div .mp-div-text { position: relative; overflow: hidden; }
.mp-elems .mp-div .mp-div-text-more { 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	width: 100%; 
	height: 25%; 
	background-image: linear-gradient(0deg, #ffffff 25%, transparent); 
}
.mp-elems .mp-div-hl .mp-div-text-more { background-image: linear-gradient(0deg, #def 25%, transparent); }
.mp-elems .mp-div-src .mp-div-text-more { background-image: linear-gradient(0deg, #fed 25%, transparent); }
.mp-elems .mp-item-me { border-color: #060 !important; background-color: #cfc; }
.mp-elems .mp-item-me .mp-div-title { background-color: #040 !important; }
.mp-elems .mp-div .mp-font-icon-cell { text-align:center; padding: 0 0 0 0.5em; }
.mp-elems .mp-div .mp-font-icon { font-size: 1.4em; color: #0080C0; }

.mp-item { position: absolute;}
.mp-item-plain { stroke: #0080C0; fill: url(#MP_ITEM_PLAIN); filter: url(#MP_SHADOW); }
.mp-item-div { position: relative; display: table-cell; vertical-align: middle; left: 0; top: 0; width: inherit; height: inherit; font-size: 1rem; line-height: normal; text-align: center; color: #0080c0; overflow: hidden;  -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.mp-item-div:hover { cursor: pointer; /*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/ }
.mp-arrow { 
	fill: none; 
	fill-color: maroon; 
	stroke: #4176ea;/* stroke-dasharray: 1000;  stroke-dashoffset: 1000; animation: dash 2s linear forwards;*/ }


.mp-marker-square { fill: #0080C0; stroke: none; }
.mp-marker-arrow { fill: #0080C0; stroke: none }
.mp-marker-circle { fill: #0080C0; stroke: none }
.mp-map-scale { stroke-width: 1px; stroke: #666; fill: none; stroke-dasharray: 2,4; }

.mp-mask { display: none; }

.mp-item-highlighted { fill: #fc6; }
.mp-div-highlighted {  }
.mp-arrow-highlighted {  }

.mp-switch-circle { stroke: #0080C0; fill: #fff; z-index: 1000; }
.mp-switch-minus { stroke: #0080C0; fill: none; }

.mp-bubble-box { 
	display: none; 
	z-index: 999; 
	position: absolute; 
	left: 100px; 
	top: 100px; 
	width: 324px; 
	max-width: 324px; 
	height: 216px; 
	font-size: 14px;
}
.mp-bubble { 
	position: absolute; 
	box-sizing: border-box; 
	left: 0; 
	top: 0; 
	width: 32em; 
	height: 16em; 
	max-width: 32em; 
	padding: 8px; 
/* 	background-image: -webkit-linear-gradient(90deg, #bdf 5%, #def 100%); 
	background-image: -moz-linear-gradient(90deg, #bdf 5%, #def 100%); 
	background-image: -ms-linear-gradient(90deg, #bdf 5%, #def 100%); 
	background-image: linear-gradient(0deg, #bdf 5%, #def 100%);  */
	border: 1px solid #4176ea; 
	box-shadow: 0.2em 0.2em 1em 0 rgba(96,96,96,0.8); 
	border-radius: 4px; 
	background-color: #ffffff;
}
.mp-bubble .mp-bubble-header { 
	font-weight: 600; 
	padding-bottom: 8px;
}
.mp-bubble .mp-bubble-table { border-spacing: 0; }
.mp-bubble .mp-bubble-img-cell { 
	padding-right: 8px; 
}
.mp-bubble-txt-cell{
	width: 100%;
	box-sizing: border-box;
}
.mp-bubble .mp-bubble-text { overflow: auto; }
.mp-bubble-box .mp-bubble-arrow { position: absolute; width: 0; height: 0; border-style: solid; display: none; }
.mp-bubble-box .mp-bubble-arrow-tl { left: -32px; top: 8px; border-width: 0 32px 16px 0; border-color: transparent #0080C0 transparent transparent; }
.mp-bubble-box .mp-bubble-arrow-tr { right: -32px; top: 8px; border-width: 16px 32px 0 0; border-color: #0080C0 transparent transparent transparent; }
.mp-bubble-box .mp-bubble-arrow-bl { left: -32px; bottom: 8px; border-width: 0 0 16px 32px; border-color: transparent transparent #0080C0 transparent; }
.mp-bubble-box .mp-bubble-arrow-br { right: -32px; bottom: 8px; border-width: 16px 0 0 32px; border-color: transparent transparent transparent #0080C0; }

.mp-controls-table { border-spacing: 0; }
.mp-controls-table .mp-control-cell { 
	padding: 8px;
}
.mp-controls-table .mp-control-btn-svg { position: relative; width: 2em; height: 2em; cursor: pointer;  }
.mp-controls-table .mp-control-btn-path { fill: #999; stroke: none; }
.mp-controls-table .mp-control-btn-svg:hover .mp-control-btn-path { fill: #0080C0 }

.mp-level-border { position: absolute; border-right: solid 1px #999; }
.mp-header { position: absolute; border-bottom: solid 1px #999; }
.mp-level-header { position: absolute; }
.mp-cat-header { position: absolute; background-color: #def; border-right: solid 1px #999; }
.mp-header .mp-header-table { border-spacing: 0; }
.mp-header .mp-header-cell { text-align: center; vertical-align: middle; padding: 0.5em 1em; overflow: hidden;  }
/*ppm*/
.ppm-main { position: relative; }
.ppm-main .ppm-table { border-spacing: 0; width: 100%; }
.ppm-main .ppm-row-name { position: relative; border-style: none solid none none; border-width: 0 0.3em 0 0; border-color: #0080C0; }
.ppm-main .ppm-col-name { position: relative; border-style: solid none none none; border-width: 0.3em 0 0 0; border-color: #0080C0; }
.ppm-main .ppm-cell { position: relative; border-style: dotted dotted none none; border-width: 0.2em 0.2em 0 0; border-color: #0080C0; vertical-align: middle; text-align: center; }
.ppm-user-div { position: relative; display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: cover; border: solid 0.2em #0080C0; border-radius: 50%; margin: 0.2em; box-shadow: 0.1em 0.1em 0.8em rgba(0,0,0,0.6); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.ppm-user-div:hover { cursor: pointer; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.ppm-row-name-div { position: absolute; display: inline-block; font-size: 1.5em; color: #0080C0; padding: 0.5em; transform: rotate(-90deg); transform-origin: left bottom; text-align: center; }
.ppm-test-row-name-div { position: relative; display: inline-block; font-size: 1.5em; padding: 0.5em; }
.ppm-axis-y-name { position: relative; }
.ppm-axis-y-name-div { position: absolute; display: inline-block; font-size: 2em; color: #0080C0; padding: 1em; transform: rotate(-90deg); transform-origin: left bottom; text-align: center; }
.ppm-test-axis-y-name-div { position: relative; display: inline-block; font-size: 2em; color: #0080C0; padding: 1em; }
.ppm-col-name-div { position: relative; display: block; font-size: 1.5em; color: #0080C0; padding: 0.5em; text-align: center; }
.ppm-axis-x-name-div { position: relative; display: block; font-size: 2em; color: #0080C0; padding: 1em;  text-align: center;}
.ppm-axis-point { position: absolute; background-color: #0080C0; overflow: hidden; }
.ppm-axis-point-x1 { left: 0; top: 0; width: 0.2em; height: 0.4em; }
.ppm-axis-point-x2 { right: 0; top: 0; width: 0.2em; height: 0.5em; }
.ppm-axis-point-y1 { right: 0; bottom: 0; width: 0.4em; height: 0.2em;}
.ppm-axis-point-y2 { right: 0; top: 0; width: 0.5em; height: 0.2em;}
.ppm-cell-header { position: absolute; width: 100%; height: 3em; padding: 0; left: 0; top: 0; background-color: #eee; }
.ppm-cell-header:hover { background-color: #cdf; cursor: pointer; }
.ppm-header-table { position: relative; width: 100%; height: 3em; border-spacing: 0; }
.ppm-header-img-cell { height: 3em; padding: 0; }
.ppm-header-img { height: 3em; max-height: 3em; }
.ppm-header-title-cell { width: 100%; height: 3em; padding: 1em; text-align: left; font-weight: bold; color: #0080C0; }
.ppm-base-cell { background-color: #fe9; }

.wtx-informer-my-team-list { display: block; width: inherit; height: auto !important; margin: 0; }
.wtx-item-list { list-style: none; margin: 8px 0; padding: 0;}
.wtx-list-item { display: block; padding: 0 24px;}
.wtx-list-item:first-of-type { border-top: none; }
.wtx-list-item:hover { background-color: #f3f3f4; }
.wtx-li-table { width: 100%; border-spacing: 0; }
.wtx-li-table .wtx-li-icon-cell { width: 5em; }
.wtx-li-table .wtx-li-icon-cell-left { padding: 8px}
.wtx-li-table .wtx-li-icon-cell-right { padding: 0 0 0 1em; }
.wtx-li-icon { 
/* 	width: 4em; height: 4em; border: solid 1px #0080c0; box-sizing: border-box; border-radius: 50%; background-position: center top; background-repeat: no-repeat; background-size: cover;  */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
}
.wtx-li-table .wtx-li-info-cell { width: 100%; }
.wtx-li-table .wtx-li-user-name { }
.wtx-li-table .wtx-li-user-position { color: #969eb2; }
.wtx-list-more {
	display: block; 
	padding: 16px; 
	text-align: center;
	border-top: 1px solid #ebebec;
	cursor: pointer;
}
.wtx-list-total { display: inline-block; background-color: #0080c0; color: #fff; font-size: 1.2em; font-weight: bold; padding: 0.5em 2em; margin: 0 0 0 auto; white-space: nowrap; }
.wtx-list-total:hover { display: inline-block; background-color: #0080c0; color: #fff; font-size: 1.2em; font-weight: bold; padding: 0.5em 2em; margin: 0 0 0 auto; }
.wtx-list-footer { position: relative; border-top: solid 0.05em #0080c0; padding: 0 !important; margin: 0.5em 0 0 0; }

/*some custom map styles*/
/*view_navigation_panel.xaml*/
.wt-sitemap-item { border-color: #999 !important; }
.wt-sitemap-item > table{ margin: 2px 0 !important; }
.wt-sitemap-item .mp-font-icon-cell { padding: 0 0 0 0.75em !important; }
.wt-sitemap-item.mp-item-level-0 { background-color: #fec !important; }
.wt-sitemap-item .mp-div-text-more { display: none; }

/* ------- End of wt-controls.css ----------- */

.XAML-stack-informer-body .circular-scale-container{
	/* padding-left: 24px;
	padding-top: 8px;
	box-sizing: border-box; */
/* 	height: auto; */
}
.XAML-contscale{
}
/*------------- End of Informers ----------------*/

/*------------ Status Colors  --------*/

.XAML-stack-legend{
	margin: 8px 0;
	font-size: 14px;
	color: #969eb2;
}
.XAML-stack-legend img{
	border-radius: 2px;
}
/* .color-active,
.color-active a{
	background-color: #8ed100 !important;
	color: #ffffff;
} */

.color-plan,
.color-plan a{
	background-color: #ffac3e !important;
	color: #ffffff;	
}

.color-project,
.color-project a{
	background-color: #adb1b9 !important;
	color: #ffffff;	
}

.color-cancel,
.color-cancel a{
	background-color: #ff606f !important;
	color: #ffffff;	
}

.color-finish,
.color-finish a{
	background-color: #8c80c8 !important;
	color: #ffffff;	
}

.color-fail, .color-failed,
.color-fail a, .color-failed a{
	background-color: #ff606f !important;
	color: #ffffff;	
}

.color-success,
.color-success a{
	background-color: #8ed100 !important;
	color: #ffffff;	
}
.color-viewed,
.color-viewed a{
	background-color: #8c80c8 !important;
	color: #ffffff;	
}

.color-process,
.color-process a{
	background-color: #8ed100 !important;
	color: #ffffff;	
}



.color-archive,
.color-archive a{
	background-color: #fff59b !important;
	color: #ffffff;	
}

/*--------------------------------*/
.cssXPTabControl-left,
.cssXPTabControl-left>.x-tab-bar,
.cssXPTabControl-left .x-tab-left,
.cssXPTabControl-left>.x-tab-bar .x-box-target,
.cssXPTabControl-left>.x-tab-bar .x-box-inner,
.cssXPTabControl-left>.x-tab-bar .x-tab-bar-body {
	position: relative !important;
	height: auto !important;
}
.cssXPTabControl-left>.x-tab-bar{
	float: left;
}
.cssXPTabControl-left>.x-panel-body{
	left: 0 !important;
    top: 0 !important;
}
.cssXPTabControl-left .x-tab-left{
	top: 0 !important;
	left: 0 !important;
}


.cssXPTabControl-left .x-tab-bar [class^="icon-"] span.x-tab-icon-el-default, 
.cssXPTabControl-left .x-tab-bar [class*=" icon-"] span.x-tab-icon-el-default{
	display: none;
}

.XAML-tabcontrol-filter>.x-tab-bar{
	z-index: 10;
	border: 1px solid transparent;	
	margin: 0 0 8px 0;
	    
}

.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body>.x-box-inner>.x-box-target{
	position: relative;
}

.cssXPTabControl-left .x-tab-bar-vertical .x-tab-inner { width: 170px; }


@media screen and (min-width: 980px){
	.XAML-tabcontrol-filter>.x-tab-bar,
	.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body,
	.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body>.x-box-inner,
	.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body>.x-box-inner>.x-box-target{
		width: auto !important; 
		display: inline-block !important;
		/* min-height: 50px !important */;
		height: auto !important;
	}
}
.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default{
	font-size: 14px;
	color: #313a4a;
	padding-left: 0;
	padding-right: 0;
	/* margin-right: 16px !important; */
}
@media screen and (min-width: 980px){
	.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default{
	position: relative !important;
		top: auto !important;
		left: auto !important;
	}
}
.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default .x-tab-button{
	line-height: normal;
}
.XAML-tabcontrol-filter>.x-panel-body{
	top: 0 !important;
}

/*--------- Диалог выбора файлов -----------*/

.XAML-resource-field {
	padding: 0 0 24px 0;
}

.XAML-resource-field .x-form-text-field-body-default { min-width: 395px; max-width: 395px; }

.cssXPResourceFieldDialog { width: 600px; max-width: 600px; height: 50%; }

.cssXPResourceFieldDialog .x-toolbar{
	padding: 16px 16px;
}
.cssXPResourceFieldDialog .x-toolbar .x-btn{
	border: 1px solid #4176ea;
	/* padding: 13px 23px; */
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 2px;
	color: #4176ea;
	cursor: pointer;	
	margin: 8px 0 8px 8px ;
}
.cssXPResourceFieldDialog .x-toolbar .x-btn:hover,
.cssXPResourceFieldDialog .x-toolbar .x-btn-pressed{	
	border-color: #4176ea;
	background-color: #4176ea;
	color: #ffffff;
}
.cssXPResourceFieldDialog .x-form-checkboxgroup{
	padding: 8px 16px 0 16px;
}
.cssXPResourceFieldDialog .x-form-cb-label{
	margin: 8px 0;
}
.cssXPResourceFieldDialog .x-form-checkboxgroup .x-form-item-label, .cssXPResourceFieldDialog .x-form-checkboxgroup .x-form-item-label-inner {
	margin: 8px 0;
    width: 150px !important;
}
.cssXPResourceFieldFormNew .x-panel-body {
	padding: 16px 16px;
}
.cssXPResourceFieldFormNew .x-btn{
	border: 1px solid #c9ccd4;
	background-color: inherit;
	padding: 8px;
	color: #969eb2;
	border-radius: 4;
	min-width: 40px;
	min-height: 40px;
	margin-left: 10px !important;
	
	box-shadow: inset 0 0 3px #cccccc;
	font-weight: bold;
}

.cssXPResourceFieldFormNew .x-btn:hover{
	border-color: #727a8d;
	background-color: inherit;
	color: #727a8d;
}
/*------------ Paging ----------------*/
.x-toolbar-docked-bottom{
	margin: 8px 0;
}
.x-toolbar-docked-bottom input[type=text]{
	padding: 8px;
	width: 40px;
	height: 40px;
    /* margin: 4px 0; */
}
.x-toolbar-docked-bottom .x-toolbar-default .x-toolbar-item{
	width: 40px;	
}
.x-tbar-page-number .x-form-item-body{
	width: 40px !important;
}

.x-toolbar-docked-bottom>.x-box-inner>.x-box-target>*{
/* 	display: inline-block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important; */
}

.x-toolbar-docked-bottom .x-btn{
	display: inline-block;
	border: 1px solid #c9ccd4;
	width: 40px;
	height: 40px;
	color: #969eb2;
	border-radius: 2px;
}
.x-toolbar-docked-bottom .x-btn:hover{
	border-color: #4176ea;
	color: #4176ea;
}

/*------------- HTML -----------------*/
ul.simple-list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.filter{
	border: 1px solid #c9ccd4;
	border-radius: 4px;
	margin: 8px 0;
	overflow: auto;
	text-align: right;
}
.filter, .filter input, .filter select{
	font-size: 14px;
}
.filter>div,
.filter>button{
	/* float: right; */
	/* display: inline-block !important; */
	display: inline-block;
	margin: 0 4px;
}
.filter>div:last-child,
.filter>button:last-child{
	padding-right: 24px;
	margin-right: 0;
}
.filter>div:first-child,
.filter>button:first-child{
	padding-left: 24px;
	margin-left: 0;
}
.filter input{
	padding: 4px;
	font-size: 14px;
}
.button-view{
	border: 0;
	font-size: 14px;
	color: #969eb2;
	padding: 16px 8px;
	border-radius: 0;
	margin: 0;
	border-bottom: 2px solid transparent;
}
.button-view:hover, .button-view.active{
	border: 0;
	color: #4176ea;
	border-bottom: 2px solid transparent;	
	background-color: inherit;
}
.filter .divider{
	width: 1px;
	height: 16px;
	background: url(design/default/images/buttons-divider.png) center center no-repeat;
	margin: 16px 0;
}

.filter .button-action{
	display: inline-block;
	border: 0;
	font-size: 14px;
	color: #4176ea;
	padding: 16px 8px;
	border-radius: 0;
	margin: 0;
}
.filter .button-action:hover{
	background-color: inherit;
}
.filter .search-container>div{
	display: inline-block;
}
.combo-view{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	box-sizing: content-box;
	padding: 8px;
	color: #969eb2;
	border: 1px solid transparent;
	background-color: inherit;
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	margin: 8px 0;
}
.combo-view:focus{
	border: 1px solid #c9ccd4;
	color: #313a4a;
}
.combo-view option{	
	padding: 8px 8px;	
	background-color: #f3f3f4;
	font-size: 14px;
}
.list-container{
	background-color: #ffffff;
	padding: 24px 24px;
	margin: 0 0 24px 0;
	border-radius: 4px;
}
.list-table, .datagrid{
	width: 100%;
	border-collapse: collapse;	
}
.list-table>tbody>tr,
.datagrid>tbody>tr{
	background-color: #f3f3f4;
	margin-bottom: 2px;	
}
.list-table>tbody>tr:hover,
.datagrid>tbody>tr:hover{
	background-color: #ebebec;
}

.list-table>tbody>tr>th,
.datagrid>tbody>tr>th{
	color: #969eb2;
	background-color: #f3f3f4;
	margin: 8px 0;	
	padding: 16px  8px;
	font-size: 13px;
	font-weight: 400;	
	border-bottom: 4px solid #ffffff;
}
.list-table>tbody>tr>td,
.datagrid>tbody>tr>td{
    padding: 16px 8px;
	border-bottom: 1px solid #ffffff;
}
.list-table>tbody>tr>td:first-child,
.datagrid>tbody>tr>td:first-child{
	padding-left: 24px;
}
.list-table>tbody>tr>td:last-child,
.datagrid>tbody>tr>td:last-child{
	padding-right: 24px;
}

.info-table{
	margin: 8px 0;
	/* width: auto !important; */
	border-radius: 4px;
	background-color: #ffffff;
	padding: 24px;
}
.info-table>tbody>tr>td{
	vertical-align: middle;
	padding: 16px;
	background-color: #f3f3f4;
	border-bottom: 1px solid #ffffff;
}
.info-table>tbody>tr>td:first-child{
	width: 192px;
}
.info-table input[type=text]{
	width: 300px;
}

/*-------------- Новости ------------------*/

.News-Date { margin: 4px 0px 0px 0px; color: #969eb2; }
.News-Item { margin: 0px 0px 4px 0px; }
.News-Item a { color: #313a4a }
.News-Item a:hover { color: #4176ea }

/*-------------- Голосование --------------*/

.WTCSS-poll .header { margin: 0px 0px 8px 0px }
.poll-container {
	background-color: #ffffff;
	padding: 16px 24px;
	border-radius: 4px;	
	box-sizing: border-box;
}

.WTCSS-poll-result .result table.result { width: 100% }

.WTCSS-poll-result .result table.result td { 
	vertical-align: middle;
	padding: 16px;
	background-color: #f3f3f4;
	border-bottom: 1px solid #ffffff;
}

.WTCSS-poll-result .result table.result td.poll-graph { height: 16px !important; min-width: 150px; padding: 20px 16px 16px 16px; }
.WTCSS-poll-result .result table.result td.poll-graph img { height: 16px !important; }

.progress.color1 { background-color: #8fd000 }
.progress.color2 { background-color: #ffab3e }
.progress.color3 { background-color: #8c80c8 }
.progress.color4 { background-color: #fe606f }
.progress.color5 { background-color: #969eb1 }
.progress.color6 { background-color: #4176ea }

table.poll-table { width: 100% }


/*-------Последние темы форумов -----------*/

.WTCSS-forum-last .item { margin: 8px 0px 12px 0px }
/*
.WTCSS-forum-last .msg-forum a { color: #313a4a }
.WTCSS-forum-last .msg-forum a:hover { color: #4176ea }
*/
.WTCSS-forum-last .msg-date { color: #969eb2; }


/*-------------Активность подчиненных-----*/

.XAML-activity-item td { vertical-align: top; }

.XAML_activity_image {
	border-radius: 50%;
	width: 40px; 
	height: 40px;
	background-size: cover; 
	background-position: center center;
}
.XAML_activity_background { background-size: cover; background-position: center center; }

/*-------------- Форумы, блоги -------------------*/
.forum .forum-content,
.blog .blog-content{
	background-color: #ffffff;
	padding: 24px 24px;
	margin: 0 0 24px 0;
	border-radius: 4px;	
	box-sizing: border-box;
}

.forum-entry,
.blog-entry{
	background-color: #f3f3f4;
	padding: 16px 16px;
	margin-bottom: 2px;
}

.forum-entry .message-header,
.blog-entry .message-header{
	padding: 0 /* 8px */ 0;
}
.forum-entry .message-header>div,
.blog-entry .message-header>div,
.gaming .user-info-container>*,
.blog .user-info-container>*{
	display: table-cell;
    vertical-align: middle;
	padding-left: 8px;
    box-sizing: border-box;
	color: #969eb2;
	font-size: 13px;
}
.forum-entry .message-header>div:first-child,
.blog-entry .message-header>div:first-child,
.blog .user-info-container>*:first-child
{
	padding-left: 0;
}
.forum .user-info-container,
.blog .user-info-container,
.gaming .user-info-container{
	margin: 8px 0;
}
.forum-entry .message-header .user-name,
.blog-entry .message-header .user-name{
	font-size: 14px;
}
.blog .authors-container>*{
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}
.blog .authors-container{
	margin: 8px 0;
}

.blog .toolbar { margin: 0 0 24px 0; }
.blog .toolbar button, .message-editor .btn-container button { margin: 0 8px 0 0; }


.avatar-small,
.forum-entry .avatar,
.blog .avatar,
.gaming .avatar{
/* 	display: block; */
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
}

.user-info-line{
	display: table;
}

.user-info-line>*{
	display: table-cell;
	vertical-align: middle;
}

.user-info-line>.user-name{
	font-size: 14px;	
	padding-left: 8px;
}
.blog-entry div.tags{
	display: block;
	margin: 8px 0;
	padding-left: 0;
}
.forum-entry .message-content,
.blog-entry .message-content{
	clear: both;
}
.forum-entry .message-text,
.blog-entry .message-text{	
	margin: 8px 0 8px 48px;
}

.forum-content .indent-1{
	margin-left: 48px;
}
.forum-content .indent-2{
	margin-left: 96px;
}

.forum-content .indent-3{
	margin-left: 144px;
}

.forum-content .indent-4{
	margin-left: 192px;
}
.forum .link-toolbar,
.blog .link-toolbar{
	padding: 8px 0;	
	text-align: right;
	font-size: 14px;
}
.forum .link-toolbar a,
.blog .link-toolbar a{
	display: inline-block;
    vertical-align: middle;
	margin-left: 8px;
}
.forum-entry blockquote,
.blog-entry blockquote {
	margin: 8px 0;
    padding: 8px;
    border: solid 1px #c9ccd4;
    background-color: #ebebec;
	border-radius: 2px;
}
.forum .message-editor,
.blog .message-editor{
	background-color: #ffffff;
    padding: 24px;
	margin: 0 0 24px 0;
    border-radius: 4px;
}
.message-editor .info-table{
	padding: 0;
	margin: 0;
}
.message-editor .info-table input[type=text]{
	width: 100%;
    box-sizing: border-box;
}

.message-editor .btn-container { margin: 16px 0 0 0 }

.forum .message-editor .subject-icon-selector,
.forum .message-editor .message-editor-container,
.forum .message-editor .attach-select{
	display: none;
}
.forum .message-editor .subject-icon{
	/* position: absolute; */
    margin: 0;
    cursor: pointer;
	padding: 4px;
    margin: 0;
}
.forum .message-editor .subject-icon li{
	list-style: none;
    padding: 0;
    margin: 0;
	position: relative;
}
.forum .message-editor .subject-icon:hover .subject-icon-selector{ 
	display: block !important;
    z-index: 1000 !important;
     position: absolute;
/*    top: 22px;
    left: 0px; */
	background-color: #ffffff;
    padding: 4px;
	border: 1px solid #c9ccd4;
}
.forum .icons-table td{
    padding: 4px;
}

.message-editor>table>tbody>tr>td{
	padding: 8px;
}
.forum .message-editor .subject-title {
    vertical-align: middle !important;
    padding: 4px;
    text-align: right;
    white-space: nowrap;
}

.forum .message-editor input.subject {
	box-sizing: border-box;
    width: 100%;
    margin: 0px;
}
.message-editor .text-editor,
.message-editor .text-editor {
    box-sizing: border-box;
	width: 100%;
    height: 200px;
}
.forum .message-editor .main{
	text-align: right;
}
.forum .message-editor .subject-main,
.forum .message-editor .fake-input>table,
.forum .message-editor .fake-input>table>tbody>tr>td:last-child{
    box-sizing: border-box;
	width: 100%;	
}
.message-editor .subject-service{
	vertical-align: middle;
    padding: 8px;
	width: 100%;
}
.message-editor .subject-service .service-body{
	text-align: center
}

.message-editor .attach-select {
    position: absolute;
    display: none;
    width: 220px;
    text-align: left;
    border: 1px solid #c9ccd4;
}
.message-editor .attach-select ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.message-editor .attach-select li.pseudo-menu-item {
    background-color: #fff;
    padding: 5px 10px 5px 25px;
    color: #666;
    font-size: 1em;
    cursor: pointer;
}
.message-editor .attach-select li.li-target-resource {
    background-image: url(icons/16round/16_link_0.png);
    background-position: 4px center;
    background-repeat: no-repeat;
}
.message-editor .attach-select li.li-target-file {
    background-image: url(icons/16round/16_save_0.png);
    background-position: 4px center;
    background-repeat: no-repeat;
}
.message-editor .attachments .att-list,
.msg-content .att-list{
    list-style: none;
    padding: 0;
}
.msg-content .file-title,
.msg-content .att-list li{
	float: left;
	margin-right: 8px;
	font-size: 14px;
}
.msg-content .file-title{
	color: #969eb2;
}
.message-editor .attachments{ 
	list-style: none; 
	padding: 0; 
}
.message-editor .attachments li { 
	text-align: left; 
	background-position: 8px center; 
	background-repeat: no-repeat; 
	background-color: #ebebec;
    margin: 4px 0;
    padding: 16px 16px 16px 32px;
	border-radius: 2px;
}
.message-editor .attachments li input.input-file { width: 320px; height: 24px;  }
.message-editor .attachments li.li-has-value input.input-file { width: 1px; height: 1px; visibility: hidden; }
.message-editor .attachments li.li-removed span.attachment-path { text-decoration: line-through; }
.message-editor .attachments li span.attachment-delete {  display: inline-block; float:right; width: 16px; height: 16px; overflow: hidden; margin: 0 0 -3px 6px; cursor: pointer; background-image: url(icons/16round/16_delete_0.png); background-position: center center; background-repeat: no-repeat; }
.message-editor .attachments li span.attachment-delete:hover { background-image: url(icons/16round/16_delete_1.png);  }
.message-editor .attachments li.li-removed span.attachment-delete { display: none; }
.message-editor .attachments li.li-removed span.attachment-restore { display: inline-block; float: right; width: 16px; height: 16px; overflow: hidden; margin: 0 0 -3px 6px; cursor: pointer; background-image: url(icons/16round/16_undo_0.png); background-position: center center; background-repeat: no-repeat; }
.message-editor .attachments li.li-removed span.attachment-restore:hover { background-image: url(icons/16round/16_undo_1.png);  }
.message-editor .attachments li span.attachment-restore { display: none; }
.message-editor .attachments li.li-in-process { visibility: hidden; }
.message-editor .attachments li.li-img { background-image: url(icons/file_types/16/16_img.png); }
.message-editor .attachments li.li-doc { background-image: url(icons/file_types/16/16_doc.png); }
.message-editor .attachments li.li-xls { background-image: url(icons/file_types/16/16_xls.png); }
.message-editor .attachments li.li-ppt { background-image: url(icons/file_types/16/16_ppt.png); }
.message-editor .attachments li.li-pdf { background-image: url(icons/file_types/16/16_pdf.png); }
.message-editor .attachments li.li-audio { background-image: url(icons/file_types/16/16_audio.png); }
.message-editor .attachments li.li-video { background-image: url(icons/file_types/16/16_video.png); }
.message-editor .attachments li.li-archive { background-image: url(icons/file_types/16/16_archive.png); }
.message-editor .attachments li.li-text { background-image: url(icons/file_types/16/16_text.png); }
.message-editor .attachments li.li-file { background-image: url(icons/file_types/16/16_file.png); }

.msg-options .container>div {	
    display: inline-block;
    margin: 8px;
}

.comments-count-icon{
	float: left;
	background: url(design/default/images/social.png) -160px center no-repeat;
	width: 40px !important;
	height: 40px !important;
}
.comments-count-icon:hover{	
	background: url(design/default/images/social.png) -200px center no-repeat;
}
.comments-count-value{
	display: block;
	float: left;
	background-color: #4176ea;
    width: 24px;
    padding: 4px 0;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
	margin: 8px 0 8px -8px;
}
/*------------ Dialog HTML -------------*/

.ui-widget-header { 
	background-color: #f3f3f4 !important;
	border: 0px solid transparent !important;
	background-image: none !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.ui-widget-content .button-view { border: 0px solid transparent; box-shadow: none }

.ui-widget-overlay{
	background-color: rgba(142, 142, 143, 0.6);
	opacity: 1;
}
.ui-dialog {
	background-color: #ffffff;
	border: 0;
	font-size: 15px;
	border-radius: 4px;
}
.ui-dialog-titlebar{
	padding: 16px;
	border: 0;
	border-bottom: 1px solid #c9ccd4;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	background-color: inherit;
    background-image: none;
}
.ui-dialog-title{
	font-size: 17px;
	text-align: center;
	display: block;
	font-weight: 400;
}
.ui-dialog-titlebar-close{
	position: absolute;
    right: 0;
	top: 0;
	margin: 16px;
	background-color: inherit !important;    
	border: 0 !important;
}
.ui-icon-closethick{
	display: block;
	width: 16px;
	height: 16px;
	background: url(design/default/images/close.png) 0 center no-repeat !important;
	background-color: inherit !important;    
}
.ui-widget-content {
	border: 0px solid transparent !important;
}

.ui-widget-content .list-container { padding: 16px  16px; }
.ui-dialog-content{ border: 0; }
.ui-dialog .filter{
	margin: 0;
	padding: 8px;
	border: 0px solid transparent;
	border-bottom: 1px solid #c9ccd4;
	border-radius: 0px;
}

.ui-dialog .filter>div:last-child { padding-right: 0px }

.ui-dialog .toolbar{
	padding: 8px 16px;
	border-top: 1px solid #c9ccd4;
	border-bottom: 1px solid #c9ccd4;	
}
.ui-dialog .toolbar>div{
	display: inline-block;
}

.dialog-buttons{
	padding: 8px 16px;	
	border-top: 1px solid #c9ccd4;
	text-align: right;
}
.dialog-buttons button{
	margin-left: 4px;
}
.cke_chrome{
	box-shadow: none !important;
}

.ui-widget .inputButton {
	
	border-color: #4176ea;
	background-color: #FFFFFF;
	color: #4176ea;
	box-shadow: none;
	font-size: 15px;
	font-weight: normal;
	font-family: 'Roboto', 'Open Sans', Trebuchet MS, Verdana, Tahoma, sans-serif;
}

.ui-widget .inputButtonOver {
	
	border-color: #4176ea;
	background-color: #4176ea;
	color: #ffffff;
	box-shadow: none;
	font-size: 15px;
	font-weight: normal;
	font-family: 'Roboto', 'Open Sans', Trebuchet MS, Verdana, Tahoma, sans-serif;	
}

.ui-dialog-content table { border-spacing: 0px }

.ui-dialog-content .tableHeaderNoText { display: none }
.ui-dialog-content .tableHeaderText  { display: none }
.ui-dialog-content .tableHeaderWithText {
	background-color: #f3f3f4;
	color: #969eb2;
	font-size: 13px;
	padding: 8px;
	border-bottom: 3px solid #FFFFFF;
}
.ui-dialog-content .tableHeaderWithText a { color: #969eb2; }

.ui-dialog-content  .tableRowEven, .tableRowOdd {
	background-color: #f3f3f4;
	color: #313a4a;
	padding: 8px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 14px;
}

.ui-dialog-content .tableFooter { display: none }

/*------------ Tables HTML -------------*/
.datagrid{	
}
.datagrid-header{
	box-sizing: border-box;
}

.datagrid-header>tbody>tr>th{
	color: #969eb2;
	background-color: #f3f3f4;
	margin: 8px 0;	
	padding: 16px  8px;
	font-size: 13px;
	font-weight: 400;	
	border-bottom: 4px solid #ffffff;
}
/* .datagrid-header  */.no-data{
    text-align: center;
	padding: 16px;
}
.paging{
	margin: 8px 0;
}
.paging .page-link{
	display: inline-block;
	border: 1px solid #c9ccd4;
	padding: 4px 8px;
	background-color: #ffffff;
	color: #969eb2;
	border-radius: 2px;
}
.paging .page-link:hover{
	border-color: #4176ea;
	color: #4176ea;
}
.paging .page-divider{
	display: none;
}
.paging .page-current{
	display: inline-block;
	border: 1px solid #4176ea;
	padding: 4px 8px;
	background-color: #4176ea;
	color: #ffffff;
	border-radius: 2px;	
}

/*------------ Геймификация ---------------*/

.XAML-game-panel { background-color: #FFFFFF; border-radius: 4px;  margin:  0 0 24px 0; }
.XAML-game-block { padding: 24px 24px; border-bottom: 1px solid #f3f3f4; }
.XAML-game-block .XAML-label-header-2 { margin-bottom: 0px }

.XAML-game-panel .XAML-tileview-list { padding: 0; margin: 0;  border-radius: 0; background-color: transparent; }
.XAML-game-panel .spxmltileview { width: 100% !important; margin-left: 0 }
.XAML-game-panel .spxmltileview-tile {}
.XAML-game-panel .spxmltileview .spxmltileview-tile:last-child>table>tbody>tr:last-child {border-bottom: 0px }

.XAML-game-panel .XAML-tileview-list .XAML-grid-list-item>table>tbody>tr>td:first-child { padding-left: 24px }
.XAML-game-panel .XAML-tileview-list .XAML-grid-list-item>table>tbody>tr>td:last-child { padding-right: 24px }
.XAML-game-panel .wt-paging-toolbar { padding: 16px 24px; }

.XAML-game-list-item { padding: 8px 24px; margin-bottom: 0px; }
.XAML-game-list-item:hover { background-color: #f3f3f4; cursor: pointer; }
.XAML-game-list-item .XAML-image-tile-image { border-radius: 24px }

.XAML-game-list-items { padding: 16px 24px; margin-bottom: 0px; border-bottom: 1px solid #f3f3f4; }
.XAML-game-list-items:hover { background-color: #f3f3f4; cursor: pointer; }
.XAML-game-list-items .XAML-stack-tile-image-container { margin-right: 16px; }

.XAML-game-list-item a.person-name { color: #313a4a; padding-top: 4px; font-size: 15px; display: block; }
.XAML-game-list-item:hover a.person-name { color: #4176ea; }
.XAML-game-list-item .person-level { color: #313a4a; font-size: 13px; }
.XAML-game-list-item .person-position { color: #969eb2; font-size: 13px; padding-top: 8px; }

.XAML-game-list-all { padding: 8px 24px 16px 24px; display: block; }

.XAML-game-grid-header { font-size: 13px; color: #969eb2; }

.my-position { background-color: #313a4a; color: #FFF;  }
.my-position:hover { background-color: #727a8d; color: #FFF;  }
.my-position a { color: #FFF }

.high-position { background-color: #4176ea; color: #FFF; }
.high-position:hover { background-color: #355bbb; color: #FFF; }
.high-position a { color: #FFF }

.standart-position {  }

.XAML-grid-list-item.my-position td, .XAML-grid-list-item.standart-position td, .XAML-grid-list-item.high-position td, .XAML-game-grid-header td { vertical-align: middle; }
.XAML-grid-list-item.my-position img, .XAML-grid-list-item.standart-position img, .XAML-grid-list-item.high-position img { border-radius: 16px; margin-right: 10px; }

.leader .x-toolbar-docked-bottom { margin: 24px 0 0 0; }
.leader .xaml-tileview-fixed-width-layout.spxmltileview { width: 100% !important; margin-left: 0; } 

/* Game score dialog */
.wt-gd {  }
.wt-gd-mobile {}
.wt-gd-header { }
.wt-gd-person-selector-container { 
	margin: 8px 24px;
}
.wt-gd-person-selector-fld {
	width: 100%;
	box-sizing: border-box; 
}
/* .wt-gd-person-selector-dropdown { display: none; z-index: 100; position: absolute; max-height: 200px; overflow: auto; border: solid 1px #999;  } */
.wt-gd-person-selector-searching { display: none !important; }
.wt-gd-person-selector-no-match { 
	display: none; 
	text-align: center;
	margin: 8px;
}
.wt-gd-person-selector-match-list { display: none;}
.wt-gd-person-selector-match-item { 
	padding: 8px;
	color: #666; 
	text-align: left; 
	background-color: #ffffff; 
	border: 1px solid #c9ccd4;
	border-top: 0;
}
.wt-gd-person-selector-match-item:hover { cursor: pointer; color: #000; background-color: #eee; }
.wt-gd-person-selector-match-item-selected { color: #000; background-color: #eee; }
.wt-gd-score-block { 
	margin: 8px 24px;
}
.wt-gd-score-table { width: 100%; border-spacing: 0; }
.wt-gd-score-table-left  { 
	width: 50%; 
	vertical-align: top; 
	box-sizing: border-box; 
}
.wt-gd-score-table-right{ 
	width: 50%; 
	padding-left: 8px;
	vertical-align: top;  
	box-sizing: border-box; 
}
.wt-gd-score-comment-container {}
.wt-gd-score-comment { 
	width: 100%;
	box-sizing: border-box; 
	min-height: 120px; 
	resize: none;
}
.wt-gd-score-selector-container { position: relative; margin: 10px 0; }
.wt-gd-score-selector-table { border-spacing: 0; }
.wt-gd-score-selector-left { padding: 5px 0; text-align: right; }
.wt-gd-score-selector-fld { padding: 5px; text-align: left; }
.wt-gd-score-selector-right { padding: 5px 0; text-align: left; width: 100%; }
.wt-gd-score-selector-right-2 { padding: 5px; text-align: left; width: 100%; }
.wt-gd-score-qty { font-size: 1em; width: 2em; height: 1.8em; text-align: center; }
.wt-gd-score-thank { margin: 0 10px 0 0; color: #060; }
.wt-gd-competence-list { position: relative; list-style: none; margin: 0; padding: 0; }
.wt-gd-competence-item { padding: 5px 10px 5px 0; }
.wt-gd-competence-item-table { border-spacing: 0; }
.wt-gd-competence-item-cell-radio { vertical-align: top; padding: 0 5px 0 0; }
.wt-gd-competence-item-cell-name { vertical-align: top; padding: 0; }
.wt-gd-competence-description { 
	display: none;
	margin: 8px 24px;
	padding: 8px;
	background-color: #f3f3f4;
	border-radius: 2px;
}

.gaming .informer{
	height: auto;
}
.gaming .informer-header{
	font-size: 15px;
}
.gaming .informer-content{
	font-size: 14px;
}
.toolbar-bottom{
	text-align: right;
	margin: 8px 24px;
}

/*--------------- Виджеты --------------*/

div.blockText,
div.blockImage{ 
	margin: 0 0 24px 0;
	border-radius: 4px;	
}
div.blockTextOutline {
	margin: 0 0 24px 0; 
	padding:  24px;
	border-radius: 4px;
	background-color: #FFFFFF;
}

div.blockTextBorder { border: 1px solid #c9ccd4;
	padding:  24px;
	border-radius: 4px;
}
div.blockImage, div.blockImageInside { position: relative; }
div.blockImage img { border-radius: 4px; }
div.blockImageInside { position: relative; display: inline-block; }
div.blockImageText { /* position: absolute; */ }

/*---------------------------- Education plan -------------------------*/
.mp-div-status-success:before {   content: " ";
	background-image: url(pics/success.png);
    background-position: center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    z-index: 10000;
    position: absolute;
    top: -15px;
    right: -15px;
    	}
.mp-div-status-success { overflow: visible !important; }
.mp-div-status-failed:before {   content: " ";
	background-image: url(pics/failed.png);
    background-position: center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    z-index: 10000;
    position: absolute;
    top: -15px;
    right: -15px;
    	}
.mp-div-status-failed { overflow: visible !important; }
/*---------------------------- End of Education plan -------------------------*/

/* --------------- Block Styles (Standart, Invert) -------------------------- */





/*------------- MOBILE -----------------*/