@import '../scripts/extjs-5/build/packages/ext-theme-crisp/build/resources/ext-theme-wt.css';
.x-form-textarea { border: 1px solid #efefef }

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

.auth-mobile-container { display: block; margin: 0px 24px; }
.password-container { position: relative; }
.password-icon { cursor: pointer; position: absolute; top: 10px; right: 10px; color: #efefef; }
input.auth-mobile { width: 100%; border: 0px solid transparent; box-shadow: none; border-bottom: 1px solid #efefef; box-sizing: border-box; margin-bottom: 16px;  font-size: 19px; }

.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;
}


td{
	padding: 0;
	margin: 0;
}


.x-mask { background-color: rgba(142, 142, 143, 0.5); z-index:20}


/*-------------------------- Р—РѕРЅС‹ ------------------------*/
.page{
	padding-top: 64px;
}
.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;
	min-height: 70px;
	display: table;
	box-sizing: border-box;
}


.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; }

/*-------------------------- Меню ------------------------*/
.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: #efefef;
	border-bottom: 2px solid #efefef;
}

.menu-main .menu-item a.menu-icon {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
}

.main-menu-dropdown{
	position: fixed;
    top: 64px;
	left: 0px;
	z-index: 999;
	width: 100%;
	background-color: #ffffff;
	border-top: 0px solid  #ebebec;
	border-bottom: 1px solid #ebebec;
/*	padding: 16px; */
	display: none;
}
.menu-desc{
	float: left;
    max-width: 20%;
	display: table-cell;
}
.menu-content{
	float: left;
	display: table-cell;
}
.menu-desc-title{
	font-size: 19px;
	line-height: 1em;
	margin-bottom: 16px;
}
.menu-desc-img{
/*	max-width: 200px; */
	max-width: 100%;
}

.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.menu-item-level-1 {
	margin: 0px 8px 8px 8px;
}

.main-menu-dropdown .menu-item.menu-item-level-2{
	margin: 0px 8px 8px 8px;
}


.main-menu-dropdown .menu-item-level-1 a{
	color: #313a4a;
	font-size: 17px;
}
.main-menu-dropdown .menu-item-level-1:hover a{
	color: #efefef;
	font-size: 17px;
}

.main-menu-dropdown { left: auto; width: auto; border-left: 0px solid #E0E0E0; border-right: 1px solid #E0E0E0; }
.menu-desc { background-color: #efefef; padding: 24px; width: 300px !important; max-width: none !important; 	}
.menu-desc a.button { border: 1px solid #FFF; color: #FFFFFF }
.menu-content { min-width: 400px; border-top: 1px solid #ebebec; }

.menu-item-level-2 { margin-left: 16px !important }

.menu-desc-title { color: #FFF }
.menu-desc-short { color: #FFF }

.menu-btn {}

/*--------------------- Блок поиска ------------------------*/
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;
}

.SearchGrid .x-grid-with-row-lines { top: 0px !important; }
.SearchGrid .wt-column-cell-type-image img { max-width: 24px !important }

/*----------- Блок информации о пользователе ----------------*/
header .block-user-info{
	height: 64px;
	float: right;
	border-left: 1px solid #ebebec;
}

header #wt-header-top-left .block-user-info{ float: left } /* Убираем привязку к правому краю при расположении блока ФИО слева */

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: #efefef;
}
.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 #efefef;
    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;
}
/*-------------------------- 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 ---------------------*/


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

.XAML-label-header-2, .XAML-label-block-header {
	font-size: 34px;
	font-weight: 300;
	margin: 0 0 calc(24px - 4px) 0;
	line-height: 1em;
}
.XAML-label-header-3 {
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 16px 0;
}
.XAML-label-header-4 {
	font-size: 17px;
	font-weight: 500;
	margin: 0 0 8px 0;
}

.XAML-label-header-5 {
	font-size: 15px;
	font-weight: 500;
	margin: 0 0 8px 0;
}

.XAML-label-header-6 {
	font-size: 15px;
	font-weight: 300;
	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: 0px 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; 84636 */
		margin: 0 0 /* 8px*/ !important; /* Исправление табов при наезжании */
		display: inline-block;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}

.x-tab-bar-default-top .x-box-scroller-tab-bar-default { margin-top: -20px }

.cssXPTabControl-top>.x-tab-bar-horizontal>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default.x-tab-active{
	color: #15b742;
	border-bottom: 1px solid #efefef;
}

.cssXPTabControl-left>.x-tab-bar-left{
	border: 1px solid #efefef;
	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: #efefef;
}
.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 0;
	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: #efefef;
}

.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;
	line-height: 1.1em;
}

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

.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;
}

.cssXPDataGrid.XAML-DataGrid-Flex-Images .wt-column-cell-type-image img{
	max-width: 100%;
}

/*------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 0 24px 24px; /* Убираем отбивку справа у грида, она будет внутри */
	overflow-x: auto;
}
.XAML-grid-info-table>table, .XAML-info-grid-table>table{
	border-right: 24px solid transparent; /* добавляем отбивку справа, чтобы грид был симметричным */
}
.XAML-info-grid-table>table>tbody>tr>td,
.XAML-grid-info-table>table>tbody>tr>td{
	vertical-align: middle;
	padding: 16px;
	background-color: #fff;
	border-bottom: 1px solid #ffffff;
}

/* 210746 Fix width to min-width */

.XAML-info-grid-table>table>tbody>tr>td:first-child,
.XAML-grid-info-table>table>tbody>tr>td:first-child{
	min-width: 192px;
}

/* 236851 Fix column width with pic */

.XAML-info-grid-table.first-pic>table>tbody>tr>td:first-child,
.XAML-grid-info-table.first-pic>table>tbody>tr>td:first-child{
	min-width: 50px;
}

.XAML-grid-info-table.small-padding >table>tbody>tr>td{
	padding: 4px;
}

.XAML-grid-info-table .cssXPButton { margin: 0px }

.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;
	max-width: calc(1176px - 800px);
	overflow: hidden;
}

.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;
	border-radius: 4px;
	padding: 24px 24px;
}
.XAML-grid-list-item {
	background-color: #ffffff;
	padding: 0 0 /* 16px */;
	margin-bottom: 1px;
}
.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;
}


/*------ Compaund Data Grid -----*/

.XAML-compound-grid .cssXPStackPanel { margin-bottom: 8px; }
.XAML-compound-grid .cssXPStackPanel .cssXPStackPanel { margin-bottom: 0px !important }

/* Library buttons styles */

.x-btn-group-default-framed { background-color: transparent; box-shadow: none; border: 0px solid transparent; border-color: transparent; }
.wt-column-group-button-cls-playbtn, .wt-column-group-button-cls-downloadbtn { border: 1px solid #efefef; padding: calc(8px + 2px) 16px; border-radius: 4px; cursor: pointer; }
.wt-column-group-button-cls-playbtn .x-btn-inner, .wt-column-group-button-cls-playbtn .x-btn-wrap, .wt-column-group-button-cls-downloadbtn .x-btn-inner, .wt-column-group-button-cls-downloadbtn .x-btn-wrap { display: none }
.wt-column-group-button-cls-playbtn:after { content: "\f04b"; font: normal normal 14px "icomoon"; }
.wt-column-group-button-cls-downloadbtn:after { content: "\f019"; font: normal normal 14px "icomoon"; }
.wt-column-group-button-cls-playbtn:hover, .wt-column-group-button-cls-downloadbtn:hover { background-color: #efefef; color: #FFF }

/*------------ 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-grid-warning-panel .cssXPButton { background-color: #dd9a42 /* #ffac3e */; }

.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;
	background:#fff;
	border-radius: 12px;
	/* 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 .spxmltileview { margin-top: 16px; margin-left: 0px !important; width: 100% !important }

.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: #efefef;
	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: #efefef;
}
.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 .XAML-button-selector { border: 0px solid transparent; padding: 0px 0px 0px 0px ; }
.XAML-grid-filter .XAML-button-selector.icon-close { padding: 0px 8px 0px 0px ; }
.XAML-grid-filter .XAML-button-selector:hover { color: #efefef }

.XAML-grid-filter-content,
.XAML-grid-filter-content-with-labels{
	padding: 24px 24px 8px 24px;
	/* border-bottom: 1px solid #efefef; */
	border-top: 1px solid #efefef;
}
.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; } */

/* Отбивка у кнопок в плане обучения */
.XAML-grid-list-item .wt-plain-stack .cssXPButton { margin: 0 16px 16px 0; }

/*-------------  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;
	display: inline-block;
	min-width: 100%;
}

/*--------------- 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; }

.XAML-Toolbar-btn-icons .x-btn-icon-el-default-toolbar-small {
    display: inline-block;
    font: normal normal normal 14px "icomoon";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-height: 16px;
}

.XAML-Toolbar-btn-icons .x-btn-inner.x-btn-inner-default-toolbar-small { display: none }

/*--------------- 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;
}
/*--------------- Calendar ----------------*/
.cssXPCalendar {
	padding: 24px 0 /* 16px 24px */;
	border-radius: 4px;
	background-color: #ffffff;
	box-sizing: border-box;
}

/* .CalendarPadding { border: 16px solid #FFF }  Project Calendar padding */
/* .CalendarPadding .cssXPCalendar { padding: 0px }  Project Calendar padding */

/* .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: #efefef;
	border-bottom: 2px solid #efefef;
	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 { overflow-y: hidden }
.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: 8px 4px 4px 8px;
}

.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: center;
	padding: 16px 0px;
	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 { height: 100% !important; }

.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;
	width: 100%;
    display: inline-block;
}
.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 #efefef;
}

.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 #efefef;
	/* padding: 13px 23px; */
	font-size: 14px;
	padding: calc(8px + 2px) 16px;
	border-radius: 2px;
	color: #efefef;
	cursor: pointer;
	margin: 0 0 16px 0;
}
.cssXPButton:hover,
.cssXPButton.x-btn-pressed{
	/* border-color: #355bbb;
	color: #355bbb; */

	border-color: #efefef;
	background-color: #efefef;
	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: #efefef;
	color: #FFFFFF;
}
.XAML-button-important.x-btn-disabled{
	border: 1px solid #efefef;
	background-color: #efefef;
	color: #FFFFFF;
	cursor: default;
}
.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: #efefef;
	border-bottom: 2px solid transparent;
	background-color: inherit;
}
.XAML-button-view.x-btn-pressed{
	border-bottom: 2px solid #efefef;
}
.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 #efefef;
	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;
}

.XAML-button-filter-date { margin-top: 16px; padding: 8px  16px  }

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

.cssXPResourceFieldButton { height: 40px; min-width: 40px !important; border: 1px solid #efefef; 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 #efefef;
	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 #efefef;
	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 #efefef;
	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: #efefef;
	/* 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: #efefef;
	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 #efefef;
	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 #efefef;
   -webkit-box-shadow:  0 0 3px #efefef;
   box-shadow:          0 0 3px #efefef;
   */
}
/*--------------- 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!important;
    box-shadow: none;
	background-color: inherit;
	padding: 0;
}
.cssXPDatePicker{
	background-color: #ffffff;
	border: 1px solid #EFEFEF;
	border-radius: 12px;
}

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

/*--------------- 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 #efefef; border-radius: 4px; padding: 8px;  }
.cssXP-Dialog-Window .cssXPDataGrid {  border: 1px solid #efefef; 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 .XAML-grid-info-table>table, .cssXP-Dialog-Window .XAML-info-grid-table>table{
	border-right: 0px solid transparent; /* добавляем отбивку справа, чтобы грид был симметричным */
}

.cssXP-Dialog-Window,
.x-window-ghost,
.cssXPResourceFieldDialog {
	background-color: #ffffff;
	/* border: 1px solid #efefef; */
	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 #efefef;
	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 #efefef;
	border-bottom: 1px solid #efefef;	*/
}

.XAML-grid-dialog-buttons{
	padding: 24px  24px  8px  24px;
	border-top: 1px solid #efefef;
}
.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 .cssXPDataGrid .x-grid-item-selected .x-grid-cell { background-color: #cccccc !important }

.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 #efefef; border-radius: 0px; padding: 16px;  }
.cssXP-Dialog-Window .cssXPSPXMLScreen.dlg_select.x-fit-item .cssXPDataGrid {  border: 0px solid #efefef; 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 #efefef;
	border-bottom: 0px solid #efefef;
}
.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 #efefef;
}

.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; }

/* Корректировка CSS для XAML DLG Select */

.ui-dialog .ui-dialog-content { padding: 0.5em 0.5em !important }
.x-container.cssXPSPXMLScreen.dlg_select .cssXPDataGrid { margin: 0 0 8px 0 !important; padding: 0px !important }
.x-container.cssXPSPXMLScreen.dlg_select .cssXPDataGrid .x-grid-view.x-grid-with-row-lines.x-fit-item { overflow-x: hidden !important; border-bottom: 8px solid #FFF; }
.x-container.cssXPSPXMLScreen.dlg_select .cssXPToolbar { margin-bottom: 0 !important; }
.x-container.cssXPSPXMLScreen.dlg_select .XAML-uni-content-header { margin-bottom: 8px !important }
.x-container.cssXPSPXMLScreen.dlg_select .XAML-grid-dialog-buttons { padding: 8px !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: #efefef;
	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 #efefef;
	border-radius: 4px;
}
.cssXPTree .x-tree-view .x-grid-item{
	font-size: 14px;
	border-bottom: 1px solid #efefef;
	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: #efefef;
}

.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 #efefef;
}
/*---------------- HTMLTip ---------------*/
.x-tip{
	background-color: #efefef;
    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; }

.XAML-tileview-gallery .spxmltileview-tile { height: auto !important; }

/* Кнопки пейджинга */
.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, .XAML-label-tile-title {
	display: block;
	font-size: 17px;
	color: #313a4a;
}
.XAML-stack-tile-title-container{
	margin: 16px 0;
	height: auto !important;
}
.XAML-link-tile-title:hover{
	color: #efefef;
}
.XAML-label-tile-label{
	margin-bottom: 8px;
}
.XAML-label-tile-desc{
	color: #969eb2;
	font-size: 14px;
}

.XAML-image-tile-good {
	padding: 24px;
}


.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: #efefef;
	border-color: #efefef;
}
.XAML-tabitem-tile-info{
	color: #FFFFFF;
	background-color: #efefef;
	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 8px; /* Замена Normal на Small для корректного отображения тайла в панели руководителя */
}
.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: 4px;
}

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

/* Добавляем отбивку в тайловом представлении карточки сотрудника, чтобы иконка переключения типа представления не наезжала на текст */
.x-accordion-body .XAML-grid-info-table-compact tr:nth-child(1) td div { margin-right: 30px }
.x-accordion-body .XAML-grid-info-table-compact tr:nth-child(2) td div { margin-right: 30px }

.XAML-stack-tile-image .XAML-stack-tile-image-container { height: 270px; background-size: cover !important; }
.XAML-stack-tile-image .XAML-link-tile-title { position: absolute; left: 0px; bottom: 0px; width: 100% !important; background: rgba(255,255,255,0.85); padding: 8px !important; min-height: 76px; }
.XAML-stack-tile-image .XAML-label-tile-status { right: 0; width: auto; left: inherit; border-radius: 0px 4px 0px 8px; padding:  8px; }

.XAML-stack-tile-row { width: 100%; background-color: #FFFFFF; }
.XAML-stack-tile-row td { vertical-align: top }
.XAML-stack-tile-row .XAML-stack-tile-image-container { padding: 16px !important }
.XAML-link-hor-tile-title {  font-size: 24px; margin-bottom: 8px; display: block; }
.XAML-label-hor-tile-desc  {  font-size: 14px; margin-top: 8px; display: block; color: #969eb2; }

.XAML-label-hor-tile-status, .XAML-label-hor-tile-date, .XAML-label-hor-tile-score { padding-right: 2px }
.XAML-label-hor-tile-status-bold, .XAML-label-hor-tile-date-bold, .XAML-label-hor-tile-score-bold { font-weight: 500 }

/*------ News -------*/

.category_news .XAML-label-tile-date { position: absolute; margin-top: -150px; margin-left: 10px; background-color: #FFF; border-radius: 4px; padding: 4px; }
.XAML-news-container { overflow: hidden; }
.XAML-link-all { font-weight: normal;}
.news-block-container>table>tbody>tr:last-child>td { vertical-align: top }
.news-block-container>table>tbody>tr:last-child>td>.XAML-link-all { margin-top: 16px; }



/*----------------- Wiki ----------------*/

.cssXPPanel .XAML-grid-list-container  { margin: 0px }
.cssXPPanel .catalog_list .XAML-grid-list-container  { margin-bottom: 16px }

.cssXPTabControl .cssXPRichEdit { margin: 0px 0px 16px 0px }
.cssXPTabControl .cssXPRichEdit .cke_chrome { box-sizing: border-box; border: 1px solid #e0e0e0; }

.XAML-paging-container { margin: 0px 0px 16px 0px }
.XAML-paging-container .x-bnt-container { background-repeat: no-repeat; background-position: center center; }
.XAML-paging-container .x-tbar-page-btn { width: 40px !important; height: 40px; border-radius: 2px; border: 1px solid #efefef; display: block; }


.XAML-paging-divider { padding: 0px 10px }

.XAML-ShowTree-Link { display: block; margin-bottom: 8px }

.XAML-Object-Title .x-title-text { font-weight: bold }
.XAML-Object-Title .x-header { margin-bottom: 0px }

.XAML-Wiki-Object-grid td { vertical-align: top }
.XAML-Wiki-Object-grid .cssXPButton { margin-left: 8px; }
.XAML-Wiki-Object-grid .XAML-Object-Edit input[type=text] { padding: calc(8px + 1px) !important }

.XAML-Wiki-CheckBox { padding-bottom: 8px; }

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

.Wiki-path { margin-bottom: 24px;  }
.Wiki-divider { width: 16px }
.Wiki-divider:after { font-size: 13px; content: " \00BB\00A0 "; width: 20px; padding-left: 4px; }
.path-parent  { color: #000000; font-size: 13px }
.Wiki-path>div>div>div:first-child .path-parent { color: #969eb2; }
.Wiki-article-panel .xaml-tileview-percentage-width-layout.spxmltileview { padding: 24px 24px 16px 24px !important; border-radius: 4px; background-color: #FFF; margin-bottom: 24px; box-sizing: border-box; }
.Wiki-article-panel .spxmltileview-tile { height: auto !important; }
.Wiki-article-panel .wt-spxmltileview-message-nodata { display: block; text-align: left; padding: 0px 0px 8px 0px; }
.Wiki-article-panel .XAML-label-empty-data { display: block; text-align: left; padding:  padding: 16px; margin: 0px 0px 16px 0px; background-color: #FFF; }

.Wiki-article-panel .cssXPStackPanel .wt-stack-wrap-cell .XAML-button { margin-right: 8px; }
.Wiki-article-panel .cssXPStackPanel .wt-stack-wrap-cell .XAML-stack-block { margin-bottom: 16px; }
.Wiki-article-panel .cssXPStackPanel .wt-stack-wrap-cell .XAML-stack-block  .cssXPComboBox { margin-right: 8px; margin-top: 1px; }

.Wiki-article-panel .XAML-stack-description .cssXPHTMLBox img { max-width: 100% !important; height: auto !important }

.Wiki-article-image { padding-left: 16px; }

.mode-wiki_base div.ui-dialog { width: 850px !important; border-radius: 2px !important; border: 1px solid #e0e0e0 !important; }
.mode-wiki_base div.ui-dialog-titlebar { border-bottom: 1px solid #e0e0e0 !important; }
.mode-wiki_base button.ui-dialog-titlebar-close { /*font-size: 0px !important; margin: 12px;*/ }

.XAML-Wiki-HTMLBox { overflow-y: auto; background-color: #FFFFFF; padding: 20px; border-radius: 2px; }

.XAML-questions-panel .XAML-button, .XAML-questions-panel .cssXPButton  { margin: 0px }
.XAML-questions-panel .cssXPCheckBox { padding-left: 8px }
.XAML-questions-panel .cssXPGrid td { padding-bottom: 8px }
.XAML-Wiki-dialog .XAML-info-grid-table { padding: 0px }
.XAML-wiki-dialog-grid td { padding-bottom: 8px }
.XAML-Wiki-dialog .XAML-wiki-dialog-grid .cssXPComboBox { padding-right: 8px }
.XAML-Wiki-dialog .Wiki-input { padding-right: 8px }

.XAML-Stack-Panel-Wiki-Gray { display: block; overflow: hidden; text-align: center; vertical-align:middle; width: 216px !important; height: 68px; max-height: 68px; font-size: 15px; background-color: #727a8d; color: #FFFFFF !important; padding: 16px; border-radius: 4px; margin-right: 24px; margin-bottom: 16px; }

.XAML-Stack-Panel-Wiki-Color { display: block; overflow: hidden; text-align: center; vertical-align:middle; width: 216px !important; height: 68px; max-height: 68px; font-size: 15px; background-color: #efefef; color: #FFFFFF !important; padding: 16px; border-radius: 4px;  margin-right: 24px; margin-bottom: 16px;}
.XAML-stack-selector>table>tbody>tr>td { vertical-align: top; }
.XAML-stack-container.XAML-stack-selector .XAML-button-selector { margin: 0 0 0 4px; } /* Убираем сдвиг в резервировании оборудования #138227 */
.XAML-recommended-learning .XAML-grid-filter>table>tbody>tr>td:last-child, .XAML-recommended-learning .XAML-stack-filter>table>tbody>tr>td:last-child { padding-right: 0px }
.XAML-recommended-learning .XAML-grid-filter>table>tbody>tr>td:first-child, .XAML-recommended-learning .XAML-stack-filter>table>tbody>tr>td:first-child { padding-left: 0px }
.XAML-recommended-learning .XAML-stack-container { padding-bottom:  16px }
.XAML-recommended-learning .XAML-stack-filter .cssXPEdit input { height: 40px !important; padding: 0px 8px;  }


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

.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-Search-Body .XAML-stack-filters-container  .XAML-grid-filter-content .XAML-stack-container table tr:nth-child(2) td .XAML-stack-container .x-table-layout-cell  { display: inline-block; float: left;  padding-left: 0px;}

.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-Learning-Task-Result { padding: 16px 0px 0px 16px; }
@media screen and ( max-width: 360px )
{
	.XAML-Learning-Task-Result .cssXPButton { padding-left: 8px; padding-right: 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;
}

.XAML-panel-back { padding-bottom: 16px; }
.XAML-back-link { font-size: 16px; font-weight: 500px; padding: calc(8px + 2px);  }

.XAML-nomargin { margin: 0px }
.XAML-nopadding { padding: 0px }

.Upcoming-Events { margin: 0px 0px 24px 0px; }


/*-------------- RichEdit -------------*/

.cssXPRichEdit{
	margin: 16px;
/*	border-radius: 4px; */
}

.XAML-grid-info-table .cssXPRichEdit, .XAML-info-grid-table .cssXPRichEdit { margin: 0px }

.cssXPRichEdit .x-toolbar-default{
	padding: 2px 8px;
}

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

/* Todo TileView */

.XAML-todo-tile-image-container { border-radius: 4px }
.XAML-todo-tile-image { background-size: cover !important; border-radius: 4px; cursor: pointer }
.XAML-todo-date { position: absolute; right: 0; top: 0; padding: 4px 8px; font-size: 13px; background-color: #313a4a; color: #FFFFFF; border-radius: 0px 4px 0px 0px; }
.XAML-todo-state { position: absolute; left: 0; top: 0; padding: 4px 8px; font-size: 13px; background-color: #313a4a; color: #FFFFFF; border-radius: 4px 0px 0px 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;
}

.XAML-grid-list-container .XAML-grid-list-item .XAML-grid-container .XAML-stack-image-counter .XAML-image-like:hover { background: url(design/default/images/social.png) 0 center no-repeat; }
.XAML-grid-list-container .XAML-grid-list-item .XAML-grid-container .XAML-stack-image-counter .XAML-image-dislike:hover { background: url(design/default/images/social.png) -80px center no-repeat; }

/*----------- Social -----------*/
.XAML-stack-image-counter .cssXPLabel{
	background-color: #efefef;
    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: #efefef;
	color: #FFFFFF;
	width: 216px;
	height: calc(216px + 16px);
	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 { width: 100% }
.XAML-stack-informer table,
.XAML-stack-informer tr,
.XAML-stack-informer td{
	box-sizing: border-box;
}
.XAML-label-informer-header,
.informer-header
{
	padding: 8px 24px;
	font-size: 17px;
	font-weight: 500;
	border-bottom: 1px solid #15B742;
	height: calc(32px * 2);
	display: table-cell;
	vertical-align: middle;
	width: 216px;
}

a.XAML-label-informer-header, a.informer-header  { color: #FFF; width: 216px !important }

.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: #efefef;
	background-color: #FFFFFF;
	width: 216px;
	height: calc(216px + 16px);
	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; }
.wt-informer-level td { vertical-align: top; /* border-bottom: 1px solid transparent !important; */ }
.wt-informer-level .main-label { font-weight: bold; font-size: 17px  }

.wtx-informer-link-top
{
	padding: 16px 24px;
	font-size: 17px;
	font-weight: 500;
	border-bottom: 1px solid #8bb2ff;
	display: block;
	color: #FFFFFF;
}

.wtx-informer-link-bottom {
	background-color: #355bbb;
	padding: 8px 24px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #FFFFFF;
	display: block;
}

.mentor-link { color: #FFFFFF; font-size: 19px; padding: 4px 24px 24px 24px; display: block;  }

.wtx-informer-link-bottom:hover, .mentor-link:hover { color: #8bb2ff }

a.wtx-informer-img {
	display: block;
	height: 90px !important;
	width: 90px !important;
	margin: 0 auto !important;
	border-radius: 45px;
	margin: 0px;
	box-sizing: border-box;
	background-size: 90px 90px !important;
}

/* Размещение информера по нижнему краю грида */

.XAML-Grid-Informer .XAML-stack-container { margin-right: 24px; }
.XAML-Grid-Informer td { vertical-align: bottom }
.XAML-Grid-Informer td .wt-informer { margin-bottom: 24px; }

/* ------------ Развитие карьеры -----------------------*/
.XAML-link-block-header { font-weight: bold; font-size: 19px; padding: 0px 0px 16px 0px; display: block; color: #355bbb; }
.Career-panel .XAML-stack-informer { margin: 0px 16px 16px 0px !important;  }

/*------------- 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 #efefef; */
}

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

.XAML-uni-content-header { background-color: transparent;  margin: 0 0 24px 0; }
.XAML-uni-content-header tr:nth-child(2) td div { background-color: #ffffff; border-radius: 4px; }
.XAML-uni-content-header tr:nth-child(2) td tr td div { background-color: transparent; border-radius: 0px; }

.XAML-uni-content-header .XAML-stack-filters-container { border-bottom: 0px; }

.XAML-uni-content-header .XAML-grid-filter>table>tbody>tr>td:first-child, .XAML-uni-content-header .XAML-stack-filter>table>tbody>tr>td:first-child { padding-left: 0px !important }
.XAML-label-filters-title {
	font-size: 34px;
	font-weight: 600;
	margin: 0 0 0 0;
	line-height: 1em;
	font-size: 14px;
	padding: 16px  0;
}

/* .XAML-uni-content-block.XAML-uni-content-header .spxmltileview-tile { width: 260px !important } */

.XAML-uni-content-block.XAML-uni-content-header .xaml-tileview-percentage-width-layout.spxmltileview .XAML-stack-tile { margin: 0px 24px 24px 24px !important; }
.XAML-uni-content-block.XAML-uni-content-header .xaml-tileview-percentage-width-layout.spxmltileview .XAML-stack-tile .XAML-image-tile-image { width: 100% !important; }

.XAML-uni-content-block.XAML-uni-content-std .xaml-tileview-percentage-width-layout.spxmltileview .XAML-stack-tile { margin: 0px 24px 24px 24px !important; }
.XAML-uni-content-block.XAML-uni-content-std .xaml-tileview-percentage-width-layout.spxmltileview .XAML-stack-tile .XAML-image-tile-image { width: 100% !important; }

.content-item{
	margin: 8px 24px;
}

/*---------- Communication templates -------------*/

.communication-tile .XAML-image-container { border-radius: 24px }
.communication-tile td { vertical-align: top }
.communication-tile a.XAML-person-link { font-weight: bold; display: block; padding: 8px; }
.communication-tile .XAML-toolbar .XAML-button { margin: 0px 8px; }

.chat-tile { }
.chat-tile .XAML-image-container, .XAML-chat-form .XAML-image-container { border-radius: 32px }
.chat-tile td, .XAML-chat-form td { vertical-align: top }
.chat-tile a.XAML-person-link { font-weight: bold; /* font-size: 17px; */ display: block; padding: 8px; }
.chat-tile .XAML-toolbar .XAML-button { margin: 0px 8px; }

.XAML-chat-form .cssXPEditBox { margin-bottom: 24px; }

.XAML-chat-date { padding: 0px 8px 8px 8px; }

div.XAML-chat-tv div.XAML-chat-html { text-overflow: ellipsis; overflow: none; background-color: #F00; }
div.XAML-chat-tv div.spxmltileview-tile { height: 250px }

/*---------- 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; }
.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: #efefef; 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: #efefef; stroke-width: 0; stroke: none; }
.wt-star .wt-star-full-path { fill: #efefef; }
.wt-star .wt-star-half-path { fill: #efefef; }
.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; }
.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; color: #efefef; }
.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: #efefef; }
.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-weight: bold; background-color: #fff; border-radius: 0.25em; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); color: #000000 !important; }

.wt-histogram-scale { display: inline-block; position: relative; white-space: nowrap; font-size: 16px; }
.wt-histogram-scale .wt-histogram-bar-outer { position: absolute; box-sizing: border-box; background-color: transparent; border-color: #efefef; border-width: 0.25em; border-style: solid; }
.wt-histogram-scale .wt-histogram-bar-outer-0 { background-color: #cdf; border-color: #efefef; }
.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: #efefef; }
.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: #efefef;}
.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: #efefef; border-width: 0.25em; }
.wt-histogram-scale .wt-histogram-grid { position: absolute; box-sizing: border-box; border-color: #efefef; 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-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: #efefef; 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: #efefef; 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; margin: 1em 0 0 1em; padding: 1em; background-color: #efefef; 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; border-color: #fff; background-color: #efefef; 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; margin: 1em 0 0 1em; padding: 1em; background-color: #efefef; 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; border-color: #fff; background-color: #efefef; border-radius: 0.25em; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }

.wt-rating-block { display: inline-block; font-size: 18px; margin: 1em 0 1em 1em; color: #efefef; }
.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; 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 #efefef; */ margin: 0.05em 0 0 0.05em; background-color: #FFF; border-radius: 4px; }
.wtx-informer-header { font-size: 0.08em; line-height: normal; position: relative; display: block; left: 0; top: 0; width: 12em; padding: 0.75em; color: #efefef; 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: #efefef; 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: #efefef; stroke: none; }
.wtx-informer-icon-holder.wtx-informer-icon-course path { fill: #efefef; stroke: none; }
.wtx-informer-icon-holder.wtx-informer-icon-test path { fill: #efefef; stroke: none; }
.wtx-informer-icon-holder.wtx-informer-icon-event path { fill: #efefef; stroke: none; }
.wtx-informer-icon-holder.wtx-informer-icon-person path { fill: #efefef; 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 16px 0; padding: 0.06em 0em; }
.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: #f3f3f4; font-size: 0.08em; margin: 0.75em 1.5em; }
.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: #efefef; font-weight: 600; }
.wtx-informer-top-items .wtx-top-item-body { }
.wtx-informer-top-items .wtx-top-item-body td { vertical-align: top; }
.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: #efefef; }

.wtx-informer-top-items .panel-horizontal .wt-info-circular-scale-container { }
.wtx-informer-top-items .panel-vertical .wt-info-circular-scale-container { margin: 0 auto; }
.wtx-informer-top-items .panel-vertical .wt-top-item-param { padding: 0.5em 1em;  }

/*
.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 #efefef; 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: #efefef; }
.wtx-informer-body-footer-value { font-size: 1.5em; font-weight: bold; line-height: 1.5em; padding: 0 0 0 0.5em; color: #efefef; } */

/* .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;
}



/* --- Green informer --- */
.XAML-stack-informer.green, .informer.green { background-color: #8ed100; }
.green .XAML-label-informer-header, .green .informer-header { border-bottom: 1px solid #c7e880; }
.green .XAML-stack-informer-body .XAML-label-grid-column-name { color: #6a9d00; }
.green .XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td { border-bottom: 1px solid #c7e880; }
.green .XAML-stack-informer-footer, .green .informer-footer {  border-top: 1px solid #6a9d00;  background-color: #6a9d00; }
.green .wt-info-score .wt-circular-path-bg { fill: #6a9d00 !important; }
.green .wt-info-score .wt-circular-path-1 { fill: #c7e880; }

/* --- Red informer --- */

.XAML-stack-informer.red, .informer.red { background-color: #fd6471; }
.red .XAML-label-informer-header, .red .informer-header { border-bottom: 1px solid #feb2b8; }
.red .XAML-stack-informer-body .XAML-label-grid-column-name { color: #be4b55; }
.red .XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td { border-bottom: 1px solid #feb2b8; }
.red .XAML-stack-informer-footer, .red .informer-footer {  border-top: 1px solid #be4b55;  background-color: #be4b55; }
.red .wt-info-score .wt-circular-path-bg { fill: #be4b55 !important; }
.red .wt-info-score .wt-circular-path-1 { fill: #feb2b8; }

/* --- Orange informer --- */

.XAML-stack-informer.orange, .informer.orange { background-color: #fdae46; }
.orange .XAML-label-informer-header, .orange .informer-header { border-bottom: 1px solid #fed7a3; }
.orange .XAML-stack-informer-body .XAML-label-grid-column-name { color: #be8234; }
.orange .XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td { border-bottom: 1px solid #fed7a3; }
.orange .XAML-stack-informer-footer, .orange .informer-footer {  border-top: 1px solid #be8234;  background-color: #be8234; }
.orange .wt-info-score .wt-circular-path-bg { fill: #be8234 !important; }
.orange .wt-info-score .wt-circular-path-1 { fill: #fed7a3; }

/* --- Blue informer --- */

.XAML-stack-informer.blue, .informer.blue { background-color: #27a8fd; }
.blue .XAML-label-informer-header, .blue .informer-header { border-bottom: 1px solid #93d4fe; }
.blue .XAML-stack-informer-body .XAML-label-grid-column-name { color: #1d7ebe; }
.blue .XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td { border-bottom: 1px solid #93d4fe; }
.blue .XAML-stack-informer-footer, .blue .informer-footer {  border-top: 1px solid #1d7ebe;  background-color: #1d7ebe; }
.blue .wt-info-score .wt-circular-path-bg { fill: #1d7ebe !important; }
.blue .wt-info-score .wt-circular-path-1 { fill: #93d4fe; }

/* --- Violet informer --- */

.XAML-stack-informer.violet, .informer.violet { background-color: #8b7ec0; }
.violet .XAML-label-informer-header, .violet .informer-header { border-bottom: 1px solid #c5bfe0; }
.violet .XAML-stack-informer-body .XAML-label-grid-column-name { color: #685e90; }
.violet .XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td { border-bottom: 1px solid #c5bfe0; }
.violet .XAML-stack-informer-footer, .violet .informer-footer {  border-top: 1px solid #685e90;  background-color: #685e90; }
.violet .wt-info-score .wt-circular-path-bg { fill: #685e90 !important; }
.violet .wt-info-score .wt-circular-path-1 { fill: #c5bfe0; }

/* --- Black informer --- */

.XAML-stack-informer.black, .informer.black { background-color: #000000; }
.black .XAML-label-informer-header, .black .informer-header { border-bottom: 1px solid #808080; }
.black .XAML-stack-informer-body .XAML-label-grid-column-name { color: #bfbfbf; }
.black .XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td { border-bottom: 1px solid #808080; }
.black .XAML-stack-informer-footer, .black .informer-footer {  border-top: 1px solid #808080;  background-color: #808080; }
.black .wt-info-score .wt-circular-path-bg { fill: #808080 !important; }
.black .wt-info-score .wt-circular-path-1 { fill: #bfbfbf; }

/* --- White informer --- */

.XAML-stack-informer.white, .informer.white { background-color: #FFFFFF; color: #000000; border: 1px solid #c7cad2; }
.white .XAML-label-informer-header, .white .informer-header { border-bottom: 1px solid #c7cad2; }
.white .XAML-stack-informer-body .XAML-label-grid-column-name { color: #bdbdbd; }
.white .XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td { border-bottom: 1px solid #c7cad2; }
.white .XAML-stack-informer-footer, .white .informer-footer {  border-top: 1px solid #c7cad2;  background-color: #c7cad2; }
.white .wt-progress-bar { background-color: #e6e6e6; border: 1px solid #c7cad2 }
.white .wt-info-score .wt-circular-value { color: #000000 !important; }
.white .wt-info-score .wt-circular-path-bg { fill: #808080 !important; }
.white .wt-info-score .wt-circular-path-0 { fill: #e6e6e6 !important; }
.white .wt-info-score .wt-circular-path-1 { fill: #c7cad2; }

/* --- Informer with icons--- */

.XAML-stack-informer.icon { width:216px; /* height: auto; */ background-color: #FFFFFF; color: #000000; }
.XAML-stack-informer.icon a.XAML-label-informer-header, .XAML-stack-informer.icon a.informer-header { color: black; width: 216px !important;  }

.XAML-stack-informer.icon-large { width: 376px; height: auto; background-color: #FFFFFF; color: #000000; }
.XAML-stack-informer.icon-large a.XAML-label-informer-header, .XAML-stack-informer.icon-large a.informer-header { color: black; width: 376px !important;  }

.XAML-stack-informer.icon .wt-info-value-string-large, .XAML-stack-informer.icon-large .wt-info-value-string-large { font-size: 64px;  line-height: 64px; font-weight: bold; }

.XAML-stack-informer.icon .wt-info-body-center-middle td:nth-child(1),
.XAML-stack-informer.icon-large .wt-info-body-center-middle td:nth-child(1) { width: 100%; padding-left: 24px; padding-bottom: 24px; text-align: left; }
.XAML-stack-informer.icon .wt-info-body-center-middle td td:nth-child(1),
.XAML-stack-informer.icon-large .wt-info-body-center-middle td td:nth-child(1) { width: auto; padding-left: 0px; padding-bottom: 0px; }
.XAML-stack-informer.icon .wt-info-body-center-middle td:nth-child(2),
.XAML-stack-informer.icon-large .wt-info-body-center-middle td:nth-child(2) { vertical-align: bottom; padding-right: 24px; padding-bottom: 24px; text-align: right;}

.XAML-stack-informer.icon table tr:last-child td { vertical-align: bottom }
.XAML-stack-informer.icon .XAML-label-informer-header { padding-top: 24px !important; }
.XAML-stack-informer.icon .XAML-label-informer-header, .XAML-stack-informer.icon .informer-header,
.XAML-stack-informer.icon-large .XAML-label-informer-header, .XAML-stack-informer.icon-large .informer-header { border-bottom: 0px solid #000000 }



.XAML-stack-informer.icon .wt-info-circular-scale-container {  width: auto; margin: 0; padding: 0px 0px; }
.XAML-stack-informer.icon .wt-info-course-score-scale { width: 80px !important; height: 80px !important; }
.XAML-stack-informer.icon .wt-circular-scale .wt-circular-value { text-align: center !important; color: #000000  !important; top: 8px  !important; left: 16px  !important; font-size: 20px !important; line-height: 64px !important; width: 40px !important; height: auto !important; margin: 0 auto !important; }
.XAML-stack-informer.icon .wt-circular-path-0 { fill: #efefef }}

/* tree-map */
.mp-outer {
	font-size: 13px;
	padding-top: 0.6em;
	margin: 0.6em auto 0 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);
	margin: 8px 0 0 8px;
	margin-top: 4em !important;
}

.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: -3em;
	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 #efefef;  */
	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: #efefef;
	color: #efefef;  /*#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: #efefef !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;  -webkit2: 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: #efefef;/* 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 #efefef;
	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: 0.4em;
}
.mp-controls-table .mp-control-btn-svg { position: relative; width: 2em; height: 2em; cursor: pointer;  }
@media screen and (min-width: 968px) { .mp-controls-table .mp-control-btn-svg { width: 1.6em; height: 1.6em; } }

.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;  }

/* lpe tree-map */
.wt-lp-tree-workarea .wt-lp-tree-block .mp-outer .mp-main {
	margin: 0 !important;
}

/*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); -webkit2: 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; }

.wttree-container { overflow: auto; }
/*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; }


.XAML-indent-0 { width: 0px !important; height: 24px !important; }
.XAML-indent-1 { width: 24px !important; height: 24px !important; }
.XAML-indent-2 { width: 48px !important; height: 24px !important; }

.XAML-grid-list-item-small td { padding: 8px 8px 8px 0 !important; vertical-align: middle !important; }
.XAML-grid-list-item-small td:first-child { padding-left: 8px !important; }

/* ------- 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;
}

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

.XAML-stack-block .cssXPTabControl-top .x-tab-bar [class^="icon-"] span.x-tab-icon-el-default,
.XAML-stack-block .cssXPTabControl-top .x-tab-bar [class*=" icon-"] span.x-tab-icon-el-default{
	display: inline;
}

.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;
}

body.desktop .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: 0;
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 2px;
    color: #4e4e4e;
    cursor: pointer;
    color: #fff;
    border: 0;
    background: #15B742;
    border-radius: 20px;
    margin: 8px 0 8px 8px;
}
.cssXPResourceFieldDialog .x-toolbar .x-btn:hover,
.cssXPResourceFieldDialog .x-toolbar .x-btn-pressed{
	background-color: #129E39;
}
.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 #efefef;
	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 #efefef;
	width: 40px;
	height: 40px;
	color: #969eb2;
	border-radius: 2px;
}
.x-toolbar-docked-bottom .x-btn:hover{
	border-color: #efefef;
	color: #efefef;
}
a.cssXPPagingToolbarMenuBtn span.x-btn-icon-el {display: inline-block; background-image: url(icons/svg/icon_list.png); width: 16px; height: 16px;}

/*----------- Индикаторы ------------*/

.XAML-stackpanel { padding: 0 0 24px 0; }
.XAML-stackpanel .x-field { margin: 0px 16px 0px 0px; height: 40px; }
.XAML-stackpanel .indicator_column { margin: 0px 16px 0px 0px; }
.XAML-indicator-panel { margin: 0px 16px 16px 0px; }
.XAML-indicator-fields { margin: 16px 0px }
.XAML-indicator-fields td { padding-right: 16px; }
.XAML-indicator-fields .cssXPButton { margin-bottom: 0px }

/*------------- HTML -----------------*/
ul.simple-list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.filter{
	border: 1px solid #efefef;
	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: #efefef;
	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: #efefef;
	padding: 16px 8px;
	border-radius: 0;
	margin: 0;
}
.filter .button-action:hover{
	background-color: transparent;
}
.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 #efefef;
	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;
}
table.info-table th {
	color: #969eb2;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	padding: 8px 16px;
	background-color: #f3f3f4;
	border-bottom: 1px solid #ffffff;
}
.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;
}

div.access_panel { text-align: center; margin: 50px auto; width: fit-content; }
table.access_table {
	margin: 0 0 24px 0;
	border-radius: 4px;
	background-color: #ffffff;
	padding: 32px;
	overflow-x: auto;
	width: 400px;
	height: 200px;
	font-size: 17px;
}
td.access_txt { padding-top: 24px;  }

/*--------Производственный календарь-------*/

table.production-calendar-header { padding-bottom: 16px }
.production-calendar-footer { font-size: 13px; }

td.legend-left div.weekend { background: url(design/default/images/balloon-icon.png) left top no-repeat; padding: 2px 40px 0px 28px; height: 24px; }
td.legend-left div.workday { background: url(design/default/images/desktop-icon.png) left top no-repeat; padding: 2px 0px 0px 28px; height: 24px; }

td.legend-right div.dayoff { color: #ff606f; float: left; padding-top: 3px; }
td.legend-right div.dayoff-text { padding: 3px 10px 0px 2px; display: inline-block; }
td.legend-right div.holiday { background-color: #ff606f; border-radius: 50%; color: #FFFFFF; width: 24px; height: 24px; text-align: center; padding-top: 3px; float: left; box-sizing: border-box; }
td.legend-right div.holiday-text { padding: 2px 10px 4px 4px; display: inline-block; }
td.legend-right div.preholiday { color: #ff606f; float: left; padding-top: 3px; display: none }
td.legend-right div.preholiday-text::before { content: "*"; color: #efefef; padding-right: 4px; height: 24px }
td.legend-right div.preholiday-text { padding: 3px 0px 0px 2px; display: inline-block; height: 24px }

div.monthDiv { border-bottom: 1px solid #ebebec; padding: 4px 0px 8px 0px; min-width: 150px; }

div.monthDiv .weekend { background: url(design/default/images/balloon-icon.png) 0px 3px no-repeat; background-size: 16px 16px; padding: 2px 0px 0px 20px; height: 16px; color: #F00; }
div.monthDiv .workday { background: url(design/default/images/desktop-icon.png) 0px 2px no-repeat; background-size: 16px 16px; padding: 2px 4px 0px 20px; height: 16px; }
div.monthDiv .monthName { width: auto; float: left; }
div.monthDiv .monthDays { text-align: right; }

td.monthTD { padding-right: 24px; padding-bottom: 16px; border: 0px solid #F00; }
td.monthTD:nth-child(6) { padding-right: 0px }

div.working-day { width: 24px; height: 24px; text-align: center; vertical-align: middle; display: table-cell; font-size: 14px;  }
div.dayoff { width: 24px; height: 24px; text-align: center; vertical-align: middle; display: table-cell; color: #F00; font-size: 14px; }
div.holiday { background-color: #ff606f; border-radius: 50%; color: #FFFFFF; width: 24px; height: 24px; text-align: center; vertical-align: middle; display: table-cell; font-size: 14px;   }
div.preholiday { width: 24px; height: 24px; text-align: center; vertical-align: middle; display: table-cell; padding-left: 3px; font-size: 14px;  }
div.preholiday::after { content: "*"; color: #efefef; padding-right: 0px; height: 24px; font-size: 14px; }
div.dayname { padding-right: 10px }

body.mobile td.legend-left div.weekend { padding-right: 0px }
body.mobile td.monthTD { padding-right: 0px; padding-bottom: 24px; }
body.mobile td.monthTD table { margin: 0 auto }

/*-------------- Мои разговоры (виджет) ------------------*/
.widget-my_conversations {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}

.widget-my_conversations--usual_view {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}

.widget-my_conversations--simple_view {
	display: none;
	flex-direction: column;
	flex: 1 0 auto;
}

.header .WTCSS-user-info .widget-my_conversations { display: none; }

.widget-my_conversations--mobile_view {
	display: none;
	flex-direction: column;
	flex: 1 0 auto;
}

.header .widget-my_conversations {
	display: inline-block;
	height: 64px;
	box-sizing: border-box;
}
.header .widget-my_conversations--simple_view {
	display: flex;
	cursor: pointer;
	height: 100%;
}

.header .widget-my_conversations--simple_view:hover .widget-my_conversations__icon-container {
	color: #efefef;
}

.header .widget-my_conversations--usual_view { display: none; }

.widget-my_conversations .widget-my_conversations--simple_view .widget-my_conversations__icon-container {
	position: relative;
	height: 100%;
	transition: all .2s ease-in-out;
}

.widget-my_conversations .widget-my_conversations--simple_view .widget-my_conversations__icon-container .widget-my_conversations__icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: .5rem 1rem;
	box-sizing: border-box;

	font-size: 5rem;
}

.widget-my_conversations .widget-my_conversations--simple_view .widget-my_conversations__icon-container .widget-my_conversations__messages_count {
	display: block;
	position: absolute;
	top: 2.1rem;
	left: 2.2rem;
	width: 2.6rem;
	text-align: center;
	font-weight: 600;
}

.widget-my_conversations .widget-my_conversations--simple_view .widget-my_conversations__icon-container .widget-my_conversations__messages_count:hover {

}

/* .widget-my_conversations .widget-my_conversations--simple_view .widget-my_conversations__icon .icon-message-ico */


.widget-my_conversations .widget-my_conversations__header {
	display: flex;
	flex: 0 0 auto;
	font-size: 34px;
	font-weight: 300;
	margin: 0 0 calc(24px - 4px) 0;
	line-height: 1em;
}

.widget-my_conversations .widget-my_conversations__content {
	margin: 0 0 24px 0;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 24px 24px;
}

.widget-my_conversations .widget-my_conversations__content .widget-my_conversations__info {
	text-align: center;
}

.widget-my_conversations .widget-my_conversations__list {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item {
	display: flex;
	flex-direction: row;
	margin-top: 1.5rem;
}
.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item:first-child { margin-top: 0; }

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-left-container {
	display: none;
	flex-direction: column;
	flex: 0 0 auto;
	align-items: center;
	justify-content: flex-start;
	margin-right: 1.5rem;
}
.zone-main .widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-left-container { display: flex; }

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-left-container .conversation__image {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-right-container {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	max-width: 100%;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-info {
	display: flex;
	flex-direction: row;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-info .conversation-info__title {
	display: flex;
	width: 80%;
	margin-right: 1rem;
	flex: 1 0 auto;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-info .conversation-info__title .conversation-messages__title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #efefef;
	text-decoration: none;
}
.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-info .conversation-info__title .conversation-messages__title:hover {
	cursor: pointer;
	text-decoration: underline;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-info .conversation-info__count {
	display: flex;
	flex: 0 0 auto;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-info .conversation-info__count .conversation-messages__count {
	text-align: center;
	align-items: center;
	border-radius: 50%;
	padding: 3px 8px;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #efefef;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-info .conversation-info__count .conversation-messages__count--invisible {
	visibility: hidden;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-message {
	display: flex;
	flex-direction: column;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-message .conversation-message__text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: .5rem 0;
}

.widget-my_conversations .widget-my_conversations__list .widget-my_conversations__list-item .conversation-message .conversation-message__date {
	font-size: 13px;
	color: #969eb2;
	text-align: right;
}

.widget-my_conversations .widget-my_conversations__controls {
	display: flex;
	flex-direction: row;
	margin-top: 1.5rem;
	flex: 1 0 auto;
	justify-content: center;
}

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

.News-Date { margin: 0px 0px 0px 0px; color: #969eb2; font-size: 14px }
.News-Item { margin: 0px 0px 8px 0px; }
.News-Item td { vertical-align: top }
.News-Item a { color: #313a4a }
.News-Item a:hover { color: #efefef }
.News-Item .XAML-label-article-title { font-weight: bold; }
.News-Item .XAML-label-article-desc { font-size: 13px }
.News-Item img { margin-right: 16px; cursor: pointer; }

#zone-main .News-Item { margin: 0px 0px 16px 0px; }
#zone-main .News-Date { font-size: 15px; }
#zone-main .News-Item .XAML-label-article-title { font-size: 19px; font-weight: bold; }
#zone-main .News-Item .XAML-label-article-desc { font-size: 15px; }

.news_block .XAML-stack-block { margin-bottom: 0px }

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

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

.WTCSS-poll input[type=submit] { margin: 16px 0px 0px 0px }

.WTCSS-poll .archive { margin-top: 16px }

.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; }

.WTCSS-poll .poll-start-table { width: 100% }
.WTCSS-poll td.comment { padding-top: 16px; }
.WTCSS-poll textarea { width: 100%; margin: 0px; padding: 8px; border: 1px solid #ebebec; box-sizing: border-box; }

.WTCSS-poll .XAML-grid-list-container .container { margin-bottom:  16px }

.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: #efefef }

table.poll-table { width: 100% }
table.poll-start-table td.input-label { width: 100% }

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

.WTCSS-forum-last .item { padding: 16px; margin-bottom: 1px; background-color: #f3f3f4;  }
.WTCSS-forum-last .msg-date { color: #969eb2; }

/*
.WTCSS-forum-last .msg-forum a { color: #313a4a }
.WTCSS-forum-last .msg-forum a:hover { color: #efefef }
*/

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

.XAML-activity-list {
	margin: 0 0 24px 0;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 24px 24px;
}

.XAML-activity-item { padding: 16px 0; }

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

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

.XAML-employee-activity-select { margin: 0; border-bottom: 1px solid #FFF; }
.XAML-employee-activity-select .XAML-button-selector { margin: 0 0 0 8px; }
.XAML-grid-list-item.XAML-employee-activity-select td { vertical-align: middle }
.XAML-grid-list-item.XAML-employee-activity-select .cssXPButton { margin-top: 0px; margin-bottom: 0px; }

/*-------------- Форумы, блоги -------------------*/
.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;
	word-break:break-all;
}

.comm-container.blog-entry { padding: 0px; margin-bottom: 0px }

.forum-entry .message-header,
.blog-entry .message-header{
	padding: 0 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-entry .message-header .user-status-block {
	display: inline;
	background-color: #969eb2;
	margin: 4px;
	padding: 4px;
	border-radius: 2px;
	color: #FFF;
}

.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; }

.blog-container .filter { padding: 8px }

.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 0 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 #efefef;
    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;
}
@media screen and (max-width: 767px) {
	.blog-container .message-editor { padding: 2px; margin: 0;  }
	.blog-container .message-editor .info-table tr { display: block; }
	.blog-container .message-editor .info-table tr > td { display: block; width: auto; padding: 8px; }
	.blog-container .message-editor .info-table tr > td:first-child { border-bottom: none; padding-bottom: 0; }
}

.blog-entry .msg-edit, .blog-entry .msg-link { margin: 0 8px 0 0; }
.blog-entry .msg-content { margin: 8px 0 0 0; }

.blog-entry .msg-edit-link, .blog-entry .msg-delete-link { color: #efefef; font-size: 13px; padding: 8px 8px 8px 0; cursor: pointer; }

.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 #efefef;
}
.forum .icons-table td{
    padding: 4px;
}

.forum .cell-actions { white-space: nowrap; }
.forum .actions-container { white-space: nowrap; }
.forum .action-delete { float: right; margin-left: 4px; width: 16px; height: 16px; background-position: center center; background-size: contain; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20style%3D%22fill%3A%23969eb2%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M704%201376v-704q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v704q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm256%200v-704q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v704q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm256%200v-704q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v704q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm-544-992h448l-48-117q-7-9-17-11h-317q-10%202-17%2011zm928%2032v64q0%2014-9%2023t-23%209h-96v948q0%2083-47%20143.5t-113%2060.5h-832q-66%200-113-58.5t-47-141.5v-952h-96q-14%200-23-9t-9-23v-64q0-14%209-23t23-9h309l70-167q15-37%2054-63t79-26h320q40%200%2079%2026t54%2063l70%20167h309q14%200%2023%209t9%2023z%22%20%2F%3E%3C%2Fsvg%3E'); }
.forum .action-delete:hover { cursor: pointer; background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20style%3D%22fill%3A%23efefef%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M704%201376v-704q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v704q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm256%200v-704q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v704q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm256%200v-704q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v704q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm-544-992h448l-48-117q-7-9-17-11h-317q-10%202-17%2011zm928%2032v64q0%2014-9%2023t-23%209h-96v948q0%2083-47%20143.5t-113%2060.5h-832q-66%200-113-58.5t-47-141.5v-952h-96q-14%200-23-9t-9-23v-64q0-14%209-23t23-9h309l70-167q15-37%2054-63t79-26h320q40%200%2079%2026t54%2063l70%20167h309q14%200%2023%209t9%2023z%22%20%2F%3E%3C%2Fsvg%3E'); }
.forum .action-edit { float: right; margin-left: 4px; width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22stroke%3A%23969eb2%3Bfill%3Anone%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2%3B%22%3E%3Cpath%20d%3D%22M20%2014.66V20a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h5.34%22%20%2F%3E%3Cpolygon%20points%3D%2218%202%2022%206%2012%2016%208%2016%208%2012%2018%202%22%20%2F%3E%3C%2Fsvg%3E'); }
.forum .action-edit:hover { cursor: pointer; background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22stroke%3A%23efefef%3Bfill%3Anone%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2%3B%22%3E%3Cpath%20d%3D%22M20%2014.66V20a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h5.34%22%20%2F%3E%3Cpolygon%20points%3D%2218%202%2022%206%2012%2016%208%2016%208%2012%2018%202%22%20%2F%3E%3C%2Fsvg%3E');  }
.forum .action-close { float: right; margin-left: 4px; width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23969eb2%22%3E%3Cpath%20d%3D%22M1376%20768q40%200%2068%2028t28%2068v576q0%2040-28%2068t-68%2028h-960q-40%200-68-28t-28-68v-576q0-40%2028-68t68-28h32v-320q0-185%20131.5-316.5t316.5-131.5%20316.5%20131.5%20131.5%20316.5q0%2026-19%2045t-45%2019h-64q-26%200-45-19t-19-45q0-106-75-181t-181-75-181%2075-75%20181v320h736z%22%20%2F%3E%3C%2Fsvg%3E'); }
.forum .action-close:hover { cursor: pointer; background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23efefef%22%3E%3Cpath%20d%3D%22M640%20768h512v-192q0-106-75-181t-181-75-181%2075-75%20181v192zm832%2096v576q0%2040-28%2068t-68%2028h-960q-40%200-68-28t-28-68v-576q0-40%2028-68t68-28h32v-192q0-184%20132-316t316-132%20316%20132%20132%20316v192h32q40%200%2068%2028t28%2068z%22%20%2F%3E%3C%2Fsvg%3E'); }
.forum .icon-closed { float: right; margin-left: 4px; width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23efefef%22%3E%3Cpath%20d%3D%22M640%20768h512v-192q0-106-75-181t-181-75-181%2075-75%20181v192zm832%2096v576q0%2040-28%2068t-68%2028h-960q-40%200-68-28t-28-68v-576q0-40%2028-68t68-28h32v-192q0-184%20132-316t316-132%20316%20132%20132%20316v192h32q40%200%2068%2028t28%2068z%22%20%2F%3E%3C%2Fsvg%3E'); }
.forum .pinned .pin { width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; background-size: contain; font-size: 32px; overflow: hidden; background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23efefef%22%3E%3Cpath%20d%3D%22M16.729%2C4.271c-0.389-0.391-1.021-0.393-1.414-0.004c-0.104%2C0.104-0.176%2C0.227-0.225%2C0.355%20c-0.832%2C1.736-1.748%2C2.715-2.904%2C3.293C10.889%2C8.555%2C9.4%2C9%2C7%2C9C6.87%2C9%2C6.74%2C9.025%2C6.618%2C9.076C6.373%2C9.178%2C6.179%2C9.373%2C6.077%2C9.617%20c-0.101%2C0.244-0.101%2C0.52%2C0%2C0.764c0.051%2C0.123%2C0.124%2C0.234%2C0.217%2C0.326l3.243%2C3.243L5%2C20l6.05-4.537l3.242%2C3.242%20c0.092%2C0.094%2C0.203%2C0.166%2C0.326%2C0.217C14.74%2C18.973%2C14.87%2C19%2C15%2C19s0.26-0.027%2C0.382-0.078c0.245-0.102%2C0.44-0.295%2C0.541-0.541%20C15.974%2C18.26%2C16%2C18.129%2C16%2C18c0-2.4%2C0.444-3.889%2C1.083-5.166c0.577-1.156%2C1.556-2.072%2C3.293-2.904%20c0.129-0.049%2C0.251-0.121%2C0.354-0.225c0.389-0.393%2C0.387-1.025-0.004-1.414L16.729%2C4.271z%22%20%2F%3E%3C%2Fsvg%3E'); }

.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 #efefef;
}
.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: #efefef;
    width: 24px;
    padding: 4px 0;
    border-radius: 50%;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
	margin: 8px 0 8px -8px;
}

body.mobile #th-author-info, body.mobile #th-last-create-date, body.mobile #th-additional, body.mobile #th-cell-num { display: none }
body.mobile #td-cell-num, body.mobile #td-cell-author, body.mobile #td-cell-updates, body.mobile #td-cell-action { display: none }
body.mobile #td-cell-entries { text-align: center }
body.mobile .forum .forum-content, body.mobile .blog .blog-content { padding: 8px 8px; }
body.mobile .forum-entry, body.mobile .blog-entry { padding: 8px 8px; }
body.mobile .list-container { padding: 8px 8px; }
body.mobile .forum-entry .message-header>div, body.mobile .blog-entry .message-header>div, body.mobile .gaming .user-info-container>*, body.mobile .blog .user-info-container>*{ padding-left: 0px }

/*------------ 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;
	z-index: 40000;
}
.ui-dialog-titlebar{
	padding: 16px;
	border: 0;
	border-bottom: 1px solid #efefef;
	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.ui-datepicker { border: solid 1px #c2c3c4 !important; border-radius: 0.5em; padding: 0;  }
.ui-widget-content.ui-datepicker .ui-datepicker-header { display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: transparent !important; padding: 0; margin: 0.5em 1em 0 1.5em;  }
.ui-widget-content.ui-datepicker .ui-datepicker-title { flex-grow: 1; position: relative; left: auto; top: auto; order: 1;  font-size: 1em;  margin: 0 1em 0 0; text-align: left; }
.ui-widget-content.ui-datepicker .ui-datepicker-title span { font-weight: 600; color: #151D2D; }
.ui-widget-content.ui-datepicker .ui-datepicker-prev { position: relative; left: auto; top: auto; width: 2.5em; height: 2.5em; min-width: 2.5em; min-height: 2.5em; margin: 0; order: 2; background-size: 1.5em 1.5em; background-repeat: no-repeat; background-position: center center; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23151D2D%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.29277%2018.7071C9.6833%2019.0976%2010.3165%2019.0976%2010.707%2018.7071C11.0975%2018.3166%2011.0975%2017.6834%2010.707%2017.2929L6.41409%2013L20.9999%2013C21.5522%2013%2021.9999%2012.5523%2021.9999%2012C21.9999%2011.4477%2021.5522%2011%2020.9999%2011L6.41409%2011L10.707%206.70711C11.0975%206.31658%2011.0975%205.68342%2010.707%205.29289C10.3165%204.90237%209.68329%204.90237%209.29277%205.29289L3.29425%2011.2914L3.29277%2011.2929M3.29131%2011.2944L2.58566%2012L3.29277%2012.7071L9.29277%2018.7071%22%2F%3E%3C%2Fsvg%3E');  }
.ui-widget-content.ui-datepicker .ui-datepicker-next { position: relative; left: auto; top: auto; width: 2.5em; height: 2.5em; min-width: 2.5em; min-height: 2.5em; margin: 0; order: 3; background-size: 1.5em 1.5em; background-repeat: no-repeat; background-position: center center; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23151D2D%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.7071%205.29289C14.3166%204.90237%2013.6834%204.90237%2013.2929%205.29289C12.9024%205.68342%2012.9024%206.31658%2013.2929%206.70711L17.5858%2011H3C2.44772%2011%202%2011.4477%202%2012C2%2012.5523%202.44772%2013%203%2013H17.5858L13.2929%2017.2929C12.9024%2017.6834%2012.9024%2018.3166%2013.2929%2018.7071C13.6834%2019.0976%2014.3166%2019.0976%2014.7071%2018.7071L20.7071%2012.7071L21.4142%2012L20.7074%2011.2932C20.7072%2011.2929%2020.707%2011.2927%2020.7067%2011.2925M14.7071%205.29289L20.7067%2011.2925L14.7071%205.29289Z%22%2F%3E%3C%2Fsvg%3E'); }
.ui-widget-content.ui-datepicker .ui-datepicker-prev:hover { cursor: pointer; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23355bbb%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.29277%2018.7071C9.6833%2019.0976%2010.3165%2019.0976%2010.707%2018.7071C11.0975%2018.3166%2011.0975%2017.6834%2010.707%2017.2929L6.41409%2013L20.9999%2013C21.5522%2013%2021.9999%2012.5523%2021.9999%2012C21.9999%2011.4477%2021.5522%2011%2020.9999%2011L6.41409%2011L10.707%206.70711C11.0975%206.31658%2011.0975%205.68342%2010.707%205.29289C10.3165%204.90237%209.68329%204.90237%209.29277%205.29289L3.29425%2011.2914L3.29277%2011.2929M3.29131%2011.2944L2.58566%2012L3.29277%2012.7071L9.29277%2018.7071%22%2F%3E%3C%2Fsvg%3E');  }
.ui-widget-content.ui-datepicker .ui-datepicker-next:hover { cursor: pointer; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23355bbb%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.7071%205.29289C14.3166%204.90237%2013.6834%204.90237%2013.2929%205.29289C12.9024%205.68342%2012.9024%206.31658%2013.2929%206.70711L17.5858%2011H3C2.44772%2011%202%2011.4477%202%2012C2%2012.5523%202.44772%2013%203%2013H17.5858L13.2929%2017.2929C12.9024%2017.6834%2012.9024%2018.3166%2013.2929%2018.7071C13.6834%2019.0976%2014.3166%2019.0976%2014.7071%2018.7071L20.7071%2012.7071L21.4142%2012L20.7074%2011.2932C20.7072%2011.2929%2020.707%2011.2927%2020.7067%2011.2925M14.7071%205.29289L20.7067%2011.2925L14.7071%205.29289Z%22%2F%3E%3C%2Fsvg%3E'); }
.ui-widget-content.ui-datepicker .ui-datepicker-next-hover { right:auto; }
.ui-widget-content.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-widget-content.ui-datepicker .ui-datepicker-next .ui-icon { display: none;  }
.ui-widget-content.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-widget-content.ui-datepicker .ui-datepicker-next.ui-state-hover { border: none; background-color: transparent; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar { width: calc(100% - 3em); margin: 0 auto 1.5em auto; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar th { border-bottom: solid 1px #ebebec; font-size: 0.75em; color: #969EB2; text-transform: uppercase; font-weight: normal; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar td { padding: 0; border: solid transparent 1px; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar > tbody tr:first-of-type td { padding-top: 0.5em; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar a { flex-grow: 1; flex-shrink: 1; flex-basis: 0; text-align: center; justify-content: center; display: flex; align-items: center; border-radius: 50%; padding: 0.5em; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar a:before { content: ""; display: block; padding-top: 100%; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar a.ui-state-default { border: none !important; background-color: transparent !important; color: #151D2D !important; text-align: center; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar a.ui-state-hover { background-color: #efefef !important; color: #fff !important; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar a.ui-state-highlight { background-color: #f2f3f4 !important; color: #151D2D !important; }
.ui-widget-content.ui-datepicker .ui-datepicker-calendar a.ui-state-active { background-color: #355bbb !important; color: #fff !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 #efefef;
	border-radius: 0px;
}

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

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

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

.ui-widget .inputButton {

	border-color: #efefef;
	background-color: #FFFFFF;
	color: #efefef;
	box-shadow: none;
	font-size: 15px;
	font-weight: normal;
}

.ui-widget .inputButtonOver {

	border-color: #efefef;
	background-color: #efefef;
	color: #FFFFFF;
	box-shadow: none;
	font-size: 15px;
	font-weight: normal;
}

.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, .ui-dialog-content .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 #efefef;
	padding: 4px 8px;
	background-color: #ffffff;
	color: #969eb2;
	border-radius: 2px;
}
.paging .page-link:hover{
	border-color: #efefef;
	color: #efefef;
}
.paging .page-divider{
	display: none;
}
.paging .page-current{
	display: inline-block;
	border: 1px solid #efefef;
	padding: 4px 8px;
	background-color: #efefef;
	color: #FFFFFF;
	border-radius: 2px;
}

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

/*---------- Панель навигации -------------*/

table.navigationTable {
	border: 1px solid #efefef;
	border-radius: 4px;
	padding: 24px;
	box-sizing: border-box;
	margin-bottom: 24px;
}

table.navigationTable td.selectedLeftMenuItem { color: #efefef;  padding-bottom: 16px; }
table.navigationTable td.nonselectedLeftMenuItem { padding-bottom: 16px; }
table.navigationTable tr:last-child td.nonselectedLeftMenuItem, table.navigationTable tr:last-child td.selectedLeftMenuItem { padding-bottom: 0px }
table.navigationTable a { color: #313a4a; }
table.navigationTable a:hover { color: #efefef; }

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

.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: #efefef; }
.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: #efefef; 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; }

.XAML-game-desc { padding: 24px 24px 0 24px; }

/* 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 #efefef;
	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;
}

/*--------- Command styles -----------------------------------*/

.XAML-command-info {
	padding-left: 24px;

}

.XAML-command-body {}
.XAML-command-wall .wt-stack-wrap-cell { vertical-align: top }

.XAML-command-select {
	margin-top: 80px;
	background-color: #FFFFFF;
	padding: 16px;
	border-radius: 4px;
}

.XAML-command-person-photo {
	background-size: cover !important;
	width: 168px !important;
	height: auto !important;
}

.XAML-command-wall-tile  {
	width: 168px;
}

.XAML-command-wall-photo {
	background-size: cover !important;
	width: 160px !important;
	height: 200px !important;
}

.XAML-command-wall-name {
	width: 160px;
	white-space: normal;
}

.XAML-command-wall-date {
	width: 160px;
	white-space: normal;
	font-size: 13px;
}

.XAML-command-status {
	padding: 4px 8px;
	border-radius: 4px;
	white-space: nowrap;
	background-color: #efefef;
	color: #FFFFFF;
	font-size: 13px;
}

.XAML-status-container {
	padding: 4px 8px;
	font-size: 13px;
	border-radius: 4px;
}

/*--------- Стили шаблона Cлайдер адаптивный с текстом -------*/

/* pager */
.cycle-slideshow .slider-slide { background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%;  }

.cycle-pager {
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 8px; overflow: hidden;
}
.cycle-pager span {
    font-size: 60px; width: 16px; height: 16px;
    display: inline-block; color: #FFFFFF; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #efefef;}
.cycle-pager > * { cursor: pointer;}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 150px; opacity: 0; filter: alpha(opacity=0); z-index: 500; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(design/default/images/slider_arrow_left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(design/default/images/slider_arrow_right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.slider-slide-content { padding-top: 40px; color: #FFFFFF; width: 1176px; margin: 0 auto; }
.slider-main-header { color: #FFFFFF; font-size: 34px; margin-bottom: 32px; }
.slider-small-header { color: #FFFFFF; font-size: 19px; margin-bottom: 32px; margin-top: 32px;  }
.slider-button { background-color: #efefef; color: #FFFFFF; font-size: 19px; border-radius: 4px; padding:  8px 16px; width: auto; display: inline-block; z-index: 501; cursor: pointer}

/*--------- Стили шаблона Сетка баннеров горизонтальная -------*/

.slider_grid { min-width: 900px !important; max-height: 18vw; overflow: hidden !important; background-color: #F3F3F3; }
body.mobile .slider_grid { display: none !important }

.slider_grid_left {
	float: left;
	width: 33%;
	min-width: 120px;
	min-height: 13vw;
	display: inline-block;
	box-sizing: border-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover ;
	position: relative;
	transition: all 0.5s linear;
	-moz2: all 0.5s linear;
	-webkit2: 0.5s linear;
	-o2: all 0.5s linear;
	box-shadow: inset 0vw 5vw 10vw 1vw rgba(0,0,0,0.7);
}

.slider_grid_center {
	float: left;
	width: 33%;
	min-width: 120px;
	min-height: 13vw;
	display: inline-block;
	box-sizing: border-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	transition: 0.5s linear;
	box-shadow: inset 0vw 3vw 8vw 1vw rgba(0,0,0,0.7);
}

.slider_grid_right {
	float: left;
	width: 34%;
	height: 13vw;
	min-width: 120px;
	min-height: 13vw;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	transition: 0.5s linear;
	box-shadow: inset 0vw 3vw 8vw 1vw rgba(0,0,0,0.7);
}

.slider_grid_left:hover, .slider_grid_center:hover, .slider_grid_right:hover {
	background-size: 110% auto;
	transition: all 0.5s linear;
	-moz2: all 0.5s linear;
	-webkit2: 0.5s linear;
	-o2: all 0.5s linear;
	cursor: pointer;
}

.slider_name { top: 0px; left: 0px; text-align: left; display: block; color: #FFFFFF; font-size: 1.2vw; padding: 20px; height: 100%;}

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

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

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

.icon-quote-left-ico { opacity: 0.5; }

div.columnsBlock { margin-left: 0px; width: 100%; }
div.columnBlock { float: left }

div.columnImage {
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto 24px auto;
}

.listItem { margin: 0px 0px 16px 0px; }
.listBlock div.listItem:last-child { margin: 0px }
.listItemIcon { float: left; }
.listItemIcon icon { font-size: 1.5em }
.listItemContent { display: table-cell; }

.lectorDesc { /* display: none */ }

.blockFileIcon { display: inline-block; float: left; width: 100px; height: 100px; background-repeat: no-repeat; background-position: left top; cursor: pointer; }
.blockFileInfo { display: inline-block; width: calc(100% - 100px); }
.blockFileName { /* padding-bottom: 16px; */ cursor: pointer; }
.blockFileParams { padding-top: 8px; }

#zone-left .blockFileIcon, #zone-right .blockFileIcon { display: inline-block; float: none; width: 100%; height: 100px; background-repeat: no-repeat; background-position: center top; cursor: pointer; }
#zone-left .blockFileInfo, #zone-right .blockFileInfo { width: 100%; }
#zone-left .blockFileName, #zone-right .blockFileName { text-align: center }

.imageBlockBackground { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; margin: 0px auto 8px auto; }
.imageBlockReplace { position: absolute; bottom: 0; left: 0; background-color: #FFF; font-size: 12px; opacity: 0.0; padding: 8px 8px 16px 8px; text-align: center; width: 100%; box-sizing: border-box; cursor: pointer; }
.wt-lp-wmyphoto-no-bg .imageBlockReplace { background-color: #f3f3f4; }
.imageBlockName, .imageBlockPosition { margin: 0 auto; text-align: center; }
body.mobile .imageBlockReplace { opacity: 0.7 !important }

/* ------ Стили виджета "Моя мое развитие карьеры" ------ */
.XAML-task-stage-header {
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 16px 0;
	text-align: center;
}

.task-progress-bar-inner {
	color: #fff;
	background-color: #8ed100;
	border-radius: 8px;
	text-align: center;
}
.task-progress-bar-container {
	padding: 0.01em 16px;
	text-align: center;
	font-size: 17px;
}
.task-progress-bar-outer {
	color: #000!important;
	background-color: #f3f3f4;
	border-radius: 8px;
}

/* ------ Стили блока "Моя команда" ------ */

.bg-cover { border-radius: 50% }
.my_team_block .XAML-stack-tile-image-container { text-align: center }
.my_team_block .XAML-link-tile-title { text-align: center; font-size: 14px; }
.my_team_block .XAML-label-tile-desc { text-align: center; font-size: 13px }

/*---------------------------- Education plan -------------------------*/
.mp-div-status-success:before {   content: " ";
	background-image: url(design/default/images/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(design/default/images/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; }

.XAML-icon-state-0:before { content: "\f00c"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-state-0-dark:before { content: "\f00c"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-state-1:before { content: "\f1d8"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-state-1-dark:before { content: "\f1d8"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-state-2, .XAML-icon-state-3 { width: 20px !important; text-align: center; }
.XAML-icon-state-2:before { content: "\f111"; font: normal normal normal 16px "icomoon"; color:#969eb2; }
.XAML-icon-state-2-dark:before { content: "\f111"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-state-3:before { content: "\f023"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-state-3-dark:before { content: "\f023"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-state-4:before { content: "\f00c"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-state-4-dark:before { content: "\f00c"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-state-5:before { content: "\f06e"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-state-5-dark:before { content: "\f06e"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-state-6:before { content: "\eb07"; font: normal normal normal 18px "icomoon"; color: #969eb2; }
.XAML-icon-state-6-dark:before { content: "\eb07"; font: normal normal normal 18px "icomoon"; color: #313a4a; }
.XAML-icon-state-blocked:before { content: "\ea0a"; font: normal normal normal 16px "icomoon"; color: #969eb2;}
.XAML-icon-state-blocked-dark:before { content: "\ea0a"; font: normal normal normal 16px "icomoon"; color: #313a4a; }

.XAML-icon-type-arrow:before { content: "\f054"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-arrow-dark:before { content: "\f054"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-arrow-parent:before { content: "\f078"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-arrow-dark-parent:before { content: "\f078"; font: normal normal normal 16px "icomoon"; color: #313a4a; }

.XAML-icon-type-folder:before { content: "\f07c"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-folder-dark:before { content: "\f07c"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-education_method:before { content: "\f19d"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-education_method-dark:before { content: "\f19d"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-course:before { content: "\f109"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-course-dark:before { content: "\f109"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-assessment:before { content: "\f046"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-assessment-dark:before { content: "\f046"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-event:before { content: "\e952"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-event-dark:before { content: "\e952"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-material-library_material:before { content: "\f016"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-material-library_material-dark:before { content: "\f016"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-learning_task:before { content: "\f0ae"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-learning_task-dark:before { content: "\f0ae"; font: normal normal normal 16px "icomoon"; color: #313a4a; }


.XAML-icon-type-webinar:before { content: "\f03d"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-webinar-dark:before { content: "\f03d"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-video:before { content: "\f04b"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-video-dark:before { content: "\f04b"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-file:before { content: "\f15b"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-file-dark:before { content: "\f15b"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-homework:before { content: "\f06d"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-homework-dark:before { content: "\f06d"; font: normal normal normal 16px "icomoon"; color: #313a4a; }
.XAML-icon-type-lamp:before { content: "\ebe4"; font: normal normal normal 16px "icomoon"; color: #969eb2; }
.XAML-icon-type-lamp-dark:before { content: "\ebe4"; font: normal normal normal 16px "icomoon"; color: #101828; }


.XAML-programname { color: #969eb2; font-size: 16px; padding: 0 8px 8px 8px; box-sizing: border-box; display: block; }
.XAML-programname:hover { color: #313a4a; font-size: 16px; padding: 0 8px 8px 8px; box-sizing: border-box; display: block; }
.XAML-programname-dark { color: #313a4a; font-size: 16px; margin: 0 8px 8px 8px; box-sizing: border-box; display: block; }
.XAML-programname-dark:hover { color: #313a4a; }


.XAML-education-plan-tree {
	border: 1px solid #efefef;
	border-radius: 4px;
	margin: 0 /*16px */ 24px 16px 0;
	padding: 16px;
}

.XAML-education-plan-tree td { vertical-align: top }

/*---------------------------- End of Education plan -------------------------*/

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



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


/* RTE append start */
/*200329*/
/*wiki-rte-styles*/
.wt-rte-title { color: #313a4a; font-size: 34px; font-weight: 300; line-height: 1em; }
.wt-rte-subtitle { color: #313a4a; font-size: 17px; font-weight: 500; }
.wt-rte-marker { background-color: #ff0; }
.wt-rte-compact-table { border-spacing: 1; border-collapse: collapse; }
.wt-rte-compact-table td { padding: 2px; border: solid 1px #eee; }
.wt-rte-toggled-table { border-spacing: 0; border-collapse: collapse; }
.wt-rte-toggled-table tr td { padding: 4px; border-bottom: solid 1px transparent; }
.wt-rte-toggled-table tr:nth-of-type(2n+1) td { background-color: #ffc; }
.wt-rte-toggled-table tr:nth-of-type(2n) td {  background-color: #eef; }
.wt-rte-list-squared { list-style-type: square; }
.wt-rte-list-roman { list-style-type: upper-roman; }
.wt-rte-shadow-block { display: block; background-color: #fff; margin: 16px 0 0 0; padding: 16px; box-sizing: border-box; border: none; border-radius: 4px; box-shadow: 0 0 8px rgba(0,0,0,0.25); }
.wt-rte-note { display: table; border-radius: 4px; margin: 16px 0 0 0; min-height: 50px; width: 100%; box-sizing: border-box; border: solid 2px #393; background-color: #efe; padding: 16px 16px 16px 48px; color: #393; background-position: 8px center; background-size: 32px 32px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23393%22%3E%3Cpath%20d%3D%22M21.436%2C7.586l-3.998-4.02c-0.752-0.756-2.063-0.764-2.83-0.006c-0.196%2C0.196-0.35%2C0.436-0.418%2C0.629%20c-0.653%2C1.362-1.354%2C2.215-2.254%2C2.727l-0.217%2C0.105C10.751%2C7.506%2C9.434%2C8%2C7%2C8C6.734%2C8%2C6.479%2C8.052%2C6.234%2C8.152%20C5.75%2C8.354%2C5.355%2C8.747%2C5.152%2C9.236c-0.199%2C0.484-0.199%2C1.041%2C0%2C1.525c0.104%2C0.249%2C0.25%2C0.471%2C0.435%2C0.651l3.235%2C3.235L5%2C20%20l5.352-3.822l3.227%2C3.227c0.186%2C0.189%2C0.406%2C0.339%2C0.656%2C0.441C14.482%2C19.949%2C14.738%2C20%2C15.001%2C20s0.519-0.052%2C0.765-0.154%20c0.498-0.205%2C0.883-0.592%2C1.08-1.078c0.103-0.242%2C0.155-0.507%2C0.155-0.768c0-2.436%2C0.494-3.752%2C0.978-4.721%20c0.496-0.992%2C1.369-1.748%2C2.754-2.414c0.271-0.104%2C0.51-0.256%2C0.711-0.457C22.216%2C9.626%2C22.212%2C8.357%2C21.436%2C7.586z%20M16.188%2C12.387%20c-0.819%2C1.643-1.188%2C3.37-1.195%2C5.604L7%2C10c2.139%2C0%2C3.814-0.335%2C5.396-1.084l0.235-0.105c1.399-0.699%2C2.468-1.893%2C3.388-3.834%20l3.924%2C4.051C18.08%2C9.921%2C16.887%2C10.988%2C16.188%2C12.387z%22%20%2F%3E%3C%2Fsvg%3E'); }
.wt-rte-idea { display: table; border-radius: 4px; margin: 16px 0 0 0; min-height: 50px; width: 100%; box-sizing: border-box; border: solid 2px #39c; background-color: #efe; padding: 16px 16px 16px 48px; color: #39c; background-position: 8px center; background-size: 32px 32px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%2339c%22%3E%3Cpath%20d%3D%22M16%2C7a8.36%2C8.36%2C0%2C0%2C0-8%2C8%2C8.4%2C8.4%2C0%2C0%2C0%2C2.29%2C5.7A4.56%2C4.56%2C0%2C0%2C1%2C12%2C24a1%2C1%2C0%2C0%2C0%2C1%2C1h6a1%2C1%2C0%2C0%2C0%2C1-1%2C4.46%2C4.46%2C0%2C0%2C1%2C1.69-3.28A7.87%2C7.87%2C0%2C0%2C0%2C24%2C15a8.17%2C8.17%2C0%2C0%2C0-2.44-5.83A7.67%2C7.67%2C0%2C0%2C0%2C16%2C7Zm4.34%2C12.28A6.87%2C6.87%2C0%2C0%2C0%2C18.09%2C23H13.91a7%2C7%2C0%2C0%2C0-2.2-3.71A6.41%2C6.41%2C0%2C0%2C1%2C10%2C15a6.29%2C6.29%2C0%2C0%2C1%2C6-6%2C5.63%2C5.63%2C0%2C0%2C1%2C4.13%2C1.6A6.16%2C6.16%2C0%2C0%2C1%2C22%2C15%2C5.93%2C5.93%2C0%2C0%2C1%2C20.31%2C19.28Z%22%20%2F%3E%3Cpath%20d%3D%22M19%2C26H13a1%2C1%2C0%2C0%2C0%2C0%2C2h6a1%2C1%2C0%2C0%2C0%2C0-2Z%22%20%2F%3E%3Cpath%20d%3D%22M18%2C29H14a1%2C1%2C0%2C0%2C0%2C0%2C2h4a1%2C1%2C0%2C0%2C0%2C0-2Z%22%20%2F%3E%3Cpath%20d%3D%22M16%2C5a1%2C1%2C0%2C0%2C0%2C1-1V2a1%2C1%2C0%2C0%2C0-2%2C0V4A1%2C1%2C0%2C0%2C0%2C16%2C5Z%22%20%2F%3E%3Cpath%20d%3D%22M5%2C14H3a1%2C1%2C0%2C0%2C0%2C0%2C2H5a1%2C1%2C0%2C0%2C0%2C0-2Z%22%20%2F%3E%3Cpath%20d%3D%22M29%2C14H27a1%2C1%2C0%2C0%2C0%2C0%2C2h2a1%2C1%2C0%2C0%2C0%2C0-2Z%22%20%2F%3E%3Cpath%20d%3D%22M25.9%2C5.1a1%2C1%2C0%2C0%2C0-1.41%2C0L23.07%2C6.51a1%2C1%2C0%2C0%2C0%2C0%2C1.42%2C1%2C1%2C0%2C0%2C0%2C.71.29%2C1%2C1%2C0%2C0%2C0%2C.71-.29L25.9%2C6.51A1%2C1%2C0%2C0%2C0%2C25.9%2C5.1Z%22%20%2F%3E%3Cpath%20d%3D%22M8.93%2C7.93a1%2C1%2C0%2C0%2C0%2C0-1.42L7.51%2C5.1A1%2C1%2C0%2C0%2C0%2C6.1%2C6.51L7.51%2C7.93a1%2C1%2C0%2C0%2C0%2C.71.29A1%2C1%2C0%2C0%2C0%2C8.93%2C7.93Z%22%20%2F%3E%3C%2Fsvg%3E'); }
.wt-rte-example { display: table; margin: 16px 0 0 0; padding: 16px; box-sizing: border-box; border-left: solid 8px #ccc; color: #666; font-style: italic; }
.wt-rte-attention { display: table; border-radius: 4px; margin: 16px 0 0 0; min-height: 50px; width: 100%; box-sizing: border-box; border: solid 2px #f90; padding: 16px 16px 16px 48px; color: #f90; background-position: 8px center; background-size: 32px 32px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%20500%20500%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23f90%22%3E%3Cpath%20d%3D%22M250.5%2C447.3L53.2%2C250L250.5%2C52.7L447.8%2C250L250.5%2C447.3z%20M91.9%2C250l158.6%2C158.6L409.1%2C250L250.5%2C91.4L91.9%2C250z%22%20%2F%3E%3Crect%20height%3D%22109.5%22%20transform%3D%22matrix(-1%20-1.224647e-016%201.224647e-016%20-1%20500.9986%20445.165)%22%20width%3D%2227.4%22%20x%3D%22236.8%22%20y%3D%22167.8%22%20%2F%3E%3Crect%20height%3D%2227.4%22%20transform%3D%22matrix(-1%20-1.224647e-016%201.224647e-016%20-1%20500.9986%20636.7959)%22%20width%3D%2227.4%22%20x%3D%22236.8%22%20y%3D%22304.7%22%20%2F%3E%3C%2Fsvg%3E'); }
.wt-rte-forbidden { display: table; border-radius: 4px; margin: 16px 0 0 0; min-height: 48px; width: 100%; box-sizing: border-box; border: solid 2px #c00; background-color: #ffd; padding: 16px 16px 16px 48px; color: #c00; background-position: 8px center; background-size: 30px 30px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23c00%22%3E%3Cg%20transform%3D%22translate(-816.000000%2C-336.000000)%22%3E%3Cpath%20d%3D%22M824%2C350%20C825.402054%2C350%20826.691788%2C349.519101%20827.713252%2C348.713252%20L819.286748%2C340.286748%20C818.480899%2C341.308212%20818%2C342.597946%20818%2C344%20C818%2C347.313709%20820.686291%2C350%20824%2C350%20Z%20M828.713252%2C347.713252%20C829.519101%2C346.691788%20830%2C345.402054%20830%2C344%20C830%2C340.686291%20827.313709%2C338%20824%2C338%20C822.597946%2C338%20821.308212%2C338.480899%20820.286748%2C339.286748%20Z%20M824%2C352%20C819.581722%2C352%20816%2C348.418278%20816%2C344%20C816%2C339.581722%20819.581722%2C336%20824%2C336%20C828.418278%2C336%20832%2C339.581722%20832%2C344%20C832%2C348.418278%20828.418278%2C352%20824%2C352%20Z%20M824%2C352%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }
ol.wt-rte-customized-ol { counter-reset: wt-counter-1; list-style: none; padding-left: 40px; }
ol.wt-rte-customized-ol li { margin: 0 0 8px 0; counter-increment: wt-counter-1; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ol.wt-rte-customized-ol li::before { content: counter(wt-counter-1); color: #fff; font-size: 16px; font-weight: bold; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 0; background: #39c; border-radius: 50%; text-align: center; }
.img-magnifier-container { position: relative; }
.img-magnifier-glass { position: absolute; border: 1px solid #999; border-radius: 50%; cursor: none; width: 160px; height: 160px; }

ul.wt-rte-ul-arrowhead-left { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-arrowhead-left li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-arrowhead-left li::before { content: "\2B9C"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }
ul.wt-rte-ul-arrowhead-up { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-arrowhead-up li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-arrowhead-up li::before { content: "\2B9D"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }
ul.wt-rte-ul-arrowhead-right { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-arrowhead-right li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-arrowhead-right li::before { content: "\2B9E"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }
ul.wt-rte-ul-arrowhead-down { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-arrowhead-down li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-arrowhead-down li::before { content: "\2B9F"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }

ul.wt-rte-ul-arrow-left { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-arrow-left li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-arrow-left li::before { content: "\1F844"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }
ul.wt-rte-ul-arrow-up { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-arrow-up li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-arrow-up li::before { content: "\1F845"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 0; }
ul.wt-rte-ul-arrow-right { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-arrow-right li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-arrow-right li::before { content: "\1F846"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }
ul.wt-rte-ul-arrow-down { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-arrow-down li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-arrow-down li::before { content: "\1F847"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }

ul.wt-rte-ul-barb-arrow-left { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-barb-arrow-left li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-barb-arrow-left li::before { content: "\1F878"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }
ul.wt-rte-ul-barb-arrow-up { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-barb-arrow-up li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-barb-arrow-up li::before { content: "\1F879"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 0; }
ul.wt-rte-ul-barb-arrow-right { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-barb-arrow-right li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-barb-arrow-right li::before { content: "\1F87A"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }
ul.wt-rte-ul-barb-arrow-down { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-barb-arrow-down li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-barb-arrow-down li::before { content: "\1F87B"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }

ul.wt-rte-ul-box-arrow-left { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-box-arrow-left li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-box-arrow-left li::before { content: "\2B05"; background-color: #39c; color: #fff; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; border-radius: 4px;  text-align: center; top: 2px; }
ul.wt-rte-ul-box-arrow-up { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-box-arrow-up li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-box-arrow-up li::before { content: "\2B06"; background-color: #39c; color: #fff; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; border-radius: 4px;  text-align: center; top: 2px; }
ul.wt-rte-ul-box-arrow-right { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-box-arrow-right li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-box-arrow-right li::before { content: "\27A1"; background-color: #39c; color: #fff; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; border-radius: 4px;  text-align: center; top: 2px; }
ul.wt-rte-ul-box-arrow-down { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-box-arrow-down li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-box-arrow-down li::before { content: "\2B07"; background-color: #39c; color: #fff; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; border-radius: 4px;  text-align: center; top: 2px; }

ul.wt-rte-ul-fisheye { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-fisheye li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-fisheye li::before { content: "\25C9"; color: #39c; font-size: 32px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }

ul.wt-rte-ul-diamond { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-diamond li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-diamond li::before { content: "\2B25"; color: #39c; font-size: 32px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }

ul.wt-rte-ul-4-star { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-4-star li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-4-star li::before { content: "\2726"; color: #39c; font-size: 32px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }

ul.wt-rte-ul-5-star { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-5-star li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-5-star li::before { content: "\2605"; color: #39c; font-size: 32px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 0; }

ul.wt-rte-ul-6-star { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-6-star li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-6-star li::before { content: "\2736"; color: #39c; font-size: 32px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 0; }

ul.wt-rte-ul-8-star { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-8-star li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-8-star li::before { content: "\2734"; color: #39c; font-size: 32px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 0; }

ul.wt-rte-ul-asterisk { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-asterisk li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-asterisk li::before { content: "\1F7B8"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 0; }

ul.wt-rte-ul-checkmark { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-checkmark li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-checkmark li::before { content: "\1F5F8"; color: #39c; font-size: 32px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }

ul.wt-rte-ul-box-checkmark { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-box-checkmark li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-box-checkmark li::before { content: "\1F5F9"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }

ul.wt-rte-ul-cross { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-cross li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-cross li::before { content: "\2A2F"; color: #39c; font-size: 32px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 0; }

ul.wt-rte-ul-box-cross { list-style: none; padding-left: 40px; }
ul.wt-rte-ul-box-cross li { margin: 0 0 8px 0; position: relative; min-height: 32px; padding: 6px 0 0 0; box-sizing: border-box; }
ul.wt-rte-ul-box-cross li::before { content: "\2BBD"; color: #39c; font-size: 24px; position: absolute; left: -40px; line-height: 32px; width: 32px; height: 32px; top: 2px; }

img.wt-rte-img-max-100 { max-width: 100%; height: auto !important; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
img.wt-rte-img-max-75 { max-width: 75%; height: auto !important; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
img.wt-rte-img-max-50 { max-width: 50%; height: auto !important; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
img.wt-rte-img-max-25 { max-width: 25%; height: auto !important; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
/*wiki-rte-styles end*/
/* LPE/RTE append end */

/* Timeline */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
/* MAIN
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.box-view-timeline {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}
.wrapper-timelines,
ol.name-timelines,
.wrapper-timelines *,
ol.name-timelines * {
	/* font-family: "Helvetica Neue", sans-serif; */
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* DIALOG
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.dialog-for-timeline.ui-widget.ui-widget-content {
	max-width: 35%;
}
.dialog-for-timeline {
	border: 2px solid #f3f3f4 !important;
}
.dialog-for-timeline .ui-widget-header {
	/* background-color: #315DFA !important; */
}
.dialog-for-timeline .dlg-container {
	margin: 0 auto;
	overflow: hidden;
}
.dialog-for-timeline .dlg-container .box-desc,
.dialog-for-timeline .dlg-container .line-info .label {
	float: left;
}
.dialog-for-timeline .dlg-container .box-desc {
	max-width: calc(100% - 22rem);
    text-align: left;
}
.dialog-for-timeline .dlg-container .box-img {
	display: flex;
	flex-direction: column;
	width: 20rem;
	padding: 0;
	background-color: #fff;
	margin: 0 2rem 0 0;
	float: left;
}
.dialog-for-timeline .dlg-container .box-img .wrap-img {
	position: relative;
    display: block;
    width: 20rem;
    min-height: 7rem;
    max-height: 180px;
    flex-grow: 0;
    background-image: none;
}
.dialog-for-timeline .dlg-container .box-img .wrap-img a {
	max-height: 180px;
    display: block;
}
.dialog-for-timeline .dlg-container .box-img .wrap-img img {
	max-width: 100%;
    height: 100%;
    max-height: 180px;
}
.dialog-for-timeline .dlg-container .line-info {
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #fff;
	border-radius: 0;
	padding: 0.5rem 0;
	margin: 0;
	border-bottom: solid 1px #D1DCF8;
	flex-shrink: 0;
}
.dialog-for-timeline .dlg-container .line-info .label {
	display: block;
	font-size: inherit;
	color: #999;
	margin: 0 10px 0 0;
	white-space: nowrap;
	min-width: 16rem;
	text-align: left;
}
.dialog-for-timeline .dlg-container {
	text-align: center;
}
.dialog-for-timeline {
	font-size: 2em;
	padding: 0 !important;
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wrapper-timelines {
	width: 85%;
	float: right;
	padding-right: 50px;
	position: relative;
	height: 100%;
	display: flex;
}
.timeline {
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.timeline ol {
	font-size: 0;
	transition: all 0.2s;
}
.timeline .list-items-desc {
	font-size: 1.5rem;
}
.timeline ol li {
	position: relative;
	display: inline-block;
	list-style-type: none;
	height: 1px;
	background: #ffffff;
}
.timeline ol li .li-point {
	/*display: none;*/
	position: absolute;
	top: -3px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #F45B69;
	z-index: 1;
}
.timeline ol li .line-point {
    position: absolute;
	left: calc(100% + 7px);
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
    height: 50px;
    width: 1px;
    background: #f45b69;
}
.timeline ol li .img-link-point,
.timeline ol li .div-link-point {
	position: absolute;
	left: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	z-index: 1;
	cursor: pointer;
}
.timeline time {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
}
/* DESC POINT
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline ol li div.desc-point,
.desc-point .list-items-desc li.item-desc {
	background: #f3f3f4;
}

.timeline ol li div.desc-point {
    position: absolute;
	left: calc(100% + 7px);
	transition: 0.1s;
	border-radius: 0px 15px 15px 15px;
	transform: scale(0);
	opacity: 0;
	z-index: -1;
}
.timeline ol li div.desc-point .content-desc-point::-webkit-scrollbar {
	width: 10px;
	border-right: 5px solid transparent;
}
.timeline ol li div.desc-point .content-desc-point::-webkit-scrollbar-button {  background-color: transparent; }
.timeline ol li div.desc-point .content-desc-point::-webkit-scrollbar-track {
	background-color: #999;
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.timeline ol li div.desc-point .content-desc-point::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.timeline ol li div.desc-point .content-desc-point::-webkit-scrollbar-thumb {
	background-color: #456990;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.timeline ol li div.desc-point .content-desc-point::-webkit-scrollbar-corner { background-color: transparent;}
.timeline ol li div.desc-point .content-desc-point::-webkit-resizer { background-color: transparent;}

.timeline ol li div.desc-point .content-desc-point ::-webkit-scrollbar-thumb:hover {
	background: #003f84;
  }

.timeline ol li div.desc-point.active {
	transform: scale(1);
	opacity: 1;
    z-index: 2;
}
.timeline ol li div.desc-point .content-desc-point {
	padding: 15px;
	max-height: 200px;
	max-width: 400px;
	overflow: hidden;
}
.timeline ol li div.desc-point .content-desc-point:hover {
	overflow: auto;
}
.timeline ol li div.desc-point .content-desc-point .pointer-desc-point {
    position: absolute;
    left: 0;
	border-style: solid;
	top: 100%;
    border-width: 8px 8px 0 0;
    border-color: #f3f3f4 transparent transparent transparent;
}
/* LIST ITEMS DESC
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.desc-point .list-items-desc {
	overflow: hidden;
}
.desc-point .list-items-desc .wrapper-mark-item-desc {
	position: absolute;
    left: 0;
	height: 100%;
}
.desc-point .list-items-desc .mark-item-desc {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: content-box;
	width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    border: 0.15em solid #efefef;
}
.desc-point .list-items-desc .name-item-desc,
.desc-point .list-items-desc .mark-item-desc {
	cursor: pointer;
	border-color: #efefef;
	color: #efefef;
}
.desc-point .item-desc:hover .mark-item-desc,
.desc-point .item-desc:hover .name-item-desc {
	border-color: #F45B69;
	color: #F45B69;
}
.desc-point .list-items-desc li.item-desc {
	position: relative;
	display: block;
	height: 1.6em;
	padding-left: 1em;
	line-height: 1.7em;
    font-size: 22px;
    transition: 0.5s;
}
/* TIME LINE
------------------------------------------------------ */
.timeline ol.ol-time {
	position: absolute;
	bottom: 0px;
}
.timeline ol.ol-time .wrap-name-period {
    text-align: center;
    font-size: 20px;
	overflow: hidden;
	height: auto;
	background: transparent;
}
.timeline ol.ol-time .wrap-name-period .name-period {
	overflow: hidden;
}
.timeline .name-period .segment-timeline {
	float: left;
	text-align: center;
	min-height: 13px;
	position: relative;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.timeline ol.ol-time .wrap-name-period .sign-name-period {
	float: left;
}
.timeline ol.ol-time .wrap-name-period .pillow-name-period {
	height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-left: 1px solid;
}
/* NAME TIMELINES
----------------------------------- */
ol.name-timelines {
	position: relative;
	float: left;
	width: 15%;
}
ol.name-timelines li {
	list-style-type: none;
	position: relative;
}
ol.name-timelines li .icon-sign-tl {
	position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
	width: 1.3em;
    height: 1.3em;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
ol.name-timelines li .tl-name {
	display: block;
	margin-left: 2em;
    overflow: hidden;
    height: 100%;
    white-space: nowrap;
}
/* BALUN TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ol.name-timelines li.signature-timeline {
	cursor: pointer;
	display: block;
	white-space: nowrap;
	float: left;
    width: 95%;
}
.unselectable {
	user-select: none;
	user-select: inherit;
    -moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select: none;
}
/* CONTROLS
----------------------------------- */
.wrapper-timelines .arrows {
	position: relative;
	bottom: 0;
	height: 0;
}
.wrapper-timelines .arrows button {
    background: transparent;
    border: none;
    cursor: pointer;
	outline: none;
	transform: translateY(-50%);
}
.wrapper-timelines .arrows button > img {
	width: 40px;
	height: 40px;
}
.wrapper-timelines .arrows button.arrow__prev {
	float: left;
	margin-left: -50px;
}
.wrapper-timelines .arrows button.arrow__prev:active {
	padding: 1px 0 0 1px;
}
.wrapper-timelines .arrows button.arrow__next:active {
	padding: 1px 1px 0 0;
}
.wrapper-timelines .arrows button.arrow__next {
	float: right;
	margin-right: -40px;
}
.wrapper-timelines .arrows button.arrow__next img {
	transform: rotate(180deg);
}
.wrapper-timelines .arrows {
    position: absolute;
    width: 100%;
}
.wrapper-timelines .arrows button.arrow__next {
    margin-right: -40px;
    position: absolute;
    right: 50px;
}

/* TIMELIN LPE */
.wt-lp-timeline-block {
	width: 100%;
	position: relative;
	font-size: 1rem;
}

/* -- Personal data verification form styles -- */
form.ws-verification {
	display: flex;
	flex: 1;
	flex-direction: column;
	background-color: #fff;
	padding: 2rem;
}

form.ws-verification .ws-label-container {
	position: relative;
	display: none;
	/* flex: 1 0 auto; */
	margin: 2rem;
	min-width: 40rem;
	flex-direction: column;
}

form.ws-verification .ws-verification__content {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

form.ws-verification .ws-label-container .ws-label {
	flex-direction: column;
}

form.ws-verification .ws-label-container .ws-label[wt-role="code"] {
	display: none;
	margin-top: 1rem;
	width: 20rem;
}

form.ws-verification .ws-label-container .ws-label-container__done {
	display: none;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: default;
}
form.ws-verification .ws-label-container .ws-label-container__done span[wt-role="title"] {
	margin-top: 0.5rem;
	color: #efefef;
	font-size: 2rem;
	font-weight: 600;
}
form.ws-verification .ws-label-container .ws-label-container__done svg {
	width: 10rem;
	height: 10rem;
}

form.ws-verification .ws-label-container .ws-label-container__done svg > g {
	fill: #efefef;
}

form.ws-verification .ws-label-container .ws-label__title {
	font-size: 2rem;
}

form.ws-verification .ws-label-container .ws-label__current-value {
	font-size: 2rem;
	margin: 1rem 0;
	padding: calc(8px + 2px) 0;
}

form.ws-verification .ws-label-container .ws-label__value {
	font-size: 2rem;
	margin: 1rem 0;
}

form.ws-verification .ws-label-container .ws-label-container__info {

}

form.ws-verification .ws-label-container .ws-label-container__warning {
	color: #ff606f;
	margin-bottom: 1rem;
}

form.ws-verification .ws-label-container__controls { }

form.ws-verification .ws-label-container__controls .ws-btn { }

form.ws-verification .ws-label-container__controls .ws-btn.ws-btn--primary {
	background-color: #efefef;
	color: #FFFFFF;
	transition: all 0.2s ease-in-out;
}
form.ws-verification .ws-label-container__controls .ws-btn.ws-btn--primary[disabled] {
	background-color: #adb1b9;
	border-color: #adb1b9;
	cursor: default;
}
form.ws-verification .ws-label-container__controls .ws-btn.ws-btn--primary:not([disabled]):hover {
	opacity: 0.85;
}

form.ws-verification .ws-label-container__controls .ws-btn.ws-btn--text-only {
	border: none;
	color: #efefef;
	transition: all 0.2s ease-in-out;
}

form.ws-verification .ws-label-container__controls .ws-btn.ws-btn--text-only:hover {
	background-color: transparent;
	color: #efefef;
	opacity: 0.85;
}
/* -- End of personal data verification form styles -- */

.dlg_select { padding: 8px !important; }
.dlg_select * { box-sizing: border-box; }
.dlg_select .XAML-stack-filters-container {}
.x-container.dlg_select .XAML-input-text, .x-container.dlg_select .XAML-input-text .x-form-item-body { width: auto !important; max-width:none; }
.x-container.dlg_select .XAML-input-text .x-form-field { font-size: 1.2em; padding: 8px 32px 8px 8px; width: 16em; }
.x-container.dlg_select .XAML-input-text .x-form-field::placeholder { color: #ccc; font-size: 1em; }
.x-container.dlg_select .XAML-panel-search .cssXPStackPanel .x-table-layout-cell { position: relative; }
.x-container.dlg_select .XAML-panel-search .XAML-button-view { position: absolute; padding: 8px; top: 0; left: -32px; }
.x-container.dlg_select .XAML-uni-content-header tr:nth-child(2) td div { border-radius: 0; }
.x-container.dlg_select .cssXPDataGrid .x-panel-body { border-radius: 0; border: solid 1px #efefef; }
.x-container.cssXPSPXMLScreen.dlg_select .cssXPDataGrid .x-grid-view { border-bottom: none !important; }
.x-container.dlg_select .cssXPDataGrid .x-grid-item { margin: 0; border-top: solid 1px #ebebec; }
.x-container.dlg_select .cssXPDataGrid .x-grid-item:first-of-type { border-top: none; }
.x-container.dlg_select .cssXPDataGrid .x-grid-item .x-grid-cell { background-color: #fff !important; padding: 8px; }
.x-container.dlg_select .cssXPDataGrid .x-grid-item-over .x-grid-cell { background-color: #ebebec !important; }
.x-container.dlg_select .cssXPDataGrid .x-grid-item-selected .x-grid-cell { background-color: #def !important; color: #315DFA; }
.x-container.dlg_select .cssXPDataGrid .x-grid-item tr > .x-grid-cell:first-child { padding-left: 20px !important; background-repeat: no-repeat; background-position: 6px center; background-size: 10px 12px; }
.x-container.dlg_select .cssXPDataGrid .x-grid-item-selected tr > .x-grid-cell:first-child { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20style%3D%22fill%3A%23315DFA%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M448%2C71.9c-17.3-13.4-41.5-9.3-54.1%2C9.1L214%2C344.2l-99.1-107.3c-14.6-16.6-39.1-17.4-54.7-1.8%20c-15.6%2C15.5-16.4%2C41.6-1.7%2C58.1c0%2C0%2C120.4%2C133.6%2C137.7%2C147c17.3%2C13.4%2C41.5%2C9.3%2C54.1-9.1l206.3-301.7%20C469.2%2C110.9%2C465.3%2C85.2%2C448%2C71.9z%22%20%2F%3E%3C%2Fsvg%3E');  }
.x-container.cssXPSPXMLScreen.dlg_select .XAML-uni-content-header { margin-bottom: 0 !important; }
.x-container.cssXPSPXMLScreen.dlg_select .XAML-grid-dialog-buttons { padding: 0 0 8px 0 !important; }
.x-container.dlg_select .XAML-grid-dialog-buttons > .x-table-layout { margin: 8px 0 0 0; }
.x-container.dlg_select .XAML-grid-dialog-buttons .cssXPButton { margin: 0; font-size: 1em; width: 10em !important; }
.x-container.cssXPSPXMLScreen.dlg_select .cssXPToolbar { position: relative; padding: 0; height: auto !important; }
.x-container.cssXPSPXMLScreen.dlg_select .cssXPToolbar .x-box-menu-body-horizontal { float: none; position: relative; height: inherit !important; }
.x-container.cssXPSPXMLScreen.dlg_select .cssXPToolbar .x-box-menu-body-horizontal .x-box-target { position: relative; height: inherit; }
.x-container.cssXPSPXMLScreen.dlg_select .cssXPToolbar .cssXPButton { position: relative !important; left: 0 !important; margin: 0 8px 0 0 !important; }
@media screen and (max-width: 767px)
{
	.x-container.cssXPSPXMLScreen.dlg_select .XAML-stack-filters-container { margin: 8px 0px 0px 0px; }
	.x-container.dlg_select .XAML-input-text .x-form-field { font-size: 1em; padding: 0 2.4em 0 0.5em; width: 20em; height: 3.2em }
	.x-container.dlg_select .XAML-input-text .x-form-field::placeholder { color: #ccc; font-size: 1em; margin-left: 1em; }
	.x-container.dlg_select .XAML-panel-search .XAML-button-view { padding: 0 !important; top: 0 !important; left: -3em !important; width: 3.2em !important; height: 100%; }
	.x-container.dlg_select .XAML-grid-filter > table > tbody > tr > td:last-child { padding: 0 !important; }
}
@media screen and (max-width: 400px)
{
	.x-container.cssXPSPXMLScreen.dlg_select .XAML-stack-filters-container { margin: 0; }
	.x-container.dlg_select .XAML-input-text .x-form-field { max-width: 88vw; }
	.x-container.cssXPSPXMLScreen.dlg_select .x-grid-item-container { max-width: 100% !important; }
	.x-container.cssXPSPXMLScreen.dlg_select .x-grid-item-container > .x-grid-item { width: 100% !important; }
	.x-container.cssXPSPXMLScreen.dlg_select .x-grid-item-container tr > .x-grid-cell:first-child { width: 100% !important; }
	.x-container.dlg_select .XAML-grid-dialog-buttons .cssXPButton { max-width: 40vw; }
	.x-container.cssXPSPXMLScreen.dlg_select .cssXPToolbar { display: flex; flex-direction: row; align-items: center; }
}

/* wtbadge start */
.wt-counter-badge { display: block; min-width: 64px; width: 64px; height: 64px; border-left: solid 1px #ebebec; }
.wt-counter-badge .wt-badge-wrapper { display: block; width: inherit; height: inherit; }
.wt-counter-badge .wt-badge-btn { display: flex; flex-direction: row; align-items: center; justify-content: center; width: inherit; height: inherit; padding: 0; margin: 0; border: none; outline: none; background-color: transparent; background-repeat: no-repeat; background-position: center 20px; background-size: 32px 32px; background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20style%3D%22fill%3A%237f7f7f%22%20viewBox%3D%220%200%20128%20128%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M113%2C0H15A15%2C15%2C0%2C0%2C0%2C0%2C15V79.57a15%2C15%2C0%2C0%2C0%2C15%2C15H38.28a1%2C1%2C0%2C0%2C1%2C1%2C1V121a7%2C7%2C0%2C0%2C0%2C11.95%2C4.95L82.31%2C94.87a1%2C1%2C0%2C0%2C1%2C.71-.29h30a15%2C15%2C0%2C0%2C0%2C15-15V15A15%2C15%2C0%2C0%2C0%2C113%2C0Zm9%2C79.57a9%2C9%2C0%2C0%2C1-9%2C9H83a7%2C7%2C0%2C0%2C0-4.95%2C2L47%2C121.7a1%2C1%2C0%2C0%2C1-1.71-.71V95.57a7%2C7%2C0%2C0%2C0-7-7H15a9%2C9%2C0%2C0%2C1-9-9V15a9%2C9%2C0%2C0%2C1%2C9-9h98a9%2C9%2C0%2C0%2C1%2C9%2C9Z%22%20%2F%3E%3C%2Fsvg%3E'); }
.wt-counter-badge .wt-badge-value { display: inline; color: #7f7f7f; font-size: 12px; font-weight: 500;  }
.wt-counter-badge .wt-badge-btn:hover { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20style%3D%22fill%3A%23c00%22%20viewBox%3D%220%200%20128%20128%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M113%2C0H15A15%2C15%2C0%2C0%2C0%2C0%2C15V79.57a15%2C15%2C0%2C0%2C0%2C15%2C15H38.28a1%2C1%2C0%2C0%2C1%2C1%2C1V121a7%2C7%2C0%2C0%2C0%2C11.95%2C4.95L82.31%2C94.87a1%2C1%2C0%2C0%2C1%2C.71-.29h30a15%2C15%2C0%2C0%2C0%2C15-15V15A15%2C15%2C0%2C0%2C0%2C113%2C0Zm9%2C79.57a9%2C9%2C0%2C0%2C1-9%2C9H83a7%2C7%2C0%2C0%2C0-4.95%2C2L47%2C121.7a1%2C1%2C0%2C0%2C1-1.71-.71V95.57a7%2C7%2C0%2C0%2C0-7-7H15a9%2C9%2C0%2C0%2C1-9-9V15a9%2C9%2C0%2C0%2C1%2C9-9h98a9%2C9%2C0%2C0%2C1%2C9%2C9Z%22%20%2F%3E%3C%2Fsvg%3E'); }
.wt-counter-badge .wt-badge-btn:hover .wt-badge-value { color: #c00; }
/* wtbadge end */

/* vchat start */
.mode-vchat .page-content {
	display: flex;
}
.mode-vchat .page,
.mode-vchat .zone-main,
.mode-vchat .page-content,
.mode-vchat .zone-main-wrapper {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
/* vchat end */





















/* WebTutor skin styles */
/* COMMON STYLES BEGIN */

.xs_flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.xs_flex.xs_inline{
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.xs_flex.xs_middle{
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;	
}
.xs_flex.xs_bottom{
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.xs_flex.xs_wrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.xs_flex.xs_center{
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.xs_flex.xs_start{
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.xs_flex.xs_column{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.xs_flex.xs_column_reverse{
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.xs_flex.xs_reverse{
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}



.clearfloat 		{ clear: both; height: 0; font-size: 1px; line-height: 0px; overflow: hidden; }
.clearleft 			{ clear: left; height: 0; font-size: 1px; line-height: 0px; overflow: hidden; }
/* COMMON STYLES END*/

/* BODY DEFAULT STYLES BEGIN */

table { font-size: 14px;}
/* BODY DEFAULT STYLES END */
 
/* SIDE SPACERS BEGIN */
#wt-spacer-top 		{ display: block; width: 100%; overflow: hidden; padding: 0px; margin: 0px; 
	    background: transparent;
    height: 0;
	z-index:2;
	    position: relative;
}
#wt-spacer-bottom 	{ display: none }
#wt-spacer-left 	{ display: none; }
#wt-spacer-right	{ display: none; }
/* SIDE SPACERS END */

/* MAIN CONTAINER BEGIN */
#wt-container{ 
	box-sizing: border-box; 
	width: 100%; 
	max-width: 1345px; 
	background-color: #FFFFFF; 
	margin: 0px auto 0px auto; 
	border: none; 
	text-align: left !important;
  	height: 100%;
  	padding: 0 10px;
	box-sizing:border-box;
}

#wt-content {
    min-height: 100%;
    border: 0px solid transparent;/*иначе сверху виден фон body*/
    padding-bottom: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFFFFF;
    position: relative;
}
 /* the auto margins (in conjunction with a width) center the page if spacers are off*/
#wt-zone-header 	{ box-sizing: content-box; padding: 0; z-index: 10000; }
/* MAIN CONTAINER END */

/* HEADER START */
#wt-header 			{ height: 60px;    margin-top: 25px;}
#header-top{
	position:relative;
	height:65px;
}
	#wt-header-top-right 	{position:relative;padding-right:50px;margin-left:20px;}

#wt-header-middle	{ height: auto; /* 130px; */}
	#wt-header-middle-bg2 	{}
	#wt-header-middle-bg3 	{}
	#wt-header-middle-left	{ float: left; width: 720px; } /* width: auto or width: Npx for fixed width N = fullwidth - otherzoneswidth */
	#wt-header-middle-left-left { display: inline; float: left; }
		#wt-header-middle-left-left img		{ margin-top: 12px; /*float: left;*/  margin-left: -1px; /* width: 220px;*/ } /* top log overrides may be used here */
		#wt-header-middle-left-center		{ width: 320px; float: left; }
	#wt-header-middle-right 	{ width: 440px; float: right;  }
	#wt-header-middle-center 	{ display: none; text-align: center; margin: 0px 360px 0px 220px; }
		#wt-header-title 	{}
		#wt-header-title .WTCSS-header-title-flashobj {}
		#wt-header-title .WTCSS-header-title-flashembed {}
		#wt-header-title .WTCSS-header-title-image {}
		#wt-header-title .WTCSS-header-title-text { margin-left: 12px; margin-top: 28px; font-size: 22px; font-weight: bold; color: #AAA; border-left: solid 1px #cccccc; padding-left: 24px; }

#wt-header-bottom { display: none;  }
	#wt-header-bottom-left 		{ display: none; float: left; }
	#wt-header-bottom-right 	{ display: none; float: right; }
	#wt-header-bottom-center	{ display: none; height: 36px; }
/* HEADER END */

#wt-spacer-header-body { display: block; height: 8px; overflow: hidden; float: none; }
#wt-spacer-middle-footer { display: block; height: 1px; overflow: hidden; float: none; }

/* INTERIM START */
#wt-spacer-header-interim 	{ display: none; }
#wt-zone-interim 	{ box-sizing: content-box; overflow: hidden; }
#wt-zone-interim-left 	{ box-sizing: content-box; float: left; border-right: solid 1px #F9F9F9; }
#wt-zone-interim-right { box-sizing: content-box; float: right; border-left: solid 1px #F9F9F9; }
#wt-zone-interim-right-wrapper { padding-left: 16px; }
#wt-zone-interim-main 	{ box-sizing: content-box; padding-right: 16px; }
/* INTERIM END */

#wt-middle { }
#wt-wrapper	{ box-sizing: border-box;  width:100% !important; overflow: hidden; z-index: 9000; padding-left: 0px; padding-right: 0px; 
padding-top:25px;}

#wt-zone-left{ 
    background: #15b742;
    width: 100%;
}
#wt-zone-left-wrapper {padding-top: 0px;padding-right:0;position: relative;}
#xs_left_menu ul{
    margin:0 0px 40px;
}

#wt-zone-right { 
	box-sizing: content-box; 
 }
#wt-body #wt-zone-right-wrapper { border-left: solid 0px #F9F9F9; padding-left: 0;}

#wt-zone-main { box-sizing: content-box; padding:0; margin-left: 15% !important; margin-right:23% !important; }

#wt-zone-footer { line-height: 81px; margin-top: -81px;
    color: #ea1d26; 
	text-align:center;
	height:auto;
    position: relative;
    z-index: 5;
	background: #15b742;
	border-radius:3px 3px 0 0
}
#wt-body #wt-zone-footer p { margin: 0; padding: 0; font-weight:bold}
	#wt-footer { display:none;}
	#wt-footer-bg2 {	}
	#wt-footer-bg3 {	}
	#wt-footer-left { display: none; float: left; width: 200px;	}
	#wt-footer-right	{ display: none; width: 300px;	float: right; }
	#wt-footer-center { text-align: center; /* top right bottom left */	}

/* MENUS */
/************ Horizontal menu *************************************/
/* Height is mandatory, level0_height + level0_borders + level0_padding */
.WTCSS-menu-h  { height: auto; border-top: 1px solid #F9F9F9; border-bottom: 1px solid #F9F9F9; width: 100%; background-color: #FFFFFF; background: url(pics/1blank.gif) left top repeat-x; }
.WTCSS-menu-h div.menu-wrapper { height: auto; padding: 0px; }
/* background colors levels 0-3 */
.WTCSS-menu-h ul li { z-index: 0; background-color: #FFF !important; border-right: 0px solid #dbdbdb; background: url(spar/mm_bg_item.png) right top no-repeat; }
.WTCSS-menu-h ul li:hover { z-index: 10000;  background-color: #EEE !important; border-right: 0px solid #dbdbdb; background: url(spar/mm_bg_item_over.png) right top no-repeat; }
.WTCSS-menu-h ul li:hover ul li, .WTCSS-menu-h ul li:hover ul li:hover ul li, .WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li { background-color: #FFF; border-right: 0px solid #dbdbdb; background-image: none; }
.WTCSS-menu-h ul li:hover ul li:hover, .WTCSS-menu-h ul li:hover ul li:hover ul li:hover, .WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li:hover { background-color:  #EEE; border-right: 0px solid #dbdbdb; background-image: none; }
/* text colors levels 0-3 */
.WTCSS-menu-h li a { color: #999; }
.WTCSS-menu-h li:hover li a, .WTCSS-menu-h li:hover li:hover li a, .WTCSS-menu-h li:hover li:hover li:hover li a { color: #999; }
.WTCSS-menu-h li:hover a { color: ; }
.WTCSS-menu-h li:hover li:hover a, .WTCSS-menu-h li:hover li:hover li:hover a, .WTCSS-menu-h li:hover li:hover li:hover li:hover a { color: #333; }
.WTCSS-menu-h ul { padding: 0; margin: 0; list-style: none; white-space: nowrap; }
.WTCSS-menu-h ul li { float: left;	position:relative; font-size: 14px;  }
.WTCSS-menu-h a { display: block; text-decoration: none; }
.WTCSS-menu-h a:visited, .WTCSS-menu-h a:active { color: #999; }
/* level 0 item element, design should be applied here, height is mandatory - content height */
.WTCSS-menu-h ul li a { height: 16px; text-align: center; font-weight: bold; padding: 13px 20px 13px 10px; }
.WTCSS-menu-h ul li:hover a { }
.WTCSS-menu-h ul li a div.item-icon { padding: 0px; }
.WTCSS-menu-h ul li a div.item-no-icon { padding-left: 10px; url(/pics/menu_arrow_sprite.png) right 3px no-repeat; border-left: solid 1px #999999; background: url(/pics/menu_arrow_sprite.png) right 3px no-repeat; padding-right: 20px; }
.WTCSS-menu-h ul li:hover a div.item-no-icon { background-position: right -97px; }
/* level 1+ container, hidden by default */
.WTCSS-menu-h ul li ul { display: none; border: 1px solid #cccccc; background-color: #f2f2f2; }
.WTCSS-menu-h ul li ul li {	margin-left: 0px; font-weight: normal; }
.WTCSS-menu-h ul li:hover ul li a div.item-no-icon { padding-left: 10px; border-left: none !important; background-position: right -197px; }
.WTCSS-menu-h ul li:hover ul li:hover a div.item-no-icon { padding-left: 10px; border-left: none !important; background-position: right -297px; }
.WTCSS-menu-h ul li a div.item-no-icon-0 {	padding-left: 10px;	border-left: none !important; }
.WTCSS-menu-h ul li:hover ul { display: block; z-index: 1000 !important; position: absolute; top: 40px; left: 0px; }
.WTCSS-menu-h ul li:hover ul li a {	display: block !important; text-align: left; font-size: 14px; font-weight:  normal; border-left: solid 1px #999999; border-bottom: solid 1px #999999; border-right: solid 1px #999999; }
.WTCSS-menu-h ul li:hover ul li a.item-link-number-0 { border-top: solid 1px #999999; }
.WTCSS-menu-h ul li:hover ul li ul { display: none; }
.WTCSS-menu-h ul li:hover ul li:hover ul li ul { display: none; }
.WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li ul { display: none; }
.WTCSS-menu-h ul li:hover ul li:hover ul { 	display:block;	position:absolute; left:125px;	top: 0px; }
.WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul { 	display:block;	position:absolute; left:125px;	top: 0px; }
.WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li:hover ul { 	display:block;	position:absolute; left:125px;	top: 0px; }

/************ Horizontal menu END *************************************/

/************ Horizontal menu alternative *****************************/

div.menuDropDown { display: block; visibility: hidden; position: fixed; top: 39px; z-index: 9999; padding: 0px; }
div.menuDropDown:hover { }
table.menuDropDownTable { border: 1px solid #dbdbdb; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
div.menuDropDownVis { display: inline; visibility: visible; position: static; z-index: 99999; border: 1px dotted #000000; padding-left: 10px; padding-right: 10px; padding-top: 0px; background-position: left top; background-repeat: repeat; }
div.menuDropDownVis: hover { 	background-color: #; }
div.level1_item { display: block !important; color: #666666; text-align: left; font-size: 14px; padding-top: 10px; padding-bottom: 2px; padding-right: 0px; padding-left: 0px; }
div.level2_item { font-size: 12px; padding-top: 2px; padding-bottom: 2px; padding-left: 0px; }
a.link_level1_item:link, a.link_level1_item:visited { color: #999; }
a.link_level1_item:hover, a.link_level1_item:active { color: ; font-weight: normal; text-decoration: none; }
a.link_level2_item:link, a.link_level2_item:visited  { color: ; }
a.link_level2_item:hover, a.link_level2_item:active { color: #999; font-weight: normal; text-decoration: none; }
a.link_level2_item:hover, a.link_level1_item:hover { }

/************ Horizontal menu alternative END ************************/

/************ Vertical menu side *************************************/
.WTCSS-menu-vs { font-size: 12px; width: 100%; background-color: #868686; }
.WTCSS-menu-vs .menu-wrapper { padding: 1px; }
.WTCSS-menu-vs ul { padding: 0; margin: 0; list-style: none; /* do not change */ }
.WTCSS-menu-vs ul li { position:relative; }
.WTCSS-menu-vs ul li div.item-wrapper {	background-image: url(pics/32_menu_bg_0.png); background-position: center left;	background-repeat: repeat-x; }
.WTCSS-menu-vs ul li:hover div.item-wrapper { color: #333333; background-color: #cacaca; background-image: url(pics/32_menu_bg_1.png); background-position: center left; background-repeat: repeat-x; }
/* level 0 item element, design should be applied here *//* mandatory, content height */
.WTCSS-menu-vs ul li a, .WTCSS-menu-vs ul li a:visited { height: 24px; line-height: 22px; display: block; text-decoration: none; text-align: left; color: #FFFFFF; font-weight: bold; border-bottom: dotted 1px #777777; padding: 0 6px 0 6px; }
.WTCSS-menu-vs ul li a div.item-icon { background-position: 3px 4px; background-repeat: no-repeat; padding: 0 6px 0 22px; }
.WTCSS-menu-vs ul li a div.item-no-icon { padding: 0 6px 0 22px; }
.WTCSS-menu-vs ul li ul { display: none; /* do not change */ }
.WTCSS-menu-vs ul li ul li { margin-left: 0px; font-weight: normal; }
/* level 1 container, displayed on level 0 mouseover */
.WTCSS-menu-vs ul li:hover ul {	display: block;	position: absolute;	border-left: solid 1px #FFFFFF;	border-top: solid 1px #FFFFFF; top: 0px; }
.WTCSS-menu-vs ul li:hover ul li a { display: block !important;	background:#F9F9F9;	color:#333333;	text-align: left;	font-weight: normal;	border-bottom: dotted 1px #FFFFFF;	border-right: solid 1px #FFFFFF; }
.WTCSS-menu-vs ul li:hover ul li a:hover {	background:#F9F9F9;	color:#333333; }
.WTCSS-menu-vs ul li:hover ul li a { background:#c2c2c2; color:#FFFFFF; }
.WTCSS-menu-vs ul li:hover ul li:hover a { background:#F9F9F9; color:#000000; }
.WTCSS-menu-vs ul li:hover ul li ul { display: none;}
.WTCSS-menu-vs ul li:hover ul li:hover ul { display:block; position:absolute; top:0; }
/************ Vertical menu side end *************************************/

#wt-header-wrapper .WTCSS-user-info div.wrapper{padding:0;}

/****** Vertical menu tree-like *******************************************/
.WTCSS-menu-vt { font-size: 12px; width: 100%; background-color: #868686; }
.WTCSS-menu-vt ul { padding:0; margin: 0; list-style: none; /* do not change */ }
.WTCSS-menu-vt ul li.item-closed { position: relative;  /* do not change */ }
.WTCSS-menu-vt ul li ul.list-closed { display: none;  /* do not change */ }
.WTCSS-menu-vt ul li.item-open { position: relative;  /* do not change */ }
.WTCSS-menu-vt ul li ul.list-open {	display: block;  /* do not change */ }
.WTCSS-menu-vt div.menu-wrapper { padding: 5px; }
/* Level 0 is the only displayed with item-closed style, level 0 link wrapper, apply idle styles here */
.WTCSS-menu-vt ul li.item-closed div.item-wrapper {	background-image: url(pics/32_menu_bg_0.png); background-position: top left; background-repeat: repeat-x; }
.WTCSS-menu-vt ul li.item-closed div.over {	background-image: url(pics/32_menu_bg_1.png); background-position: top left; background-repeat: repeat-x; }
.WTCSS-menu-vt ul li.item-closed a, .WTCSS-menu-vt ul li.item.closed a:visited { display: block; height: 24px; line-height: 22px; text-decoration: none; text-align: left; color: #FFFFFF; font-weight: bold; border-bottom: dotted 1px #777777; }
/*  Link wrapper for open item - all or level 0 (if overrided later), apply idle styles here */
.WTCSS-menu-vt ul li.item-open div.item-wrapper { background-image: url(pics/32_menu_bg_1.png);	background-position: top left; background-repeat: repeat-x; }
.WTCSS-menu-vt ul li.item-open div.over { background-image: url(pics/32_menu_bg_0.png); background-position: top left; background-repeat: repeat-x; }
.WTCSS-menu-vt ul li.item-open a, .WTCSS-menu-vt ul li.item.open a:visited { display: block; height: 24px; line-height: 22px; text-decoration: none; text-align: left; color: #FFFFFF; font-weight: bold; border-bottom: dotted 1px #777777; }
/* Inner levels link wrapper. Use !important key to override level 0 styles */
.WTCSS-menu-vt ul li ul li div.item-wrapper { background: none !important; }
.WTCSS-menu-vt ul li ul li div.over { background-image: url(pics/32_menu_bg_0.png) !important; background-position: top left; background-repeat: repeat-x; }
.WTCSS-menu-vt ul li a div.item-icon { background-position: 3px 4px; background-repeat: no-repeat; padding: 0 6px 0 22px; }
.WTCSS-menu-vt ul li a div.item-no-icon { padding: 0 6px 0 22px; }
.WTCSS-menu-vt ul li.item-indent { /* если для каждого уровня отступ от предыдущего одинаковый, то можно задать здесь */}
.WTCSS-menu-vt ul li.item-level-1 {	margin-left: 12px; }
.WTCSS-menu-vt ul li.item-level-1 a, .WTCSS-menu-vt ul li.item-level-1 a:visited { font-size: 11px; font-weight: normal !important; }
.WTCSS-menu-vt ul li.item-level-2 { margin-left: 6px; }
.WTCSS-menu-vt ul li.item-level-2 a, .WTCSS-menu-vt ul li.item-level-2 a:visited { font-size: 10px; font-weight: normal !important; }
/****** Vertical menu tree-like END *******************************************/

#wt-user-panel { float: right; margin-top: 20px; margin-right: 0px; width: 284px; background-color: #e6f4fd; color: #666666; border-top: solid 3px #b3d5eb; }
#wt-user-panel-wrapper { margin: 5px 8px 8px 8px; }
.WTCSS-user-info{
	white-space: nowrap;
}
.WTCSS-user-info-name { font-size: 12px; font-weight: bold; text-align: center; padding: 3px; color: #666666; }
.WTCSS-user-info-pending-tasks { font-size: 11px; text-align: left; padding: 3px 0px 3px 3px; }
.WTCSS-user-info-pending-tasks a { font-weight: bold; }
.WTCSS-user-info-link-courses {}
.WTCSS-user-info-link-tests {}
.WTCSS-user-info-pages { text-align: left; padding: 3px 0px 0px 0px; }
.WTCSS-user-info-pages select { height: 21px; font-size: 11px; text-align: left; border: solid 1px #b3d5eb; width: 100%; padding: 2px; color: #666666; }

/* POLL START */
.WTCSS-poll { margin: 0px 5px 12px 5px; }
.WTCSS-poll div.wrapper {}
.WTCSS-poll div.common-header { background-color: ; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 10px; border-top: solid 3px #b3d5eb; border-bottom: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; border-bottom: 1px solid #dddddd; text-transform: uppercase; }
.WTCSS-poll div.common-container { background-color: #FFFFFF !important;	padding: 0px 6px 0px 6px; border-left: 1px solid #e6f4fd; border-right: 1px solid #e6f4fd; border-bottom: 0px; }
.WTCSS-poll div.container {	padding-top: 6px; padding-bottom: 6px; }
.WTCSS-poll div.header { color: #666666; font-size: 14px; font-weight: normal; padding: 6px 6px 6px 6px; background-color: #F9F9F9; }
.WTCSS-poll div.row { border-bottom: solid 1px #F9F9F9; }
.WTCSS-poll table.poll-start-table {}
.WTCSS-poll td.input-container { width: 20px; padding: 6px 0px 6px 3px; vertical-align: top; border-bottom: solid 1px #F9F9F9; }
.WTCSS-poll td.input-label { width: 100%; padding: 6px; vertical-align: top; border-bottom: solid 1px #F9F9F9; }
.WTCSS-poll div.button-container { padding: 2px 0px 3px 3px; background-color: #F9F9F9; }
.WTCSS-poll input.btn-disabled { background-color: #F9F9F9; background-image: url(/pics/bg_btn_grey.png); color: #EEE; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; opacity: 0.5; filter: alpha(opacity=50); }
.WTCSS-poll div.archive { background-color: #FFFFFF; color: #666666; font-size: 14px; text-align: right; padding: 6px; }
.WTCSS-poll div.archive a { /* background-image: url(/pics/icon_more.png); background-position: right center; background-repeat: no-repeat; */ padding: 4px 2px 6px 12px;  }

/* POLL RESULTS */
.WTCSS-poll-result {}
.WTCSS-poll-result div.wrapper {}
.WTCSS-poll-result div.header { padding: 2px 6px 2px 5px; /* background-image: url(/pics/icon_title.png); background-position: left center; background-repeat: no-repeat; border-bottom: solid 1px #CCCCCC; */ font-size: 24px; font-weight: normal; color: #666666; }
.WTCSS-poll-result table.poll-table { border-spacing: 10px; width: 100%; }
.WTCSS-poll-result table.poll-table td.card { background-color: #F9F9F9; vertical-align: top; padding: 10px; border: solid 1px #cccccc; }
.WTCSS-poll-result table.poll-table div.card {}
.WTCSS-poll-result table.poll-table div.poll-name { font-size: 14px; font-weight: bold; color: #666666; padding-bottom: 10px; }
.WTCSS-poll-result table.poll-table div.question { font-size: 12px; font-weight: bold; color: #666666; padding: 10px 0px; }
.WTCSS-poll-result table.poll-table div.result { background-color: #ffffff; padding: 5px; border: solid 1px #cccccc; }
.WTCSS-poll-result table.poll-table table.result { }
.WTCSS-poll-result table.poll-table table.result td.poll-item { vertical-align: top; padding: 5px; border-bottom: solid 1px #cccccc; width: 50%; }
.WTCSS-poll-result table.poll-table table.result td.poll-numbers { vertical-align: top; padding: 5px; border-bottom: solid 1px #cccccc; width: 10%; }
.WTCSS-poll-result table.poll-table table.result td.poll-graph { vertical-align: top; padding: 5px; border-bottom: solid 1px #cccccc; width: 40%; }
.WTCSS-poll-result table.poll-table table.result img.progress { height: 16px; }
.WTCSS-poll-result table.poll-table table.result td.summary { vertical-align: top; padding: 5px; border-top: solid 1px #cccccc; font-weight: bold; }
.WTCSS-poll-result table.poll-table table.result td.first { text-align: right; }
.WTCSS-poll-result div.paging { padding: 5px; background-color: #F9F9F9; margin-top: 10px; text-align: center; }
.WTCSS-poll-result div.paging span.page { padding: 0px 10px; border-left: solid 1px #cccccc; }
.WTCSS-poll-result div.paging span.first { border-left: none !important; }

/* POLL PROCEDURE */
.WTCSS-poll-procedure { overflow-x: auto; }
.WTCSS-poll-procedure div.wrapper {}
.WTCSS-poll-procedure div.header { padding: 2px 6px 2px 5px; /* background-image: url(/pics/icon_title.png); background-position: left center; background-repeat: no-repeat; border-bottom: solid 1px #CCCCCC; */ font-size: 24px; font-weight: normal; color: #666666; }
.WTCSS-poll-procedure div.container { }
.WTCSS-poll-procedure table.list-table { width: 100%; margin: 10px 0px; }
.WTCSS-poll-procedure table.list-table th  { padding: 8px; background-color: #F9F9F9; font-weight: bold; border-bottom: solid 1px #cccccc; color: #666666; }
.WTCSS-poll-procedure table.list-table td.name  { width: 100%; padding: 8px 8px 8px 32px; border-bottom: dotted 1px #cccccc; background-image: url(/icons/16round/16_right_0.png); background-position: 8px 8px; background-repeat: no-repeat; }
.WTCSS-poll-procedure table.list-table td.name:hover  { background-image: url(/icons/16round/16_right_1.png); }
.WTCSS-poll-procedure table.list-table td.completion  { padding: 8px; border-bottom: dotted 1px #cccccc; text-align: right; vertical-align: top; }
.WTCSS-poll-procedure table.list-table img.completed  { width: 16px; height: 16px; background-image: url(/icons/16round/16_yes.png); background-position: top left; background-repeat: no-repeat; }

.WTCSS-poll-procedure table.survey-table { margin: 10px 0px; border-spacing: 0px; width: 100%; }
.WTCSS-poll-procedure table.survey-table td.survey-list { vertical-align: top; width: 250px; background-color: #F9F9F9; padding: 10px; border: solid 1px #cccccc; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul { padding:0; margin: 0; list-style: none; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li a { display: block; padding: 5px 5px 5px 20px; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.root-item { margin: 0; padding: 3px 0 3px 22px; font-size: 12px; background-image: url(/pics/minus.jpg); background-position: 5px 5px; background-repeat: no-repeat;  }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.root-item div.item { cursor: pointer; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.root-item-collapsed { background-image: url(/pics/plus.jpg); }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.current { font-weight: bold; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li:hover a { background-color: #ffffff; }
/*.WTCSS-poll-procedure table.survey-table td.survey-list ul li.active a { background-image: url(/icons/16round/16_help_0.png); background-position: 5px 5px; background-repeat: no-repeat; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.active:hover a { background-image: url(/icons/16round/16_help_1.png); }*/
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.item a { background-image: url(/icons/6round/6_bullet_black.png); background-position: 9px 9px; background-repeat: no-repeat; font-size: 11px;}
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.completed a { background-image: url(/icons/6round/6_bullet_green.png); background-position: 9px 9px; background-repeat: no-repeat; }
.WTCSS-poll-procedure table.survey-table td.survey-body { vertical-align: top; padding: 0px 0px 0px 10px; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.dates { border: solid 1px #cccccc; background-color: #F9F9F9; color: #cc0000; text-align: center; font-size: 12px; padding: 5px; margin-bottom: 10px; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.completed { border: solid 1px #cccccc; background-color: #F9F9F9; color: #00cc00; text-align: center; font-size: 12px; padding: 5px; margin-bottom: 10px; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.poll-name { background-color: #e6f4fd; color: #666666; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.poll-body { padding: 10px; border: solid 1px  #e6f4fd; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.state { margin-bottom: 10px; border-bottom: solid 1px #F9F9F9; padding: 5px; }
.WTCSS-poll-procedure table.survey-table td.survey-body span.state { font-weight: bold; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.confirmed { margin-bottom: 10px; padding: 10px; color: #00cc00; font-weight: bold; text-align: center; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.comment-container { margin-bottom: 5px; text-align: center; }
.WTCSS-poll-procedure table.survey-table td.survey-body textarea.comment { width: 480px; height: 120px; border: dotted 1px #cccccc; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.comment { margin: 10px; padding: 10px 0; border-top: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-poll-procedure table.survey-table td.survey-body div.filled { margin-bottom: 10px; padding: 10px; color: #660066; font-weight: bold; text-align: center; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.deleted { margin-bottom: 10px; padding: 10px; color: #cc0000; font-weight: bold; text-align: center; }

div.btn-container { padding: 3px 3px; background-color: #F9F9F9; }
div.btn-container-main { margin-top: 10px; text-align: center !important; border-top: solid 1px #cccccc; }
input.btn-left { margin-left: 5px !important; }

div.wt-poll-table-wrapper { position: relative; width: inherit; height: inherit; overflow: auto;}
table.poll-table { border-spacing: 10px; width: 100%; }
table.poll-table td.q-title { background-color: #F9F9F9; vertical-align: top; padding: 5px 10px; border: solid 1px #cccccc; font-weight: bold; }
table.poll-table div.q-title { text-align: left; color: #666666; }
table.poll-table td.q-card { background-color: #F9F9F9; vertical-align: top; border: solid 1px #cccccc; }
table.poll-table td.q-table { background-color: #F9F9F9; vertical-align: top; border: solid 1px #cccccc; }
table.poll-table div.q-table-header { margin-bottom: 5px; padding: 0px 0px 10px 0px; color: #666666; font-weight: bold; text-align: left; border-bottom: solid 1px #cccccc; }
table.poll-table table.q-table { width: 100%; border-spacing: 10px; }
table.poll-table table.q-table td.q-table-0-0 {  }
table.poll-table table.q-table td.q-table-row-title { padding: 5px; vertical-align: middle; font-weight: bold; border-right: solid 3px #666666; text-align: center; }
table.poll-table table.q-table td.q-table-column-title { padding: 5px; vertical-align: middle; font-weight: bold; border-bottom: solid 3px #666666; text-align: center;}
table.poll-table table.q-table td.q-table-card { background-color: #F9F9F9; vertical-align: top; border: solid 1px #cccccc; }

div.q-container { margin: 0px; background-color: #F9F9F9; padding: 10px; }
div.q-header { margin-bottom: 5px; padding: 0px 0px 10px 0px; color: #666666; font-weight: bold; text-align: left; border-bottom: solid 1px #cccccc; }
div.q-combo{ }
select.q-combo { width: 100%; margin: 0; padding: 0px; border: solid 1px #cccccc; }
div.q-input-text { }
input.q-input-text { width: 100%; margin: 0; padding: 0px; border: solid 1px #cccccc; height: 21px;}
div.q-input-number { }
input.q-input-number { width: 20%; margin: 0; padding: 0px; border: solid 1px #cccccc; height: 21px;}
div.q-input-date { }
input.q-input-date { width: 100px; margin: 0; padding: 0px; border: solid 1px #cccccc; height: 21px;}

div.q-comment { margin-top: 10px; text-align: center; }
div.q-comment-header { background-color: #cccccc; text-align: center; padding: 5px; border: solid 1px #cccccc; }
textarea.q-comment { width: 100%; height: 50px; padding: 0px; border: solid 1px #cccccc; }

table.q-choice-axis { width: 100%; }
table.q-choice-axis td.q-choice-low { width: 50%; padding: 0px 6px 3px 6px; text-align: left; color: #666666; border-left: solid 1px #cccccc; border-bottom: solid 1px #cccccc; }
table.q-choice-axis td.q-choice-high { width: 50%; padding: 0px 6px 3px 6px; text-align: right; color: #666666; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; }
table.q-choice-scale { width: 100%; border-spacing: 1px; }
table.q-choice-scale td.q-choice-scale-item { padding: 5px; }
table.q-choice-scale td.q-choice-scale-item input.q-radio { padding: 0; margin: 0; }
table.q-choice-list { width: 100%; }
table.q-choice-list td.q-choice-input { padding: 5px 0px; border-bottom: dotted 1px #cccccc; }
table.q-choice-list td.q-choice-label { width: 100%; padding: 5px; border-bottom: dotted 1px #cccccc; }
table.q-choice-list td.first-row { }
table.q-select { width: 100%; }
table.q-select td.q-select-input { padding: 5px 0px; border-bottom: dotted 1px #cccccc; }
table.q-select td.q-select-label { width: 100%; padding: 5px; border-bottom: dotted 1px #cccccc; }
textarea.q-textarea { width: 100%; height: 50px; border: solid 1px #cccccc;}
select.q-select-multi { width: 100%; border: solid 1px #cccccc; height: 50px; }
input.q-input-link-db { width: 100%; margin: 0; padding: 0px; border: solid 1px #cccccc; height: 21px; }



/* POLL BODY */
.WTCSS-poll-body { overflow-x: auto; }
.WTCSS-poll-body div.wrapper {}
.WTCSS-poll-body div.start { border: solid 1px #cccccc; background-color: #F9F9F9; color: #cc0000; text-align: center; font-size: 12px; padding: 5px; margin-bottom: 10px; }
.WTCSS-poll-body div.message { border: solid 1px #cccccc; background-color: #F9F9F9; color: #cc0000; text-align: center; font-size: 12px; padding: 5px; margin-bottom: 10px; }


/* LAST NEWS START */
.WTCSS-lastnews {}
.WTCSS-lastnews div.wrapper {}
.WTCSS-lastnews div.common-header {	background-color: #e6f4fd; color: #666666; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-lastnews div.common-container { background-color: #FFFFFF; padding: 0px 6px 6px 6px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; }
.WTCSS-lastnews div.container { padding-top: 6px; padding-bottom: 6px; }
.WTCSS-lastnews div.header { color: #666666; font-size: 11px; font-weight: bold; padding: 6px 6px 6px 12px; background-color: #F9F9F9; }
.WTCSS-lastnews div.row { padding: 6px; }
.WTCSS-lastnews div.row a, .WTCSS-lastnews div.row a:visited { font-size: 12px; color: #666666; text-decoration: none; }
.WTCSS-lastnews div.row a:hover, .WTCSS-lastnews div.row a:active { color: #3399cc; text-decoration: underline; }
.WTCSS-lastnews div.archive { background-color: #e6f4fd; color: #666666; font-size: 12px; text-align: right; padding: 6px; margin-bottom: 12px; }
.WTCSS-lastnews div.archive a {	background-image: url(/pics/icon_more.png); background-position: right center; background-repeat: no-repeat;	padding: 4px 20px 6px 12px; }

#wt-user-cabinet div.username a{border-bottom-color:transparent;}
#wt-user-cabinet div.username a:hover{border-bottom-color:#000;}

/* COURSES RECOMMENDED START */
.WTCSS-crs-rec {}
.WTCSS-crs-rec div.wrapper {}
.WTCSS-crs-rec div.common-header { background-color: #e6f4fd; color: #666666; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; width: 100%; }
.WTCSS-crs-rec div.common-container { background-color: #FFFFFF; padding: 6px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; border-bottom: solid 1px #e6f4fd; width: 100%; }
.WTCSS-crs-rec table.table-main { width: 100%; }
.WTCSS-crs-rec td.cell-header-name { color: #666666; font-size: 12px; font-weight: bold; padding: 6px 6px 6px 12px; background-color: #F9F9F9; }
.WTCSS-crs-rec td.cell-header-action { color: #666666; font-size: 12px; font-weight: bold; padding: 6px 6px 6px 12px; background-color: #F9F9F9; }
.WTCSS-crs-rec tr.crs-row {}
.WTCSS-crs-rec td.crs-name { padding: 3px; vertical-align: top;	border-bottom: solid 1px #F9F9F9; }
.WTCSS-crs-rec td.crs-action { padding: 3px; vertical-align: top; text-align: right; border-bottom: solid 1px #F9F9F9; }
.WTCSS-crs-rec div.action-wrapper {	padding: 12px; }
.WTCSS-crs-rec div.already-active {	padding: 6px 12px; text-align: center; float:right; }
.WTCSS-crs-rec input.action-activate { padding: 6px; border: solid 2px #F9F9F9; background-color: #F9F9F9; text-align: center; width: 150px !important; background-image: url(/pics/bg_btn_grey.png); background-position: left center; 	background-repeat: repeat-x; }
.WTCSS-crs-rec input.action-request { padding: 6px 12px; border: solid 2px #F9F9F9; background-color: #F9F9F9; text-align: center; width: 150px; background-image: url(/pics/bg_btn_grey.png); background-position: left center;	background-repeat: repeat-x; }
.WTCSS-crs-rec input.over { background-image: url(/pics/bg_btn_lightblue.png); background-position: left center;	background-repeat: repeat-x; cursor: pointer; }

/* PATH START */
.WTCSS-path { margin-bottom: 6px;}
.WTCSS-path div.wrapper { padding: 0px;	background-color: #EEE; text-align: left; }
.WTCSS-path table.body { width: 100%; }
.WTCSS-path td.path { padding: 6px; }
.WTCSS-path td.doc-menu { width: 16px; padding: 4px; background-image: url(/pics/menu_bullet_0.png); background-position: center; background-repeat: no-repeat; }
.WTCSS-path td.doc-menu:hover { background-image: url(/pics/menu_bullet_1.png); cursor: pointer; }
.WTCSS-path a.path-parent { padding-right: 22px; background: url(/pics/icon_more.png) right center no-repeat; }
.WTCSS-path span.path-current {}
.WTCSS-path td.path a.path-parent { color: ; font-size: 12px; }
.WTCSS-path td.path a.path-current { color: ; font-size: 12px; }

.WTCSS-doc-menu-container { display: none; width: 200px; position: absolute; border: dotted 1px #cccccc; z-index: 1000;}

.WTCSS-doc-menu { width: 200px; }
.WTCSS-doc-menu div.wrapper { padding: 6px; background-color: #ffffff; }
.WTCSS-doc-menu div.header { background-color: #F9F9F9; padding: 4px; border-bottom: solid 1px #cccccc; }
.WTCSS-doc-menu table.header  { width: 100%; }
.WTCSS-doc-menu td.title  { padding: 0px 3px; text-align: left; color: #666666; font-weight: bold; }
.WTCSS-doc-menu td.close { width: 16px; height: 16px; padding: 0px; background-image: url(/icons/16round/16_close_0.png); background-position: center top; background-repeat: no-repeat; }
.WTCSS-doc-menu td.close:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }
.WTCSS-doc-menu div.subscript { padding: 6px 4px 6px 24px; background-image: url(/icons/16round/16_response_0.png); background-position: 4px 4px; background-repeat: no-repeat; border-bottom: dotted 1px #cccccc; }
.WTCSS-doc-menu div.subscript:hover { background-image: url(/icons/16round/16_response_1.png); cursor: pointer; }
.WTCSS-doc-menu div.edit { padding: 6px 4px 6px 24px; background-image: url(/icons/16round/16_settings_0.png); background-position: 4px 4px; background-repeat: no-repeat; }
.WTCSS-doc-menu div.edit:hover { background-image: url(/icons/16round/16_settings_1.png); cursor: pointer; }
.WTCSS-doc-menu div.search { background-color: #F9F9F9; padding: 3px; border-top: solid 1px #cccccc;}
.WTCSS-doc-menu table.form { width: 100%; }
.WTCSS-doc-menu td.label-container { width: 100%; padding-right: 4px; text-align: right; font-size: 11px; }
.WTCSS-doc-menu td.field-container { }
.WTCSS-doc-menu td.field-container input { padding: 0px; margin: 0px; border: solid 1px #cccccc; }
.WTCSS-doc-menu td.button-container { padding: 0px 4px; }
.WTCSS-doc-menu td.button-container .button-search { width: 18px; height: 18px; background-image: url(/icons/16round/16_search_0.png); background-position: center; background-repeat: no-repeat; border: none; }
.WTCSS-doc-menu td.button-container .button-search:hover { background-image: url(/icons/16round/16_search_1.png); cursor: pointer; }


img{
	max-width:100%;
	height:auto;
}


/* TITLE START */
.WTCSS-title {}
.WTCSS-title div.wrapper { padding-left: 1px; }

/* CHAT START */
.WTCSS-chat { margin-bottom: 12px; }
.WTCSS-chat td { vertical-align: top; }
.WTCSS-chat ul { padding:0; margin: 0; list-style: none; /* do not change */ }
.WTCSS-chat ul li { padding:0; margin: 0; margin-top: 3px;  }
.WTCSS-chat div.wrapper {}
.WTCSS-chat div.common-header { background-color: ; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; border-bottom: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF;}
.WTCSS-chat div.userlist { height: auto; padding: 6px; border-left: 1px solid #e6f4fd;	border-right: 1px solid #e6f4fd; border-bottom: 1px solid #e6f4fd; padding: 6px; }
.WTCSS-chat div.header { color: #666666; font-size: 12px; font-weight: bold; padding: 6px 6px 6px 6px; background-color: #F9F9F9;	}
.WTCSS-chat div.header-button { color: #666666; font-size: 12px; font-weight: bold; background-color: #F9F9F9; padding: 1px; }
.WTCSS-chat div.header-with-button { padding: 6px 6px 6px 6px; float: left; }
.WTCSS-chat div.button-add { text-align: right; float: right; }
.WTCSS-chat div.chater-container { margin: 0px 5px; }
.WTCSS-chat div.mychatters {}
.WTCSS-chat input.button { background-color: #F9F9F9; background-image:  url(/pics/bg_btn_grey.png); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 10px 3px 10px; text-align: center; margin: 0; }
.WTCSS-chat input.button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: ; cursor: pointer; }
.WTCSS-chat div.user-row { border: solid 1px #F9F9F9; padding: 3px; cursor: pointer; }
.WTCSS-chat div.user-row:hover { border: solid 1px #e6f4fd; background-color: #e6f4fd; }
.WTCSS-chat td.user-photo { width: 36px; padding-right: 5px; }
.WTCSS-chat div.user-photo { width: 36px; }
.WTCSS-chat img.user-photo { width: 36px; height: 48px; }
.WTCSS-chat td.user-name { width: 100%; padding-right: 5px; }
.WTCSS-chat div.user-name { font-weight: bold; }
.WTCSS-chat div.user-status { background-image: url(/icons/6round/6_bullet_blue.png); background-position: center left; background-repeat: no-repeat; padding: 2px 5px 0px 12px; font-size: 11px; }
.WTCSS-chat div.status-online { background-image: url(/icons/6round/6_bullet_green.png); }
.WTCSS-chat div.status-offline { background-image: url(/icons/6round/6_bullet_red.png); }
.WTCSS-chat td.user-actions { }
.WTCSS-chat div.user-info { background-image: url(/icons/16round/16_info_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; margin-bottom: 3px; overflow: hidden; font-size: 24px; }
.WTCSS-chat div.user-info:hover { background-image: url(/icons/16round/16_info_1.png); cursor: pointer; }
.WTCSS-chat div.user-remove { background-image: url(/icons/16round/16_close_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; }
.WTCSS-chat div.user-remove:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }
.WTCSS-chat td.online { filter: alpha(opacity=100); opacity: 1.0; }
.WTCSS-chat td.offline { filter: alpha(opacity=30); opacity: 0.3; }
.WTCSS-chat .highlight { background-color: #FF9933 !important; }

.WTCSS-chat-container-main { display: none; position: absolute; z-index: 10000; background-color: #e6f4fd; text-align: left; border: solid 1px #b3d5eb; }
.WTCSS-chat-container td { vertical-align: top; }
.WTCSS-chat-container div.chat-header { color: #666666; font-size: 12px; font-weight: bold; background-color: #e6f4fd; padding: 1px; border-top: solid 2px #b3d5eb; }
.WTCSS-chat-container div.header-with-button { padding: 6px 6px 6px 6px; float: left; }
.WTCSS-chat-container div.button-close { float: right; background-image: url(/icons/16round/16_close_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 4px }
.WTCSS-chat-container div.button-close:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }
.WTCSS-chat-container div.chat-text-wrapper { padding-left: 5px; padding-right: 5px; }
.WTCSS-chat-container div.chat-text { border: solid 1px #CCCCCC; background-color: #FFFFFF; height: 248px; overflow-y:auto; overflow-x:hidden; }
.WTCSS-chat-container div.chat-send { padding: 3px; }
.WTCSS-chat-container-main div.input-container { padding: 2px 2px;}
.WTCSS-chat-container-main textarea.chat-input { width: 244px; border: dotted 1px #999999; }
.WTCSS-chat-container-personal table.input-container { width:100%; padding: 0; text-align: right;}
.WTCSS-chat-container-personal td.input-button-container { width:100%;}
.WTCSS-chat-container-personal textarea.chat-input { width: 100%; height: 37px; border: dotted 1px #999999; padding: 0;}

.WTCSS-chat-container input.chat-button { width: 250px; background-color: #F9F9F9; background-image: url(/pics/bg_btn_grey.png); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center;	margin: 0; }
.WTCSS-chat-container input.chat-button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: ; cursor: pointer; }
.WTCSS-chat-container span.wt-chat-line-time { font-size: 11px; color: #999999; }
.WTCSS-chat-container span.wt-chat-line-mine { font-size: 12px; color: #336699; }
.WTCSS-chat-container span.wt-chat-line-user { font-size: 12px; color: #666666; }

/* SWITCH */
.WTCSS-switcher { margin-top: 2px;}
.WTCSS-switcher div.wrapper { height: 36px; margin-top: 2px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-switcher div.sites { float: right; width: 32px; color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-switcher div.sites-counter { float: right; color: #006699; width: 32px; text-align: center; font-weight: bold; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_sites.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-switcher div.views { float: right; width: 32px; color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-switcher div.views-counter { float: right; color: #006699; width: 32px; text-align: center; font-weight: bold; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_view.png); background-position: center center; background-repeat: no-repeat; }

/* MASK */
#wt-mask { position: absolute; top: 0px; left: 0px; z-index: 9000; background-color: #666666; display: none; }

/* DROPDOWN DIV */
.WTCSS-dropdown { display: none; text-align: left; position: absolute; z-index: 9999; width: 250px; background-color: #ffffff; color: #666666; border: 2px solid #F9F9F9; padding: 10px; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#999999');}
.WTCSS-dropdown table.link-container { margin-top: 5px; width: 100%; }
.WTCSS-dropdown td.view-all-box { background-color: #F9F9F9; text-align: left; padding: 5px; width: 50%; }
.WTCSS-dropdown td.close-box { background-color: #F9F9F9; text-align: right; padding: 5px; width: 50%; }
.WTCSS-dropdown div.title { font-weight: bold; padding-top: 0px; padding-bottom: 6px; border-bottom: 1px solid #F9F9F9; }
.WTCSS-dropdown .list-div ul { margin: 0px; padding: 0px; list-style: none; }
.WTCSS-dropdown .list-div li { padding: 6px 3px 6px 3px; border-bottom: 1px solid #F9F9F9; }
.WTCSS-dropdown .list-div div.site { background-position: left top; background-repeat: no-repeat; padding: 0px 0px 2px 22px; background-image: url(/icons/16round/16_world_0.png); }
.WTCSS-dropdown .list-div div.site:hover { background-image: url(/icons/16round/16_world_1.png); }
.WTCSS-dropdown .list-div div.view { background-position: left top; background-repeat: no-repeat; padding: 0px 0px 2px 22px; background-image: url(/icons/16round/16_eye_0.png);}
.WTCSS-dropdown .list-div div.view:hover { background-image: url(/icons/16round/16_eye_1.png); }
.WTCSS-dropdown div.no-items { font-style: italic; padding: 6px; text-align: center; color: #999999; }
.WTCSS-dropdown .user-photo img { float: left; margin-right: 7px; width: 36px;}
.WTCSS-dropdown .list-div div.action { background-position: left top; background-repeat: no-repeat; padding: 0px 0px 2px 22px; }
.WTCSS-dropdown .list-div div.critical { background-image: url(/icons/16round/16_fire_1.png);}
.WTCSS-dropdown .list-div div.warning { background-image: url(/icons/16round/16_fire_1.png); }
.WTCSS-dropdown .list-div div.pagelink { background-position: left top; background-repeat: no-repeat; padding: 0px 0px 2px 22px; background-image: url(/icons/16round/16_world_0.png); }
.WTCSS-dropdown .list-div div.pagelink:hover { background-image: url(/icons/16round/16_world_1.png); }

/*DROPDOWN-USER-CABINET*/
.WTCSS-user-info { float: left;text-align:right }
.WTCSS-user-info div.user-cabinet { font-weight: bold; padding-top:0; cursor: pointer; }
.WTCSS-user-info div.userphoto {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    padding: 0;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    text-align: center;
	background:#efefef url(/spar_new/images/user.jpg) no-repeat 50% 50%;
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
	cursor:pointer;
}
.WTCSS-user-info div.no-icon { display: none; }
.WTCSS-user-info img.no-icon { height: 1px; width: 1px; }
.WTCSS-user-info div.username { white-space:nowrap; font-weight: normal; padding: 0;padding-bottom:8px;min-width:192px;text-align:right}
.WTCSS-user-info div.username  a {
	color: #000;
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
    border-bottom: 1px solid #000;
    line-height: 110%;
	overflow: hidden;
	text-align:left;
    text-overflow: ellipsis;
    max-width: 203px;
}
.WTCSS-user-info div.username  a:hover{
	border-color:transparent;
	text-decoration:none !important;
} 
.WTCSS-user-info div.username  br{
	display:none;
}
#wt-user-cabinet icon{
	font-size:19px;
	margin-left:3px;
}
/*DROPDOWN-MY-CHAT*/
.WTCSS-chat-info { float: left }
.WTCSS-chat-info div.wrapper { height: 34px; margin-top: 0px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-chat-info div.messages { color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-chat-info div.messages:hover a { text-decoration: underline; }
.WTCSS-chat-info div.messages-counter { width: 32px; text-align: center; font-weight: bold; color: #ffffff; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_messages.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-chat-info div.messages-text { color: #666666; font-weight: bold; padding: 11px 6px 9px 6px; }

/*DROPDOWN-MY-SOC*/
.WTCSS-soc-info { float: left }
.WTCSS-soc-info div.wrapper { height: 34px; margin-top: 0px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-soc-info div.messages { color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-soc-info div.messages:hover a { text-decoration: underline; }
.WTCSS-soc-info div.messages-counter { width: 32px; text-align: center; font-weight: bold; color: #ffffff; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_soc.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-soc-info div.messages-text { color: #666666; font-weight: bold; padding: 11px 6px 9px 6px; }
/*DROPDOWN-MY-TODO*/
.WTCSS-todo-info { float: left }
.WTCSS-todo-info div.wrapper { height: 34px; margin-top: 0px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-todo-info div.todo { color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-todo-info div.todo:hover a { text-decoration: underline; }
.WTCSS-todo-info div.todo-counter { width: 32px; text-align: center; font-weight: bold; color: #666666; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_todo.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-todo-info div.todo-text { color: #666666; font-weight: bold; padding: 11px 6px 9px 6px; }

/*DROPDOWN-MY-SITES*/
.WTCSS-sites-info { float: right }
.WTCSS-sites-info div.wrapper { height: 34px; margin-top: 0px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-sites-info div.sites { color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-sites-info div.sites:hover a { text-decoration: underline; }
.WTCSS-sites-info div.sites-counter { width: 32px; text-align: center; font-weight: bold; color: #006699; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_sites.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-sites-info div.sites-text { color: #666666; font-weight: bold; padding: 11px 6px 9px 6px; }

/*DROPDOWN-MY-VIEWS*/
.WTCSS-view-info { float: right }
.WTCSS-view-info div.wrapper { height: 34px; margin-top: 0px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-view-info div.views { color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-view-info div.views:hover a { text-decoration: underline; }
.WTCSS-view-info div.views-counter { width: 32px; text-align: center; font-weight: bold; color: #006699; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_view.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-view-info div.views-text { color: #666666; font-weight: bold; padding: 11px 6px 9px 6px; }


/* USER LINE */
.WTCSS-user-line {}
.WTCSS-user-line div.wrapper { height: 36px; margin-top: 2px; overflow-y: hidden; }
.WTCSS-user-line div.user { float: left; color: #666666; font-weight: bold;}
.WTCSS-user-line div.userphoto { padding: 2px 2px; float: left; }
.WTCSS-user-line img.userphoto { height: 32px; }
.WTCSS-user-line div.username { float: left; color: #666666; font-weight: bold; padding: 11px 6px;}
.WTCSS-user-line div.username span {  color: #666666;}
.WTCSS-user-line div.usertasks { padding: 11px; float: left; }
.WTCSS-user-line div.messages { float: left; color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-user-line div.messages-counter { float: left; width: 32px; text-align: center; font-weight: bold; color: #ffffff; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_messages.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-user-line div.todo { float: left; color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-user-line div.todo-counter { float: left; color: #666666; width: 32px; text-align: center; font-weight: bold; color: #666666; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_todo.png); background-position: center center; background-repeat: no-repeat; }

/* MODE CONTEXT TIP */
.WTCSS-mode-tip { float: right;	margin-top: 20px; margin-right: 0px; width: 284px; }
.WTCSS-mode-tip div.wrapper { background-image: url(/pics/conhelp2.png); background-position: left top; background-repeat: no-repeat; height: 80px; }
.WTCSS-mode-tip div.header { display: none; }
.WTCSS-mode-tip div.tip { padding: 15px 15px 15px 112px; border: none; height: 80px; }

/* ASSESSMENT TREE */
.WTCSS-ass-tree {}
.WTCSS-ass-tree div.wrapper { }
.WTCSS-ass-tree div.header { background-color: #e6f4fd; color: #666666; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-ass-tree div.container { padding: 6px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; border-bottom: solid 1px #e6f4fd; color: #666666; }
.WTCSS-ass-tree	span.treeperson, .WTCSS-ass-tree span.treesubdivision { padding: 1px 0 1px 18px !important; display: block; font-size: 11px; }
.WTCSS-ass-tree span.treeorg { padding: 1px 0 1px 20px !important; display: block; font-size: 11px; font-weight: bold; }
.WTCSS-ass-tree span.treeorg { background: url(/icons/16png/org.png) 0 0 no-repeat; }
.WTCSS-ass-tree	span.treesubdivision { background: url(/icons/16png/subdivision.png) 0 0 no-repeat; }
.WTCSS-ass-tree	span.treeperson { background: url(/icons/16png/collaborator.png) 0 0 no-repeat; }
.WTCSS-ass-tree	li.expandable span.folder { background: url(/icons/16png/category.png) 0 0 no-repeat; }
.WTCSS-ass-tree span.hover { color: #333333 !important; }
.WTCSS-ass-tree a:hover { color: #3399CC !important; }

/* ASSESSMENT TABPANEL */
.WTCSS-ass-tabpanel {  margin-top: 12px;}
.WTCSS-ass-tabpanel div.wrapper {}
.WTCSS-ass-tabpanel div.container { }
.WTCSS-ass-tabpanel table.tab-panel { width: 100%; border-spacing: 0; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab { border-bottom: solid 1px #aeaeae; }
.WTCSS-ass-tabpanel table.tab-panel td div.tab1 { background-image: url(/icons/tab_sprite.png); background-position: left -50px; background-repeat: no-repeat;  padding: 0px 0px 0px 10px; }
.WTCSS-ass-tabpanel table.tab-panel td div.tab2 { background-image: url(/icons/tab_sprite.png); background-position: right -200px; background-repeat: no-repeat; padding: 0px 10px 0px 0px; }
.WTCSS-ass-tabpanel table.tab-panel td div.tab3 { background-image: url(/icons/tab_sprite.png); background-position: center -350px; background-repeat: repeat-x; height: 16px; text-align: center; padding: 4px 0px 3px 0px; white-space: nowrap; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab:hover { cursor: pointer; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab:hover div.tab1 { background-position: left -100px; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab:hover div.tab2 { background-position: right -250px; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab:hover div.tab3 { background-position: center -400px; color: #3399CC; text-decoration: underline; }
.WTCSS-ass-tabpanel table.tab-panel td.selected { border-bottom: none !important; }
.WTCSS-ass-tabpanel table.tab-panel td.spacer { border-bottom: solid 1px #aeaeae; }
.WTCSS-ass-tabpanel table.tab-panel td.intertab { width: 2px; border-bottom: solid 1px #aeaeae; font-size: 2px; }


/* ASSESSMENT APPRAISE */
.WTCSS-ass-app {}
.WTCSS-ass-app div.wrapper {}
.WTCSS-ass-app div.form-container { overflow-x: auto; overflow-y: hidden; }
.WTCSS-ass-app div.info { padding: 12px; text-align: center; color: #999999; }
.WTCSS-ass-app div.alert { padding: 12px; text-align: center; color: #CC0000; border: inset 5px red; font-size: 14px; }
.WTCSS-ass-app div.select-container { padding: 6px; background-color: #F9F9F9; }
.WTCSS-ass-app div.select-name { padding-right: 6px; /*float: left;*/ }
.WTCSS-ass-app div.select-selector { /*float: left;*/ }
.WTCSS-ass-app div.select-selector select { margin: 0px; border: solid 1px #cccccc; font-size: 12px; padding: 0; }
.WTCSS-ass-app div.tree-container {}
.WTCSS-ass-app div.app-container { }
.WTCSS-ass-app div.competence-container { border: dotted 1px #cccccc; overflow-x: auto; }
.WTCSS-ass-app table.competence-table { width: 100%; border-spacing: 1px; }
.WTCSS-ass-app table.competence-table .th-name { padding: 6px; background-color: #F9F9F9; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: solid 1px #cccccc; }
.WTCSS-ass-app table.competence-table .th-mark { padding: 6px 3px; text-align: center; background-color: #F9F9F9; width: 40px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-ass-app table.competence-table .th-add { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-ass-app table.competence-table .th-wf { padding: 6px 3px; text-align: center; background-color: #F9F9F9; width: 80px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-ass-app table.competence-table .td-comp-name { width: 100%; margin-top: 6px; padding: 6px; background-color: #e6f4fd; border-top: solid 3px #b3d5eb; border-bottom: dotted 1px #cccccc; font-size: 14px; color: #666666; font-weight: bold; }
.WTCSS-ass-app table.competence-table .td-mark { padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-ass-app table.competence-table .td-add { padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-ass-app table.competence-table .td-control { padding: 0px 0px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-ass-app table.competence-table .td-control input { margin: 0; }
.WTCSS-ass-app table.competence-table .td-control select { margin: 0; }
.WTCSS-ass-app table.competence-table .td-comments { width: 200px; padding: 0px 0px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center;}
.WTCSS-ass-app div.ass-comment-container { padding: 12px; }
.WTCSS-ass-app table.ass-comment-table { width: 50%; background-color: #F9F9F9; }
.WTCSS-ass-app td.ass-comment-name { padding: 12px 6px; vertical-align: top; white-space: nowrap; }
.WTCSS-ass-app td.ass-comment-body { padding: 6px; vertical-align: top !important; }
.WTCSS-ass-app td.ass-comment-body div { padding: 6px; background-color: #FFFFFF; border: solid 1px #cccccc; }
.WTCSS-ass-app div.ass-button-container { padding: 13px; margin-top: 12px;background-color: #F9F9F9; text-align: center;}
.WTCSS-ass-app input.ass-button { background-color: #F9F9F9; background-image: url(/pics/bg_btn_grey.png); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center;	margin: 0; }
.WTCSS-ass-app  input.ass-button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: ; cursor: pointer; }
.WTCSS-ass-app table.ass-header-table { border-spacing: 0; width: 100%; }
.WTCSS-ass-app td.ass-grid-name { font-weight: bold; text-align: right; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }
.WTCSS-ass-app td.ass-grid-value { text-align: left; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }

/* COMP2 */
div.competence-block-container { padding: 0; }
div.competence-block-container div.competence-block { background-color: #eee; padding: 10px 20px 20px 20px; border-radius: 10px; box-shadow: 2px 2px 8px rgba(0,0,0,0.5); margin: 0 0 20px 0; }
div.competence-block-container div.competence-block div.head-part { border-bottom: inset 2px #999; padding: 0 0 10px 0; }
div.competence-block-container div.competence-block table.head-table { border-spacing: 0; width: 100%; }
div.competence-block-container div.competence-block td.comp-name { width: 100%; padding: 0 20px 0 0; font-size: 1.8em; font-weight: bold; color: #369; text-shadow: 1px 1px 3px rgba(66,66,66,0.5); }
div.competence-block-container div.competence-block td.comp-value { vertical-align: top; }
div.competence-block-container div.comp-controls { padding: 10px 0; }
div.competence-block-container div.comp-comment { margin: 10px 0; }
div.competence-block-container div.comp-comment-head { text-align: right; }
div.competence-block-container div.comp-comment span.comp-comment { padding: 2px 5px; font-size: 0.8em; color: #666; background-color: #ccc; }
div.competence-block-container div.comp-comment textarea { border: solid 1px #ccc; width: 99%; margin: 0 auto; min-width: 160px; min-height: 60px; resize: none; }
div.competence-block-container div.competence-block div.comp-value { margin: 0 0 0 auto; border-radius: 10px; text-shadow: 1px 1px 3px rgba(66,66,66,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5); padding: 5px; font-weight: bold; font-size: 24px; min-width: 72px; background-color: #999; color: #fff; text-align: center;}
div.competence-block-container div.ind-block { background-color: #fff; padding: 10px 20px; border-radius: 10px; margin: 10px 0 0 0; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); }
div.competence-block-container div.ind-block div.head-part { border-bottom: solid 1px #ccc; padding: 0 0 10px 0; font-size: 1.3em; color: #333; }
div.competence-block-container div.ind-block div.ind-controls { padding: 10px 0; }
div.competence-block-container div.ind-block div.ind-comment { margin: 10px 0; }
div.competence-block-container div.ind-block div.ind-comment-head { text-align: right; }
div.competence-block-container div.ind-block div.ind-comment span.ind-comment { padding: 2px 5px; font-size: 0.8em; color: #666; background-color: #ccc; }
div.competence-block-container div.ind-block div.ind-comment textarea { border: solid 1px #ccc; width: 99%; margin: 0 auto; min-width: 160px; min-height: 60px; resize: none; }
div.competence-block-container div.ass-slider-value { border-radius: 10px; margin: 2px 2px 2px auto; padding: 5px; width: 64px; font-weight: bold; font-size: 18px; background-color: #999; color: #fff; text-align: center; text-shadow: 1px 1px 3px rgba(66,66,66,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5); }
div.competence-block-container table.ass-slider-table { margin: 0 0 0 auto; }
div.competence-block-container div.ass-slider { width: 400px; }
div.competence-block-container div.ass-overall-container { background-color: #eee; padding: 10px 20px; border-radius: 10px; margin: 10px 0 0 0; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); }
div.competence-block-container table.ass-overall-table { border-spacing: 0; width: 100%; }
div.competence-block-container table.ass-overall-table td.ass-overall-title { width: 100%; font-size: 1.8em; font-weight: bold; color: #666; text-align: right; padding: 0 20px 0 0; }
div.competence-block-container table.ass-overall-table td.ass-overall-value { padding: 0; }
div.competence-block-container div.ass-overall { margin: 0 0 0 auto; border-radius: 10px; text-shadow: 1px 1px 3px rgba(66,66,66,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5);  padding: 5px; font-weight: bold; font-size: 24px; min-width: 72px; background-color: #999; color: #FFFFFF; text-align: center; }

/* ASSESSMENT TREE OLD */
.WTCSS-ass-tree-old {}
.WTCSS-ass-tree-old div.wrapper { }
.WTCSS-ass-tree-old div.header { background-color: ; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-ass-tree-old div.container { background-color: #FFFFFF !important;	padding: 0px; border-left: 1px solid #e6f4fd; border-right: 1px solid #e6f4fd; border-bottom: 0px; color: #666666; }
.WTCSS-ass-tree-old div.container div#tree_widow_part { height: auto !important }
.WTCSS-ass-tree-old span.TreeviewSpanArea div#folder0 {padding: 5px 1px; }
.WTCSS-ass-tree-old span.TreeviewSpanArea { font-size: 12px !important; }
.WTCSS-ass-tree-old span.TreeviewSpanArea div:hover { background-color: #FFFFFF; }

.WTCSS-ass-app div.ass-rl-item {  padding: 0px; margin: 0px; width: 51px !important; height: 36px !important; cursor: pointer !important; }
.WTCSS-ass-app div.ass-rl-item div.item-spot { padding: 0px; margin: 0px; width: 51px !important; height: 36px !important;  }
.WTCSS-ass-app div.ass-rl-item div.item-spot div.item-spot-inner { padding: 0px; margin: 0px; width: 51px !important; height: 36px !important; background-image: url(/pics/compform/cf_radioline_bg.png); background-repeat: no-repeat;  }
.WTCSS-ass-app div.ass-rl-item div.item-spot div.item-spot-inner div.item-spot-text { text-align: center; vertical-align: middle; padding: 10px 20px; color: #666666; }
.WTCSS-ass-app div.ass-rl-item div.checked div.item-spot-inner div.item-spot-text { color: #FFFFFF; }
.WTCSS-ass-app div.ass-rl-item-container-first div.item-spot {  }
.WTCSS-ass-app div.ass-rl-item-container-first div.item-spot div.item-spot-inner { background-position: top left; }
.WTCSS-ass-app div.ass-rl-item-container-first div.checked div.item-spot-inner { background-position: top right;  }
.WTCSS-ass-app div.ass-rl-item-container-inner div.item-spot {  }
.WTCSS-ass-app div.ass-rl-item-container-inner div.item-spot div.item-spot-inner { background-position: bottom left; }
.WTCSS-ass-app div.ass-rl-item-container-inner div.checked div.item-spot-inner { background-position: bottom right; }
.WTCSS-ass-app div.ass-rl-item-container-last div.item-spot {  }
.WTCSS-ass-app div.ass-rl-item-container-last div.item-spot div.item-spot-inner { background-position: bottom left; }
.WTCSS-ass-app div.ass-rl-item-container-last div.checked div.item-spot-inner { background-position: bottom right; }
.WTCSS-ass-app div.ass-rl-item-container-first div.item-text, .WTCSS-ass-app div.ass-rl-item-container-inner div.item-text, .WTCSS-ass-app div.ass-rl-item-container-last div.item-text {  }
.WTCSS-ass-app div.ass-rl-item-container-first div.checked, .WTCSS-ass-app div.ass-rl-item-container-inner div.checked, .WTCSS-ass-app div.ass-rl-item-container-last div.checked {  }

.WTCSS-ind-container { padding: 6px;}
.WTCSS-ind-header {	background-color: #e6f4fd; color: #666666; font-size: 16px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-ind-table {  margin-top: 12px; }
.WTCSS-ind-table .th { background-color: #F9F9F9; color: #666666; font-size: 12px; font-weight: bold; padding: 4px; border-bottom: solid 1px #CCCCCC; border-right: dotted 1px #CCCCCC; }
.WTCSS-ind-table .th-full {	width: 100%; border-right: none !important; }
.WTCSS-ind-table .td { padding: 4px; border-bottom: dotted 1px #CCCCCC; border-right: dotted 1px #CCCCCC; text-align: center; background-color: #ffffff; }
.WTCSS-ind-table .td-last { padding: 4px; border-bottom: dotted 1px #CCCCCC; text-align: left; background-color: #ffffff; }

.WTCSS-button { background-color: #F9F9F9; background-image: url(/pics/bg_btn_grey.png); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; }
.WTCSS-button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: ; cursor: pointer; }

.WTCSS-info-block { background-color: #fff8cc; border: dotted 1px #cccccc; padding: 6px; text-decoration: none !important; margin-top: 6px;}
.WTCSS-info-block .header { font-size: 12px; text-align: center; color: #666666; font-weight: bold; padding: 0px 3px 0px 3px; text-decoration: none !important; }
.WTCSS-info-block .WTCSS-ind-table { color: #666666; font-size: 11px !important; }
.WTCSS-info-block .WTCSS-ind-table td { vertical-align: top; text-decoration: none !important}

.WTCSS-switch-panel { margin-top: 0px; }
.WTCSS-switch-panel div.wrapper {}
.WTCSS-switch-panel div.head { background-color: #dbdbdb; background-position: top left; background-repeat: repeat-x; padding: 10px; border-bottom: solid 1px #cccccc; cursor: pointer; }
.WTCSS-switch-panel div.head div.title { float: none; margin-right: 20px; font-size: 14px; font-weight: bold; padding: 0px 3px; color: #333333; }
.WTCSS-switch-panel div.head div.switch { float: right; width: 13px; height: 16px; font-size: 15px; overflow: hidden; background-image: url(/pics/block_arrows_gray.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-switch-panel div.head div.switch:hover { background-position: top right !important; }
.WTCSS-switch-panel div.head div.off { background-position: bottom left !important; }
.WTCSS-switch-panel div.head div.off:hover { background-position: bottom left !important; }
.WTCSS-switch-panel div.content { padding: 0px; border-left: dotted 0px #cccccc; border-bottom: dotted 0px #cccccc; border-right: dotted 0px #cccccc; background-color: #ffffff; }

.WTCSS-alert { margin: 12px; padding: 12px; text-align: center; background-color: #fff8cc; color: #990000; border: inset 5px #cc0000; font-size: 14px; }

div.WTCSS-ass-comment {}
textarea.WTCSS-ass-comment { width: 96%; min-width: 160px; }

.has-comment { cursor: help; }
.WTCSS-indicator { padding: 0px; font-size: 12px; border-bottom: dotted 1px #cccccc; vertical-align: top;  color: #666666; text-decoration: none; }
.WTCSS-indicator-desc:hover { background-color: #F9F9F9;  text-decoration: underline; color: #666666; }
.WTCSS-indicator  div.indicator-name  { vertical-align: top; padding: 6px 6px 6px 26px; background-image: url(/icons/16round/16_help_0.png); background-position: 5px 5px; background-repeat: no-repeat; }
.WTCSS-indicator  div.indicator-name:hover { background-image: url(/icons/16round/16_help_1.png); }
.WTCSS-indicator-add { border-bottom: dotted 1px #cccccc; border-left: dotted 1px #cccccc; }
.WTCSS-indicator-control { border-bottom: dotted 1px #cccccc; border-left: dotted 1px #cccccc; }

.WTCSS-comp-body div.competence-container { border: dotted 1px #cccccc; overflow-x: auto; }
.WTCSS-comp-body table.competence-table {  border-spacing: 1px; }
.WTCSS-comp-body table.competence-table .th-name { padding: 6px; background-color: #F9F9F9; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: solid 1px #cccccc; }
.WTCSS-comp-body table.competence-table .th-ass_mark { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-person_mark { padding: 6px 3px; text-align: center; background-color: #F9F9F9; width: 40px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-boss_mark { padding: 6px 3px; text-align: center; background-color: #F9F9F9; width: 40px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-add { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-wf { padding: 6px 3px; text-align: center; background-color: #F9F9F9; width: 80px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-comment { padding: 6px 3px; text-align: center; background-color: #F9F9F9; width: 200px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .td-comp-name { width: 100%; margin-top: 6px; padding: 6px; background-color: #e6f4fd; border-top: solid 3px #b3d5eb; border-bottom: dotted 1px #cccccc; font-size: 14px; color: #666666; font-weight: bold; }
.WTCSS-comp-body table.competence-table .td-comp-ind { width: 100%; vertical-align: top; padding: 0px; background-color: #ffffff; border-bottom: dotted 1px #cccccc; }
.WTCSS-comp-body table.competence-table .div-comp-ind { padding: 6px 6px 6px 26px; background-image: url(/icons/16round/16_help_0.png); background-position: 5px 5px; background-repeat: no-repeat; font-size: 12px; font-weight: bold; color: #666666; }
.WTCSS-comp-body table.competence-table .td-has-desc:hover { background-color: #F9F9F9; cursor: help; }
.WTCSS-comp-body table.competence-table .td-has-desc:hover .div-comp-ind { background-image: url(/icons/16round/16_help_1.png); text-decoration: underline; }
.WTCSS-comp-body table.competence-table .td-mark { padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-comp-body table.competence-table .td-add { padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-comp-body table.competence-table .td-control { vertical-align: top; padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-comp-body table.competence-table .td-value { padding: 6px; background-color: #eee; font-size: 14px; font-weight: bold; }
.WTCSS-comp-body table.competence-table .td-overall { padding: 6px; background-color: #eee; font-size: 16px; font-weight: bold; color: #369 }
.WTCSS-comp-body table.competence-table .td-control input { margin: 0; }
.WTCSS-comp-body table.competence-table .td-control select { margin: 0; }
.WTCSS-comp-body table.competence-table .td-comment { vertical-align: top; width: 200px; padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center;}
.WTCSS-comp-body table.positive-negative { width: 100%; border-spacing: 0px; margin-top: 6px; }
.WTCSS-comp-body th.negative { width: 50%; height: 16px; font-size: 11px; vertical-align: top; border-top: dotted 1px #cccccc; text-align: left; padding: 4px 6px 3px 22px; background-image: url(/pics/compform/arrow_pn.png); background-position: left 3px; background-repeat: no-repeat; color: #666666; background-color: #F9F9F9; }
.WTCSS-comp-body th.positive { width: 50%; height: 16px; font-size: 11px; vertical-align: top; border-top: dotted 1px #cccccc; border-left: dotted 1px #cccccc; text-align: right; padding: 4px 22px 3px 6px; background-image: url(/pics/compform/arrow_pn.png); background-position: right 3px; background-repeat: no-repeat; color: #666666;  background-color: #F9F9F9;}
.WTCSS-comp-body td.negative { width: 50%; vertical-align: top; font-size: 11px; border-top: dotted 1px #cccccc; text-align: left; padding: 3px 6px; color: #666666; }
.WTCSS-comp-body td.positive { width: 50%; vertical-align: top; font-size: 11px; border-top: dotted 1px #cccccc; border-left: dotted 1px #cccccc; text-align: right; padding: 3px 6px; color: #666666; }

td.WTCSS-ass-wf-extra {}
td.WTCSS-ass-wf-extra input.extra-string { width: 150px; }
td.WTCSS-ass-wf-extra input.extra-integer { width: 60px; }
td.WTCSS-ass-wf-extra input.extra-real { width: 60px; }
td.WTCSS-ass-wf-extra input.extra-date { width: 80px; }
td.WTCSS-ass-wf-extra input.extra-check { width: 80px; }
td.WTCSS-ass-wf-extra input.extra-select { width: 80px; }
td.WTCSS-ass-wf-extra input.extra-textarea { width: 150px; height: 150px; border: dotted 1px #cccccc; }

/* RADIOLINE*/
.WTCSS-comp-body table.radioline-table  { border-spacing: 0px; }
.WTCSS-comp-body table.radioline-table td.radioline-td { cursor: pointer; vertical-align: top;}
.WTCSS-comp-body table.radioline-table td.radioline-td div.div1 { padding: 0; height: 40px; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td div.div2 { padding: 0; height: 40px; min-width: 44px; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td div.div3 { margin: 0 auto; padding: 0; width: 40px; height: 40px; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline-table td.first div.div2 { background-image: url(/pics/compform/radioline1_bg_left.png); background-position: center top; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline-table td.inner div.div2 { background-image: url(/pics/compform/radioline1_bg_inner.png); background-position: center top; background-repeat: repeat-x; }
.WTCSS-comp-body table.radioline-table td.last div.div2 { background-image: url(/pics/compform/radioline1_bg_right.png); background-position: center top; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline-table td.first div.div3 { background-image: url(/pics/compform/radioline1_spots.png); background-position: center -100px; }
.WTCSS-comp-body table.radioline-table td.inner div.div3 { background-image: url(/pics/compform/radioline1_spots.png); background-position: center -200px; }
.WTCSS-comp-body table.radioline-table td.last div.div3 { background-image: url(/pics/compform/radioline1_spots.png); background-position: center -300px; }
.WTCSS-comp-body table.radioline-table td.radioline-td-N { cursor: pointer; vertical-align: top; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td-N div.div1 { padding: 0; height: 40px; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td-N div.div2 { padding: 0; height: 40px; min-width: 44px; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td-N div.div3 { margin: 0 auto; padding: 0; width: 40px; height: 40px; background-repeat: no-repeat; background-image: url(/pics/compform/radioline1_spots.png); background-position: center 0px; }
.WTCSS-comp-body table.radioline-table div.text { padding: 3px 6px; text-align: center; color: #666666; font-weight: bold; }

.WTCSS-comp-body table.radioline-table td.checked { cursor: default !important; }
.WTCSS-comp-body table.radioline-table td.checked div.div-N div.div3 { background-position: center -50px !important; }
.WTCSS-comp-body table.radioline-table td.checked div.first div.div3 { background-position: center -150px !important; }
.WTCSS-comp-body table.radioline-table td.checked div.inner div.div3 { background-position: center -250px !important; }
.WTCSS-comp-body table.radioline-table td.checked div.last div.div3 { background-position: center -350px !important; }
.WTCSS-comp-body table.radioline-table td.checked div.text { color: #666666; }

/* RADIOLINE2*/
.WTCSS-comp-body table.radioline2-table  { border-spacing: 0px; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td { cursor: pointer; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td div.left { padding: 0px; height: 36px; background-image: url(/pics/compform/radioline2.png); background-position: left -50px; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td div.right { padding: 0px; height: 36px; background-image: url(/pics/compform/radioline2.png); background-position: right -50px; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td div.inner { margin: 0px 12px; padding: 0px; height: 36px; background-image: url(/pics/compform/radioline2.png); background-position: top center; background-repeat: repeat-x; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td div.text { padding: 11px 6px; height: 14px; text-align: center; color: #666666; font-weight: bold; white-space: nowrap; }

.WTCSS-comp-body table.radioline2-table td.checked { cursor: default !important; }
.WTCSS-comp-body table.radioline2-table td.checked div.left { background-position: left -100px !important;  }
.WTCSS-comp-body table.radioline2-table td.checked div.right { background-position: right -100px !important;  }
.WTCSS-comp-body table.radioline2-table td.checked div.inner { background-position: center -150px !important;  }
.WTCSS-comp-body table.radioline2-table td.checked div.text { color: #FFFFFF; }

/* SELECT */
.WTCSS-comp-body  div.select-box { text-align: right; }

/* RADIO */
.WTCSS-comp-body div.radio-group-container { text-align: left; padding: 3px; }
.WTCSS-comp-body table.radio-group-table td.radio { padding: 0px; vertical-align: top; }
.WTCSS-comp-body table.radio-group-table td.text { width: 100%; text-align: left; padding: 0px 3px; vertical-align: top;  }

/* SLIDER */
.WTCSS-comp-body div.ass-slider-container { }
.WTCSS-comp-body div.ass-slider-container td { vertical-align: top; }
.WTCSS-comp-body div.ass-slider-min { width: 32px; min-height: 16px; margin-top: 6px; padding: 3px 9px 3px 3px; color: #999999;}
.WTCSS-comp-body div.ass-slider { width: 200px; height: 6px; margin-top: 12px;}
.WTCSS-comp-body div.ass-slider-max { width: 32px; min-height: 16px; margin-top: 6px; padding: 3px 12px 3px 9px; color: #999999;}
.WTCSS-comp-body input.ass-slider-value {  margin-top: 3px; width: 24px; height: 16px;  }
.WTCSS-comp-body div.ass-slider-value {  margin: 2px; padding: 5px; min-width: 32px; font-weight: bold; border-radius: 5px; font-size: 16px; background-color: #666666; color: #FFFFFF; text-align: center; }
.WTCSS-comp-body div.ass-radio-container {  padding: 0px 2px; font-size: 11px; line-height: 11px; }
.WTCSS-comp-body div.ass-radioline-container {  padding: 6px; text-align: center; }
.WTCSS-comp-body table.ass-radioline-table { text-align: center; }
.WTCSS-comp-body div.ass-radioline-container td { vertical-align: top; }
.WTCSS-comp-body textarea { border: dotted 1px #cccccc; }

.mandatory-highlight { background-image: url(/pics/compform/mandatory-bg.png); background-position: left top; background-repeat: no-repeat; }

.WTCSS-dev-body table.dev-table { border-spacing: 0px; width: 100%; }
.WTCSS-dev-body table.dev-table th.name { padding: 6px; background-color: #F9F9F9; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: solid 1px #cccccc; }
.WTCSS-dev-body table.dev-table th.inds { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table th.dev-methods { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table th.edu-methods { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table th.tasks { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table th.wf { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}

.WTCSS-dev-body table.dev-table td.name { vertical-align: top; padding: 6px 3px; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc; }
.WTCSS-dev-body table.dev-table td.name textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }
.WTCSS-dev-body table.dev-table td.inds { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.dev-methods { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.dev-methods textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }
.WTCSS-dev-body table.dev-table td.edu-methods { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.edu-methods textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }
.WTCSS-dev-body table.dev-table td.tasks { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.tasks textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }
.WTCSS-dev-body table.dev-table td.wf { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.task { vertical-align: top; }

.WTCSS-dev-body table.dev-table table.ind-table { border-spacing: 0px; width: 100%; }
.WTCSS-dev-body table.dev-table table.ind-table td.left { vertical-align: top; }
.WTCSS-dev-body table.dev-table table.ind-table td.right { vertical-align: top; width: 100%; }
.WTCSS-dev-body table.dev-table div.edu-btn-container { padding: 3px; background-color: #F9F9F9; margin-bottom: 6px; }
.WTCSS-dev-body table.dev-table div.expl-container { padding: 3px; background-color: #F9F9F9; margin-bottom: 6px; }
.WTCSS-dev-body table.dev-table div.expl-container div { padding: 3px; margin-bottom: 3px; text-align: center; }
.WTCSS-dev-body table.dev-table div.expl-container textarea { width: auto; border: dotted 1px #cccccc; }

.WTCSS-dev-body table.dev-table table.tasks-table { border-spacing: 0px; width: 100%; }
.WTCSS-dev-body table.dev-table table.tasks-table td { vertical-align: top; }
.WTCSS-dev-body table.dev-table div.tasks-btn-container { padding: 3px; background-color: #F9F9F9; margin-bottom: 6px; }

.WTCSS-dev-body table.dev-table table.task-table { border-spacing: 0px; width: 100%; }
.WTCSS-dev-body table.dev-table table.task-table td.th-left { background-color: #F9F9F9; padding: 6px; text-align: left; border-bottom: solid 1px #cccccc; }
.WTCSS-dev-body table.dev-table table.task-table td.th-right { background-color: #F9F9F9; padding: 6px; text-align: right;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table table.task-table img.task-close { width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-dev-body table.dev-table table.task-table img.task-close:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }
.WTCSS-dev-body table.dev-table table.task-table td.task-spanned { vertical-align: top; padding: 3px; text-align: center; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc; }
.WTCSS-dev-body table.dev-table table.task-table td.task-left { width: 50%; vertical-align: top; padding: 3px; text-align: right; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; }
.WTCSS-dev-body table.dev-table table.task-table td.task-right { width: 50%; vertical-align: top; padding: 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; }
.WTCSS-dev-body table.dev-table table.task-table textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }

.WTCSS-supp-questions { margin-top: 12px; }
.WTCSS-supp-questions div.supp-questions-header { font-weight: bold; color: #666666; text-align: center; padding: 12px; }
.WTCSS-supp-questions table.supp-table { border-spacing: 0px; width: 100%; }
.WTCSS-supp-questions table.supp-table th { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-supp-questions table.supp-table td.left { width: 50%; vertical-align: top; padding: 6px 3px; text-align: left; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; }
.WTCSS-supp-questions table.supp-table td.right { width: 50%; vertical-align: top; padding: 6px 3px; text-align: right; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; min-width: 200px; }
.WTCSS-supp-questions table.supp-table textarea { width: 96%; min-width: 300px; border: dotted 1px #cccccc; }
.WTCSS-supp-questions table.supp-table select { width: auto; border: dotted 1px #cccccc; font-size: 12px; }

.WTCSS-supp-questions .wt-supp-question { position: relative; margin: 10px 0 0 0; }
.WTCSS-supp-questions .wt-supp-question .wt-supp-header { position: relative; border-top: solid 3px #b3d5eb; border-bottom: dotted 1px #ccc; border-left: dotted 1px #ccc; border-right: dotted 1px #ccc; background-color: #e6f4fd; padding: 6px; font-size: 14px; font-weight: bold; color: #666666; }
.WTCSS-supp-questions .wt-supp-question .wt-supp-body { position: relative; border-bottom: dotted 1px #ccc; border-left: dotted 1px #ccc; border-right: dotted 1px #ccc; background-color: #fff; padding: 6px; font-size: 12px; color: #666; }
.WTCSS-supp-questions .wt-supp-body textarea { position: relative; box-sizing: border-box; width: 100%; min-height: 80px; font-size: 12px; color: #666; }
.WTCSS-supp-questions .wt-supp-body select { position: relative; padding: 3px; font-size: 12px; height: 25px; color: #666; border: solid 1px #999; border-radius: 5px;  }
.WTCSS-supp-questions .wt-supp-body .wt-supp-checkbox-table { position: relative; box-sizing: border-box; width: 100%; border-spacing: 0 5px; }
.WTCSS-supp-questions .wt-supp-body .wt-supp-checkbox-table td { vertical-align: top; background-color: #eee; }
.WTCSS-supp-questions .wt-supp-checkbox-table .wt-supp-checkbox-label-td { width: 100%; padding: 10px; border-radius: 5px 0 0 5px; }
.WTCSS-supp-questions .wt-supp-checkbox-table label { cursor: pointer; }
.WTCSS-supp-questions .wt-supp-checkbox-table .wt-supp-checkbox-input-td { padding: 10px; border-radius: 0 5px 5px 0; }
.WTCSS-supp-questions .wt-supp-checkbox-list { position: relative; list-style: square; }
.WTCSS-supp-questions .wt-supp-checkbox-list li { padding: 0 0 0 40px; }

.WTCSS-comment  { margin-top: 12px; }
.WTCSS-comment div.header { font-weight: bold; color: #666666; text-align: center; padding: 12px; }
.WTCSS-comment div.comm { text-align: center; padding: 6px; background-color: #F9F9F9; margin-top: 6px; }
.WTCSS-comment div.comm-header { font-weight: bold; text-align: center; padding: 12px; }
.WTCSS-comment div.comm-body { text-align: left; padding: 6px; }
.WTCSS-comment div.comm-body textarea { width: 100%; border: dotted 1px #cccccc; }

.WTCSS-kpi {}
.WTCSS-kpi table.kpi-table { border-spacing: 0px; width: 100%; }
.WTCSS-kpi table.kpi-table th { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-kpi table.kpi-table td { vertical-align: top; padding: 3px; text-align: center; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-kpi table.kpi-table td.left { text-align: left !important; border-left: dotted 1px #cccccc; }
.WTCSS-kpi table.kpi-table td.right { text-align: right !important; }
.WTCSS-kpi table.kpi-table td.interlude { background-color: #e6f4fd; }
.WTCSS-kpi table.kpi-table td input.input-text{ width: 120px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.kpi-table td select { width: 80px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.kpi-table td textarea { width: 120px; border: dotted 1px #cccccc;}

.WTCSS-kpi {}
.WTCSS-kpi table.proj-table { border-spacing: 0px; width: 100%; }
.WTCSS-kpi table.proj-table th { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-kpi table.proj-table td { vertical-align: top; padding: 3px; text-align: center; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-kpi table.proj-table td.left { text-align: left !important; border-left: dotted 1px #cccccc; }
.WTCSS-kpi table.proj-table td.right { text-align: right !important; }
.WTCSS-kpi table.proj-table td.interlude { background-color: #e6f4fd; }
.WTCSS-kpi table.proj-table td input.input-text{ width: 100px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.proj-table td select { width: 80px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.proj-table td textarea { width: 100px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.proj-table img.delete-btn { width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-kpi table.proj-table img.delete-btn:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }
.WTCSS-kpi td.btn-cell, .WTCSS-kpi th.btn-cell { width: 20px; }

.WTCSS-staff { }
.WTCSS-staff div.table-wrapper { overflow: auto; }
.WTCSS-staff table.staff-table { border-spacing: 0px; width: 100%; }
.WTCSS-staff table.staff-table th { padding: 6px 3px; text-align: center; background-color: #F9F9F9; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; font-size: 11px; }
.WTCSS-staff table.staff-table td { vertical-align: top; padding: 3px; text-align: center; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-staff table.staff-table td.left { text-align: left !important; border-left: dotted 1px #cccccc; }
.WTCSS-staff table.staff-table td.right { text-align: right !important; }
.WTCSS-staff table.staff-table td.interlude { background-color: #e6f4fd; }
.WTCSS-staff table.staff-table td input.input-text{ width: 100px; border: dotted 1px #cccccc;}
.WTCSS-staff table.staff-table td select { width: 80px; border: dotted 1px #cccccc;}
.WTCSS-staff table.staff-table td textarea { width: 100px; border: dotted 1px #cccccc;}
.WTCSS-staff table.staff-table div.btn-container { padding: 3px; background-color: #F9F9F9; margin-bottom: 6px; }
.WTCSS-staff table.staff-table img.delete-btn { width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-staff table.staff-table img.delete-btn:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }

table.WTCSS-grid { border-spacing: 0; width: 100%; }
.WTCSS-grid td.grid-name { font-weight: bold; text-align: right; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }
.WTCSS-grid td.grid-value { text-align: left; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }

.WTCSS-btn-container { padding: 5px; border: dotted 1px #cccccc; background-color: #F9F9F9; text-align: center; }
.WTCSS-btn-container input.button {	background-color: #F9F9F9; background-image: url(/pics/bg_btn_grey.png); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; }
.WTCSS-btn-container input.button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: ; cursor: pointer; }



.WTCSS-forum { padding: 0 10px 10px 10px; }
.WTCSS-forum div.edit-form-container { height: 1px; overflow: hidden; visibility: hidden; }
.WTCSS-forum div.wrapper {}
.WTCSS-forum table.list-table { width: 100%; border-spacing: 0px; border-collapse: separate; }
.WTCSS-forum table.list-table th { white-space: nowrap; vertical-align: middle; border-right: groove 2px #ffffff; border-top: groove 2px #ffffff; border-bottom: groove 2px #ffffff; color: #666666; padding: 5px; background-color: #F9F9F9; text-align: left; font-size: 11px; }
.WTCSS-forum table.list-table th.first { border-left: groove 2px #ffffff; }
.WTCSS-forum table.list-table th.last { }
.WTCSS-forum table.list-table th.cell-number { text-align: center; }
.WTCSS-forum table.list-table th.cell-emoticon { }
.WTCSS-forum table.list-table th.cell-subject { }
.WTCSS-forum table.list-table th.cell-author { }
.WTCSS-forum table.list-table th.cell-entries { }
.WTCSS-forum table.list-table th.cell-updated { }
.WTCSS-forum table.list-table th.cell-actions { }
.WTCSS-forum table.list-table th.sortable { }
.WTCSS-forum table.list-table th.sortable:hover { background-color: #cccccc; cursor: pointer; }
.WTCSS-forum table.list-table th table.header { border: none; padding: 0; border-spacing: 0; }
.WTCSS-forum table.list-table th table.header td { padding: 0; border: none; }
.WTCSS-forum table.list-table th div.text { white-space: nowrap; }
.WTCSS-forum table.list-table th div.arrow { width: 2px; background-image: url(/icons/service/sorting_bg.png); background-position: center -106px; background-repeat: no-repeat; padding-right: 12px; }
.WTCSS-forum table.list-table th.ascending { background-color: #cccccc; }
.WTCSS-forum table.list-table th.descending { background-color: #cccccc; }
.WTCSS-forum table.list-table th.ascending div.arrow { background-position: center 5px !important; }
.WTCSS-forum table.list-table th.descending div.arrow { background-position: center -216px !important; }

.WTCSS-forum table.list-table td { vertical-align: top; border-right: dotted 1px #cccccc; border-bottom: groove 2px #ffffff; color: #333333; padding: 5px; text-align: left; font-size: 12px; }
.WTCSS-forum table.list-table td.first { border-left: groove 2px #ffffff; }
.WTCSS-forum table.list-table td.even { }
.WTCSS-forum table.list-table td.odd { }
.WTCSS-forum table.list-table td.pinup { }
.WTCSS-forum table.list-table td.my-topic { background-color: #eeffee; }
.WTCSS-forum table.list-table td.last { border-right: groove 2px #ffffff !important;}
.WTCSS-forum table.list-table td.cell-number { text-align: center !important; }
.WTCSS-forum table.list-table td.cell-emoticon { white-space: nowrap; text-align: center !important; }
.WTCSS-forum table.list-table td.cell-subject { width: 100%; }
.WTCSS-forum table.list-table td.cell-author { white-space: nowrap; }
.WTCSS-forum table.list-table td.cell-entries { text-align: center !important; }
.WTCSS-forum table.list-table td.cell-updated { white-space: nowrap; text-align: center !important; }
.WTCSS-forum table.list-table td.cell-actions { white-space: nowrap; }

.WTCSS-forum table.list-table div.actions-container { white-space: nowrap; }
.WTCSS-forum table.list-table div.action-delete { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-forum table.list-table div.action-delete:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }
.WTCSS-forum table.list-table div.action-edit { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(/icons/16round/16_response_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-forum table.list-table div.action-edit:hover { cursor: pointer; background-image: url(/icons/16round/16_response_1.png) !important; }
.WTCSS-forum table.list-table div.action-close { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(/icons/16round/16_cancel_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-forum table.list-table div.action-close:hover { cursor: pointer; background-image: url(/icons/16round/16_cancel_1.png) !important; }
.WTCSS-forum table.list-table div.icon-closed { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(/icons/16round/16_cancel_1.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-forum table.list-table td.pinned { font-weight: bold; }
.WTCSS-forum table.list-table td.pinned div.pin { width: 16px; height: 16px; background-image: url(/icons/service/16_pin_red.png); background-position: top left; background-repeat: no-repeat; font-size: 32px; overflow: hidden; }

.WTCSS-forum div.page-selector { margin: 10px 0 0 0; border: solid 1px #ccc; background-color: #eee; padding: 5px; text-align: center; }
.WTCSS-forum div.page-selector span.page-divider { margin: 0 2px; font-size: 11px; color: #ccc; }
.WTCSS-forum div.page-selector span.page-current { margin: 0; padding: 0; font-size: 11px; font-weight: bold; }
.WTCSS-forum div.page-selector a.page-link { margin: 0; padding: 0; font-size: 11px; }

.WTCSS-forum div.new-msg { }
.WTCSS-forum div.msg-editor { display: none; }
.WTCSS-forum div.new-msg table.form-table { }
.WTCSS-forum div.new-msg table.form-table td { vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table td.title { padding: 5px; text-align: right; white-space: nowrap; }
.WTCSS-forum div.new-msg table.form-table td.main { padding-bottom: 5px; padding-top: 5px; padding-right: 10px; }
.WTCSS-forum div.new-msg table.form-table td.main-body { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.fake-input { border: dotted 1px #cccccc; width: 550px; font-size: 14px; padding: 2px; background-color: #ffffff; height: 22px; }
.WTCSS-forum div.new-msg table.form-table input.subject { border: none; width: 522px; margin: 0px 0px 0px 22px; font-size: 14px; padding: 3px;  }
.WTCSS-forum div.new-msg table.form-table textarea.rich-text-fld{ border: dotted 1px #cccccc; width: 550px; height: 200px; font-size: 12px; }
.WTCSS-forum div.new-msg table.form-table td.service { width: 100%; padding: 5px; white-space: nowrap; }
.WTCSS-forum div.new-msg table.form-table td.service div.no-options { text-align: center; padding: 20px 5px; color: #999999;}
.WTCSS-forum div.new-msg table.form-table td.bottom-title { background-color: #F9F9F9; }
.WTCSS-forum div.new-msg table.form-table td.bottom-main { background-color: #F9F9F9; }
.WTCSS-forum div.new-msg table.form-table td.bottom-service { background-color: #F9F9F9; }
.WTCSS-forum div.new-msg table.form-table div.btn-container {  }

.WTCSS-forum div.new-msg table.form-table td.subject-title { background-color: #F9F9F9; vertical-align: middle !important; }
.WTCSS-forum div.new-msg table.form-table td.subject-main { background-color: #F9F9F9; }
.WTCSS-forum div.new-msg table.form-table td.subject-service { background-color: #F9F9F9; vertical-align: middle !important; }

.WTCSS-forum div.new-msg table.form-table ul.subject-icon { position: absolute; margin: 0px; cursor: pointer; padding:0; margin: 0; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon li { list-style: none; padding:0; margin: 0; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon div.subject-icon-container { height: 16px; background-color: #ffffff; padding: 3px;}
.WTCSS-forum div.new-msg table.form-table ul.subject-icon:hover div.subject-icon-container { background-color: #cccccc; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon div.subject-icon-selector { background-color: #ffffff; padding: 3px; border: solid 1px #cccccc; display: none;}
.WTCSS-forum div.new-msg table.form-table ul.subject-icon:hover div.subject-icon-selector { display: block !important; z-index: 1000 !important; position: absolute; top: 22px; left: 0px; -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5); box-shadow: 2px 2px 6px rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#999999');}
.WTCSS-forum div.new-msg table.form-table ul.subject-icon table.icons-table { }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon table.icons-table td { text-align: center; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon table.icons-table td.icon-cell { padding: 3px; cursor: pointer; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon table.icons-table td.icon-empty { padding: 3px; font-size: 1px; }

.WTCSS-forum div.new-msg table.form-table div.bb-code { float: left; padding: 3px 10px 5px 5px; }
.WTCSS-forum div.new-msg table.form-table div.bb-btn { width: 24px; height: 24px; cursor: pointer; }
.WTCSS-forum div.new-msg table.form-table img.bb-btn-img { width: 24px; height: 24px; }

.WTCSS-forum div.new-msg table.form-table div.attacher { padding: 3px 0px; }
.WTCSS-forum div.new-msg table.form-table div.form-line { padding: 5px 3px; }
.WTCSS-forum div.new-msg table.form-table div.selection { background-color: #F9F9F9; }
.WTCSS-forum div.new-msg table.form-table div.attacher input.list-input { border: solid 1px #cccccc; width: 140px; height: 21px; }
.WTCSS-forum div.new-msg table.form-table div.attacher input.file-input { border: solid 1px #cccccc; width: 238px; height: 25px; margin-bottom: 5px; }
.WTCSS-forum div.new-msg table.form-table div.attacher select { border: solid 1px #cccccc; color: #666666; }
.WTCSS-forum div.new-msg table.form-table div.attacher td.left { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.attacher td.right { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.attach { margin-top: 5px;}
.WTCSS-forum div.new-msg table.form-table div.attached-file { float: left; height: 24px; padding: 5px 0px 0px 10px;  }

.WTCSS-forum div.new-msg table.form-table div.msg-options {}
.WTCSS-forum div.new-msg table.form-table td.service div.header { text-align: center; font-weight: bold; }
.WTCSS-forum div.new-msg table.form-table td.service-body { border-left: solid 1px #F9F9F9; border-right: solid 1px #F9F9F9; }
.WTCSS-forum div.new-msg table.form-table div.msg-options div.container { padding: 5px; }

.WTCSS-forum div.new-msg table.form-table div.pin-it { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; border-collapse: collapse; cursor: help;}
.WTCSS-forum div.new-msg table.form-table div.pin-it label { font-size: 11px; color: #666666; cursor: pointer; vertical-align: top; }

.WTCSS-forum div.new-msg table.form-table div.closed { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; cursor: help; }
.WTCSS-forum div.new-msg table.form-table div.closed label { font-size: 11px; color: #666666; cursor: pointer; vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table div.closed div.user-list { padding: 3px 3px 0px 18px; font-size: 11px; }

.WTCSS-forum div.new-msg table.form-table div.subscription { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; }
.WTCSS-forum div.new-msg table.form-table div.subscription label { font-size: 11px; color: #666666; vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table div.subscription-link { padding: 3px 3px 0px 18px; font-size: 11px; }

.WTCSS-forum div.new-msg table.form-table div.anonymous { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; }
.WTCSS-forum div.new-msg table.form-table div.anonymous label { font-size: 11px; color: #666666; vertical-align: middle; }
.WTCSS-forum div.new-msg table.form-table div.anonymous select { border: solid 1px #cccccc; color: #666666; }

.WTCSS-forum div.toolbar { margin: 5px 0 0 0; background-color: #F9F9F9; padding: 3px; border: solid 1px #cccccc; }
.WTCSS-forum div.toolbar select { border: solid 1px #cccccc; color: #666666; }
.WTCSS-forum table.toolbar { width: 100%; }
.WTCSS-forum table.toolbar td { white-space: nowrap; }
.WTCSS-forum table.toolbar td label { white-space: nowrap; font-size: 11px; padding: 0px 10px 0px 0px; vertical-align: text-top; }
.WTCSS-forum table.toolbar td.toolbar-spacer { width: 100%; }
.WTCSS-forum table.toolbar td.toolbar-right { text-align: right; }

.WTCSS-forum div.forum-entry { border: solid 1px #cccccc; color: #666666; padding: 0; margin-top: 5px; border-radius: 10px;-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); box-shadow: 2px 2px 8px rgba(0,0,0,0.5);  }
.WTCSS-forum div.forum-entry table.entry { }
.WTCSS-forum div.forum-entry table.entry td.entry-info { vertical-align: top; width: 250px; font-size: 11px; background-color: #F9F9F9; }
.WTCSS-forum div.forum-entry table.entry td.entry-info div.entry-info-wrapper { width: 250px; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-name { vertical-align: top; color: #999999; padding: 5px; text-align: right; border-bottom: solid 1px #cccccc; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-value { vertical-align: top; width: 100%; font-weight: bold; padding: 5px 10px 5px 0px; text-align: left; border-bottom: solid 1px #cccccc; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-pic { vertical-align: top; padding: 0 10px 10px 0; text-align: center;  }
.WTCSS-forum div.forum-entry table.entry-info td.fld-pic { vertical-align: top; padding: 0 10px 0 0; text-align: center;  }
.WTCSS-forum div.forum-entry table.entry-info div.avatar {  }
.WTCSS-forum div.forum-entry table.entry-info img.avatar { width: 48px !important; }
.WTCSS-forum div.forum-entry table.entry div.avatar {  }
.WTCSS-forum div.forum-entry table.entry img.avatar { width: 64px !important; }

.WTCSS-forum div.forum-entry table.entry td.entry-body { vertical-align: top; width: 100%; padding: 0px 0px 0px 10px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.not-moderated { padding: 25px; text-align: center; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header { background-color: #F9F9F9; padding: 5px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header td.header-icon { vertical-align: top; padding: 0px 5px 0px 0px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header td.header-text { vertical-align: top; width: 100%; font-weight: bold; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.body { margin-top: 5px; }
.WTCSS-forum div.forum-entry table.entry td.tools { padding-top: 5px; }
.WTCSS-forum div.forum-entry table.entry div.tools { padding: 5px 5px 5px 5px; text-align: right; background-color: #F9F9F9; }
.WTCSS-forum div.forum-entry table.entry div.tools div.topic-closed { border: dotted 1px #cc0000; padding: 5px; text-align: center; }

.WTCSS-forum div.forum-entry div.entry-head { }
.WTCSS-forum div.forum-entry div.entry-head div.entry-info-wrapper {  }
.WTCSS-forum div.forum-entry div.entry-head table.entry-info { border-spacing: 0; width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head table.entry-info td { vertical-align: top; }
.WTCSS-forum div.forum-entry div.entry-head table.entry-info td.entry-info-line { width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched { border-radius: 10px 10px 0 0; background-color: #F9F9F9; padding: 5px; }
.WTCSS-forum div.forum-entry div.entry-head div.switched { cursor: pointer; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched-off { border-radius: 10px; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table { width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td { vertical-align: top; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.header-icon { padding: 2px 0 0 0; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.header-text { padding: 2px 5px 0 5px; font-weight: bold; width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch { width: 15px; text-align: right; padding: 0 0 0 20px; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.switcher { cursor: pointer; width: 15px; height: 15px; font-size: 32px; overflow: hidden; background-image: url(/pics/switches.png); background-repeat: no-repeat; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.open  { background-position: left bottom; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.open:hover  { background-position: right bottom; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.closed  { background-position: left top; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.closed:hover  { background-position: right top; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.info-line { width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.info-line td.user-info { padding: 2px 10px 0 20px; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.info-line td.timestamp { padding: 2px 0 0 10px; text-align: right; }
.WTCSS-forum div.forum-entry div.entry-head div.contents { padding: 10px; white-space: normal; }
.WTCSS-forum div.forum-entry div.entry-head div.contents blockquote { margin: 0 10px 10px 10px; padding: 5px; border: dashed 1px #ddaa00; border-left: 5px solid #ddaa00; background-color: #f6ebc1; }
.WTCSS-forum div.forum-entry div.entry-head div.contents div.tools { padding: 5px 0 0 0; border-top: dotted 1px #cccccc; text-align: right; }
.WTCSS-forum div.forum-entry div.entry-head div.contents div.tools input.reply { width: 150px; }
.WTCSS-forum div.forum-entry div.entry-head div.contents div.editor-cancel { padding: 5px 0 0 0; border-top: dotted 1px #cccccc; text-align: right; }
.WTCSS-forum div.forum-entry div.entry-head div.contents div.editor-holder { margin: 5px 0 0 0; padding: 5px 0 0 0; border-top: dotted 1px #cccccc; display: block; }

.WTCSS-forum div.entries {}
.WTCSS-forum div.entries table.tree { margin-top: 10px;}
.WTCSS-forum div.entries table.tree td.indent { width: 18px; vertical-align: top; }
.WTCSS-forum div.entries table.tree td.indent div.indent-spacer { width: 18px; height: 12px; font-size: 64px; overflow: hidden;  }
.WTCSS-forum div.entries table.tree td.indent { background-image: url(/pics/bg_tree.png); }
.WTCSS-forum div.entries table.tree td.tree { background-position: 0 0; background-repeat: no-repeat; }
.WTCSS-forum div.entries table.tree td.last { background-position: -89px 0; background-repeat: no-repeat; }
.WTCSS-forum div.entries table.tree td.plain { background-position: left bottom; background-repeat: no-repeat; }
.WTCSS-forum div.entries table.tree td.empty { background-position: right bottom; background-repeat: no-repeat; }
.WTCSS-forum div.entries table.tree td.item-container { width: 100%; padding: 0; }
.WTCSS-forum div.entries ul.linear { padding: 0; margin: 0; list-style: none; white-space: nowrap; }



.WTCSS-dropdown div.pseudo-form div.btn-holder { margin-top: 2px; padding: 3px; text-align: center; background-color: #F9F9F9; }
.WTCSS-dropdown div.pseudo-form div.btn-holder input { width: 100px;  }

.WTCSS-dropdown div.pseudo-form input.size-input { margin: 0; border: solid 1px #cccccc; width: 248px; height: 21px;}

.WTCSS-dropdown div.pseudo-form td.color-sample { border: solid 1px #cccccc; width: 21px; height: 21px; background-color: #ff0000; }
.WTCSS-dropdown div.pseudo-form input.color-input { margin: 0px 0px 0px 2px; border: solid 1px #cccccc; width: 221px; height: 21px;}

.WTCSS-forum div.editor-container { padding: 10px; display: none; }
.WTCSS-forum div.new-msg table.form-table div.attacher { padding: 3px 0px; }
.WTCSS-forum div.new-msg table.form-table div.form-line { padding: 5px 3px; }
.WTCSS-forum div.new-msg table.form-table div.selection { background-color: #F9F9F9; }
.WTCSS-forum div.new-msg table.form-table div.attacher input.list-input { border: solid 1px #cccccc; width: 140px; height: 21px; }
.WTCSS-forum div.new-msg table.form-table div.attacher input.file-input { border: solid 1px #cccccc; width: 238px; height: 25px; margin-bottom: 5px; }
.WTCSS-forum div.new-msg table.form-table div.attacher select { border: solid 1px #cccccc; color: #666666; }
.WTCSS-forum div.new-msg table.form-table div.attacher td.left { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.attacher td.right { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.attach { margin-top: 5px;}
.WTCSS-forum div.new-msg table.form-table div.attached-file { float: left; height: 24px; padding: 5px 0px 0px 10px;  }

.WTCSS-forum div.new-msg table.form-table div.msg-options {}
.WTCSS-forum div.new-msg table.form-table td.service div.header { text-align: center; font-weight: bold; }
.WTCSS-forum div.new-msg table.form-table td.service-body { border-left: solid 1px #F9F9F9; border-right: solid 1px #F9F9F9; }
.WTCSS-forum div.new-msg table.form-table div.msg-options div.container { padding: 5px; }

.WTCSS-forum div.new-msg table.form-table div.pin-it { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; border-collapse: collapse; cursor: help;}
.WTCSS-forum div.new-msg table.form-table div.pin-it label { font-size: 11px; color: #666666; cursor: pointer; vertical-align: top; }

.WTCSS-forum div.new-msg table.form-table div.closed { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; cursor: help; }
.WTCSS-forum div.new-msg table.form-table div.closed label { font-size: 11px; color: #666666; cursor: pointer; vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table div.closed div.user-list { padding: 3px 3px 0px 18px; font-size: 11px; }

.WTCSS-forum div.new-msg table.form-table div.subscription { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; }
.WTCSS-forum div.new-msg table.form-table div.subscription label { font-size: 11px; color: #666666; vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table div.subscription-link { padding: 3px 3px 0px 18px; font-size: 11px; }

.WTCSS-forum div.new-msg table.form-table div.anonymous { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; }
.WTCSS-forum div.new-msg table.form-table div.anonymous label { font-size: 11px; color: #666666; vertical-align: middle; }
.WTCSS-forum div.new-msg table.form-table div.anonymous select { border: solid 1px #cccccc; color: #666666; }

.WTCSS-forum div.toolbar { background-color: #F9F9F9; padding: 3px; border: solid 1px #cccccc; }
.WTCSS-forum div.toolbar select { border: solid 1px #cccccc; color: #666666; }
.WTCSS-forum table.toolbar { width: 100%; }
.WTCSS-forum table.toolbar td { white-space: nowrap; }
.WTCSS-forum table.toolbar td label { white-space: nowrap; font-size: 11px; padding: 0px 10px 0px 0px; vertical-align: text-top; }
.WTCSS-forum table.toolbar td.toolbar-spacer { width: 100%; }
.WTCSS-forum table.toolbar td.toolbar-right { text-align: right; }

.WTCSS-forum div.forum-entry { border: dotted 1px #cccccc; color: #666666; padding: 10px; margin-top: 5px;}
.WTCSS-forum div.forum-entry table.entry { }
.WTCSS-forum div.forum-entry table.entry td.entry-info { vertical-align: top; width: 250px; font-size: 11px; background-color: #F9F9F9; }
.WTCSS-forum div.forum-entry table.entry td.entry-info div.entry-info-wrapper { width: 250px; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-name { vertical-align: top; color: #999999; padding: 5px; text-align: right; border-bottom: solid 1px #cccccc; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-value { vertical-align: top; width: 100%; font-weight: bold; padding: 5px 10px 5px 0px; text-align: left; border-bottom: solid 1px #cccccc; }
.WTCSS-forum div.forum-entry table.entry div.avatar {  }
.WTCSS-forum div.forum-entry table.entry img.avatar { width: 64px; }

.WTCSS-forum div.forum-entry table.entry td.entry-body { vertical-align: top; width: 100%; padding: 0px 0px 0px 10px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.not-moderated { padding: 25px; text-align: center; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header { background-color: #F9F9F9; padding: 5px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header td.header-icon { vertical-align: top; padding: 0px 5px 0px 0px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header td.header-text { vertical-align: top; width: 100%; font-weight: bold; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.body { margin-top: 5px; }
.WTCSS-forum div.entry-body-wrapper { margin: 10px 0 20px 0; }
.WTCSS-forum div.forum-entry table.entry td.tools { padding-top: 5px; }
.WTCSS-forum div.forum-entry table.entry div.tools { padding: 5px 5px 5px 5px; text-align: right; background-color: #F9F9F9; }
.WTCSS-forum div.forum-entry table.entry div.tools div.topic-closed { border: dotted 1px #cc0000; padding: 5px; text-align: center; }
.WTCSS-forum div.forum-entry span.user-status {}

.WTCSS-forum img.ajax.wait { position: absolute; top: 50%; left: 50%;  }
.WTCSS-forum div.area { padding: 0px; }

.WTCSS-forum div.attached-files { padding: 5px; border: dotted 1px #cccccc; margin-top: 10px;}
.WTCSS-forum div.attached-files div.attached-header { padding-bottom: 10px; font-weight: bold; font-size: 11px;}

.WTCSS-forum div.attached-files ul li { min-height: 16px; }
/*.WTCSS-forum div.attached-files ul { font-size: 11px; margin: 0; }
.WTCSS-forum div.attached-files ul { font-size: 11px; }*/
div.attach-select { position: absolute; display: none; width: 220px; text-align: left; box-shadow: 1px 1px 6px rgba(0,0,0,0.8); border: solid 1px #999; }
div.attach-select ul { list-style: none; padding: 0; margin: 0; }
div.add-file-panel div.add-file-btn { text-align: left; white-space: nowrap; margin: 5px 0; padding: 1px 0 0 20px; color: #999999; font-size: 11px; width: 150px; height: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1400px; background-repeat: no-repeat; }
div.add-file-panel div.add-file-btn:hover { background-position: 0px -1500px; cursor: pointer; color: #339933; }
div.attach-select li.pseudo-menu-item { background-color: #fff; padding: 5px 10px 5px 25px; color: #666; font-size: 1em; cursor: pointer;  }
div.attach-select li.pseudo-menu-item:hover { background-color: #eee; color: #369; font-size: 1em; }
div.attach-select li.li-target-resource { background-image: url(/icons/16round/16_link_0.png);  background-position: 5px 4px; background-repeat: no-repeat; }
div.attach-select li.li-target-resource:hover { background-image: url(/icons/16round/16_link_1.png); }
div.attach-select li.li-target-file { background-image: url(/icons/16round/16_save_0.png);  background-position: 5px 4px; background-repeat: no-repeat; }
div.attach-select li.li-target-file:hover { background-image: url(/icons/16round/16_save_1.png); }

ul.att-list { list-style: none; padding: 0; }
ul.att-list li { text-align: left; padding: 2px 0 4px 20px; font-size: 11px; background-position: left 4px; background-repeat: no-repeat; min-height: 16px; }
ul.att-list li input.input-file { width: 320px; height: 24px;  }
ul.att-list li.li-has-value input.input-file { width: 1px; height: 1px; visibility: hidden; }
ul.att-list li.li-removed span.attachment-path { text-decoration: line-through; }
ul.att-list li span.attachment-delete { display: inline-block; 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; }
ul.att-list li span.attachment-delete:hover { background-image: url(/icons/16round/16_delete_1.png);  }
ul.att-list li.li-removed span.attachment-delete { display: none; }
ul.att-list li.li-removed span.attachment-restore { display: inline-block; 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; }
ul.att-list li.li-removed span.attachment-restore:hover { background-image: url(/icons/16round/16_undo_1.png);  }
ul.att-list li span.attachment-restore { display: none; }
ul.att-list li.li-in-process { visibility: hidden; }
ul.att-list li.li-no-value { background-image: url(/icons/16_warning.png); }
ul.att-list li.li-no-value span.attachment-delete { display: none; }
ul.att-list li.li-img { background-image: url(/icons/file_types/16/16_img.png); }
ul.att-list li.li-doc { background-image: url(/icons/file_types/16/16_doc.png); }
ul.att-list li.li-xls { background-image: url(/icons/file_types/16/16_xls.png); }
ul.att-list li.li-ppt { background-image: url(/icons/file_types/16/16_ppt.png); }
ul.att-list li.li-pdf { background-image: url(/icons/file_types/16/16_pdf.png); }
ul.att-list li.li-audio { background-image: url(/icons/file_types/16/16_audio.png); }
ul.att-list li.li-video { background-image: url(/icons/file_types/16/16_video.png); }
ul.att-list li.li-archive { background-image: url(/icons/file_types/16/16_archive.png); }
ul.att-list li.li-text { background-image: url(/icons/file_types/16/16_text.png); }
ul.att-list li.li-file { background-image: url(/icons/file_types/16/16_file.png); }

/* Old CSS Styles
.WTCSS-forum div.attach-select { position: absolute; display: none; width: 220px; text-align: left; box-shadow: 1px 1px 6px rgba(0,0,0,0.8); border: solid 1px #999; }
.WTCSS-forum div.attach-select ul { list-style: none; }
.WTCSS-forum div.attach-select li.pseudo-menu-item { background-color: #fff; padding: 5px 10px; color: #666; font-size: 1em; cursor: pointer;  }
.WTCSS-forum div.attach-select li.pseudo-menu-item:hover { background-color: #eee; color: #369; font-size: 1em; }
*/


.WTCSS-forum ul.attached-list { list-style: none; padding: 0 0 5px 10px; }
.WTCSS-forum ul.attached-list li { text-align: left; padding: 2px 0 4px 20px; font-size: 0.9em; background-position: left 4px; background-repeat: no-repeat; }
.WTCSS-forum ul.attached-list li input.input-file { width: 1px; height: 1px; visibility: hidden; }
.WTCSS-forum ul.attached-list li span.attachment-delete { display: inline-block; width: 16px; height: 16px; overflow: hidden; margin: 0 0 -3px 6px; cursor: pointer; background-image: url(/icons/16round/16_close_0.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-forum ul.attached-list li span.attachment-delete:hover { background-image: url(/icons/16round/16_close_1.png);  }

.WTCSS-forum ul.attached-list li.li-img { background-image: url(/icons/file_types/16/16_img.png); }
.WTCSS-forum ul.attached-list li.li-doc { background-image: url(/icons/file_types/16/16_doc.png); }
.WTCSS-forum ul.attached-list li.li-xls { background-image: url(/icons/file_types/16/16_xls.png); }
.WTCSS-forum ul.attached-list li.li-ppt { background-image: url(/icons/file_types/16/16_ppt.png); }
.WTCSS-forum ul.attached-list li.li-pdf { background-image: url(/icons/file_types/16/16_pdf.png); }
.WTCSS-forum ul.attached-list li.li-audio { background-image: url(/icons/file_types/16/16_audio.png); }
.WTCSS-forum ul.attached-list li.li-video { background-image: url(/icons/file_types/16/16_video.png); }
.WTCSS-forum ul.attached-list li.li-archive { background-image: url(/icons/file_types/16/16_archive.png); }
.WTCSS-forum ul.attached-list li.li-text { background-image: url(/icons/file_types/16/16_text.png); }
.WTCSS-forum div.hier-area td.indent { padding: 0px; vertical-align: top; text-align: left; width: 20px; }
.WTCSS-forum table.topic td.tree-vx { background-image: url(/icons/forum/tree_vx.png); background-position: top left; background-repeat: repeat-y; }
.WTCSS-forum table.topic div.tree-empty { width: 20px; height: 17px; font-size: 36px; overflow: hidden; }

.WTCSS-forum table.tree th { font-size: 11px; vertical-align: middle; padding: 3px; font-weight: bold; background-color: #F9F9F9; border-right: groove 2px #ffffff; border-top: groove 2px #ffffff; border-bottom: groove 2px #ffffff; text-align: center; }
.WTCSS-forum table.tree th.first { border-left: groove 2px #ffffff; }
.WTCSS-forum table.tree td { font-size: 12px; vertical-align: top; }
.WTCSS-forum table.tree td.current-mark { width: 16px; padding: 4px; border-bottom: dotted 1px #cccccc; }
.WTCSS-forum table.tree div.current-mark { width: 16px; height: 16px; font-size: 36px; overflow: hidden; }
.WTCSS-forum table.tree td.current { font-weight: bold; }
.WTCSS-forum table.tree td.current div.current-mark { background-image: url(/icons/forum/16_current.png); background-position: top left; background-repeat: no-repeat; }
.WTCSS-forum table.tree td.topic { width: 100%; border-bottom: dotted 1px #cccccc; }
.WTCSS-forum table.tree td.author { font-size: 11px; padding: 4px 6px; white-space: nowrap; border-bottom: dotted 1px #cccccc; }
.WTCSS-forum table.tree td.date { font-size: 11px; padding: 4px 6px; white-space: nowrap; border-bottom: dotted 1px #cccccc; }
.WTCSS-forum table.tree td.icon { padding: 4px 0px 3px 3px; }
.WTCSS-forum table.tree td.name { padding: 4px; width: 100%;  }
.WTCSS-forum table.tree td.name span.need-moderation { color: #cc0000 !important; }
.WTCSS-forum table.tree td.name span.yet-unmoderated { color: #999999 !important; }

.WTCSS-footer-text { 
    font-size: 18px;
    text-align: center !important;
    margin: 0 !important;
}

.WTCSS-design-cover { position: absolute; border: dashed 2px #0000ff; z-index: 8000; }
.WTCSS-design-cover div.cover-space { position: absolute; top: 0px; left: 0px; background-color: #999999; filter: alpha(opacity=30); opacity: 0.3; z-index: 8001; }
.WTCSS-design-cover div.cover-header { position: absolute; top: -2px; left: -2px; width: auto; z-index: 8002; color: #ffffff; }
.WTCSS-design-cover table.header-table { border-spacing: 0px; background-color: #0000cc; }
.WTCSS-design-cover table.header-table td.header-td { padding: 3px; }
.WTCSS-design-cover div.cover-title { padding: 0px 3px; color: #ffffff; font-weight: bold; height: 16px; }
.WTCSS-design-cover div.cover-drill-down { width: 16px; height: 16px; background-image: url(/icons/16round/16_down_0.png); background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-drill-down:hover { background-image: url(/icons/16round/16_down_1.png); cursor: pointer;}
.WTCSS-design-cover div.cover-drill-up { width: 16px; height: 16px; background-image: url(/icons/16round/16_up_0.png); background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-drill-up:hover { background-image: url(/icons/16round/16_up_1.png); cursor: pointer; }
.WTCSS-design-cover div.cover-split-zone { background-image: url(/icons/16round/16_list_0.png); background-position: 0px 0px; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-split-zone:hover { background-image: url(/icons/16round/16_list_1.png); cursor: pointer; }
.WTCSS-design-cover div.cover-edit { background-image: url(/icons/16round/16_settings_0.png); background-position: 0px 0px; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-edit:hover { background-image: url(/icons/16round/16_settings_1.png); cursor: pointer; }
.WTCSS-design-cover div.cover-close { background-image: url(/icons/16round/16_close_0.png); background-position: 0px 0px; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-close:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }

.WTCSS-design-cover div.cover-img { position: absolute; z-index: 8001; top: 0px; left: 0px;  }

.zone-idle { border: dashed 2px #ccccff !important; }
.zone-space-idle { background-color: #ffffff !important; filter: alpha(opacity=60) !important; opacity: 0.6 !important; }


.WTCSS-design-dialog { position: absolute; overflow: hidden; display: none; text-align: center; width: 700px; height: 350px; background-color: #e6f4fd; z-index: 10000; border-left: solid 2px #e6f4fd; border-bottom: solid 2px #e6f4fd; border-right: solid 2px #e6f4fd;  border-top: solid 3px #b3d5eb; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.WTCSS-design-dialog div.header { position: absolute; top: 0px; left: 0px; width: 700px; height: 32px; background-color: #e6f4fd; }
.WTCSS-design-dialog div.header div.title { color: #666666; font-size: 14px; font-weight: bold; text-align: left; float: left; margin: 6px 8px;}
.WTCSS-design-dialog div.header div.close { float: right; background-image: url(/icons/16round/16_close_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 6px }
.WTCSS-design-dialog div.header div.close:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }
.WTCSS-design-dialog div.header div.back { float: right; background-image: url(/icons/16round/16_back_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 6px }
.WTCSS-design-dialog div.header div.back:hover { background-image: url(/icons/16round/16_back_1.png); cursor: pointer; }
.WTCSS-design-dialog div.body { position: absolute; top: 32px; left: 0px; width: 698px; height: 316px; background-color: #ffffff; border: solid 1px #b3d5eb; overflow: hidden; }
.WTCSS-design-dialog div.body table.owt-table { width: 678px;  margin: 0px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.WTCSS-design-dialog div.body table.owt-table th { padding: 3px 5px; height: 24px;color: #666666; font-weight: bold; text-align: center; }
.WTCSS-design-dialog div.body table.owt-table th.weight { background-color: #F9F9F9; color: #666666; font-weight: bold; text-align: center; cursor: help; width: 32px; }
.WTCSS-design-dialog div.body table.owt-table th.left { background-color: #F9F9F9; color: #666666; font-weight: bold; text-align: left; }
.WTCSS-design-dialog div.body table.owt-table th.action { background-color: #F9F9F9; color: #666666; font-weight: bold; text-align: center; width: 32px; }
.WTCSS-design-dialog div.body table.owt-table th.value { background-color: #F9F9F9; color: #666666; font-weight: bold; text-align: center; width: 32px; }
.WTCSS-design-dialog div.body table.owt-table td.weight { width: 32px; vertical-align: top; text-align: center; border-left: solid 1px #F9F9F9; border-bottom: solid 1px #F9F9F9; padding: 5px;  font-size: 11px;}
.WTCSS-design-dialog div.body table.owt-table td.left { vertical-align: top; text-align: left; border-left: solid 1px #F9F9F9;  border-right: solid 1px #F9F9F9; border-bottom: solid 1px #F9F9F9; padding: 5px;  font-size: 11px;}
.WTCSS-design-dialog div.body table.owt-table td.action { width: 32px; vertical-align: top; text-align: left; border-right: solid 1px #F9F9F9; border-bottom: solid 1px #F9F9F9; padding: 5px; white-space: nowrap; width: 50px; }
.WTCSS-design-dialog div.body table.owt-table td.value { width: 32px; vertical-align: top; text-align: left; border-right: solid 1px #F9F9F9; border-bottom: solid 1px #F9F9F9; padding: 5px; white-space: nowrap;  }
.WTCSS-design-dialog div.body table.owt-table td.empty { vertical-align: middle; text-align: center; padding: 10px; }
.WTCSS-design-dialog div.body table.owt-table tr.drag-row { background-color: #fdf4e6; }
.WTCSS-design-dialog div.body table.owt-table tr.drag-row:hover { background-color: #e6f4fd; }
.WTCSS-design-dialog div.body table.owt-table tr.nodrag { background-color: #f8f8f8; cursor: default; color: #999999; }
.WTCSS-design-dialog div.body table.owt-table td.nodrag {  }
.WTCSS-design-dialog table.owt-table tr.deleted { text-decoration: line-through !important; color: #cccccc !important; }
.WTCSS-design-dialog table.owt-table tr.new-line { font-style: italic !important; color: #339933 !important; }

.WTCSS-design-dialog table.owt-table div.owt-remove { float: right; background-image: url(/icons/16round/16_trash_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; }
.WTCSS-design-dialog table.owt-table div.owt-remove:hover { background-image: url(/icons/16round/16_trash_1.png); cursor: pointer; }
.WTCSS-design-dialog table.owt-table div.owt-restore { float: right; background-image: url(/icons/16round/16_undo_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; display: none; }
.WTCSS-design-dialog table.owt-table div.owt-restore:hover { background-image: url(/icons/16round/16_undo_1.png); cursor: pointer; }
.WTCSS-design-dialog table.owt-table div.owt-edit { float: right; background-image: url(/icons/16round/16_settings_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; }
.WTCSS-design-dialog table.owt-table div.owt-edit:hover { background-image: url(/icons/16round/16_settings_1.png); cursor: pointer; }
.WTCSS-design-dialog table.owt-table div.owt-down { float: right; background-image: url(/icons/16round/16_down_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; }
.WTCSS-design-dialog table.owt-table div.owt-down:hover { background-image: url(/icons/16round/16_down_1.png); cursor: pointer; }
.WTCSS-design-dialog table.owt-table div.owt-up { float: right; background-image: url(/icons/16round/16_up_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; }
.WTCSS-design-dialog table.owt-table div.owt-up:hover { background-image: url(/icons/16round/16_up_1.png); cursor: pointer; }

.WTCSS-design-dialog table.list-table { border-spacing: 0; margin: 0px; }
.WTCSS-design-dialog table.list-table td.list-left { vertical-align: top; text-align: left; padding: 3px; }
.WTCSS-design-dialog table.list-table td.list-right { vertical-align: top; text-align: left; padding: 3px; width: 100%; font-size: 11px; }
.WTCSS-design-dialog input.fld-string { border: solid 1px #cccccc; font-size: 11px !important; color: #333333; margin: 0; width: 200px; padding: 2px; }
.WTCSS-design-dialog input.fld-integer { border: solid 1px #cccccc; font-size: 11px !important; color: #333333; margin: 0; width: 50px; padding: 2px; }
.WTCSS-design-dialog input.fld-real { border: solid 1px #cccccc; font-size: 11px !important; color: #333333; margin: 0; width: 100px; padding: 2px; }
.WTCSS-design-dialog select.fld-combo { border: solid 1px #cccccc; font-size: 11px; color: #333333; margin: 0; min-width: 200px; }
.WTCSS-design-dialog input.fld-fe { border: solid 1px #cccccc; font-size: 11px !important; color: #666666; margin: 0; width: 160px; background-color: #F9F9F9; padding: 2px; }
.WTCSS-design-dialog div.fe-edit { background-image: url(/icons/16round/16_settings_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.fe-edit:hover { background-image: url(/icons/16round/16_settings_1.png); cursor: pointer; }
.WTCSS-design-dialog div.fe-clear { background-image: url(/icons/16round/16_trash_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.fe-clear:hover { background-image: url(/icons/16round/16_trash_1.png); cursor: pointer; }
.WTCSS-design-dialog table.fe-table { border-spacing: 0; }
.WTCSS-design-dialog table.fe-table td { padding: 0; }
.WTCSS-design-dialog td.desc { cursor: help; }

.WTCSS-design-dialog div.owt-list { overflow: hidden; }
.WTCSS-design-dialog div.owt-list div.body { height: 284px; }
.WTCSS-design-dialog div.owt-list div.wrapper { overflow: hidden; }
.WTCSS-design-dialog div.owt-params { display: none; }
.WTCSS-design-dialog div.owt-params div.body { height: 284px; }

.WTCSS-design-dialog div.cwt-list { position: absolute; display: none; top: 32px; left: 700px; width: 398px; height: 284px; background-color: #ffffff; border: solid 1px #b3d5eb; overflow: hidden; }
.WTCSS-design-dialog table.cwt-table { border-spacing: 0; margin: 0px; }
.WTCSS-design-dialog table.cwt-table th { padding: 3px 5px; background-color: #F9F9F9; height: 24px;color: #666666; font-weight: bold; text-align: left; }
.WTCSS-design-dialog div.tablescroll_wrapper { overflow-x: hidden !important; margin-left: 10px; }
.WTCSS-design-dialog table.tablescroll_head { margin: 10px 10px 0px 10px; }
.WTCSS-design-dialog table.tablescroll_head th { padding: 3px 5px; background-color: #F9F9F9; height: 24px;color: #666666; font-weight: bold; text-align: left; }
.WTCSS-design-dialog table.cwt-table td.add { width: 16px; vertical-align: top; text-align: left; padding: 5px; border-left: solid 1px #F9F9F9; border-bottom: solid 1px #F9F9F9; }
.WTCSS-design-dialog table.cwt-table td.name { vertical-align: top; text-align: left; padding: 5px; width: 100%; font-size: 11px; border-bottom: solid 1px #F9F9F9; border-right: solid 1px #F9F9F9; }
.WTCSS-design-dialog table.cwt-table td.category { vertical-align: top; text-align: left; padding: 5px; font-size: 11px; border-bottom: solid 1px #F9F9F9; border-right: solid 1px #F9F9F9; }
.WTCSS-design-dialog div.add-owt { float: right; background-image: url(/icons/16round/16_plus_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.add-owt:hover { background-image: url(/icons/16round/16_plus_1.png); cursor: pointer; }
.WTCSS-design-dialog div.add-btn { background-image: url(/icons/16round/16_back_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.add-btn:hover { background-image: url(/icons/16round/16_back_1.png); cursor: pointer; }
.WTCSS-design-dialog div.hide-btn { background-image: url(/icons/16round/16_close_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.hide-btn:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }


.WTCSS-design-dialog div.buttons { position: absolute; top: 322px; left: 0px; width: 700px; height: 32px; }
.WTCSS-design-dialog div.buttons div.holder { padding: 3px; }
.WTCSS-design-dialog div.buttons input.btn-disabled { background-color: #F9F9F9; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0; filter: alpha(opacity=70); opacity: 0.7; cursor: default !important; }


.WTCSS-dlg-selector {}
.WTCSS-dlg-selector table.dlg-main { width: 100%; }
.WTCSS-dlg-selector td.dlg-main { width: 100%; padding: 3px; background-color: #F9F9F9; }
.WTCSS-dlg-selector table.filters { width: 100%; font-size: 12px; font-weight: bold; color: #666666; }
.WTCSS-dlg-selector table.filters td.fld-td { width: 100%; padding: 3px; }
.WTCSS-dlg-selector table.filters td.btn-td { padding: 3px; }
.WTCSS-dlg-selector table.filters td.filter-td { padding: 3px; }
.WTCSS-dlg-selector input.fld {	border: solid 1px #cccccc; color: #666666; padding: 2px; margin: 0; width: 98%; }
.WTCSS-dlg-selector td.btn-holder { width: 100%; padding: 3px; background-color: #F9F9F9; }

/* COMMON HEAD*/
div.head { background-color: ; background-position: top left; background-repeat: repeat-x; padding: 8px; border: dotted 0px #cccccc; cursor: pointer; }
div.head div.title { float: none; margin-right: 20px; font-size: 14px; font-weight: bold; padding: 0px 3px; color: #FFFFFF; }
div.head div.switch { float: right; width: 13px; height: 16px; font-size: 15px; overflow: hidden; background-image: url(/pics/block_arrows_white.png); background-position: top right; background-repeat: no-repeat; }
div.head div.switch:hover { background-position: top right !important; }
div.head div.off { background-position: bottom left !important; }
div.head div.off:hover { background-position: bottom left !important; }
div.content { padding: 0px; border-left: dotted 0px #cccccc; border-bottom: dotted 0px #cccccc; border-right: dotted 0px #cccccc; background-color: #ffffff; /*overflow-x: auto; overflow-y: hidden;*/ }

/* COURSELAB */
.WTCSS-cl {}
.WTCSS-cl div.wrapper { padding: 5px; margin-bottom: 10px; }
.WTCSS-cl div.list-container { background-color: #F9F9F9; padding: 5px; border: dotted 1px #cccccc; }
.WTCSS-cl table.list-table { width: 100%; border-spacing: 0; }
.WTCSS-cl table.list-table td.title { padding: 0px 5px 0px 10px; text-align: right; color: #666666; font-weight: bold; }
.WTCSS-cl table.list-table td.select-container { padding: 0px 5px; text-align: left; width: 100%; }
.WTCSS-cl table.list-table td.select-container select { padding: 0; margin: 0; font-size: 12px; color: #333333; border: solid 1px #cccccc; }
.WTCSS-cl div.info-container { background-color: #F9F9F9; padding: 0px 5px; border: dotted 1px #cccccc; margin-top: 10px;}
.WTCSS-cl table.info-table { width: 100%; border-spacing: 0; }
.WTCSS-cl table.info-table td.title { border-bottom: dotted 1px #cccccc; padding: 5px; text-align: right; font-weight: bold; vertical-align: top; white-space: nowrap; }
.WTCSS-cl table.info-table td.value { border-bottom: dotted 1px #cccccc; padding: 5px; vertical-align: top; width: 100%; }
.WTCSS-cl table.info-table td.last { border-bottom: none !important; }
.WTCSS-cl table.btn-table td { padding-left: 5px; vertical-align: top; }
.WTCSS-cl table.btn-table td.link { width: 100%; }
.WTCSS-cl div.repo-container { margin-top: 10px;}
.WTCSS-cl table.repo-table { width: 100%; border-spacing: 0; }
.WTCSS-cl table.repo-table th { border-bottom: solid 1px #cccccc; padding: 5px; font-weight: bold; color: #666666; background-color: #F9F9F9; }
.WTCSS-cl table.repo-table td { border-bottom: dotted 1px #cccccc; padding: 5px; }
.WTCSS-cl table.form-table { border-spacing: 0; }
.WTCSS-cl table.form-table td { vertical-align: middle; padding: 0px 5px; }
.WTCSS-cl table.form-table td.link { width: 100%; }
.WTCSS-cl table.form-table input.input { margin: 0; height: 19px; }
.WTCSS-cl div.authors-container { margin-top: 10px;}
.WTCSS-cl table.authors-table { width: 100%; border-spacing: 0; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.WTCSS-cl table.authors-table th { border-bottom: solid 1px #cccccc; padding: 5px; font-weight: bold; color: #666666; background-color: #F9F9F9; }
.WTCSS-cl table.authors-table td { border-bottom: dotted 1px #cccccc; vertical-align: top; }
.WTCSS-cl table.authors-table td.name { white-space: nowrap; padding: 5px; }
.WTCSS-cl table.authors-table td.role { width: 100%; padding: 2px; }
.WTCSS-cl table.authors-table td.role div.roles { padding: 3px; min-height: 12px;}
.WTCSS-cl table.authors-table td.role div.role { padding: 0px; }
.WTCSS-cl table.authors-table td.role label { padding: 0px 5px; vertical-align: top; }
.WTCSS-cl table.authors-table td.role div.hover { background-color: #F9F9F9; cursor: pointer; }
.WTCSS-cl div.plan-container { margin-top: 10px;}
.WTCSS-cl table.plan-table { width: 100%; border-spacing: 0; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; font-size: 11px;}
.WTCSS-cl table.plan-table th { border-bottom: solid 1px #cccccc; border-right: dotted 1px #cccccc; padding: 5px; font-weight: bold; color: #666666; background-color: #F9F9F9; text-align: center; }
.WTCSS-cl table.plan-table th.first { border-left: dotted 1px #cccccc; }
.WTCSS-cl table.plan-table td { border-bottom: dotted 1px #cccccc; border-right: dotted 1px #cccccc; vertical-align: top; text-align: center; padding: 5px; }
.WTCSS-cl div.forum-container { margin-top: 10px; padding: 5px; background-color: #F9F9F9; }

.WTCSS-library {}
.WTCSS-library div.wrapper { padding: 5px; margin-bottom: 10px;}
.WTCSS-library div.tabs { }
.WTCSS-library table.tabs { width: 100%; border-spacing: 0; }
.WTCSS-library table.tabs td.tab { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; text-align: center; background-color: #F9F9F9; }
.WTCSS-library table.tabs td.selected { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: none; text-align: center; font-weight:bold; }
.WTCSS-library table.tabs td.empty { border-bottom: #cccccc 1px solid; }
.WTCSS-library table.tabs td.first { width: 5px; }
.WTCSS-library table.tabs td.inter { width: 5px; }
.WTCSS-library table.tabs td.last { width: 100%; }
.WTCSS-library table.tabs div.tangle { overflow: hidden; padding: 0px; margin: 0px; }
.WTCSS-library table.tabs div.first { width: 5px; font-size: 10px; height: 10px; }
.WTCSS-library table.tabs div.inter { width: 5px; font-size: 10px; height: 10px; }
.WTCSS-library table.tabs div.last { width: 10px; font-size: 10px; height: 10px; }
.WTCSS-library table.tabs img.tab-tangle { width: 140px; height: 1px; }
.WTCSS-library table.tabs a.tab-link { display: block; width: 140px; padding: 5px; }
.WTCSS-library div.tab-body { border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding: 10px; }
.WTCSS-library div.tab-body span.library-section { margin-left: 5px; }
.WTCSS-library div.tab-body table.tree-table { width: 100%; border-spacing: 0px; }
.WTCSS-library div.tab-body table.tree-table td.tree { vertical-align: top; width: 200px; padding-right: 10px; }
.WTCSS-library div.tab-body table.tree-table img.tree-tangle { width: 140px; height: 1px; }
.WTCSS-library div.tab-body table.tree-table td.leaf-content { vertical-align: top; width: 100%; }

/* ANALYTIC */
.WTCSS-analytic {}
.WTCSS-analytic div.wrapper { padding: 5px; margin-bottom: 10px; }
.WTCSS-analytic div.container { margin-top: 5px; margin-bottom: 10px; border: dotted 1px #cccccc; padding: 5px; }
.WTCSS-analytic table.param-table { border-spacing: 0; width: 100%; }
.WTCSS-analytic table.param-table td.name { border-bottom: dotted 1px #cccccc; white-space: nowrap; text-align: right; padding: 5px; vertical-align: top; }
.WTCSS-analytic table.param-table td.value { border-bottom: dotted 1px #cccccc; white-space: nowrap; text-align: left; padding: 5px; vertical-align: top; }
.WTCSS-analytic table.param-table td.value select { border: solid 1px #cccccc; margin: 0; padding: 0; }
.WTCSS-analytic table.param-table td.value select.select-multi { height: 64px; }
.WTCSS-analytic table.param-table td.value input.date { border: solid 1px #cccccc; margin: 0; padding: 1px; }

/* FILE MANAGER*/
.WTCSS-files { color: #666666; }
.WTCSS-files table.table-main { width: 100%; border-spacing: 0; }
.WTCSS-files table.table-main td.left { width: 300px; padding: 0 10px 0 0; vertical-align: top; }
.WTCSS-files table.table-main td.left div.create-repo-container { position: relative; margin: 10px 0 0 0; border-top: dotted 1px #cccccc; padding: 5px; text-align: right; }
.WTCSS-files table.table-main td.left div.create-repo-container a { font-size: 11px; }
.WTCSS-files table.table-main td.left div.create-repo-container div.create-repo-form { margin: 5px 0 0 0; background-color: #F9F9F9; padding: 5px; }
.WTCSS-files table.table-main td.left div.create-repo-container table.form-table { width: 100%; border-spacing: 0; position: relative; }
.WTCSS-files table.table-main td.left div.create-repo-container table.form-table td.left { width: 100%; padding: 0; background-color: #ffffff; vertical-align: middle }
.WTCSS-files table.table-main td.left div.create-repo-container table.form-table td.right { padding: 0; }
.WTCSS-files table.table-main td.left div.create-repo-container table.form-table td.left input.fld-repo-name { width: 100%; padding: 2px; margin: 0; border: solid 1px #ffffff; }
.WTCSS-files table.table-main td.left div.create-repo-container div.creating { position: absolute; top: 0px; left: 0px; width: 100%; background-color: #cccccc; opacity: 0.7; padding: 5px; text-align: center; }
.WTCSS-files table.table-main td.left div.create-repo-container div.creating img.progress { margin: 0 auto; }
.WTCSS-files table.table-main td.left div.create-repo-container div.created { position: absolute; top: 0px; left: 0px; background-color: #cceecc; opacity: 0.9; padding: 5px; text-align: center; color: #006600; font-size: 11px; }

.WTCSS-files table.table-main td.right { padding: 0; vertical-align: top; }
.WTCSS-files table.table-main td.right div.files-container { padding: 0; }
.WTCSS-files table.table-main td.right div.totals { padding: 0 0 10px 0; }
.WTCSS-files table.table-main td.right div.content-wrapper { padding: 5px; }
.WTCSS-files table.list-table { width: 100%; border-spacing: 0px; border-collapse: separate; }
.WTCSS-files table.list-table th { white-space: nowrap; vertical-align: middle; border-bottom: double 3px #cccccc; color: #666666; padding: 5px; font-size: 11px; }
.WTCSS-files table.list-table th.first { width: 100%; text-align: left; }
.WTCSS-files table.list-table th.last { text-align: right; }
.WTCSS-files table.list-table th.sortable { }
.WTCSS-files table.list-table th.sortable:hover { background-color: #F9F9F9; cursor: pointer; }
.WTCSS-files table.list-table th table.header { border: none; padding: 0; border-spacing: 0; }
.WTCSS-files table.list-table th table.header td { padding: 0; border: none; }
.WTCSS-files table.list-table th div.text { white-space: nowrap; }
.WTCSS-files table.list-table th div.arrow { width: 2px; background-image: url(/icons/service/sorting_bg.png); background-position: center -106px; background-repeat: no-repeat; padding-right: 12px; }
.WTCSS-files table.list-table th.ascending { }
.WTCSS-files table.list-table th.descending { }
.WTCSS-files table.list-table th.ascending div.arrow { background-position: center 5px !important; }
.WTCSS-files table.list-table th.descending div.arrow { background-position: center -216px !important; }
.WTCSS-files table.list-table td.first { width: 100%; vertical-align: top; padding: 5px; }
.WTCSS-files table.list-table td.last { vertical-align: top; padding: 5px; }
.WTCSS-files table.list-table td.divider { border-bottom: solid 1px #cccccc; font-size: 9px; }
.WTCSS-files table.list-table td.switch { padding: 0; vertical-align: bottom; font-size: 10px; border-bottom: solid 1px #cccccc; }
.WTCSS-files table.list-table td.switch div.view-toggle { padding: 2px 5px 1px 0px; background-color: #cccccc; font-size: 10px; text-align: right; cursor: pointer;  }
.WTCSS-files table.list-table td.switch div.view-toggle:hover { color: #336699;  }
.WTCSS-files table.list-table td.switch div.more div.wrapper { padding: 0px 14px 0px 0px; font-size: 10px; text-align: right; background-image: url(/icons/service/sorting_bg.png); background-position: right -218px; background-repeat: no-repeat;  }
.WTCSS-files table.list-table td.switch div.less div.wrapper { padding: 0px 14px 0px 0px; font-size: 10px; text-align: right; background-image: url(/icons/service/sorting_bg.png); background-position: right 4px; background-repeat: no-repeat;  }
.WTCSS-files table.list-table div.file-icon { width: 32px; float: left; }
.WTCSS-files table.list-table div.file-icon img.file-icon { width: 32px; height: 32px; }
.WTCSS-files table.list-table div.file-icon-big { width: 64px; float: left; }
.WTCSS-files table.list-table div.file-icon-big  img.file-icon-big  { width: 64px; height: 64px; }
.WTCSS-files table.list-table div.file-icon { width: 32px; float: left; }
.WTCSS-files table.list-table div.info-holder { margin: 0 10px 0 37px; }
.WTCSS-files table.list-table div.info-holder div.file-name { padding: 5px 0 10px 0; font-weight: bold;}
.WTCSS-files table.list-table div.info-holder div.info-div { border-top: dotted 1px #cccccc; }
.WTCSS-files table.list-table div.info-holder div.info-div table.info-table td.param-name { padding: 5px; white-space: nowrap; border-bottom: dotted 1px #cccccc; font-size: 11px; vertical-align: top; }
.WTCSS-files table.list-table div.info-holder div.info-div table.info-table td.param-value { width: 100%; padding: 5px; white-space: nowrap; border-bottom: dotted 1px #cccccc; font-size: 11px; font-weight: bold; vertical-align: top;  }
.WTCSS-files table.list-table div.info-holder textarea.description { width: 100%; height: 60px; border: dotted 1px #cccccc; resize: none; }
.WTCSS-files table.list-table div.btn-holder { background-color: #F9F9F9; padding: 2px 3px 2px 5px; }
.WTCSS-files table.list-table table.controls { width: 100%; border-spacing: 0; }
.WTCSS-files table.list-table table.controls td.convert-to { white-space: nowrap; font-size: 11px; padding: 0; }
.WTCSS-files table.list-table table.controls td.convert-select { padding: 0 5px; }
.WTCSS-files table.list-table table.controls td.convert-select select { padding: 0; margin: 0; border: solid 1px #cccccc; }
.WTCSS-files table.list-table table.controls td.spacer { width: 100%; }
.WTCSS-files table.list-table table.controls td.btns { text-align: right; white-space: nowrap; }
.WTCSS-files table.list-table div.date { white-space: nowrap; font-size: 11px;  }
.WTCSS-files table.table-main div.filters { background-color: #F9F9F9; padding: 3px; margin: 0 0 5px 0; }
.WTCSS-files table.table-main table.filters { width: 100%; }
.WTCSS-files table.table-main table.filters td.param-name { white-space: nowrap; padding: 0 3px; }
.WTCSS-files table.table-main table.filters td.param-value { white-space: nowrap; padding: 0 3px; }
.WTCSS-files table.table-main table.filters td.param-value select { padding: 0; margin: 0; border: solid 1px #cccccc; }
.WTCSS-files table.table-main table.filters td.spacer { width: 100%; }

.WTCSS-upload { margin-bottom: 10px; }
.WTCSS-upload table.table-main { width: 100%; }
.WTCSS-upload table.table-main td.left { width: 50% !important; vertical-align: bottom; }
.WTCSS-upload table.table-main td.right { width: 300px; vertical-align: bottom; }
.WTCSS-upload table.table-main div.fld-container { overflow: hidden; position: relative; width: 100%; height: 90px; }
.WTCSS-upload table.table-main div.fld-container div.fake-list { position: absolute; top: 0px; left: 0px; width: 100%; height: 90px; background-color: #F9F9F9; }
.WTCSS-upload table.table-main div.fld-container input.fld-file { width: 100%; height: 115px; position: relative; opacity: 0; z-index: 2; filter: alpha(opacity=0); cursor: pointer; }
.WTCSS-upload table.table-main div.fld-container textarea.fake-file-fld { width: 100%; height: 115px; position: absolute; top: 0px; left: 0px; border: solid 1px #ffffff; background-color: #F9F9F9; color: #999999; resize: no-resize; overflow-y: hidden; }
.WTCSS-upload table.table-main div.fld-container div.drop-msg { margin: 30px auto; text-align: center; color: #999999; }
.WTCSS-upload table.table-main div.fld-name { padding: 5px; }
.WTCSS-upload table.table-main div.fld-container div.file-list { padding: 5px; }
.WTCSS-upload table.table-main table.controls { width: 100%; }
.WTCSS-upload table.table-main table.controls select { margin: 0; padding: 0; border: solid 1px #cccccc; font-size: 12px; }
.WTCSS-upload table.table-main table.controls td.param-name { white-space: nowrap; padding: 5px; border-bottom: dotted 1px #cccccc; }
.WTCSS-upload table.table-main table.controls td.param-value { width: 100%; white-space: nowrap; padding: 5px; border-bottom: dotted 1px #cccccc; }
.WTCSS-upload table.table-main div.btn-holder { padding: 3px 5px; background-color: #F9F9F9; }

.WTCSS-upload table.table-main table.controls div.pseudo-field { border: dotted 1px #cccccc; height: 16px; padding: 5px; background-color: #ffffff; }
.WTCSS-upload table.table-main table.controls div.need-value { border: dotted 1px #cc0000; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.add { padding-left: 10px; font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1400px; background-repeat: no-repeat; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.add:hover { background-position: 0px -1500px; cursor: pointer;  }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.remove { font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1600px; background-repeat: no-repeat; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.remove:hover { background-position: 0px -1700px; cursor: pointer;  }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.pseudo-field-item { float: left; height: 16px; margin-right: 5px; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.pseudo-field-item:hover { cursor: pointer; border-right: solid 1px #cccccc; margin-right: 4px;}
.WTCSS-upload table.table-main table.controls div.pseudo-field div.user { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1200px; background-repeat: no-repeat; padding: 0px 0px 0px 20px;}
.WTCSS-upload table.table-main table.controls div.pseudo-field div.group { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1300px; background-repeat: no-repeat; padding: 0px 0px 0px 20px; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.everybody { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1800px; background-repeat: no-repeat; padding: 0px 0px 0px 20px; }
.WTCSS-upload table.table-main table.controls div.pseudo-field table.addressee {}
.WTCSS-upload table.table-main table.controls div.pseudo-field table.addressee td { padding-right: 5px; }
.WTCSS-upload-container { margin-bottom: 10px; }

.WTCSS-files div.pseudo-field { border: dotted 1px #cccccc; height: 16px; padding: 5px; background-color: #ffffff; }
.WTCSS-files div.need-value { border: dotted 1px #cc0000; }
.WTCSS-files div.pseudo-field div.add { padding-left: 10px; font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1400px; background-repeat: no-repeat; }
.WTCSS-files div.pseudo-field div.add:hover { background-position: 0px -1500px; cursor: pointer;  }
.WTCSS-files div.pseudo-field div.remove { font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1600px; background-repeat: no-repeat; }
.WTCSS-files div.pseudo-field div.remove:hover { background-position: 0px -1700px; cursor: pointer;  }
.WTCSS-files div.pseudo-field div.pseudo-field-item { float: left; height: 16px; margin-right: 5px; }
.WTCSS-files div.pseudo-field div.pseudo-field-item:hover { cursor: pointer; border-right: solid 1px #cccccc; margin-right: 4px;}
.WTCSS-files div.pseudo-field div.user { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1200px; background-repeat: no-repeat; padding: 0px 0px 0px 20px;}
.WTCSS-files div.pseudo-field div.group { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1300px; background-repeat: no-repeat; padding: 0px 0px 0px 20px; }
.WTCSS-files div.pseudo-field div.everybody { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1800px; background-repeat: no-repeat; padding: 0px 0px 0px 20px; }
.WTCSS-files div.pseudo-field td.field-list { width: 100%; }
.WTCSS-files div.pseudo-field table.addressee {}
.WTCSS-files div.pseudo-field table.addressee td { padding-right: 5px; }
.WTCSS-files-container { margin-bottom: 10px; }


.WTCSS-control-checklist { position: relative; border: dotted 1px #cccccc; background-color: #ffffff; top: 0px; left: 0px; }
.WTCSS-control-checklist div.wrapper-outer {}
.WTCSS-control-checklist div.bg-1 {}
.WTCSS-control-checklist div.bg-2 {}
.WTCSS-control-checklist div.bg-3 {}
.WTCSS-control-checklist div.bg-4 {}
.WTCSS-control-checklist div.wrapper-inner { padding: 3px; }
.WTCSS-control-checklist table.fld-table { width: 100%; border-spacing: 0; }
.WTCSS-control-checklist table.fld-table td.fld-values { width: 100%; vertical-align: top; }
.WTCSS-control-checklist table.fld-table td.fld-btn { vertical-align: top; padding: 2px 0 0 10px; }
.WTCSS-control-checklist table.fld-table td.fld-btn div.add { font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1400px; background-repeat: no-repeat; }
.WTCSS-control-checklist table.fld-table td.fld-btn div.add:hover { background-position: 0px -1500px; cursor: pointer; }
.WTCSS-control-checklist table.fld-table div.pseudo-list-item { min-height: 16px; padding: 0px 0px 0px 20px; background-repeat: no-repeat; margin: 2px; }
.WTCSS-control-checklist table.fld-table div.default { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1800px;   }
.WTCSS-control-checklist table.fld-table div.user { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1200px; }
.WTCSS-control-checklist table.fld-table div.group { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1300px; }
.WTCSS-control-checklist table.fld-table div.pseudo-list-item table.addressee {}
.WTCSS-control-checklist table.fld-table div.pseudo-list-item table.addressee td { padding-right: 5px; }
.WTCSS-control-checklist table.fld-table div.pseudo-list-item div.remove { font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1600px; background-repeat: no-repeat; }
.WTCSS-control-checklist table.fld-table div.pseudo-list-item div.remove:hover { background-position: 0px -1700px; cursor: pointer;  }
.WTCSS-control-checklist-list { position: absolute; top: -1px; left: -1px; z-index: 9000; border: solid 1px #999999; width: 290px; min-width: 240px; background-color: #ffffff; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#999999'); }
.WTCSS-control-checklist-list div.wrapper { margin: 0px; }
.WTCSS-control-checklist-list table.list-table { width: 100%; border-spacing: 0; }
.WTCSS-control-checklist-list table.list-table tr { background-color: #ffffff; }
.WTCSS-control-checklist-list table.list-table tr:hover { background-color: #F9F9F9; }
.WTCSS-control-checklist-list table.list-table td.check-cell { padding: 3px; vertical-align: top; border-bottom: dotted 1px #cccccc; }
.WTCSS-control-checklist-list table.list-table td.name-cell { width: 100%; padding: 3px 0px 3px 20px; vertical-align: middle; border-bottom: dotted 1px #cccccc; font-size: 11px; }
.WTCSS-control-checklist-list table.list-table td.group { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1296px; background-repeat: no-repeat; }
.WTCSS-control-checklist-list table.list-table td.info { border-bottom: dotted 1px #cccccc; vertical-align: top; padding: 4px 4px 0 0; }
.WTCSS-control-checklist-list table.list-table td.info div.info-btn { width: 16px; height: 16px; font-size: 96px; overflow: hidden; background-image: url(/icons/16round/16_info_0.png); background-repeat: no-repeat; background-position: top left; }
.WTCSS-control-checklist-list table.list-table td.info div.info-btn:hover { background-image: url(/icons/16round/16_info_1.png); cursor: pointer; }
.WTCSS-control-checklist-list div.btns-grey { background-color: #F9F9F9; padding: 3px; font-size: 10px; }
.WTCSS-control-checklist-list div.btns-grey td { padding: 0 3px 0 0; }
.WTCSS-control-checklist-list div.list-scrollable { max-height: 150px; overflow: auto; }
.WTCSS-control-checklist-list .wt-name-wrapper { position: relative; overflow: hidden; text-overflow: ellipsis; }
.WTCSS-control-checklist-list .wt-name-list-row td, .WTCSS-control-checklist-list .wt-name-list-row input { cursor: pointer; }

/* COMMON CATALOG - legacy notation */
.catalog-title { font-weight: bold; font-size: 14px; color: #666666; padding-bottom: 10px; }
div.WTCSS-catalog-table-wrapper { /*width: 100%; overflow-x: auto;*/ }
.tableBasic { width: 100%; border-spacing: 0px; margin-top: 20px; }
.tableBasic th { background-color: #F9F9F9; border-bottom: solid 1px #cccccc; border-right: dotted 1px #cccccc; border-top: dotted 1px #cccccc; padding: 12px 10px; text-align: center; font-size: 13px; color: #666666; }
.tableBasic th.first { border-left: dotted 1px #cccccc; padding: 5px; }
.tableBasic th.sortable { }
.tableBasic th.sortable:hover { background-color: #cccccc; cursor: pointer; }
.tableBasic th table.header { border: none; padding: 0; border-spacing: 0; }
.tableBasic th table.header td { padding: 0; border: none; vertical-align: top; }
.tableBasic th div.text {  }
.tableBasic th div.arrow { width: 2px; background-image: url(/icons/service/sorting_bg.png); background-position: center -106px; background-repeat: no-repeat; padding-right: 12px; }
.tableBasic th.ascending { background-color: #cccccc; font-weight: bold; }
.tableBasic th.descending { background-color: #cccccc; font-weight: bold; }
.tableBasic th.ascending div.arrow { background-position: center 5px !important; }
.tableBasic th.descending div.arrow { background-position: center -216px !important; }
.tableBasic td { border-bottom: dotted 1px #cccccc; border-right: dotted 1px #cccccc; padding: 7px 10px; font-size: 13px; color: #333333; vertical-align: top; }
.tableBasic td.first { border-left: dotted 1px #cccccc; }
.tableBasic td.even { }
.tableBasic td.odd { }
.tableBasic td.error { color: #cc0000; }
div.paging { margin-top: 10px; border: dotted 1px #cccccc; background-color: #F9F9F9; text-align: center; padding: 5px; }
div.paging span.page-current { font-weight: bold; }
div.paging a.page-link {  }

table.param-table { border-spacing: 0; width: 100%; }
table.param-table td.name { border-bottom: dotted 1px #cccccc; white-space: nowrap; text-align: right; padding: 5px; vertical-align: top; }
table.param-table td.value { border-bottom: dotted 1px #cccccc; white-space: nowrap; text-align: left; padding: 5px; vertical-align: top; }
table.param-table td.value select { border: solid 1px #cccccc; margin: 0; padding: 0; }
table.param-table td.value select.select-multi { height: 64px; }
table.param-table td.value input.date { border: solid 1px #cccccc; margin: 0; padding: 1px; }
table.param-table td.value label { padding: 0px 5px; vertical-align: top; }
table.param-table td.percent-100 { width: 100%; }

div.search-container { background-color: #efefef; padding: 8px 5px; border-radius: 4px; }
div.search-container table.search-table { border-spacing: 0px; }
div.search-container table.search-table td.left { width: 100%; }
div.search-container table.search-table select { margin: 0; padding: 0; border: solid 1px #cccccc; font-size: 12px; color: #666666;  }
div.search-container table.search-table input { margin: 0px 5px; padding: 0px 13px; border: solid 1px #cccccc; font-size: 12px;  height: 33px;
    width: 300px;}
div.btn-search { margin-right: 5px; width: 16px; height: 16px; background-image: url(/icons/16round/16_search_0.png); background-position: left center;	background-repeat: no-repeat; font-size: 36px; overflow: hidden;  }
div.btn-search:hover { background-image: url(/icons/16round/16_search_1.png) !important; cursor: pointer; }

.div.btn-search 
.WTCSS-crs-list {}
.WTCSS-crs-list div.wrapper { padding: 5px; margin-bottom: 10px;}
.WTCSS-crs-list div.manager-container { margin-top: 5px; margin-bottom: 10px; border: dotted 1px #cccccc; padding: 5px; }
.WTCSS-crs-list table.list-table { width: 100%; border-spacing: 0; }
.WTCSS-crs-list table.list-table th { background-color: #F9F9F9; border-bottom: solid 1px #cccccc; border-right: dotted 1px #cccccc; border-top: dotted 1px #cccccc; padding: 5px; color: #666666; font-weight: bold; }
.WTCSS-crs-list table.list-table th.first { width: 100%; border-left: dotted 1px #cccccc; }
.WTCSS-crs-list table.list-table td { padding: 5px; border-bottom: dotted 1px #cccccc; }


.WTCSS-manager-colleagues {}
.WTCSS-manager-colleagues div.wrapper { margin-bottom: 10px;}
.WTCSS-manager-colleagues table.list-table { width: 100%; margin: 10px 0px; }
.WTCSS-manager-colleagues table.list-table td.name  { padding: 5px; border-bottom: dotted 1px #cccccc; text-align: right; }
.WTCSS-manager-colleagues table.list-table td.value  { padding: 5px; border-bottom: dotted 1px #cccccc; text-align: left; }

.WTCSS-event-calendar {}
.WTCSS-event-calendar div.wrapper { padding: 5px; margin-bottom: 10px;}
.WTCSS-event-calendar div.container { margin-bottom: 10px;}
.WTCSS-event-calendar table.list-table { width: 100%; margin: 10px 0px; }
.WTCSS-event-calendar table.list-table td.name  { padding: 5px; border-bottom: dotted 1px #cccccc; text-align: right; }
.WTCSS-event-calendar table.list-table td.value  { padding: 5px; border-bottom: dotted 1px #cccccc; text-align: left; }
.WTCSS-event-calendar table.list-table select { margin: 0; padding: 0; border: solid 1px #cccccc; font-size: 12px; color: #666666;  }
.WTCSS-event-calendar div.tabs { margin-bottom: 5px;}
.WTCSS-event-calendar table.tabs { width: 100%; border-spacing: 0; }
.WTCSS-event-calendar table.tabs td.tab { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; text-align: center; background-color: #F9F9F9; }
.WTCSS-event-calendar table.tabs td.selected { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: none; text-align: center; font-weight:bold; }
.WTCSS-event-calendar table.tabs td.empty { border-bottom: #cccccc 1px solid; }
.WTCSS-event-calendar table.tabs td.first { width: 5px; }
.WTCSS-event-calendar table.tabs td.inter { width: 5px; }
.WTCSS-event-calendar table.tabs td.last { width: 100%; }
.WTCSS-event-calendar table.tabs div.tangle { overflow: hidden; padding: 0px; margin: 0px; }
.WTCSS-event-calendar table.tabs div.first { width: 5px; font-size: 10px; height: 10px; }
.WTCSS-event-calendar table.tabs div.inter { width: 5px; font-size: 10px; height: 10px; }
.WTCSS-event-calendar table.tabs div.last { width: 10px; font-size: 10px; height: 10px; }
.WTCSS-event-calendar table.tabs img.tab-tangle { width: 140px; height: 1px; }
.WTCSS-event-calendar table.tabs a.tab-link { display: block; width: 140px; padding: 5px; }
.WTCSS-event-calendar div.status {  }
.WTCSS-event-calendar div.status div.status-head { font-weight: bold; padding: 0px 0px 5px 5px; }
.WTCSS-event-calendar div.status table.status-table { border-spacing: 5px; }
.WTCSS-event-calendar div.status td.color-sample { width: 30px; border: solid 1px #cccccc; }
.WTCSS-event-calendar div.status td.sample-name {  }

.calendar_edu_table { border-right: solid 1px #cccccc; border-top: solid 1px #cccccc; }
.calendar_tren_cell { border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; text-align: center; padding: 2px; }
.calendar_edu_cell { border-right: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; text-align: left; padding: 2px; }

td.calendarBodyTable { background-color: #ffffff; padding: 5px; border: 1px solid #cccccc; }
td.calendarHeader { background-color: #F9F9F9; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; color: #666666; font-size:12px; font-weight: bold; }
table.calendarInnerTable {}
td.calendarDaysHeader { background-color: #666666; padding: 2px; color: #FFFFFF;  font-size: 12px; font-weight:bold; }
td.calendarCell { border: 1px solid #cccccc; height: 70px; vertical-align: top; font-size:9px; }
td.tableRowEvenEvery { font-weight: bold; padding: 2px; background-color:#F9F9F9;	background-position: center; color: #000000; }
td.tableRowEvenHoll {  font-weight: bold; padding: 2px; background-color:#990000;	background-position: center; color: #FFFFFF; }
td.calendarEmptyCell { height: 70px; }


.WTCSS-blog-card {}
.WTCSS-blog-card div.wrapper { padding: 5px; margin-bottom: 10px;}
.WTCSS-blog-card div.back { padding: 5px 10px; margin-bottom: 5px; text-align: right; background-color: #F9F9F9; }
.WTCSS-blog-card table.blog-table { border-spacing: 0; width: 100%; }
.WTCSS-blog-card table.blog-table td.blog-body { width: 100%; padding-right: 15px; vertical-align: top; }
.WTCSS-blog-card div.filter { border: solid 1px #cccccc; background-color: #F9F9F9; padding: 10px; margin-bottom: 10px; text-align: center; }
.WTCSS-blog-card div.filter span.keyword { font-weight: bold; }
.WTCSS-blog-card div.date-container { margin-bottom: 10px; }
.WTCSS-blog-card div.msg-container { margin: 5px; padding: 5px; border: dotted 1px #cccccc; }
.WTCSS-blog-card div.msg-title { background-color: #F9F9F9; padding: 10px; }
.WTCSS-blog-card div.msg-title-mine { background-color: #e6f4fd !important; }
.WTCSS-blog-card table.msg-table { width: 100%; }
.WTCSS-blog-card table.msg-table td.avatar { padding-right: 10px; vertical-align: top; }
.WTCSS-blog-card table.msg-table img.avatar { width: 48px; }
.WTCSS-blog-card table.msg-table td.header { padding-right: 10px; vertical-align: top; width: 100%; }
.WTCSS-blog-card table.msg-table td.header div.author { margin-bottom: 5px; color: #666666; }
.WTCSS-blog-card table.msg-table td.header div.author span.author { font-weight: bold; margin-right: 5px;  }
.WTCSS-blog-card table.msg-table td.header div.date { margin-bottom: 5px; color: #666666; }
.WTCSS-blog-card table.msg-table td.header div.date span.date { font-weight: bold; margin-right: 5px;  }
.WTCSS-blog-card table.msg-table td.header div.title { margin: 10px 0px; font-weight: bold; font-size: 14px; }
.WTCSS-blog-card table.msg-table td.header div.tags { font-size: 10px; color: #666666; }
.WTCSS-blog-card table.msg-table td.msg-tools { vertical-align: top; }
.WTCSS-blog-card table.msg-table td.msg-tools div.msg-edit { width: 16px; height: 16px; margin-right: 5px;  font-size: 32px; overflow: hidden; background-image: url(/icons/16round/16_edit_0.png); background-position: top left; background-repeat: no-repeat; }
.WTCSS-blog-card table.msg-table td.msg-tools div.msg-edit:hover { background-image: url(/icons/16round/16_edit_1.png); cursor: pointer; }
.WTCSS-blog-card table.msg-table td.msg-tools a.msg-link { display: block; width: 16px; height: 16px; font-size: 32px; overflow: hidden; background-image: url(/icons/16round/16_link_0.png); background-position: top left; background-repeat: no-repeat; }
.WTCSS-blog-card table.msg-table td.msg-tools a.msg-link:hover { background-image: url(/icons/16round/16_link_1.png); cursor: pointer; }
.WTCSS-blog-card div.msg-content { padding: 10px; }
.WTCSS-blog-card div.msg-content div.text { margin: 0px 0px 10px 0px; padding: 10px; border: dotted 1px #cccccc;}
.WTCSS-blog-card div.msg-content div.files { margin-top: 10px; border-top: dotted 1px #cccccc; }
.WTCSS-blog-card div.msg-content div.files div.file-title { padding: 5px; font-size: 10px; font-weight: bold; }
.WTCSS-blog-card div.msg-content div.files ul { padding-left: 10px; font-size: 11px; list-style: none; margin-top: 0px; margin-bottom: 10px;  }
.WTCSS-blog-card div.msg-actions { padding: 5px; background-color: #F9F9F9; }
.WTCSS-blog-card div.comment-form { margin: 0px 10px 5px 10px; border: dotted 1px #cccccc; background-color: #F9F9F9; padding: 10px; }
.WTCSS-blog-card div.comment-form div.comment-header { font-weight: bold; padding-bottom: 10px; border-bottom: solid 1px #cccccc; color: #666666; }
.WTCSS-blog-card div.comment-form table.comment-table { margin-top: 10px; color: #666666; }
.WTCSS-blog-card div.comment-form table.comment-table td { vertical-align: top; }
.WTCSS-blog-card div.comment-form table.comment-table td.comment-options { padding-left: 10px; }
.WTCSS-blog-card div.comment-form table.comment-table textarea { margin: 0; padding: 0; width: 640px; height: 160px; border: solid 1px #cccccc; }
.WTCSS-blog-card div.comment-form table.comment-table td.comment-options td { padding: 3px; }
.WTCSS-blog-card div.comment-form table.comment-table td.comment-options td input { margin: 0; }
.WTCSS-blog-card div.comment-form table.comment-table td.comment-options td div#name_block { margin-top: 3px; }
.WTCSS-blog-card div.msg-delete { width: 16px; height: 16px; background-image: url(/icons/16round/16_page_delete_0.png); background-position: top left; background-repeat: no-repeat; margin-right: 5px; }
.WTCSS-blog-card div.msg-delete:hover { cursor: pointer; background-image: url(/icons/16round/16_page_delete_1.png) !important; }
/* resetting default styles to override ExtJS styles */
.WTCSS-blog-card .msg-content p, .WTCSS-blog-card .msg-content dl { display: block; margin: 1em 0; }
.WTCSS-blog-card .msg-content blockquote, .WTCSS-blog-card .msg-content figure { display: block; margin: 1em 40px; }
.WTCSS-blog-card .msg-content h1 { display: block; font-size: 2em; font-weight: bold; margin: .67em 0; }
.WTCSS-blog-card .msg-content h2 { display: block; font-size: 1.5em; font-weight: bold; margin: .83em 0; }
.WTCSS-blog-card .msg-content h3 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; }
.WTCSS-blog-card .msg-content h4 { display: block; font-size: 1em; font-weight: bold; margin: 1.33em 0; }
.WTCSS-blog-card .msg-content h5 { display: block; font-size: 0.83em; font-weight: bold; margin: 1.67em 0; }
.WTCSS-blog-card .msg-content h6 { display: block; font-size: 0.67em; font-weight: bold; margin: 2.33em 0; }
.WTCSS-blog-card .msg-content table { display: table; border-spacing: 2px; border-collapse: separate; margin-top: 0; margin-bottom: 0; box-sizing: border-box; text-indent: 0; }
.WTCSS-blog-card .msg-content td { display: table-cell; vertical-align: inherit; text-align: inherit; padding: 1px; }
.WTCSS-blog-card .msg-content th { display: table-cell; vertical-align: inherit; font-weight: bold; padding: 1px; }
.WTCSS-blog-card .msg-content b, .WTCSS-blog-card .msg-content strong { font-weight: bolder; }
.WTCSS-blog-card .msg-content i, .WTCSS-blog-card .msg-content cite, .WTCSS-blog-card .msg-content em, .WTCSS-blog-card .msg-content var, .WTCSS-blog-card .msg-content dfn { font-style: italic; }
.WTCSS-blog-card .msg-content u, .WTCSS-blog-card .msg-content ins { text-decoration: underline; }
.WTCSS-blog-card .msg-content s, .WTCSS-blog-card .msg-content strike, .WTCSS-blog-card .msg-content del { text-decoration: line-through; }
.WTCSS-blog-card .msg-content big { font-size: larger; }
.WTCSS-blog-card .msg-content small { font-size: smaller; }
.WTCSS-blog-card .msg-content sub { vertical-align: sub; font-size: smaller; line-height: normal; }
.WTCSS-blog-card .msg-content sup { vertical-align: super; font-size: smaller; line-height: normal; }
.WTCSS-blog-card .msg-content nobr { white-space: nowrap; }
.WTCSS-blog-card .msg-content ul, .WTCSS-blog-card .msg-content menu, .WTCSS-blog-card .msg-content dir { display: block; list-style-type: disc; margin: 1em 0 1em 40px; }
.WTCSS-blog-card .msg-content ol { display: block; list-style-type: decimal; margin: 1em 0 1em 40px; }
.WTCSS-blog-card .msg-content li { display: list-item; }

.WTCSS-blog-card div.comments-container { margin: 10px 5px 5px 5px; }
.WTCSS-blog-card div.comm-container { padding: 5px 5px 0px 5px; }
.WTCSS-blog-card table.msg-table img.avatar-small { width: 24px; }
.WTCSS-blog-card div.comments-container div.text { border: dotted 1px #cccccc; padding: 10px; margin: 0px 0px 10px 0px; overflow: auto; }
.WTCSS-blog-card div.comments-container div.text-edit textarea { border: dashed 1px #369; resize: none; }

.WTCSS-blog-card table.blog-table td.blog-service { width: 250px; vertical-align: top; }
.WTCSS-blog-card table.blog-table td.blog-service img.tangle { width: 250px; height: 1px; }
.WTCSS-blog-card table.blog-table td.blog-service div.tools { margin: 0px; padding: 10px; border: dotted 1px #cccccc; background-color: #F9F9F9; text-align: center; }
.WTCSS-blog-card table.blog-table td.blog-service input.new-msg { width: 230px;  }
.WTCSS-blog-card table.blog-table td.blog-service input.subscribe { width: 230px; margin-top: 10px; }
.WTCSS-blog-card table.blog-table td.blog-service div.authors-container { margin: 10px; }
.WTCSS-blog-card table.blog-table td.blog-service div.authors-container ul { list-style-image: url(/icons/16round/16_user.png); margin: 3px 3px 3px 24px; }
.WTCSS-blog-card table.blog-table td.blog-service div.authors-container ul li { margin: 0px; padding: 1px; }
.WTCSS-blog-card table.blog-table td.blog-service div.authors-container ul li a { vertical-align: top; }
.WTCSS-blog-card table.blog-table td.blog-service div.search-container { margin: 10px; text-align: center; }
.WTCSS-blog-card table.blog-table td.blog-service div.search-container table { width: 100%; }
.WTCSS-blog-card table.blog-table td.blog-service div.search-container input.search-fld { width: 136px; height: 20px; }
.WTCSS-blog-card table.blog-table td.blog-service div.rss-container { margin: 10px; }
.WTCSS-blog-card table.blog-table td.blog-service div.rss-container a { display: block; height: 17px; background-image: url(/icons/29_rss.png); background-position: top left; background-repeat: no-repeat; padding: 6px 35px; }

.WTCSS-blog-card div.editor-container { margin: 5px; }
.WTCSS-blog-card table.editor-table { width: 100%; }
.WTCSS-blog-card table.editor-table td { vertical-align: top; padding: 5px; }
.WTCSS-blog-card table.editor-table td.name { white-space: nowrap; text-align: right; font-weight: bold; }
.WTCSS-blog-card table.editor-table td.value { width: 100%; }
.WTCSS-blog-card table.editor-table td.spanned { width: 100%; }
.WTCSS-blog-card table.editor-table td input.fld-100 { margin: 0; padding: 0; width: 100%; height: 21px; border: solid 1px #cccccc; }
.WTCSS-blog-card table.editor-table td input.rich-text-fld { margin: 0; padding: 0; width: 100%; height: 320px; border: solid 1px #cccccc; }

/* FORUM LAST */
.WTCSS-forum-last {}
.WTCSS-forum-last div.wrapper { }
.WTCSS-forum-last div.last-container { padding: 5px 5px 5px 5px; }
.WTCSS-forum-last div.last-container div.content div.last-container { padding: 5px 0px 0px 0px; }
.WTCSS-forum-last div.item { padding: 5px; border: dotted 1px #cccccc; margin-bottom: 5px; }
.WTCSS-forum-last div.item div.msg-forum { padding: 5px; background-color: #F9F9F9; font-size: 12px; font-weight: bold; color: #666666; }
.WTCSS-forum-last div.item div.msg-date { padding: 0px 5px; font-size: 11px; color: #666666; margin-top: 5px; }
.WTCSS-forum-last div.item div.msg-author { padding: 0px 5px; font-size: 11px; color: #666666; margin-top: 5px; }
.WTCSS-forum-last div.item div.msg-title { padding: 0px 5px; font-size: 11px; margin-top: 5px;  }

.WTCSS-forum-info {}
.WTCSS-forum-info table.layout { width: 100%; border-spacing: 0px; border-collapse: separate; }
.WTCSS-forum-info table.layout td.name { padding: 5px 0; text-align: right; vertical-align: top; }
.WTCSS-forum-info table.layout td.value { padding: 0 0 5px 5px; text-align: left; vertical-align: top; }
.WTCSS-forum-info table.layout td.value input.fld { padding: 5px; text-align: left; border: dotted 1px #cccccc; width: 90%; }
.WTCSS-forum-info table.list-table { width: 100%; border-spacing: 0px; border-collapse: separate; }
.WTCSS-forum-info table.list-table th { width: 25%; white-space: nowrap; vertical-align: middle; border-right: groove 2px #ffffff; border-top: groove 2px #ffffff; border-bottom: groove 2px #ffffff; color: #666666; padding: 5px; background-color: #F9F9F9; text-align: left; font-size: 11px; }
.WTCSS-forum-info table.list-table th.first { border-left: groove 2px #ffffff; }
.WTCSS-forum-info table.list-table th.last { }
.WTCSS-forum-info table.list-table td { width: 25%; white-space: nowrap; vertical-align: middle; border-right: groove 2px #ffffff; border-top: groove 2px #ffffff; border-bottom: groove 2px #ffffff; color: #333333; padding: 5px; text-align: left; font-size: 11px; }
.WTCSS-forum-info table.list-table td.first { border-left: groove 2px #ffffff; }
.WTCSS-forum-info table.list-table td.last { }
.WTCSS-forum-info div.select-mod { text-align: right; }
.WTCSS-forum-info div.info-submit { border-top: solid 1px #cccccc; }
.WTCSS-mark-read { margin: 5px 0; padding: 5px; border: solid 1px #cccccc; text-align: right; font-size: 11px; }

div.common-header { background-color: #e6f4fd; color: #666666; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb;  }
div.common-container { background-color: #FFFFFF; padding: 6px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; border-bottom: solid 1px #e6f4fd;  }



/* RESUME */
.WTCSS-resume {}
.WTCSS-resume img.add { width: 16px; height: 16px; background-image: url(/icons/16round/16_add_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-resume img.add:hover { cursor: pointer; background-image: url(/icons/16round/16_add_1.png) !important; }
.WTCSS-resume img.delete { width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-resume img.delete:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }
.WTCSS-resume img.up { width: 16px; height: 16px; background-image: url(/icons/16round/16_up_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-resume img.up:hover { cursor: pointer; background-image: url(/icons/16round/16_up_1.png) !important; }
.WTCSS-resume img.down { width: 16px; height: 16px; background-image: url(/icons/16round/16_down_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-resume img.down:hover { cursor: pointer; background-image: url(/icons/16round/16_down_1.png) !important; }

.WTCSS-resume input.input-text{ border: inset 1px #cccccc;}
.WTCSS-resume textarea.comment-text{ width: 100%; border: inset 1px #cccccc; }
.WTCSS-resume div.wrapper {}
.WTCSS-resume div.info { padding: 12px; text-align: center; color: #999999; }
.WTCSS-resume div.alert { padding: 12px; text-align: center; color: #CC0000; border: inset 5px red; font-size: 14px; }
.WTCSS-resume div.select-container { padding: 6px; background-color: #F9F9F9; }
.WTCSS-resume div.select-name { padding-right: 6px; float: left; }
.WTCSS-resume div.select-selector { float: left; }
.WTCSS-resume div.select-selector select { margin: 0px; }
.WTCSS-resume div.app-container { overflow-x: auto; }
.WTCSS-resume div.resume-button-container { padding: 3px; margin-top: 12px;background-color: #F9F9F9; border-top: solid 1px #cccccc; text-align: center;}
.WTCSS-resume input.resume-button { background-color: #F9F9F9; background-image: url(/pics/bg_btn_grey.png); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center;	margin: 0; }
.WTCSS-resume  input.resume-button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: ; cursor: pointer; }
.WTCSS-resume table.resume-main-table { border-spacing: 0; width: 100%; }
.WTCSS-resume td.resume-grid-simple-name { font-weight: bold; white-space: nowrap;}
.WTCSS-resume td.resume-grid-name { font-weight: bold; text-align: right; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }
.WTCSS-resume td.resume-grid-value { text-align: left; white-space: normal; padding: 6px; border-bottom: dotted 1px #cccccc; }
.WTCSS-resume td.resume-grid-img-warning { white-space: normal; padding: 6px; border-bottom: dotted 1px #cccccc; width: 16px !important; height: 16px !important; background-image: url(/icons/16round/16_fire_1.png); background-position: center center; background-repeat: no-repeat; }




/* LEGACY STYLES - should not be used anymore */


td.loginPanel {
	background-color: #F0F3FB;
}

table.docBodyTable {
	width:100%;
}
table.loginBodyTable {
	width:600px;
	margin-top: 20px;
}
div.loginLeftTop {
	position:static;
	left:0px;
	top:0px;
	height: 80px;
	z-index:1;
	width:180px;
	background-image: url(pics/top_logo.gif);
	background-position: left;
	background-repeat:no-repeat;
}
div.loginHeader {
	position:static;
	text-align:center;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	width:100%;
	height:80px;
	z-index:1;
}
table.loginMainTDright {
	width: 600px;
}
td.loginMainTDleft {
	vertical-align:top;
	width: 50%;
	padding:10px;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 12px;
	border-left: 2px solid #A60101;
}
td.loginMainTDright {
	vertical-align:top;
	width: 50%;
	padding:10px;
	background-color: #F0F0F0;
	color: #333333;
	font-size: 12px;
	border-right: 2px solid #A60101;
}
div.loginBlock {
	border: 2px solid #CCCCCC;
	padding:5px;
}
table.registerTable {
}
td.registerTD {
	vertical-align:top;
	width: 50%;
	padding:10px;
	background-color: #F0F0F0;
	color: #333333;
	font-size: 12px;
	border-left: 2px solid #A60101;
	border-right: 2px solid #A60101;
}

td.bgTopUnder {
	height: 80px;
	width:100%;
	background-color: #CCCCCC;
	background-image: url(pics/top_bg.gif);
	background-position: left top;
	background-repeat:no-repeat;
}
img.bgTopUnderTangle {
	height: 80px;
	width: 80px;
}
div.bgLeftTop {
	position:absolute;
	left:0px;
	top:0px;
	height: 80px;
	z-index:5;
	width:180px;
	background-image: url(pics/top_logo.gif);
	background-position: left;
	background-repeat:no-repeat;
}
img.bgLeftTopTangle {
	height: 80px;
	width:180px;
}
div.bgRightTop {
	display:inline;
}
img.bgRightTopTangle {
	display:inline;
	width:750px;
	height:1px;
}
div.mainHeader {
	display:inline;
	padding-left: 180px;
	padding-right:280px;
	padding-bottom:0px;
	padding-top:0px;
	width:100%;
	height:80px;
	z-index:1;
}
div.headerCenter {
	position: absolute;
	background-image: url(pics/header_center.gif);
	background-position: top center;
	background-repeat:no-repeat;
	top:0;
	width: 100%;
	height: 80px;
	z-index:1;
}
img.headerCenterTangle {
	width: 274px;
	height: 80px;
}
div.headerFlash {
	display:none;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:80px;
	z-index:1;
}
.headerFlashObj{
	width:382px;
	height:80px;
	z-index:1;
}
div.headerAdd {
	display:none;
}
img.headerAddTangle {
	display:none;
}
div.personalDiv {
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	height: 70px;
	width: 260px;
	z-index: 3;
	padding-top: 5px;
	padding-right: 8px;
}
select.personalMenu {
	font-size: 11px;
	height: 19px;
	width: 96%;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	background-color: #FFFFFF;
	color: #333333;
}
td.personalText {
	background-color:#F0F0F0;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
div.mainMenuDiv {
	width: 100%;
	position:absolute;
	left: 0px;
	top: 80px;
	height: 26px;
	z-index: 0;
	visibility: visible;
}
td.mainMenuTop {
	background-color:#5a5a5a;
	height: 1px;
}
td.mainMenuTopLeft {
	background-color:#5a5a5a;
}
td.mainMenuTopRight {
	background-color:#5a5a5a;
}
td.mainMenuLeft {
	background-color:#5a5a5a;
}
td.mainMenuCenter {
	background-color:#5a5a5a;
}
td.mainMenuRight {
	background-color:#5a5a5a;
}
td.mainMenuBottom {
	background-color:#A60101;
	height:19px;
}
div.mainMenuInsertDiv {
}
td.mainMenuLeftInsert {
	background-color:#5a5a5a;
	width: 27px;
	height:20px;
}
td.mainMenuLeftInsert2 {
	background-color:#5a5a5a;
	width: 48px;
	height:20px;
}
img.mainMenuLeftTangle {
	width: 27px;
}
img.mainMenuLeftTangle2 {
	width: 48px;
}
table.menuIconTable {

}
td.menuIconTD {
	width:27px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	padding-left: 3px;
	padding-right: 3px;
}
td.mainMenuItem {
	cursor:pointer;
	background-color:#5a5a5a;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	font-size: 11px;
	padding: 4px;
}
td.mainMenuItemOver {
	cursor:pointer;
	background-color:#5a5a5a;
    color:#FFFFCC;
	font-weight:bold;
	text-decoration: none;
	font-size: 11px;
	padding: 4px;
}
a.dropDownMenuText{
	color: #FFFFFF !important;
	text-decoration: none;
	font-weight:bold;
}
a.dropDownMenuText:visited {
	text-decoration: none;
	color: #FFFFFF !important;
	font-weight:bold;
}
a.dropDownMenuText:hover {
	text-decoration: none;
	color: #FFFFCC !important;
	font-weight:bold;
}
a.dropDownMenuText:active {
	text-decoration: none;
	color: #FFFFFF !important;
	font-weight:bold;
}
td.mainMenuDivider {
	background-image: url(pics/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 29px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.mainBlockDiv {
	width:100%;
	position: absolute;
	left: 0px;
	top: 113px;
	z-index: 1;
}
td.mainBlockBody {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
}
td.leftPanel {
	background-color: #E0E0E0;
	padding: 5px;
	vertical-align: top;
	height: 100px;
}


div.VotingHeaderText {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}

div.NewsHeaderText {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}

div.LeftHeaderText {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}

td.middlePanelHeader {

	background-color: #E0E0E0;
	margin: 0px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
td.middlePanelBody {
	margin: 0px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
td.middlePanelBrd {
	background-color: #333333;
}
td.middlePanelBgrnd {
	background-color: #E0E0E0;
}
tr.middlePanelBgrnd {
	background-color: #E0E0E0;
}
td.rightPanel {
	background-color: #E0E0E0;
	padding: 5px;
	vertical-align: top;
}
.headerText, .tableHeaderTextInner {
	font-size: 14px;
	color: #A60101;
	font-weight: bold;
}
.tableHeaderTextInner {
	margin-top:10px;
	margin-bottom: 10px;
}
td.horDivider {
	background-image:   url(pics/hor_divider_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
}
td.horDividerNews {
	background-image:   url(pics/hor_divider_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 4px;
}
td.newsColumnDigest {
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.newsColumnDate {
	font-size: 11px;
	font-weight: bold;
	color: #A60101;
}
.voteItems {
	font-size: 11px;
}
td.horDividerVoting {
	background-image:   url(pics/hor_divider_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 5px;
}
div.footerDiv {
	width: 100%;
	background-color:#A60101;
	height:24px;
	z-index: 0;
}
td.footerDivider {
	background-color:#A60101;
	height:1px;
}
td.footerTD {
	background-color:#A60101;
	text-align:center;
}

td.greeting {
	font-size: 12px;
	background-color: #E0E0E0;
	padding: 10px;
}
td.tableHeaderWithText {
	padding: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: inherit;
	font-weight: normal;
	color: #333333;
	text-align: left;
	border-top-width: 0px;
	border-top-color: #ddd;
	background: #f5f5f5;
}
tr.tableHeaderWithTextRow{
	display:none;
}
td.tableHeaderNoText {
	padding: 0px;
	height: 5px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #ddd;
}
td.tableRowEven {
	background-color: #ffffff;
	padding: 5px;
	font-family:inherit !important;
	font-size:inherit;
	border-bottom: 0;
}
td.tableRowOdd {
	background-color: #fafafa;
	padding: 5px;
	font-size:inherit;
	border-bottom: 0;
}
td.tableRowOdd1 {
	background-color: #fafafa;
	padding: 3px;
	border: none;
}
td.tableRowOdd2 {
	background-color: #fafafa;
	padding: 3px;
	border: none;
}
td.tableFooter {
	padding: 0px;
	height: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
table.ddMenuTable{
	background-color: #CCCCCC;
	padding:1px 1px 1px 1px;
	border: 1px solid #333333;
}
div.ddMenu {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=3);
	background-color: #CCCCCC;
	margin-top: 3px;
	margin-left: 6px;
	padding: 0px;
	z-index: 10;
	left: 0px;
	top: 0px;
	display: none;
	position: absolute;
	width:110px;
}
td.ddMenuItem {
	padding:3px;
	width:100%;
	background-color: #CCCCCC;
	cursor:pointer;
	color: #333333;
	font-weight:normal;
	text-decoration: none;
	font-size: 11px;
}
td.ddMenuItemOver {
	padding:3px;
	width:100%;
	background-color: #F0F0F0;
	cursor:pointer;
	color:#333333;
	font-weight:normal;
	text-decoration: none;
	font-size: 11px;
}
a#ddmMenuItemText{
	color: #333333 !important;
	text-decoration: none;
}
a#ddmMenuItemText:visited {
	color: #333333 !important;
	text-decoration: none;
}
a#ddmMenuItemText:hover {
	color: #333333 !important;
	text-decoration: none;
}
a#ddmMenuItemText:active {
	color: #333333 !important;
	text-decoration: none;
}

td.ddMenuDivider {
	height:1px;
}
.ddMenuText {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration: none;
	font-size: 11px;
}
input.voteButtonOver {
	background-color: #FFFFFF;
	font-size: 11px;
	color:#A60101;
	width:107px;
	height:22px;
	border: 1px solid #A60101;
	text-align:center;
}
input.voteButton {
	background-color: #F0F0F0;
	font-size: 11px;
	color:#333333;
	width:107px;
	height:22px;
	border: 1px solid #333333;
	text-align:center;
}
input.activateButtonOver {
	background-color: #FFFFFF;
	font-size: 11px;
	color:#A60101;
	width:107px;
	height:22px;
	border: 1px solid #A60101;
	text-align:center;
}
input.activateButton {
	background-color: #F0F0F0;
	font-size: 11px;
	color:#333333;
	width:107px;
	height:22px;
	border: 1px solid #333333;
	text-align:center;
}
.currentPath {
	font-size:12px;
	font-weight:bold;
	color:#A60101;
}
table.activator {
	background-color: #F0F0F0;
}
td.activator {
	background-color: #F0F0F0;
	padding: 3px;
}

TR.description {
	background-color: #F0F0F0;
}
TD.description {
	background-color: #F0F0F0;
}

INPUT.inputButton {
	font-size: 11px;
	height: 22px;
	border-style: solid;
	border-width: 1px;
	border-color: #777777;
	color: #333333;
	background-color: #F9F9F9;
}
INPUT.inputButtonOver {
	font-size: 11px;
	height: 22px;
	border-style: solid;
	border-width: 1px;
	border-color: #A60101;
	color: #A60101;
	background-color: #FFFFFF;
	cursor:pointer;
}

INPUT.inputEdit {
	font-size: 11px;
	height: 19px;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	color: #000000;
	background-color: #ffffff;
	padding-left: 2px;
}

.selectedLeftMenuItem {
	font-size: 12px;
	font-weight: bold;
	color: #A60101;
	width: 100%;
}
a.LeftMenuItem {
}
a.LeftMenuItem:active {
}
a.LeftMenuItem:hover {
}
a.LeftMenuItem:visited {
}
.newsListDate {

	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

TABLE.tableBorder {
	padding: 5px;
	background-color: #F9F9F9;
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
table.forumTopicTable {
	width:100%;
	padding: 3px;
}
table.forumMsgTable {
	width:100%;
}
td.forumMsgTD {
	background-color: #F0F0F0;
	padding: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
table.searchFormTable {
	width:100%;
}
td.searchFormTD {
	background-color: #F0F0F0;
	padding: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}



textarea{
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	color: #000000;
	background-color: #ffffff;
}
.registerRightTD{
	width:60%;
	text-align:left;
	padding:2px;
}
.registerLeftTD{
	width:40%;
	text-align: right;
	padding:2px;
}

.tableHeaderWithTextRow{
	display:none;
}



td.LeftPanelNoSelectedItemRight {
	width: 24px;
	background-image:none;
}
td.LeftPanelSelectedItemRight {
	background-image: url(pics/more.gif);
	background-repeat: no-repeat;
	width: 24px;
	height: 18px;
	background-position: right center;
}


td.tableVotingBottom {
	text-align: center;
}


div.pathOrder {
	margin-bottom:6px;
	margin-top:0px;
	margin-left:5px;
}

img.pathImg {
	background-image: url(pics/path_divider.gif);
	background-position: left;
	background-repeat:no-repeat;
	height: 12px;
	width: 12px;
}







TD.CL_forum_topic_name {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 6px; BACKGROUND-COLOR: #dddddd
}
TD.CL_forum_topic_author {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px
}
TD.CL_forum_topic_date {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 1px
}
DIV.CL_forum_topic_content {
	BACKGROUND-COLOR: #ffffff;
}
TD.CL_forum_topic_answer {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right
}
TD.CL_forum_topic_body {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff;
}
DIV.CL_forum_divider {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left bottom; PADDING-LEFT: 0px; FONT-SIZE: 1px; BACKGROUND-IMAGE: url(/courselab.nsf/bg_divider_1.gif); PADDING-BOTTOM: 0px; MARGIN: 3px 1px; WIDTH: 510px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; POSITION: static; HEIGHT: 2px
}
TD.CL_forum_form_row {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #F9F9F9
}
#CL_forum_answer_form_template {
	DISPLAY: none
}
DIV.CL_answer_insert {
	DISPLAY: none; MARGIN: 3px 1px
}
TD.CL_forum_answer_form_table {
	PADDING-RIGHT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px dotted; BACKGROUND-COLOR: #ffffff
}
TD.CL_forum_list_row {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
TD.CL_forum_list_outer {
	BORDER-BOTTOM: #cccccc 1px dotted
}
TD.CL_forum_list_header {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid
}
#CL_forum_mode_switch {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
}

a.asLink:link {
	text-decoration: underline;
}
a.asLink:visited {
	text-decoration: underline;
}
a.asLink:hover {
	text-decoration: none;
}
a.asLink:active {
	text-decoration: none;
}

td.PersonName {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	padding-right: 5px;
}

td.PersonPosition {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 5px;
}
/*------Стили шаблона Блок "Корпоративный журнал"-------*/
div.journalsHeader{
        text-align: center;
        font-weight: bold;
        font-size: 13px;
}

/*------Стили шаблона Блок "Новости" на главной странице-------*/
div.newsNameS{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size:14px;
        font-weight:bold;
}
div.newsDateS{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size:11px;
}

div.newsNameS{
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 5px;
}

div.newsAnonsS{
        margin-top: 5px;
        margin-bottom: 5px;
}

div.newsBlockNameS{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size:14px;
        font-weight:bold;
}
div.newsBlockDateS{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size:11px;
}


div.newsBlockAnonsS{
        margin-top: 5px;
        margin-bottom: 5px;
}

table.newsBlockTableS{
        padding:10px;
}

span.newsBlockHeaderS{
        font-size:16px;
        font-weight:bold;
        height: 25px;
}

div.newsBlockAllS{
        text-align:right;
}

/*------Стили шаблона Блок "Календарь событий"-------*/
div.calendarDivS{}
table.calendarBodyTableS{}
td.calendarDaysHeaderS{}
td.calendarHeaderS{
	font-size: 12px;
	font-weight: bold;
	padding:3px;
}
td.calendarHeaderTdS{}
div.calendarHeaderTextS{
	font-size: 14px;
	color: #A60101;
	font-weight: bold;
}
span.calendarDateS{}
td.calendarCellS{}
td.calendarEmptyCellS{}


/*------Стили шаблона Блок "Дни рождения"-------*/
div.birthdayDivS{
	padding: 5px;
}
table.birthdayTableS{}
td.birthdayHeaderTdS{}
div.birthdayHeaderS{
	font-size: 14px;
	color: #A60101;
	font-weight: bold;
	text-align: center;
}
td.birthdaysDayHeaderS{
	font-size: 13px;
	font-weight: bold;
}
td.birthdaysPersonFioS{}
td.birthdaysPositionS{}
td.birthdayAllS{}
a.birthdaysPersonFioTextS{}
a.birthdaysPersonFioS{}
td.birthdaysImageTdS{}

/*------Стили шаблонов "Универсальные отчеты"-------*/
table.reportTable {
	border: #333333 1px solid;
	border-collapse: collapse;
}

th.reportTH {
	background-color: #e0e0e0;
	border: #333333 1px solid;
	font-size: 12px;
	font-weight: bold;
}
th.reportTH {
	background-color: #e0e0e0;
	border: #333333 1px solid;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

td.reportTD {
	background-color: #FFFFFF;
	border: #333333 1px solid;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.tab_td {
	border-right: #aaaaaa 1px solid; border-top: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; text-align: center; background-color: #F9F9F9;
}
.tab_td_sel {
	border-right: #aaaaaa 1px solid; border-top: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 0px solid; text-align: center; font-weight:bold; height:24px;
}
.tab_td_empty {
	border-bottom: #aaaaaa 1px solid;
}


.tab_left_table{
	border-collapse:collapse;
}
.tab_left_td {
	cursor: pointer;
	border-top: #aaaaaa 1px solid; border-right: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; text-align: center; background-color: #F9F9F9; height:27px;
}
.tab_left_td_sel {
	cursor: pointer;
	border-top: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; text-align: center; font-weight:bold; height:27px;
}
.tab_left_td_content {
	border-top: #aaaaaa 1px solid; border-right: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; text-align: center;
	vertical-align:top;
}
.tab_left_td_empty{
	border-right: #aaaaaa 1px solid;
}
.tab_left_content{
	width:100%;
	padding: 10px;
}
.tab_left_name{
	color: #b01f23;
	text-decoration: none;
}

blockquote {
	margin: 1em 3em;
	padding: .5em 1em;
	border-left: 5px solid #fce27c;
	background-color: #f6ebc1; }
blockquote p {
	margin: 0; }

/* WebHelpStyles.Start */


div.webhelp-menu-container{
	margin-top: 5px;
}

frame.webhelp-toc-frame{
	border-right: 1px solid #EEE;
	padding: 7px;
}

frame.webhelp-content-frame {
	/*border-right: 1px solid #EEE; border-top: 1px solid #EEE;
	padding: 7px;*/
}
frame.webhelp-top-frame{
	border-bottom: 1px solid #EEE;;
}

.libraryLeftPanel {
	/*	padding: 10px; */
}

#NonScrollSection {
	/*	padding: 5px 5px 5px 5px; */
	border-bottom: none;
	background: #FFFFFF;
	vertical-align: top;
	z-index: 2;
	visibility: visible;
	width: 100%;
}
#NonScrollSection table.webhelp-content{
	padding: 5px 5px 5px 5px;
}

.libraryheader {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

#ScrollSection {
	margin: 0;
	padding: 5px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
	}

hr { height: 1px;}

td.mainMenuCenterHeight {
	height: 30px;
}

/* WebHelpStyles.End */


.TextAreaBlock {
	vertical-align: top;
	padding: 3px;
}

.DescBlock {
	background-color: #F0F0F0;
}

.eventCollaboratorsDiv
{
/*	height:250px;
	overflow-y:auto;*/
}




.WTCSS-design-twin
{
	background-color: blue;
}
.WTCSS-design-head
{
	width: 100%;
	padding: 2px 0px 4px 4px;
	/*margin: -2px -2px 0px -2px;*/
	background-color: #FF6600;
	font-weight: bold;
	color: #FFFFFF;
	opacity: 0.8;
}
.WTCSS-design-settings
{
	float: right;
	width: 16px;
	height: 16px;
	background-image: url(/icons/16round/16_settings_0.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 6px;
}
.WTCSS-design-settings:hover
{
	background-image: url(/icons/16round/16_settings_1.png);
	cursor: pointer;
}
.WTCSS-design-env-head
{
	width: 100%;
	padding: 3px;
	background-color: #6666ff;
	font-weight: bold;
	color: #FFFFFF;
	opacity: 0.8;
}


.designContainerHighlight
{
	box-sizing: content-box;
	border: 2px dotted red;
	margin: -2px 0px 0px -2px;
	padding: 0px;
	border-spacing: 0px;
	/*background-color: white;*/
}
.webTemplateEnvelope
{
	/*display: none;*/

}
.webTemplateEnvelopeHighlight
{
	box-sizing: content-box;
	border: 1px dotted blue;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}
/*
.designContainerHighlight
{
	border: 2px dashed red;
	margin: 2px;
	padding: 2px;
	border-spacing: 2px;
	background-color: white;
}
.webTemplateEnvelopeHighlight
{
	border: 2px dashed orange;
	margin: 2px;
	padding: 2px;
}
*/

a.user-link { background-image: url(/icons/user.png);  background-position: left top; background-repeat: no-repeat; min-height: 16px; padding: 0 0 0 20px; }
a.tag-link { background-image: url(/icons/16_hash.png);  background-position: left top; background-repeat: no-repeat; min-height: 16px; padding: 0 0 0 20px; }

div.qtip-websoft { max-width: 500px; font-size: 1em; line-height: 1.1em; background-color: #E5F6FE; border-color: #369; color: #369; -webkit-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.3);}
div.qtip-websoft div.qtip-content { padding: 20px; font-size: 12px; }

.FAQ-tile { background-image: url(/pics/q_mark.png); background-position: left top; background-repeat: no-repeat; padding: 0 0 0 48px; min-height: 120px; }
.FAQ-tile a.FAQ-question { display: block; font-size: 11px; min-height: 120px; }

/* fixes for xShowSelectDialog */
.ui-dialog-titlebar { height: 24px; min-height: 24px; }
.ui-dialog-titlebar-close { float: right; margin: 4px 4px 0 0; }
.ui-dialog-content input.inputEdit { border-color: #999; border-radius: 5px; }
.ui-dialog-content input[type='button'] { border-color: #999; border-radius: 5px; padding: 0 10px; min-width: 100px;  }

/* WS Slider Start */
.wsSlider { position: relative; }
.wsSlider img { position: absolute; top: 0px; left: 0px; }
.wsSlider a.ws-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
.ws-slice { display:block; position:absolute; z-index:50; height:100%; }
.ws-caption { position:absolute; left:0px; bottom:0px; background: #000000; color:#FFFFFF; opacity:0.8; width:100%; z-index:89; }
.ws-caption p { padding:5px; margin:0; }
.ws-caption a { display:inline !important; }
.ws-html-caption { display:none; }
.ws-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }
.ws-prevNav { left:0px; }
.ws-nextNav { right:0px;}
.ws-controlNav a { position:relative; z-index:99; cursor:pointer; }
.ws-controlNav a.active { font-weight:bold; }
#slider { position:relative; margin: 5px; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider a { border:0; display:block; }
.ws-controlNav { position:absolute; right: 20px; bottom: 5px; }
.ws-controlNav a { display:block; width:22px; height:22px; background:url(pics/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.ws-controlNav a.active { background-position:0 -22px; }
.ws-directionNav a { display:block; width:30px; height:30px; text-indent:-9999px; border:0; }
a.ws-nextNav { background-position:-30px 0; right:15px; }
a.ws-prevNav { left:15px; }
.ws-caption { text-shadow: none}
.ws-caption a { color:#efe9d1; text-decoration:underline; }
/* WS Slider End */

.x-tool-toggle {
    background-image: url(pics/block_arrows_gray.png) !important;
    background-position: -13px 0px !important;
	height: 16px !important;
	width: 13px !important;
}
.x-panel-collapsed .x-tool-toggle {
    background-position: 0px 0px !important;
	height: 16px !important;
	width: 13px !important;
}


/* megamenu */
.WTCSS-menu-mega { font: normal 13px Arial, sans-serif; line-height: 16px; }
.WTCSS-menu-mega .mega-menu ul, .WTCSS-menu-mega .mega-menu ul li {list-style: none;}
.WTCSS-menu-mega .mega-menu ul {position: relative; padding: 0; margin: 0;}
.WTCSS-menu-mega .mega-menu ul li ul {display: none;}
.WTCSS-menu-mega .mega-menu .sub {display: none;}
.WTCSS-menu-mega .mega-menu .sub ul {display: block;}
.WTCSS-menu-mega .mega-menu-init ul {display: none;}

.WTCSS-menu-mega {font: normal 13px Arial, sans-serif; line-height: 16px;}
.WTCSS-menu-mega ul.mega-menu, .WTCSS-menu-mega ul.mega-menu li {margin: 0; padding: 0; border: none;}
.WTCSS-menu-mega ul.mega-menu {background: #E3E3E3 url(/pics/mega-menu/bg_white.png) repeat-x 0 -80px; width: 100%; height: 40px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; position: relative;}
.WTCSS-menu-mega ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold;}
.WTCSS-menu-mega ul.mega-menu li a {float: left; display: block; color: #000; padding: 12px 38px 12px 25px; background: url(/pics/mega-menu/bg_white.png) repeat-x 100% 0; text-shadow: 1px 1px 1px #fff; text-decoration: none;}
.WTCSS-menu-mega ul.mega-menu li:hover > a {color: #369 !important;}
.WTCSS-menu-mega ul.mega-menu li a.dc-mega {position: relative;}
.WTCSS-menu-mega ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; width: 8px; height: 6px;  top: 18px; right: 15px; background: url(/pics/mega-menu/arrow.png) no-repeat 0 100%;}
.WTCSS-menu-mega ul.mega-menu li.mega-hover a, .WTCSS-menu-mega ul.mega-menu li a:hover {background-position: 100% -40px; color: #000; text-shadow: none;}
.WTCSS-menu-mega ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;}
.WTCSS-menu-mega ul.mega-menu li .sub-container {position: absolute; background: url(/pics/mega-menu/bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px;}
.WTCSS-menu-mega ul.mega-menu li .sub {background: url(/pics/mega-menu/bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;}
.WTCSS-menu-mega ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 0;}
.WTCSS-menu-mega ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}
.WTCSS-menu-mega ul.mega-menu li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal;}
.WTCSS-menu-mega ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}
.WTCSS-menu-mega ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.WTCSS-menu-mega ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;}
.WTCSS-menu-mega ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #E3E3E3 url(/pics/mega-menu/bg_mega_hdr.png) no-repeat 0 0; text-transform: uppercase; font-weight: bold; color: #000; text-shadow: 1px 1px 1px #fff;}
.WTCSS-menu-mega ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #369; text-shadow: none;}
.WTCSS-menu-mega ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(/pics/mega-menu/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}
.WTCSS-menu-mega ul.mega-menu .sub li.mega-hdr li a:hover {color: #369; background: #efefef url(/pics/mega-menu/arrow_on_369.png) no-repeat 5px 8px;}
.WTCSS-menu-mega ul.mega-menu .sub ul li {padding-right: 0;}
.WTCSS-menu-mega ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}
.WTCSS-menu-mega ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.WTCSS-menu-mega ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(/pics/mega-menu/arrow_off.png) no-repeat 7px 10px;}
.WTCSS-menu-mega ul.mega-menu li .sub-container.non-mega li a:hover {color: #369; background: #efefef url(/pics/mega-menu/arrow_on_369.png) no-repeat 7px 10px;}

/* To Top Button Styles */
#toTop { display: none; width: 49px; height: 48px; overflow: hidden; background: url(pics/totop.png) 0 0 no-repeat; position: fixed; margin-right: -600px !important; right: 50%; bottom: 80px; z-index: 999; }
#toTop:hover { }
#toTop:active, #toTop:focus { outline: none; }

/* Menu and other object animation effects */
.slideDown{ animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-timing-function: ease; -webkit-animation-timing-function: ease;	visibility: visible !important;	}
@keyframes slideDown { 0% {	transform: translateY(-100%); }	100% { transform: translateY(0%); }	}
@-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); }	}

.slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp;	animation-duration: 0.3s;	-webkit-animation-duration: 0.3s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; }
@keyframes slideUp { 0% { transform: translateY(100%); 	} 100% { transform: translateY(0%); } }
@-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 100% { 	-webkit-transform: translateY(0%); } }

.slideLeft{ animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 0.75s; -webkit-animation-duration: 0.75s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; 	visibility: visible !important;	}
@keyframes slideLeft { 0% { transform: translateX(150%); } 100% { transform: translateX(0%); } }
@-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 100% { -webkit-transform: translateX(0%); } }

.slideRight{ animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 0.75s;	-webkit-animation-duration: 0.75s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;	visibility: visible !important;	}
@keyframes slideRight { 0% { transform: translateX(-150%); } 100% { 	transform: translateX(0%); } }
@-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 100% { -webkit-transform: translateX(0%); } }

.expandUp{ animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease;	-webkit-animation-timing-function: ease; visibility: visible !important; }
@keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } } 100% { transform: translateY(0%) scale(1) scaleY(1); } }
@-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); }	}

.fadeIn{ animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; }
@keyframes fadeIn { 0% { transform: scale(0); opacity: 0.0; } 100% { transform: scale(1); opacity: 1; }	}
@-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0.0;	} 100% { 	-webkit-transform: scale(1); opacity: 1; } }

.expandOpen { animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 0.4s;	 -webkit-animation-duration: 0.4s; animation-timing-function: ease-out;	-webkit-animation-timing-function: ease-out; 	visibility: visible !important;	}
@keyframes expandOpen {	0% { transform: scale(1.8);	} 100% { transform: scale(1); } }
@-webkit-keyframes expandOpen { 0% { -webkit-transform: scale(1.8);	} 100% { -webkit-transform: scale(1); }}

.bigEntrance{ animation-name: bigEntrance; -webkit-animation-name: bigEntrance;	animation-duration: 0.6s; -webkit-animation-duration: 0.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; 	visibility: visible !important;	}
@keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } }
@-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);	opacity: 0.2; }	 100% {-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);	opacity: 1; }}

#slider1 { width: 100%; height: 295px; overflow: hidden; padding: 0px; display: table-cell; text-align: center; margin: 0 auto; 	background-color: ;  }
#slider1 .viewport { float: left; width: 854px; height: 295px; overflow: hidden; position: relative; }
#slider1 .buttons { display: block; margin: 0px 0px 0 0; float: left; width: 78px; height: 295px; position: relative; color: #fff; font-weight: bold; text-align: center; line-height: 35px; text-decoration: none; font-size: 22px;}
#slider1 .next { margin: 0px; }
#slider1 .buttons:hover { color: #C01313; background-color: #000000;  transition: top 0.5s ease-in-out 0.5s; opacity: 0.5;  filter: alpha(Opacity=50); /* background: red; */ }
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 285px; left: 0; top: 0; }
#slider1 .overview li { float: left; margin: 0 0px 0 0; padding: 0px; height: 285px; border: 0px solid #dcdcdc; width: 285px; }

/* Game score dialog */
.wt-gd { position: relative; margin: 10px 0; width: 600px; border: solid 1px #0080C0; padding: 20px; box-shadow: 2px 2px 6px rgba(0,0,0,0.5); font-size: 14px; }
.wt-gd-header { position: relative; margin: 0 0 10px 0; color: #0080C0; font-size: 1em; font-weight: bold; /*text-shadow: 2px 2px 6px rgba(0,0,0,0.5);*/ }
.wt-gd-person-selector-container { position: relative; margin: 0 0 10px 0; }
.wt-gd-person-selector-fld { display: none; position: relative; display: none; border: solid 1px #0080C0; padding: 5px; font-size: 1.2em; color: #0080C0; }
.wt-gd-person-selector-init { cursor: pointer; position: relative; border: solid 1px #999; padding: 5px; font-size: 1.2em; color: #999; }
.wt-gd-person-selector-value { display: none; position: relative; border: dotted 1px #999; padding: 5px; font-size: 1.2em; color: #0080C0; }
.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; position: relative; padding: 60px 0 10px 0; font-size: 0.8em; color: #999; text-align: center; background-color: #fff; background-image: url(/pics/ajax-loader.gif); background-position: center 15px; background-repeat: no-repeat; }
.wt-gd-person-selector-no-match { display: none; position: relative; padding: 5px; font-size: 1em; color: #c00; text-align: center; background-color: #fff; }
.wt-gd-person-selector-match-list { display: none; position: relative; list-style: none; margin: 0; padding: 0; }
.wt-gd-person-selector-match-item { padding: 5px 10px; font-size: 1em; color: #666; text-align: left; background-color: #fff; border-style: none none solid none; border-color: #999; border-width: 0 0 1px 0; }
.wt-gd-person-selector-match-item:last-of-type { border-bottom: none !important; }
.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 { position: relative; }
.wt-gd-score-table { width: 100%; border-spacing: 0; }
.wt-gd-score-table-left  { width: 50%; vertical-align: top; padding: 0; }
.wt-gd-score-table-right  { width: 50%; vertical-align: top; padding: 0 0 0 20px; }
.wt-gd-score-comment-container { position: relative; border: solid 1px #999;  }
.wt-gd-score-comment { position: relative; border: none; padding: 0; padding: 5px; width: 95%; 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; position: relative; border: solid 1px #090; background-color: #dfd; padding: 20px;  }
.wt-gd-submit-container { position: relative; border-top: solid 1px #0080C0; padding: 10px 0 0 0; margin: 10px 0 0 0; text-align: right; }
.wt-gd-submit-btn { position: relative; padding: 5px 20px; border-radius: 2.5px; margin-left: auto; text-align: center; font-weight: bold; text-shadow: 1px 1px 2px rgba(128,128,128,0.5); }
.wt-gd-submit-btn-disabled { border: solid 1px #666; background-color: #999; color: #eee; }
.wt-gd-submit-btn-idle { border: solid 1px #030; background-color: #060; color: #dfd; }
.wt-gd-submit-btn-idle:hover { cursor: pointer; background-color: #090; color: #fff; }
/* game-stats */
.wt-gs { position: relative; margin: 10px 0; max-width: 200px; border: solid 1px #0080C0; padding: 20px; box-shadow: 2px 2px 6px rgba(0,0,0,0.5); font-size: 14px; }
.wt-gs-header { position: relative; margin: 0 0 10px 0; color: #0080C0; font-size: 1em; font-weight: bold; }
.wt-gs-board-1 { position: relative; width: 100px; height: 100px; border-style: solid; border-width: 4px; border-radius: 50%; margin: 20px auto; padding: 2px; }
.wt-gs-board-2 { position: relative; width: 98px; height: 98px; border-style: solid; border-width: 1px; border-radius: 50%; }
.wt-gs-board-3 { position: absolute; top: 50%; left: 0; width: 96px; text-align: center; line-height: 0; height: 3em; margin: 0m auto 0 auto; font-size: 3em; font-weight: bold; }
.wt-gs-outcome { border-color: #0080C0; color: #0080C0; }
.wt-gs-income { border-color: #008000; color: #008000; }
.wt-gs-thanks { border-color: #C000C0; color: #C000C0; }
.wt-gs-instruction { position: relative; font-size: 1em; text-align: center; }
.ws-gs-date { color: #C00; }

#wt-header-logo a{
	display:block;
}
#wt-header-logo img{
	width:257px !important;
	height:auto !important;
	vertical-align:top;
}

.xs_menu ul,
.xs_menu ul li,
.xs_menu_images ul,
.xs_menu_images ul li{
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:center;
}
#xs_right_menu ul{
    margin: 0 -0.7%;
}
#xs_right_menu ul li{
    width: 18.5%;
    margin: 0 0.7%;
    margin-bottom: 10px;
}
#xs_right_menu ul.col4 li{
	width:23.6%
}
#xs_right_menu ul.col3 li{
	width:31.8%
}
#xs_right_menu ul.col6 li{
	width:15.269%
}
.xs_menu ul li a{
	display: block;
    font-size: 13px;
    text-align: left;
    color: rgba(0, 0, 0, 0.68);
    text-decoration: none;
    position: relative;
    padding: 19px 7px 19px 28px;
    line-height: 130%;
    transition: .2s all;
}
#wt-zone-left .xs_menu ul li a{
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 0 20px;
    width: 100%;
    min-height: 60px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .2s all;
}
#wt-zone-left .xs_menu ul li a:hover{
	background: #03613c;
}
.xs_menu ul li{
	margin-bottom:0;
	line-height:125%;
	position:relative;
	white-space:nowrap;
}
#xs_left_menu .xs_menu ul li{
	margin: 0 5px;
}
.xs_menu ul li a:before{
	content: "";
    width: 16px;
    height: 16px;
	background-position:50%;
	background-size:contain;
    margin: -2px 10px 0 0;
    background-repeat: no-repeat;
}


#wt-zone-left .xs_menu ul li.home a:before{
	background-image:url(/download_file.html?file_id=6800689579432569101);
}
#wt-zone-left .xs_menu ul li.uchebniy_centr a:before{
	background-image:url(/download_file.html?file_id=6800685842555037318);
}
#wt-zone-left .xs_menu ul li.documenty a:before{
	background-image:url(/download_file.html?file_id=6800685754328950782);
}
#wt-zone-left .xs_menu ul li.biblioteka a:before{
	background-image:url(/download_file.html?file_id=6800686127852371807);
}
#wt-zone-left .xs_menu ul li.kadroviy_rezerv a:before{
	background-image:url(/download_file.html?file_id=6800685989367586444);
}
#wt-zone-left .xs_menu ul li.report a:before{
	background-image:url(/download_file.html?file_id=6800686414859405553);
}
#wt-zone-left .xs_menu ul li.kalendar a:before{
	background-image:url(/download_file.html?file_id=6800685499664252169);
}
#wt-zone-left .xs_menu ul li.contact a:before{
	background-image:url(/download_file.html?file_id=6800685632439262378);
}
#wt-zone-left .xs_menu ul li.conkurs a:before{
	background-image:url(/download_file.html?file_id=6945702537747162900);
}



.xs_menu ul li.instrukciya_novichka a{
	color:#e21f26;
}
.xs_menu ul li a:hover{
	color:#fff;
	background:#007f4e;
}
.xs_menu ul .message{
	width:246px;
	height:92px;
	box-sizing:border-box;
	padding:15px 15px 0 55px;
	text-align:center;
	color:#633528;
	position:absolute;
	background:url(/spar_new/images/cloud.png) no-repeat 50% 50%;
	z-index: 17;
	left: 62%;
    top: -31px;
	font-size:14px;
	display:none;
	line-height:165%;
}

.xs_menu_images ul li a{
	height:100px;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	color:#fff;
	padding:10px 40px;
	font-size:13px;
	box-sizing:border-box;
}
#wt-zone-right-wrapper .xs_menu_images ul li a{
	color: #1c1a1a;
    font-size: 14px;
    /*border: 1px solid #f1f1f1;*/
    border: 1px solid rgba(218, 218, 218, 0.57);
    height: 160px;
    padding: 10px 0 0;
    text-align: center;
    transition: .2s all;
}
#wt-zone-right-wrapper .xs_menu_images ul li a:hover{
    background: #efefef;
}
.xs_menu_images ul li:last-child a{
	margin:0;
}
.xs_menu_images ul li a .name{
	position:relative;
	z-index:3;
	text-transform:uppercase;
	font-size:13px;
}
#wt-zone-right-wrapper .xs_menu_images ul li a .name{
	text-transform: initial;
    font-size: 16px;
    font-weight: 700;
    min-height: 40px;
    padding: 0 10px;
	line-height: 130%;
}

.xs_menu_images ul li a .image{
	display:block;
	z-index:1;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	transition:.2s all;
}
#xs_right_menu ul li.calculate a .image{
	background-image:url(/download_file.html?file_id=6800656002879009337);
}
#xs_right_menu ul li.vacans a .image{
	background-image:url(/download_file.html?file_id=6800661521289775931);
}
#xs_right_menu ul li.spravki a .image{
	background-image:url(/download_file.html?file_id=6800660940976118970);
}
#xs_right_menu ul li.forum a .image{
	background-image:url(/download_file.html?file_id=6800660536854341208);
}
#xs_right_menu ul li.teachers a .image{
	background-image:url(/download_file.html?file_id=6800660710145991641);
}
#xs_right_menu ul li.sales a .image{
	background-image:url(/download_file.html?file_id=6951267667926928098);
}

#wt-zone-right-wrapper .xs_menu_images ul li a .image{
	width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 13px;
}
.xs_menu_images ul li a:hover .image{
	top:-5px;
	left:-5px;
	bottom:-5px;
	right:-5px;
}
.xs_menu_images ul li a:hover .image:before{
	background:rgba(0, 0, 0, 0.35)
}


#wt-header-top-center{
	width: 27.5% !important;
    margin: 0px 20px;
}
#wt-header-top-center .x-spxml-grid-td.XAML-info-grid-cell{
	width:auto !important;
}
#wt-header-top-center input.x-form-text{
	width:255px !important;
	height: 40px;
    box-sizing: border-box;
    border-radius: 10px;
	padding:0 84px 0 15px
}
#wt-header-top-center table.x-spxml-grid-table td{
	vertical-align:middle;
}
#wt-header-top-center .x-table-layout-ct > .x-table-layout > tbody > tr:nth-child(3),
#wt-header-top-center .x-form-check-wrap{
	display:none;
}
#wt-header-top-center .x-btn.cssXPButton.x-btn-noicon{
	position: absolute;
    top: 14px;
    right: 38px;
    background: #15B742;
    padding: 0 6px;
    height: 36px;
    border-radius: 5px 9px 9px 5px !important;
}
#wt-header-top-center .x-btn.cssXPButton.x-btn-noicon .x-btn-small .x-btn-text{
    font-size: 13px;
    text-transform: uppercase;
}

#CatalogListDataGridlearning_proc .x-grid3-td-2,
#CatalogListDataGridlearning_proc .x-grid3-td-3,
#CatalogListDataGridlearning_proc .x-grid3-td-4,
#CatalogListDataGridlearning_stat .x-grid3-td-2,
#CatalogListDataGridlearning_stat .x-grid3-td-3,
#CatalogListDataGridlearning_stat .x-grid3-td-4 {
	display:none;
}
#CatalogListDataGridlearning_proc .x-grid3-td-CatalogListDataGridlearning_procd0,
#CatalogListDataGridlearning_stat .x-grid3-td-CatalogListDataGridlearning_statd0{
	width:400px !important;
}
#CatalogListDataGridlearning_stat .x-grid3-td-5,
#CatalogListDataGridlearning_stat .x-grid3-td-6,
#CatalogListDataGridlearning_proc .x-grid3-td-5,
#CatalogListDataGridlearning_proc .x-grid3-td-6{
	width:90px !important;
	text-align:center;
}
#CatalogListDataGridlearning_proc table,
#CatalogListDataGridlearning_proc stat{
	width:762px !important;
}

#DocChildTile {
	width:100% !important;
	margin-top: 20px;
}
#wt-zone-main-wrapper .x-table-layout{
	width:100%;
}

#DocChildTile .x-table-layout{
	border-spacing:0;	
}
#DocChildTile .x-table-layout-cell .x-table-layout,
#DocChildTile .x-table-layout-cell .x-table-layout tr,
#DocChildTile .x-table-layout-cell .x-table-layout tbody,
#DocChildTile .x-table-layout-cell .x-table-layout .x-table-layout-cell{
	display:block;
}
#DocChildTile .x-table-layout-cell .x-table-layout .x-table-layout-cell img{
	max-width:100000px !important;
	max-height:999px !important;
	transition:.3s all;
	width:240px !important;
	position: relative;
	top:0;
	left:0;
}
#DocChildTile .x-table-layout-ct .x-table-layout-ct .x-table-layout-ct .x-table-layout-ct > table > tbody > tr > .x-table-layout-cell:first-child{
	overflow:hidden;
	max-height:184px;
	max-width:240px;
    margin-bottom: 12px;
}
#DocChildTile .x-table-layout-ct .x-table-layout-ct .x-table-layout-ct .x-table-layout-ct > table > tbody > tr > .x-table-layout-cell .x-table-layout-ct .x-table-layout-cell{
	overflow:visible;
}
#DocChildTile .x-table-layout-cell .x-table-layout-ct{
	overflow:visible !important;
	max-width:240px;
	width:auto !important;
	height:auto !important;
	margin:0 auto !important;
	position: relative;
}
#DocChildTile .x-table-layout-cell .x-table-layout-ct:hover img{
	left: -15px;
    width: 270px !important;
    top: -8px;
}

#DocChildTile.xs_docs_catalog .x-table-layout-cell .x-table-layout .x-table-layout-cell img{
	width:180px !important;
}
#DocChildTile.xs_docs_catalog .x-table-layout-ct .x-table-layout-ct .x-table-layout-ct .x-table-layout-ct > table > tbody > tr > .x-table-layout-cell:first-child{
	max-width:180px;
	max-height:137px;
}
#DocChildTile.xs_docs_catalog .x-table-layout-ct .x-table-layout-cell .x-table-layout-ct{
	max-width:180px;
}
#DocChildTile.xs_docs_catalog .x-table-layout-ct .x-table-layout-cell .x-table-layout-ct a{
    display: block;
    overflow: hidden;
    border-radius: 3px;
}
#DocChildTile.xs_docs_catalog .x-table-layout-cell .x-table-layout-ct{
	max-width:180px;
}
#DocChildTile.xs_docs_catalog .x-table-layout-cell .x-table-layout-ct:hover img{
    width: 210px !important;
}

#DocChildTile .x-table-layout-cell .x-table-layout .x-table-layout-cell .cssXPLink.XAML-label-title,
.xs_btn,
.wtx-tile .wtx-tile-title .x-container.cssXPLink.wtx-tile-title-text.x-container-default{
    background: #abcdac;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 13px 5px;
    border-radius: 4px;
    font-size: 15px !important;
    font-weight: bold;
    box-shadow: 0px 2px 0 #84b386;
    line-height: 133%;
	transition:.3s all;
	height:38px;    
	display: table-cell !important;
    width: 1180px !important;
    height: 38px;
    vertical-align: middle;
	cursor:pointer;
}
.wtx-tile .wtx-tile-title .x-container.cssXPLink.wtx-tile-title-text.x-container-default{
	white-space: normaL;
    font-size: 16px !important;
    top: 10px;
    height: 54px;
}
.wtx-tile-v2 .wtx-tile-title{
	background:transparent;
	width:auto !important;
	height:auto;
}
.xs_btn.gray{
	background:#dcdcdc;
	color: #333 !important;
    font-weight: normal;
    box-shadow: 0px 2px 0 #adadad;
}
#DocChildTile .x-table-layout-cell .x-table-layout .x-table-layout-cell:hover .cssXPLink.XAML-label-title,
.wtx-tile .wtx-tile-title .x-container.cssXPLink.wtx-tile-title-text.x-container-default:hover{
    background: #187e46;
	color:#fff !important
}
.x-container.spxmltileview-tile.x-container-default.x-border-box.x-table-layout-ct{
	width:calc(25% - 24px) !important;
	height:220px !important
}
.XAML-tileview-list {
	padding:0;
}
.xs_mode_knowledge_classifier .XAML-stack-tile .XAML-label-tile-desc{
	display:none;
}
.XAML-tileview-list .x-container.spxmltileview-tile.x-container-default.x-border-box.x-table-layout-ct{
	width:auto !important;
	height:auto !important
}
.wtx-tile-v2{
	font-size:240px;
	margin: 0 auto;
	background:transparent;
	min-height: 280px;
}
.wtx-tile-v2 .wtx-tile-image-link,
.wtx-tile-v2 .wtx-tile-image{
	height: 0.7667em !important;
	max-height:0.7667em;
	border-radius: 3px;
}
.wtx-tile .wtx-tile-image:hover{
	 max-height: 176px;
    margin-bottom: 8px;
    overflow: hidden;

}
.wtx-tile .wtx-tile-fader{
	display:none;
}
.wtx-tile-v2 .wtx-tile-desc{
	display:none;
}
.xs_btn.active{
	cursor:default;
}

#wt-zone-right .x-panel-bwrap{
	border:1px dotted #C2C2C2;
	border-top:0;
}
#header-top > .WTCSS-logout{
    display:none;
}
.WTCSS-user-info .WTCSS-logout a{
	display:block;
	position:relative;
	padding-right:20px;
	color:#bdbdbd;
	font-size:13px;
	font-weight:400;
	line-height:109%;
}
.WTCSS-user-info .WTCSS-logout a:hover{
	color:#585858
}
.WTCSS-user-info .WTCSS-logout a .icon-sign-out-ico:before{
	content:"";
	width:13px;
	height:13px;
	position:absolute;
	right:0;
	top:-2px;
	bottom:0;
	margin:auto;
	background:url(/spar_new/images/log-in.svg) no-repeat 50% 50%;
	background-size:contain;
}
#header-top .WTCSS-user-info .WTCSS-logout{
    font-size: 9px;
    height: auto;
}
#wt-user-cabinet .user-cabinet table{
	height:auto;
}
.btns{
	margin-bottom:25px;
	display:table
}
.btns.xs_flex{
	display:flex
}
.btns:not(.xs_flex):after{
	clear:both;
	content:"";
	display:block;
}
.btns .xs_btn{
	height:30px;
	font-size:18px !important;
	cursor:pointer;
}
.btns .col{
	float:left;
	width:20%;
	box-sizing:border-box;
	padding:0 5px;
}
.btns.col2 .col{
	width:50%;
	padding:0 10px;
}
.btns.col3 .col{
	width:33.333%;
	padding:0 10px;
}
.btns.col3 .col .xs_btn{
	font-size:15px !important;
}
.btns.col4 .col{
	width:25%;
	padding:0 10px;
}
.btns.col4 .col .xs_btn{
	font-size:15px !important;
}

.img_contact{
	float:right;
	width:290px;
	height:155px;
	background:url(/spar_new/images/spar-min.jpg) no-repeat 50% 50%;
	margin:16px 12px 0 0;
	position:relative;
}
.img_contact:after{
	content:"";
	display:block;
	background:url(/spar_new/images/zoom.png) no-repeat 50% 50%;
	width:23px;
	height:23px;
	right:10px;
	bottom:10px;
	z-index:1;
	position:absolute;
	opacity:.7;
	transition:.3s all;
}
.img_contact:hover:after{
	opacity:1;
}

.xs_my_account .items{
	width:100%;
}
.xs_my_account .item{
	vertical-align:top;
	line-height: 125%;
    padding: 5px 2px;
}
.xs_my_account .image{
	width: 300px;
    min-width: 300px;
	padding-right:60px;
	text-align:center
}
.xs_my_account .image .xs_image{
	background-size: cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
    height: 260px;
    width: 194px;
	border-radius:20px;
    box-shadow: 2px 2px 7px -3px rgba(0, 0, 0, 0.17);
    display: block;
    margin:0 auto 35px;
}
.xs_my_account .item .name{
	font-weight:500;
	color:#15b742;
	min-width:210px;
	padding-right: 20px;
}
.xs_my_account .item .value{
	width:100%
}
.xs_my_account{
	margin:0 0px 40px;
}
.xs_tab.xs_show{
	z-index:1;
}
.xs_tab.xs_show:before{
	content:"";
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:block;
	z-index:9999;
}
.xs_container_tab{
	min-height:250px;
}
.xs_tab.tab_event .cssXPLabel.XAML-sub-title,
.xs_tab.tab_event > .x-tab-panel-header{
	display:none;
}
.wt-calendar-month-container-table{
	width:100%;
}
.xs_tab.tab_event .x-form-field-wrap.x-form-field-trigger-wrap{
	width:auto !important
}
.xs_tab.tab_event .cssXPStackPanel.XAML-stack-filter.x-table-layout-ct > table.x-table-layout > tbody > tr > td.x-table-layout-cell:nth-child(1),
.xs_tab.tab_event .cssXPStackPanel.XAML-stack-filter.x-table-layout-ct > table.x-table-layout > tbody > tr > td.x-table-layout-cell:nth-child(2),
.xs_tab.tab_event .x-panel-header.x-unselectable{
	display:none
}

.XAML-stack-filter, .XAML-grid-filter{
	border:0;
	margin-top:0;
}

.wt-calendar-week-container .wt-calendar-event{
	height:auto !important;
	line-height: 142%;
	font-size: 15px;
	padding:5px;
    font-weight: normal;
	position: relative !important;
    margin-bottom: 10px;
    width: auto !important;
	border:0;
}

.wt-calendar-month-container-table .wt-calendar-event{
	height: auto !important;
    line-height: 130%;
    font-size: 11px;
    font-weight: normal;
    position: relative !important;
    margin:0 3px 3px;
    border: 0;
    text-overflow: ellipsis;
    width: 215px !important;
    padding: 6px 6px 4px 6px;
}
.wt-calendar-month-cell-2, .wt-calendar-month-cell-0{
	padding:0;
}
.wt-calendar-month-container-table .wt-calendar-event a,
.wt-calendar-week-container .wt-calendar-event a{
	color:#000;
	font-size:13px;
}
.xs_mode_event_calendar .x-container.cssXPLabel.XAML-label-status.x-container-default{
	float:right
}
.wt-calendar-month-cell-3,
.wt-calendar-week-cell-3{
	border-color:#c2c2c2 !important;
	background-color:rgba(255, 255, 204, 0.52) !important;
}
.wt-calendar-week-container td > div,
.wt-calendar-month-container-table  td > div{
	height:auto !important;
}
.wt-calendar-week-container .wt-calendar-event .wt-calendar-event-title{
	display: block;
    padding: 4px 3px 4px 0;
}
.wt-calendar-week-container .wt-calendar-event nobr{
	white-space:normal;
	
}

.wt-calendar-week-container-table,
.wt-calendar-day-container-table,
.wt-calendar-month-container-table{
	border-collapse: collapse;
}

.WTCSS-title div.text{
	padding:16px 0px 15px 0px !important;
    font-size: 18px;
	margin:0;
    font-weight: 900 !important;
	color:#000;
	
}
.wt-calendar-week-header-cell-work{
	background-color: #dcdcdc !important;
    color: #6a1d02 !important;
}
.wt-calendar-week-header-cell-holiday,
.wt-calendar-month-header-cell-holiday,
.wt-calendar-month-header-cell-work,
.wt-calendar-week-header-cell-work{
    font-size: 14px !important;
}

#MyEventsCalendar .x-toolbar-right .x-toolbar-right-ct .x-toolbar-right-row > td.x-toolbar-cell:nth-child(1),
#MyEventsCalendar .x-toolbar-right .x-toolbar-right-ct .x-toolbar-right-row > td.x-toolbar-cell:nth-child(4),
#MyEventsCalendar > .x-panel-header,
#AllEventsCalendar .x-toolbar-right .x-toolbar-right-ct .x-toolbar-right-row > td.x-toolbar-cell:nth-child(1),
#AllEventsCalendar .x-toolbar-right .x-toolbar-right-ct .x-toolbar-right-row > td.x-toolbar-cell:nth-child(4),
#AllEventsCalendar > .x-panel-header{
	display:none;
}

#MyExportExcelButton{
	display:none;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.wt-calendar-week-container-table {
	width: 100%;
    height: 500px;
}

.xs_my_account.xs_cadre_reserve {
	padding-top:15px;
}
.xs_my_account.xs_cadre_reserve table th{
	width:195px;
}
.xs_my_account.xs_cadre_reserve table td.image{
	width:20%
}
.xs_my_account.xs_cadre_reserve table td.cadre_image{
	width:142px;
	text-align:center;
	vertical-align:top;
}
.xs_my_account.xs_cadre_reserve table td.cadre_image img{
	width: 82px;
    margin-top: -4px;
}
.xs_my_account.xs_cadre_reserve table td.cadre_image div{
	font-weight: bold;
	margin-top:10px;
    color: #187e46;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.6px;
	white-space:nowrap;
}
.xs_tabs.xs_checked .xs_tab{
	display:none;
}
.xs_tabs.xs_checked .xs_tab.active{
	display:block;
}

#form_cadre{
	margin:0 15px;
}
#form_cadre input,
#form_cadre select,
#form_cadre textarea{
	width:100%;
	box-sizing:border-box;
	padding:10px 15px;
	margin-bottom:20px;
	height:40px;
	border:1px solid #ddd;
	font-size:15px;
	box-shadow:2px 2px 5px -1px rgba(0, 0, 0, 0.05) inset;
}
#form_cadre select{
	box-shadow:none;
	cursor:pointer;
}
#form_cadre textarea{
	height:100px;
	line-height: 140%;
}
#form_cadre .xs_col{
	float:left;
	width:48.5%;
	margin-right:3%;
}
#form_cadre .xs_col.last{
	margin:0
}
#form_cadre .name{
	margin-bottom:4px;
}
.XAML-msgbox-img-info{
	margin-right:8px;
}
#form_cadre .xs_btn,
#wt-container .x-container.cssXPGrid.XAML-grid-warning-panel.x-container-default.x-table-layout-ct .XAML-stack-container>table>tbody>tr>td:last-child > a,
#wt-container .x-container.cssXPLink.wt-course-list-link.x-container-default{
	display: inline-block;
	margin:3px;
    box-shadow: none;
    border: 0;
    background: #ea1d26;
    padding: 13px 16px;
    height: auto;
    border-radius: 5px;
    box-shadow: 0px 3px #8e060b;
	height:auto;
    font-size: 17px;
	color:#fff !important;
	transition:.3s all;
}

#wt-container .x-container.cssXPGrid.XAML-grid-warning-panel.x-container-default.x-table-layout-ct .XAML-stack-container>table>tbody>tr>td:last-child > a span.x-btn-inner-default-small, 
#wt-container .x-container.cssXPGrid.XAML-grid-warning-panel.x-container-default.x-table-layout-ct .XAML-stack-container>table>tbody>tr>td:last-child > a span.x-btn-icon-el{
	color:#fff !important;
}
#wt-container .x-btn.cssXPButton.XAML-button.XAML-button-view.icon-calendar.x-unselectable.x-btn-default-small.x-btn-pressed{
	padding:5px
}

#wt-container .x-container.cssXPGrid.XAML-grid-warning-panel.x-container-default.x-table-layout-ct .XAML-stack-container>table>tbody>tr>td:last-child > a:hover,
#form_cadre .xs_btn:hover,
#wt-container .x-container.cssXPLink.wt-course-list-link.x-container-default{
	background: #187e46;
    box-shadow: 0px 3px 0 #196439;
}
#wt-container .x-container.cssXPLink.wt-course-list-link.x-container-default:hover{
    background: #ea1d26;
	box-shadow: 0px 3px #8e060b;
}
#wt-container .x-container.cssXPGrid.XAML-grid-warning-panel.x-container-default.x-table-layout-ct .XAML-stack-container>table>tbody>tr>td:last-child > a span,
#wt-container .x-container.cssXPGrid.XAML-grid-warning-panel.x-container-default.x-table-layout-ct .XAML-stack-container>table>tbody>tr>td:last-child > a ,
#form_cadre .xs_btn,
#form_cadre .xs_btn span,
#form_cadre .xs_btn a{
	color:#fff !important;
	font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .5px;
}
.wt-calendar-month-container-table thead tr th:nth-child(7),
.wt-calendar-month-container-table tbody tr td:nth-child(7),
.wt-calendar-week-container-table thead tr th:nth-child(7),
.wt-calendar-week-container-table tbody tr td:nth-child(7){
	display:none !important;
}

#xs_career .cssXPLabel.XAML-object-title-label{
	color:#e21f26;
	padding-bottom: 0px !important;
	font-size:18px;
}
#xs_career .subtitle{
	color:#15b742;
	padding:0 0 10px 10px;
	font-weight:bold;
	font-size:18px;
}
#xs_career .posts_button{
	position:relative;
	display:inline-block;
    z-index: 2;	
}
#xs_career .posts_button .xs_btn{
	width: 280px !important;
    letter-spacing: 0.5px;
}
#xs_career .career_posts{
	position: absolute;
    background: #fff;
    left: 5px;
    top: 30px;
	display:none;
	opacity:0;
    width: 304px;
	transition:.3s all;
	border-radius:10px;
	box-shadow:0px 9px 18px -2px rgba(0, 0, 0, 0.19);
    border: 1px solid #d0d0d0;
}
#xs_career .career_posts.show{
	opacity:1;
	top: 74px;
}
#xs_career .career_posts:before {
    content: "";
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    display: block;
    position: absolute;
    background: #fff;
    width: 16px;
    height: 16px;
    top: -9px;
    margin-left: -9px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#xs_career .career_posts span{
	padding:6px 20px;
	display:block;
	position:relative;
	z-index:1;
	transition:.3s all;
	cursor:pointer;
	font-size:15px;
}
#xs_career .career_posts span:first-child{
	border-radius:10px 10px 0 0;
}
#xs_career .career_posts span:last-child{
	border-radius:0 0 10px 10px;
}
#xs_career .career_posts span:hover{
	background:#efefef;
}
#xs_career .stairs_container{
	margin-top:-50px;
	padding-bottom:20px;
}
#xs_career .stairs_container .stairs{
	display:none;
}
#xs_career .stairs_container .stairs.active{
	display:block;
}
#xs_career .stairs:after{
	content:"";
	display:block;
	clear:both;
}
#xs_career .stairs .stair{
	position:relative;
	float:right;
	margin-bottom:15px;
	clear:both;
}
#xs_career .stairs .stair .xs_btn{
	cursor:default;
	z-index:1;
	text-align:right;
}
#xs_career .stairs .stair .img{
	position:absolute;
	left:81px;
	bottom:63px;
	z-index:1;
	transition:.3s all;
	text-align:center;
}
#xs_career .stairs .stair .img img{
	display:inline-block;
}
#xs_career .stairs .stair.top{
	text-align:center;
}
#xs_career .stairs .stair.top .img{
	position:static;
	margin:0 auto;
	display:inline-block;
}
#xs_career .stairs .stair.twostr .img{
	bottom:69px;
}
#xs_career .stairs .stair .label_text{
	right: 100%;
    width: 203px;
    position: absolute;
    z-index: 0;
	top:-90px;
    box-shadow: 0 8px 14px -2px rgba(0, 0, 0, 0.3);
    text-align: left;
    line-height: 166%;
    font-size: 14px;
    border-radius: 21px;
    margin-right: 10px;
    position: absolute;
    color: #633528;
    background: #ebecec;
	opacity:0;
	transition:.3s all;
	cursor:default;
}
#xs_career .stairs .stair .label_text div{
	display:none;
}
#xs_career .stairs.prodavec_gastronoma .stair .label_text,
#xs_career .stairs.menedzher_sklada .stair .label_text,
#xs_career .stairs.prodavec_torgovogo_zala .stair .label_text,
#xs_career .stairs.prodavec_kassir .stair .label_text,
#xs_career .stairs.prodavec_universal .stair .label_text{
	margin-right:45px;
    top: -120px;
}
#xs_career .stairs .stair.top .label_text{
    top: 20px !important;
	margin-right:10px;
}
#xs_career .stairs .stair .label_text.right{
    left:0;
	right:auto;
    bottom: 100%;
	margin-bottom:180px;
	top:auto;
}
#xs_career .stairs.povar .stair .label_text.right,
#xs_career .stairs.pekar .stair .label_text.right,
#xs_career .stairs.prodavec_universal .stair .label_text.right{
	width:235px;
}
#xs_career .stairs .stair .xs_btn:hover + .label_text{
	opacity:1;
    z-index: 21;
}
#xs_career .stairs .stair .xs_btn:hover + .label_text:after{
	opacity:1;
}
#xs_career .stairs .stair .xs_btn:hover + .label_text div{
	display:block;
    padding: 14px 27px;
}
#xs_career .stairs .stair .label_text:after{
	position: absolute;
    display: block;
    right: -43px;
    top: 0;
    content: "";
	opacity:0;
	background:url(/spar_new/images/hvost.png) no-repeat 50% 50%;
	width:43px;
	height:92px;
    box-sizing: border-box;
}
#xs_career .stairs .stair .label_text.right:after{
	right: auto;
    top: 100%;
    background: url(/spar_new/images/lhvost.png) no-repeat 50% 50%;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: -25px;
    left: 45%;
}
#xs_career .stairs.prodavec_torgovogo_zala .stair .label_text.right:after{
    left: 15%;
}
#xs_career .stairs.prodavec_torgovogo_zala .stair .label_text.right{
	margin-bottom:200px;
}

/* SETTINGS */

#otz_carousel{
	display: none; /* Start invisible until the plugin is loaded */
	margin: 0 auto;
}

/* The frames */
#otz_carousel li{

}

/* Headers of all frames */
#otz_carousel h6{
	margin: 0;
	line-height: 130%;
	font-weight: normal;
	color: #222;
}

/* Description text of all frames */
/* Note that this is the complete text layer, including the header inside */
#otz_carousel span{
	line-height: 120%;
	color: #444;
	background: #eee3db;
	margin: 0;
	padding: 10px 15px 14px;
}

/* The most frontal item */
#otz_carousel .front img{
	margin: 6px; /* Determines the gap between image and frame border */
}
#otz_carousel .front h6{
	font-size: 28px; /* Front frame header */
}
#otz_carousel .front span{
	font-size: 11px; /* Front frame description text */
}

/* The further back items */
#otz_carousel .behind img{ /* Determines the gap between image and frame border */
	margin: 3px;
}
#otz_carousel .behind h6{ /* Behind frame headers */
	font-size: 18px;
}
#otz_carousel .behind span{ /* Behind frame description text */
	font-size: 9px;
}

/* The furthest back items */
#otz_carousel img{ /* Determines the gap between image and frame border */
	margin: 0px !important;
	cursor:pointer;
}
#otz_carousel .frame3 img{
	cursor:default;
}
#otz_carousel .back h6{ /* Back frames header */
	font-size: 13px;
}
#otz_carousel .back span{ /* Back frame description text */
	font-size: 9px;
}

/* That's it for the settings */

.otz_carousel{ margin:0; padding:0; position:relative; z-index:1 }
.otz_carousel li{ margin:0; padding:0; list-style:none; position:absolute; z-index:1; display:none; border-width:0 }
.otz_carousel img{ border:0; vertical-align:bottom }
.otz_carousel span{ display:block; position:absolute; left:0; right:0; bottom:0; text-align:left; cursor:default; margin:0 }
.otz_carousel h6{ cursor:default }
.otz_carousel a, .otz_carousel a:hover{ cursor:default; text-decoration:none; outline:none }
.otz_carousel img, .otz_carousel li, .otz_carousel a{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.otz_carousel.rtl h6, .otz_carousel.rtl span{ text-align:right }

.otz{
	padding-top: 20px;
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    opacity: 0.87;
    line-height: 1.445;
    color: #676767;
    min-height: 185px;
}
.otz li{
	margin-bottom:20px;
	text-align:left;
	list-style:none;
}
.otz div{
    font-size: 14px;
    line-height: 26px;
	text-align:left;
    padding-top: 7px;
	text-align: center;
	margin-bottom:27px;
}
.otz > div{
	max-height:240px;
	padding-bottom:20px;
	overflow:hidden;
	position:relative;
	transition:.3s all;
}
.otz > div.show{
	max-height:2000px;
}
.otz > div .shadow{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    cursor: pointer;
    left: 0;
    font-size: 24px;
    bottom: 0;
    height: 115px;
    background: url(/spar_new/images/gradient.png) repeat-x bottom left;
    z-index: 1;
}
.otz > div.show .shadow{
	display:none;
}
.otz > div .shadow:after{
	display:block;
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	width:45px;
	height:25px;
    background: url(/spar_new/images/more.svg) no-repeat 50% 50%;
	background-size:contain;
	margin-left:-15px;
}
.otz strong{
	font-weight:bold;
	letter-spacing: .4px;
	display:block;
	font-size:115%;
	color:#15B742;
}
.otz li strong{
	padding-top:5px;
	padding-bottom:10px;
	color:#484848;
	font-size:110%;
	letter-spacing: .1px;
	text-indent:20px;
}
.otz div.hide{
	display:none;
}
#otz_carousel .otz_name{
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: 0.2px;
    text-align: center;
    margin: 38px -100px 0;
    display: none;
}
#otz_carousel .otz_name p{
    color: #d97703;
    font-size: 16px;
}
#otz_carousel .frame3 .otz_name{
	display:block;
}
#otz_carousel .otz_prof{
    font-size: 16px;
    text-align: center;
    color:#999;
    padding-top: 5px;
}
.otzu{
    height:256px;
    margin: 0 auto;
}
#otz_carousel .picture{
	overflow:hidden;
	border-radius:50%;
	display: inline-block;
    vertical-align: top;
}
.main_reviews{
	position:relative;
	margin-bottom: 60px;
	margin-top: -30px;
}
.main_reviews .arrows .ar{
    margin:0 95px;
}

.main_reviews .arrows .ar div{
    position: absolute;
    top: 97px;
    width: 26px;
    height: 26px;
    line-height: 23px;
    text-align: center;
    border-radius: 50%;
    color: #626262;
    background-image: url(/spar_new/images/black_ar.png);
    background-repeat: no-repeat;
    opacity: .7;
    cursor:pointer;
}
.main_reviews .arrows .ar div:hover{
    opacity: 1;
}
.main_reviews .arrows .ar div.arrow_left{
    left:5%;
    background-position: 0px 0px;
    margin-top:13px;
}
.main_reviews .arrows .ar div.arrow_right{
    right:5%;
    background-position: -27px 0px;
    margin-top:13px;
}
div.XAML-label-block-header{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    font-size: 15px;
    margin: 0;
    color: #15B742;
	padding:7px 10px;
    text-transform: uppercase;
    font-weight: 900 !important;
	border:0;
}
.x-table-layout{
	width:100%;
}

.main_reviews .arrows .ar div.active{
    position:relative
}
.course_table{
	width:100%;
}
.course_table td{
	border: 1px solid #fff;
    font-size: 15px;
    padding: 10px 20px;
    background: #efefef;
}
.course_table tr:first-child td:first-child{
	width:150px;
	font-weight:bold;
	letter-spacing:.1px;
	opacity:.9
}
.course_table a:hover{
	font-weight:bold
}
#wt-zone-right .cssXPStackPanel{
	padding:5px;
}
#wt-zone-right .XAML-stack-block-header,
.cssXPStackPanel{
	padding:0;
}
#wt-zone-right .x-container.cssXPStackPanel.XAML-stack-block.x-container-default.x-table-layout-ct{
	border: 1px dotted #c2c2c2;
    padding: 0 !important;
    margin: 3px 5px 15px;
    width: auto !important;
}
#wt-zone-right .x-container.cssXPStackPanel.XAML-news-all-link.XAML-stack-article-all-container.x-container-default.x-table-layout-ct .x-container.cssXPLink.x-container-default{
	float: right;
    font-size: 15px;
	margin-right: 5px;
	margin-bottom:5px;
}
.XAML-label-article-date{
	font-size:14px;
	font-weight:normal;
}
#wt-zone-right .XAML-stack-article-container .cssXPLink {
    font-size: 14px;
    line-height: 160%;
    margin-top: 8px;
    display: block;
}

.XAML-stack-description { 
	border:0 !important;
	background:none !important
}


.WTCSS-search{
	height: 40px;
    padding: 0 0 0 20px;
    border: 0;
    width: 100%;
    white-space: nowrap;
    background: #f7f7f7;
    box-sizing: border-box;
}
.cssXPButton{
	padding:0 10px
}
.cssXPButton:hover, .cssXPButton.x-btn-pressed, .XAML-button-important {
    border-color: #15B742;
    background-color: #15B742;
}
.cssXPButton:hover *, .cssXPButton.x-btn-pressed *, .cssXPButton.x-btn-pressed:hover *, .XAML-button-important *, .XAML-button-important:hover *,
a.XAML-button-view:hover .x-btn-inner-default-small {
	color:#fff !important
}
a.XAML-button-view .x-btn-inner-default-small{
	padding-left:0;
}
.x-table-form-item{
	margin-top:0;
}
.WTCSS-search > form > table{
    padding-top: 2px !important;
    width: 100%;
    position: relative;
}
.WTCSS-search input[type="text"]{
	width: 100%;
    font-family: inherit;
    color: #bdbdbd;
    font-size: 14px;
    background: transparent;
    outline: none !important;
    border: 0;
    box-shadow: none;
    padding-left: 25px;
    box-sizing: border-box;
}
.WTCSS-search input[type="text"]:focus{
	color:#000;
}
#wt-container .WTCSS-search icon[class^="icon-"]:before{
	content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(/spar_new/images/icon-search.svg) no-repeat 50% 50%;
    background-size: contain;
    margin: 0px 0 0 0;
    vertical-align: top;
    margin-top: 11px;
}

.WTCSS-search .icon-search-ico{
	font-size: 1.1em;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -19px;
}

#header-bottom{
	margin-right:20px;
    white-space: nowrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
#wt-zone-header .xs_phone_header{
	min-width: 180px;
    margin: 0 10px;
}
#wt-zone-header .xs_phone_header a{
	display:block;
	color:#000;
	transition:.2s all;
}
#wt-zone-header .xs_phone_header a:hover{
	color:#00ab6a
}
#wt-zone-header .xs_phone_header .desc{
	font-size: 12.5px;
    color: #bdbdbd;
    line-height: 115%;
	display:block;
}
#wt-zone-header .xs_phone_header .phone{
	font-size: 16px;
    margin: 0;
    position: relative;
    line-height: 137%;
    margin-top: -2px;
    margin-bottom: 3px;
	display:block;
}
#wt-zone-header .xs_phone_header .phone span{
	font-weight:300
}
#wt-zone-header .xs_phone_header .phone sup{
	font-size: 11px;
    position: absolute;
    top: -5px;
    vertical-align: top;
    margin-left: 8px;
}

#wt-container [class^="icon-"], 
#wt-container [class*=" icon-"],
#wt-container [class^="icon-"]:before, 
#wt-container [class*=" icon-"]:before,
#wt-container [class^="icon-"]:after, 
#wt-container [class*=" icon-"]:after,
#wt-container .span.x-btn-icon-el-default-small,
#wt-container .span.x-btn-icon-el-default-small:after,
#wt-container .span.x-btn-icon-el-default-small:before{
    font-family: 'icomoon' !important;
	speak: none;
    font-style: normal !important;
    font-weight: normal !important;
	font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
span.x-btn-icon-el-default-small {
    font: normal normal normal 16px "icomoon" !important;
}
#wt-container .x-btn.cssXPButton.XAML-button-content.XAML-button-selector.icon-folder-open-o.x-unselectable.x-btn-default-small{
	padding:4px;
}

#wt-container .x-container.cssXPStackPanel.XAML-stack-container.x-container-default.x-table-layout-ct{
	max-width:635px
}
#wt-container .x-container.cssXPStackPanel.wt-informer.wt-info-status.x-container-default.x-table-layout-ct{
	width:130px;
}
#wt-container .x-container.cssXPStackPanel.wt-informer.wt-info-score.x-container-default.x-table-layout-ct{
	width:135px;
}
#wt-container .x-container.cssXPStackPanel.wt-informer.wt-info-dates.x-container-default.x-table-layout-ct{
	width:218px;
}
#wt-container .x-container.cssXPStackPanel.wt-informer.wt-info-score.x-container-default.x-table-layout-ct{
	width:136px;
}
#wt-container .x-container.cssXPStackPanel.XAML-stack-right-panel-controls.x-container-default.x-table-layout-ct{
	width:160px;
	margin-left:5px;
}
#wt-container .wt-info-score .wt-info-circular-scale-container{
	width:8em !important;
	padding:0.5em 1.5em !important;
	margin:0 auto !important;
}
#wt-container .wt-info-score .wt-info-header,
#wt-container .wt-info-dates .wt-info-header,
#wt-container .wt-info-status .wt-info-header{
	text-align:center
}

#wt-container .XAML-grid-warning-panel td{
	padding:0 4px;
}

#wt-container .x-container.cssXPLink.wt-course-list-link.x-container-default{
	padding: 7px 12px 5px;
	display:inline-block;
	font-size:15px;
	margin:-4px 0 15px -11px;
}

.xs_message_course{
	position: absolute;
    top: 21px;
    right: 100px;
    background: #fff;
    z-index: 999;
    width: 240px;
    text-align: left;
    border-radius: 15px;
    border: 1px solid #ddd;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.09);
    opacity: 0;
    transition: .7s all;
    font-size: 15px;
    line-height: 150%;
    padding: 12px 13px 14px 17px;
	color:#e21f26;
}
.xs_message_course .close{
	cursor: pointer;
    position: absolute;
    color: #000;
    opacity: .5;
    right: 11px;
    top: 6px;
    font-size: 20px;
}
.xs_message_course .close:hover{
    opacity: 1;
}
.xs_message_course strong{
	font-size:110%;
	margin-bottom:5px;
	display:block;
}
.xs_message_course:after{
	content: "";
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: block;
    position: absolute;
    background: #fff;
    width: 16px;
    height: 16px;
    top: 30px;
    margin-top: -9px;
    margin-right: -9px;
    left: -9px;
    -moz-transform: rotate(134deg);
    -ms-transform: rotate(134deg);
    -webkit-transform: rotate(134deg);
    -o-transform: rotate(134deg);
    transform: rotate(134deg);
}
.xs_message_course.show{
	opacity:1;
    right: 8px;
}
.xs_custom_web_template_id_6314995814943622836 div.x-container.cssXPGrid.XAML-grid-main-content.x-container-default.x-table-layout-ct > table > tbody > .cssXPGridRow > .x-table-layout-cell:first-child{
	padding-right:10px;
	width:200px;
}
.xs_custom_web_template_id_6314995814943622836 .x-field.cssXPComboBox.x-form-item.x-form-item-default.x-form-type-text.x-field-default.x-table-form-item.x-form-item-no-label.x-form-dirty{
	max-width:200px;
	width: 200px !important;
}

.x-form-text-field-body-default{
	min-width:305px;
}
.xs_more_list_events{
    background: #187e46;
    box-shadow: 0px 2px 0 #196439;
	font-size: 13px !important;
    padding: 7px 0;
    line-height: 160%;
    margin-top: 12px;
    display: block !important;
    width: auto !important;
    height: auto;
    background: #187e46;
    box-shadow: 0px 2px 0 #196439;
    font-size: 13px !important;
    padding: 9px 15px 7px;
    line-height: 160%;
    display: block !important;
    width: auto !important;
    height: auto;
    position: absolute;
    right: 5px;
    top: -5px;
}
.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default .x-tab-button {
    padding: 0 15px;
}
.xs_more_list_events:hover{
    background: #ea1d26;
    box-shadow: 0px 3px #8e060b;
}

.xs_teachers{
	background: url(/spar_new/images/teacher-bg.jpg) no-repeat 50% 0;
    padding-bottom: 20px;
    max-width: 1100px;
    margin: 0 auto;
}
.xs_teachers:after{
	content:"";
	display:block;
	clear:both;
}
.xs_teachers .teacher{
	float:left;
	clear:both;
	padding-left:150px;
	position:relative;
	margin-left: 10px;
	margin-top: 27px;
    margin-bottom: 14px;
}
.xs_teachers .teacher .name{
    font-size: 20px;
    margin: 0;
    color: #15B742;
	line-height:125%;
}
.xs_teachers .teacher .description{
	font-size:13px;
	line-height:19px;
	max-width: 550px;
	height:218px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.xs_teachers .teacher .description .text{
	max-height:55px;
	overflow:hidden;
	transition:.3s all;
	max-width:450px;
	position:relative;
}
.xs_teachers .teacher .description .text:after{
	position:absolute;
	content:"";
	display:block;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	background:url(/spar_new/images/gradient-transparent.png) repeat-x bottom center;
	transition:.3s all;
}
.xs_teachers .teacher:hover .description .text{
	max-height:180px;
	max-width:650px;
}
.xs_teachers .teacher:hover .description .text:after{
	bottom:-50px;
}
.xs_teachers .teacher.teacher3 .description,
.xs_teachers .teacher.teacher10 .description{
	height:199px;
}
.xs_teachers .teacher.teacher5 .description{
	height:208px;
}
.xs_teachers .teacher.teacher6 .description{
	height:202px;
}
.xs_teachers .teacher.teacher7 .description{
	height:212px;
}
.xs_teachers .teacher.teacher8 .description,
.xs_teachers .teacher.teacher11 .description{
	height:227px;
}
.xs_teachers .teacher .description strong{
	display:block;
	font-size:14px;
	margin:8px 0;
}
.xs_teachers .teacher img{
	position:absolute;
	left:0;
	top:0;
	vertical-align:top;
	margin-top:5px;
}

.xs_teachers .teacher:nth-child(even){
	float:right;
	text-align:right; 
	padding-left:0;
	padding-right:150px;
	margin-left: 0px;
	margin-right: 10px;
}
.xs_teachers .teacher:nth-child(even) img{
	right:0;
	left:auto;
}
.xs_teachers .teacher.teacher3{
	margin-top:28px;
	margin-bottom:23px;
}
.xs_teachers .teacher.teacher5{
	margin-top: 30px;
    margin-bottom: 40px;
	margin-left:0;
}
.xs_teachers .teacher.teacher6{
	margin-top:15px;
	margin-bottom:15px;
	margin-right:-13px;
}
.xs_teachers .teacher.teacher6 .description{
	max-width:512px;
}
.xs_teachers .teacher.teacher6 strong,
.xs_teachers .teacher.teacher8 strong{
	margin:3px 0;
}
.xs_teachers .teacher.teacher8{
	margin-top: 5px;
    margin-bottom: 16px;
    margin-right: 0;
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    max-width: 780px;
}
.xs_teachers .teacher.teacher8 .description{
	max-width:630px
}
.xs_teachers .teacher.teacher9 .description{
	max-width:600px;
}

.xs_teachers .teacher.teacher10{
	margin-top:33px;
	margin-bottom: 50px;
	margin-right:-10px;
}
.xs_teachers .teacher.teacher10 .description{
	max-width:570px;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  z-index: 1; }
  .datepicker--cell.-focus- {
    background: #f0f0f0; }
  .datepicker--cell.-current- {
    color: #4EB5E6; }
    .datepicker--cell.-current-.-focus- {
      color: #4a4a4a; }
    .datepicker--cell.-current-.-in-range- {
      color: #4EB5E6; }
  .datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0; }
    .datepicker--cell.-in-range-.-focus- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae; }
    .datepicker--cell.-disabled-.-focus- {
      color: #aeaeae; }
    .datepicker--cell.-disabled-.-in-range- {
      color: #a1a1a1; }
    .datepicker--cell.-disabled-.-current-.-focus- {
      color: #aeaeae; }
  .datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px; }
  .datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0; }
  .datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px; }
  .datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef; }
    .datepicker--cell.-selected-.-current- {
      color: #fff;
      background: #5cc4ef; }
    .datepicker--cell.-selected-.-focus- {
      background: #45bced; }
  .datepicker--cell:empty {
    cursor: default; }

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 8px 0 3px; }

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }

.datepicker--cell-day {
  width: 14.28571%; }

.datepicker--cells-months {
  height: 170px; }

.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }

.datepicker--years {
  height: 170px; }

.datepicker--cells-years {
  height: 170px; }

.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0; }

.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100; }
  .datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); }
  .datepicker.-from-right- {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }
  .datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
            transform: translateY(8px); }
  .datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); }
  .datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
    transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
          transform: none; }

.datepicker-inline .datepicker--pointer {
  display: none; }

.datepicker--content {
  box-sizing: content-box;
  padding: 4px; }

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }
  .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg); }
  .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px; }
  .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px; }
  .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2); }
  .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px; }
  .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px; }
  .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2); }

.datepicker--body {
  display: none; }
  .datepicker--body.active {
    display: block; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px; }

.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .datepicker--nav-action:hover {
    background: #f0f0f0; }
  .datepicker--nav-action.-disabled- {
    visibility: hidden; }
  .datepicker--nav-action svg {
    width: 32px;
    height: 32px; }
  .datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px; }

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px; }
  .datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px; }
  .datepicker--nav-title:hover {
    background: #f0f0f0; }
  .datepicker--nav-title.-disabled- {
    cursor: default;
    background: none; }

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px; }
  .datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0; }
	
iframe{width:100%; border:0;}
@media print { 
	#wt-zone-left,
	#wt-zone-header,
	#wt-zone-footer{
		display:none;
	}
}

#wt-wrapper{}
#wt-zone-main{
	margin:0 !important;
	margin-bottom: 40px !important;
	width:100%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
#wt-zone-left{
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    border-radius: 3px;
}
#wt-zone-right{
    min-width: 315px;
}
#wt-body #wt-zone-main{
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	min-height:200px;
}
#wt-container .x-container.cssXPStackPanel.XAML-stack-container.x-container-default.x-table-layout-ct{
	max-width:9999px;
}
.xs_doc_id_5706659353785494788 .x-panel.cssXPDataGrid.XAML-data-grid-ico-fix.x-panel-default.x-grid{
	min-height:155px;
}
.x-panel.cssXPCalendar.x-panel-default{
	margin-bottom:30px;
}
.cssXPCalendar > .x-toolbar > .x-box-inner > .x-box-target a.spxmlcalendarmode_selector_category{
	display:none;
}
.wt-calendar-week-header-cell-holiday, .wt-calendar-month-header-cell-holiday, .wt-calendar-month-header-cell-work, .wt-calendar-week-header-cell-work{
	font-size: 15px !important;
    padding: 9px;
}
.cssXPTileView .spxmltileview-tile .cssXPGrid .cssXPLabel{
	white-space:nowrap;
}
.cssXPTileView .spxmltileview-tile .cssXPStackPanel{
	/* max-height:236px !important; */
}
.cssXPTileView .spxmltileview-tile .cssXPStackPanel.x-container.XAML-stack-tile-1.x-container-default.x-table-layout-ct{
	border:1px solid #9d9f9e;
	transition:.3s all;
}
.cssXPTileView .spxmltileview-tile .cssXPStackPanel.x-container.XAML-stack-tile-1.x-container-default.x-table-layout-ct:hover{
	box-shadow: 0px 2px 7px #00000036;
}
.XAML-stack-tile-1 .XAML-grid-tile-title-container{
	background-color: #d4e5d5;
    padding: 0 7px;
    text-align: center;
	opacity: 1;
}
.XAML-stack-tile-1 > table > tbody > tr:first-child > td .x-container.cssXPHTMLBox.x-container-default{
	display:none;
}
.XAML-stack-tile-1 .XAML-grid-tile-title-container td{
	vertical-align:middle;
	color:#15b742;
	font-size: 16px !important;
}
.XAML-stack-tile-1 .XAML-grid-tile-dates td,
.XAML-stack-tile-1 .XAML-stack-tile-content-container > table > tbody > tr > td:first-child div{
	border:1px solid #9d9f9e !important;
	padding: 3px 1px !important;
	line-height: 13px;
}
.XAML-stack-tile-1 .XAML-grid-tile-dates td .cssXPLabel{
	padding: 3px 2px !important;
}

.XAML-stack-tile-1 .XAML-grid-tile-dates>table>tbody>tr:last-child>td{
	color: #e21f26;
	font-weight:bold;
}
.XAML-stack-tile-1 .XAML-stack-tile-content-container > table > tbody > tr > td:first-child div{
	margin-bottom: 3px;
    line-height: 19px;
    padding-left: 3px !important;
    padding-right: 3px !important;
    margin-right: -3px;
}
.XAML-stack-tile-1 .XAML-grid-tile-dates > table{
	border-collapse: separate;
    border-spacing: 3px;
    margin-right: 10px;
}
.XAML-stack-tile-1 .XAML-stack-tile-content-container{
	margin-top:-71px;
}
.XAML-stack-tile-1 .XAML-grid-tile-title-container td a,
.XAML-stack-tile-1 .XAML-grid-tile-title-container td a:hover,
.XAML-stack-tile-1 .XAML-grid-tile-title-container td a:active{
	height:auto !important;
	color:inherit;
}
.XAML-stack-tile-1 .XAML-grid-tile-title-container img{
	display:none;
}
.cssXPTileView .spxmltileview-tile .cssXPStackPanel > table.x-table-layout > tbody > tr:last-child >td.x-table-layout-cell  > .cssXPStackPanel > table.x-table-layout > tbody > tr:first-child{
	display:none;
}
.cssXPTileView .spxmltileview-tile .cssXPStackPanel > table.x-table-layout > tbody > tr:last-child >td.x-table-layout-cell  > .cssXPStackPanel > table.x-table-layout > tbody > tr:last-child{
	display:table-row;
}
.cssXPTileView .spxmltileview-tile .cssXPStackPanel .cssXPGrid .cssXPGridRow .x-table-layout-cell {
	white-space:normal;
} 
.cssXPTileView .spxmltileview-tile .cssXPGrid .x-table-layout-cell img{
	margin-left:10px;
} 
.cssXPTileView .spxmltileview-tile .cssXPGrid .cssXPLabel{
	padding:5px 2px;
} 
.XAML-stack-tile-1 .XAML-grid-tile-dates>table>tbody>tr:last-child>td{
	padding-top:5px;
	padding-bottom:5px;
}
.XAML-stack-tile-title-container{
	margin:0;
}
.XAML-stack-tile-1 .XAML-label-tile-desc{
	max-width:250px;
}
.wt-calendar-week-header-cell-work {
    background-color: #dcdcdc !important;
}
div.x-calendar-current-month-day, div.x-calendar-current-month-day, .x-calendar-next-month-day, .x-calendar-now-day{
	padding:9px;
	color:#7d7d7d;
}
.xs_button_review{
	position:absolute;
	top:160px;
}
.xs_button_review:before{
	content: "";
    display: block;
    height: 45px;
    margin: -4px auto 0px;
    background: url(img/customer-reviews.svg) no-repeat 50% 50%;
    background-size: contain;
}
.xs_btn_green{
    display: block;
    background: #abcdac;
    box-shadow: 0px 3px 0 #84b386;
    width: 92%;
    border: 0;
    padding: 6px 7px;
    text-align: center;
    height: auto;
    border-radius: 5px;
    height: auto;
    font-size: 14px;
    line-height: 135%;
    color: #fff !important;
    transition: .3s all;
    white-space: normal;
    text-transform: uppercase;
}
.xs_btn_green:hover{
    background: #187e46;
    box-shadow: 0px 3px #196439;
}
#form_cadre .xs_btn{
	display: inline-block !important;
    width: 204px !important;
}
html * { max-height:999999px; }
body *,
body{
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust: none;
}
.xs_raspisanie{
	width:100%;
	border-collapse:collapse;
}
.xs_raspisanie td{
	padding:11px 15px 8px;
	border:1px solid #ddd;
}
.xs_doc_id_6540938260519274930 .x-grid-cell-inner{
	white-space:normal;
}
.WTCSS-comp-body .head{
	display:none;
}
.xs_assessment_appraise_id_6543770189859350205 .WTCSS-comp-body .wrapper .content .competence-container{
	display:none;
}
#wt-zone-footer {
    line-height: 60px;
    margin-top: -60px;
    background: #15b742;
    color: #fff;
    text-align: center;
    height: auto;
}

.x-toolbar.cssXPToolbar .x-btn{
	background: #15b742;
    box-shadow: none;
    font-size: 13px !important;
    padding: 9px 15px 13px;
    line-height: 160%;
    display: inline-block;
    width: auto !important;
    height: auto;
	color: #fff !important;
    text-align: center;
	border-radius: 12px;
	font-weight: bold;
	transition: .3s all;
	vertical-align: middle;
    cursor: pointer;
	border: 0;
}
.x-toolbar.cssXPToolbar .x-btn.xs_gray{
	background: #efefef;
    color: #000 !important;
}
.x-toolbar.cssXPToolbar .x-btn.xs_gray:hover{
	background:#e2e2e2
}
.x-toolbar.cssXPToolbar .x-btn.xs_gray.xs_reset_button{
	text-transform: none;
}
.x-toolbar.cssXPToolbar .x-btn span{
	color:inherit !important;
	font-family:inherit !important;
}
.x-toolbar.cssXPToolbar .x-btn:hover {
    background: #129E39;
    box-shadow: none;
}
.x-box-inner.x-box-menu-body-horizontal{
	min-height:42px;
}
.x-tab-top, .x-tab-top:hover{
	color:#18bd4c
}
.x-toolbar.cssXPToolbar .x-btn.red{
    background: #ea1d26;
    box-shadow: none;
}
.x-toolbar.cssXPToolbar .x-btn.red:hover{
	background: #187e46;
    box-shadow: none;
}
.x-toolbar.cssXPToolbar .request_vacancy_button{
	right:0;
	top:0;
	position:absolute;
}

#resume_change_form {
	margin:0 10px;
}
#resume_change_form p[align=left]{
	margin:0;
}
#resume_change_form .WTCSS-switch-panel .wrapper .head{
	background: #187e46;
    box-shadow: 0px 2px 0 #196439;
    font-size: 13px !important;
    padding: 7px 20px 5px;
    line-height: 160%;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: bold;
    transition: .3s all;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
	margin-top:30px;
	margin-bottom:8px;
}
#resume_change_form p[align=left] + .WTCSS-switch-panel .wrapper .head{
	margin-top:0;
}
#resume_change_form .WTCSS-switch-panel .wrapper .head .switch{
	background-image:url(http://spar-nn.websoft.ru/pics/block_arrows_white.png);
	margin-top: 6px;
}
#resume_change_form .WTCSS-switch-panel .wrapper .head .title{
	color: #fff;
}
#resume_change_form .WTCSS-switch-panel .wrapper .content table.resume-main-table td:first-child{
	width:240px;
}
#resume_change_form .WTCSS-switch-panel .wrapper .content table.resume-main-table td{
	position:relative;
}
#resume_change_form .WTCSS-switch-panel .wrapper .content table.resume-main-table td input[type=text],
#resume_change_form .WTCSS-switch-panel .wrapper .content table.resume-main-table td select,
#resume_change_form .WTCSS-switch-panel .wrapper .content table.resume-main-table td textarea{
	padding: 4px 6px 4px 6px;
	color: #1e1e1e;
	background-color: white;
    font: 400 14px/15px helvetica,arial,verdana,sans-serif;
	width:100% !important;
	min-height: 32px;
	border:1px solid #ddd;
	box-sizing: border-box;
}
#resume_change_form .WTCSS-switch-panel .wrapper .content table.resume-main-table td .select-selector{
	float:none;
	display:block;
}
#resume_change_form .WTCSS-switch-panel .wrapper .content table.resume-main-table td .ui-datepicker-trigger{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:18px;
	cursor:pointer;
}
#resume_change_form .WTCSS-switch-panel .wrapper .content table.resume-main-table td .clearfloat{
	display:none;
}
#resume_change_form .resume-button-container{
	padding:15px;
}
#resume_change_form .resume-button-container .resume-button{
	font-size: 13px !important;
    padding: 9px 20px 7px;
    line-height: 160%;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: bold;
    transition: .3s all;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    margin: 0px 10px;
	color:#fff;
	display:inline-block;
	background: #ea1d26;
    box-shadow: 0px 2px #8e060b;
}
#resume_change_form .resume-button-container .resume-button:hover{
	background: #187e46;
    box-shadow: 0px 2px 0 #196439;
}
#resume_change_form .resume-button-container nobr .resume-button{
	background:#bfbfbf;
	box-shadow:0px 2px 0 #888888;
}

#CLT_mps .xs_btn{
	padding: 8px 12px 6px !important;
    font-size: 13px !important;
    display: block !important;
    width: auto !important;
    height: auto;
}
.xs_mode_company_vacancys #wt-zone-main-wrapper .x-panel.cssXPPanel table table table.x-table-layout{
	width:auto;
}
/*
body.xs_mode_company_vacancys .x-tab-bar-default.x-vertical.x-tab-bar-vertical,
body.xs_mode_company_vacancys .x-tab-bar-default.x-vertical.x-tab-bar-vertical div{
	max-width:150px;
}
body.xs_mode_company_vacancys .x-tab-bar-default.x-vertical.x-tab-bar-vertical + .x-panel-body.x-panel-body-default.x-panel-body-default{
	left:150px !important;
	width:661px !important;
}
body.xs_mode_company_vacancys .x-tab-bar-default.x-vertical.x-tab-bar-vertical + .x-panel-body.x-panel-body-default.x-panel-body-default > div > div,
body.xs_mode_company_vacancys .x-tab-bar-default.x-vertical.x-tab-bar-vertical + .x-panel-body.x-panel-body-default.x-panel-body-default > div{
	width:641px !important;
}
.x-panel.cssXPDataGrid.x-panel-default.x-grid{
	
}*/

.xs_mode_learning_proc .wt-info-score,
.xs_mode_learning_proc .wt-info-status{ 
	width:100%;
	min-width:100px;
}

.xs_tab.tab_career,
.xs_tab.tab_request{
	min-height:600px;
	overflow:hidden;
}
.xs_teachers .teacher.teacher7{
	margin-top:0;
}
.xs_teachers .teacher.teacher9{
	margin-top:7px;
}
.xs_teachers .teacher.teacher2{
	margin-top: 0px;
    margin-bottom: 34px;
}
.xs_teachers .teacher.teacher4{
	margin-top: 14px;
}
.xs_teachers .teacher.teacher11{
	margin-top:32px;
}
.xs_teachers .teacher.teacher11 img{
	margin-top:21px;
}
.xs_teachers .teacher.teacher17{
	margin-top:30px;
}
.xs_teachers .teacher.teacher12{
	margin-top:5px;
	position:relative;
}
.xs_teachers .teacher.teacher14{
	margin-top:9px;
}
.xs_teachers .teacher.teacher15{
	margin-left: -5px;
    margin-top: 21px;
}
.xs_teachers .teacher.teacher19{
	margin-top: 0;
}
.xs_teachers .teacher.teacher15 > div.description{
	max-width:570px
}
.xs_teachers .teacher.teacher15:hover > .description .text {
    max-height: 190px;
}
.xs_teachers .teacher.teacher15 > div.description strong{
	margin:3px 0 5px
}
.xs_teachers .teacher.teacher12 > div.description{
	position:relative;
}
.xs_teachers .teacher.teacher12 > div{
	z-index:2;
}

.xs_mode_recr_requests .x-grid-cell-treecolumn {
	display:none;
}
.xs_mode_recr_requests table.x-grid-item{
	width:100% !important;
}
#xs_right_menu.xs_menu{
	margin-top:35px;
}
.x-tree-view > .x-grid-item-container > table img + img + img + span{
	font-weight:bold;
	font-size:15px;
}
.x-tree-view > .x-grid-item-container > table img + img + img + img + span,
.x-tree-view > .x-grid-item-container > table img + img + img + img + img + span,
.x-tree-view > .x-grid-item-container > table img + img + img + img + img + img + span{
	font-weight:normal;
	font-size:14px;
}
.x-grid-cell-inner-treecolumn{
	padding:5px 10px 5px 6px;
}

.xs_mode_knowledge_map #wt-zone-main .x-container.cssXPHTMLBox.XAML-label-tile-desc.x-container-default{
	display:none;
}
.xs_mode_knowledge_map .x-container.spxmltileview-tile.x-container-default.x-border-box.x-table-layout-ct{
	max-height:220px;
}
.xs_mode_knowledge_map .x-container.cssXPStackPanel.XAML-stack-container.x-container-default.x-table-layout-ct tr:last-child .x-panel.cssXPPanel.XAML-PanelKnowledge-with-top.x-panel-default > .x-header.x-docked.x-unselectable.x-panel-header-default.x-horizontal.x-panel-header-horizontal.x-panel-header-default-horizontal.x-top.x-panel-header-top.x-panel-header-default-top.x-docked-top.x-panel-header-docked-top.x-panel-header-default-docked-top.x-box-layout-ct + div.x-panel-body.x-panel-body-default.x-table-layout-ct.x-panel-body-default .x-container.cssXPLabel.x-container-default{
	position:relative;
	min-height:100px;
}
.xs_mode_knowledge_map .x-container.cssXPStackPanel.XAML-stack-container.x-container-default.x-table-layout-ct tr:last-child .x-panel.cssXPPanel.XAML-PanelKnowledge-with-top.x-panel-default > .x-header.x-docked.x-unselectable.x-panel-header-default.x-horizontal.x-panel-header-horizontal.x-panel-header-default-horizontal.x-top.x-panel-header-top.x-panel-header-default-top.x-docked-top.x-panel-header-docked-top.x-panel-header-default-docked-top.x-box-layout-ct + div.x-panel-body.x-panel-body-default.x-table-layout-ct.x-panel-body-default .x-container.cssXPLabel.x-container-default:after{
	content:"Выберите категорию из списка";
	display:block;
	top:0;
	left:0;
	right:0;
	text-align:center;
	background:#fff;
	padding-top: 40px;
	position:absolute;
}
.xs_mode_talent_pool_pr_card .x-container.cssXPGrid.XAML-grid-filter.x-container-default.x-table-layout-ct,
.xs_mode_talent_pool_cr_card .x-container.cssXPGrid.XAML-grid-filter.x-container-default.x-table-layout-ct{
	display:block;
}
.x-body{
	font-weight:400
}
#wt-header-wrapper{
	position:relative
}
#wt-zone-main-wrapper .item .description{
	display: none;
}
.btn.xs_button_internship{
	
	margin:20px 400px 37px 0
}
.xs_mode_request_create .x-field.cssXPComboBox.x-form-item.x-form-item-default.x-form-type-text.x-field-default.x-table-form-item.x-form-item-no-label{
	/* width:100% !important */
}
.xs_doc_id_5706659353785495000 #wt-zone-right,
.xs_mode_forum #wt-zone-right,
.forum_entry #wt-zone-right{display:none;}

.xs_license_text{
	margin:20px 0;
}
.xs_license_text a{
	text-decoration:underline;
}
.xs_license_text a:hover{
	text-decoration:none;
}

.xs_mode_request_create .XAML-grid-info-table>table>tbody>tr>td:first-child{
	min-width:270px
}
.xs_mode_request_create .x-panel-header.x-header.x-docked.x-unselectable.x-panel-header-default.x-horizontal.x-panel-header-horizontal.x-panel-header-default-horizontal.x-top.x-panel-header-top.x-panel-header-default-top.x-docked-top.x-panel-header-docked-top.x-panel-header-default-docked-top.x-box-layout-ct{
	display:none
}
.xs_mode_request_create .x-panel.cssXPPanel.x-panel-default{
	margin-top:-20px;
}
.xs_mode_request_create .x-grid-cell-inner{
    white-space: normal;
    line-height: 140%;
}
.xs_mode_request  .XAML-grid-info-table>table>tbody>tr>td:first-child{
	width:330px
}
.xs_mode_request  .cssXPTabControl-left>.x-panel-body-default{
	padding-left:30px;
	border: 1px solid #dbdbdb;
    padding-right: 30px;
	border-radius: 4px;
}
.xs_mode_company_vacancys  .cssXPTabControl-left>.x-panel-body-default{
	padding:20px 0 20px 10px;
}
.xs_mode_request  .XAML-label-filters-title{
	padding: 6px 0;
    font-size:16px;
}
.xs_mode_request  .XAML-grid-info-table>table>tbody>tr>td{
	padding: 0px 16px 20px 0;
    background: #fff;
}
.XAML-panel-search{
	margin-right:13px;
}
.xs_doc_id_6540935216138955086 .XAML-stack-filters-container,
.xs_doc_id_5724102104950451878 .XAML-stack-filters-container,
.xs_doc_id_6384636144666756723 .XAML-stack-filters-container,
.xs_doc_id_6525270933514687921 .XAML-stack-filters-container,
.xs_doc_id_6671048195913089591 .XAML-stack-filters-container,
.xs_doc_id_6671048299699843094 .XAML-stack-filters-container,
.xs_doc_id_6671049721466152222 .XAML-stack-filters-container,
.xs_doc_id_6800654025817539201 .XAML-stack-filters-container{
	display:none
}
.XAML-panel-search .cssXPButton{
	height: 34px;
    min-width: 34px;
	padding:0;
	border:0;
}
.xs_mode_request .XAML-panel-search{
	margin-right:0;
}
.xs_mode_request .XAML-panel-search .cssXPButton{
	height: 52px;
    border: 0;
    background: #15b742;
    padding: 0 30px;
}
.xs_mode_request .XAML-panel-search .cssXPButton:hover{
	color:#00945a
}
.xs_mode_request .XAML-panel-search .cssXPButton *,
.xs_mode_request .XAML-panel-search .cssXPButton:hover *{
	color: #fff !important;
}
.xs_mode_request .XAML-grid-filter>table>tbody>tr>td{
	padding:0
}
.xs_mode_requests .cssXPDataGrid{
	margin-top:35px;
}
#content + footer{
	display:none
}
.logo-container{
	margin:0;
}
.logo-container a{
	height:auto
}
#wt-wrapper{
	min-height:200px
}
.XAML-label-header-1, .XAML-label-header-2, .XAML-label-block-header{
    margin: 0px 0 35px 0;
	padding:0px;
    font-size: 20px;
    font-weight: 900;
    border: 0 !important;
	line-height: 140%;
}
.spxmltileview-tile{
	margin:16px 0px 16px 24px !important
}
.XAML-stack-tile .XAML-link-tile-title,
.XAML-stack-tile .XAML-link-tile-title:hover{
	padding:10px 20px;
	display:block;
}
.XAML-stack-tile .XAML-link-tile-title:hover{
	background:#017f4f
}
.XAML-image-tile-image{
	margin:0 auto
}
.cssXPDataGrid, .cssXPResourceFieldGridSelect{
	padding-left:0;
	padding-right:0;
}
.XAML-stack-informer, .informer{
	color:inherit
}
.XAML-stack-filter .x-table-form-item, .XAML-grid-filter .x-table-form-item{
	margin-top:0;
	margin-bottom:0;
}
.XAML-stack-filter .cssXPEdit input, .XAML-grid-filter .cssXPEdit input{
	height: 34px;
    padding: 0 13px;
}
.XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(even)>td{
	padding-bottom:0;
}
.XAML-stack-informer-body .XAML-label-grid-column-name{
	color: #355bbb;
	font-size:13px;
}
.XAML-stack-informer-body .XAML-grid-info-table-compact>table>tbody>tr:nth-child(odd)>td {
    padding-top: 6px;
}
.XAML-button-view.x-btn-pressed .x-btn-inner-default-small, .XAML-button-view.x-btn-pressed .x-btn-icon-el {
    color: #fff !important;
}
.XAML-grid-list-container, .XAML-stack-list-container{
	padding-left:0;
	padding-top:0;
	padding-right:0;
}
.XAML-info-grid-table, .XAML-grid-info-table{
	padding-left:0;
	padding-bottom: 0;
}
.XAML-grid-info-table>table, .XAML-info-grid-table>table{
	border-right:0;
}
.cssXPDataGrid .x-grid-item, .cssXPResourceFieldGridSelect .x-grid-item{
	background:none;
}
.cssXPDataGrid .x-grid-item .x-grid-cell, .cssXPResourceFieldGridSelect .x-grid-item .x-grid-cell{
	padding:0 5px;
}
.cssXPTabControl-left a.x-tab-left{
	margin-bottom:0 !important;
	padding:7px 10px 7px 10px;
}
.cssXPTabControl-left a.x-tab-left.x-tab-active, .cssXPTabControl-left a.x-tab-left:hover{
	color:#15b742
}

.cssXPTabItem > .x-panel-body{
	padding-top:0;
}
.cssXPTabControl-top>.x-tab-bar-horizontal>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default.x-tab-active{
	padding:0;
    min-height: 48px;
	padding: 7px 11px !important;
}
.XAML-tabcontrol-filter>.x-tab-bar>.x-tab-bar-body>.x-box-inner>.x-box-target>.x-tab-default>.x-tab-wrap{
	border-radius:15px;
}
.cssXPCalendar{
	padding:0
}
.XAML-grid-message-panel.XAML-grid-warning-panel{
	background-color:#f7f7f7;
	color: #000;
	margin-bottom:30px;
}
.XAML-grid-message-panel .XAML-link-right-switch-collapsed{
	background-position: 0px center
}
.XAML-grid-message-panel .XAML-link-right-switch-expanded{
	background-position: -48px center
}
.XAML-grid-message-panel .x-container.cssXPStackPanel.XAML-stack-container.XAML-stack-buttons-container.x-container-default.x-table-layout-ct{
	display:none;
}
.cssXPTabControl-left>.x-panel-body-default{
	padding:20px;
}
.XAML-grid-object-title-container .XAML-label-header-2{
	padding-top:0 !important;
}
.XAML-grid-object-title-container .XAML-stack-image-container{
	width:70px;
	height:70px;
}
.xs_mode_course .XAML-grid-message-panel .x-container.cssXPStackPanel.XAML-stack-container.XAML-stack-buttons-container.x-container-default.x-table-layout-ct,
.xs_mode_assessment .XAML-grid-message-panel .x-container.cssXPStackPanel.XAML-stack-container.XAML-stack-buttons-container.x-container-default.x-table-layout-ct{
	display:block;
}
.xs_mode_my_account .x-container.cssXPSPXMLScreen.x-container-default.x-border-box.x-table-layout-ct:not(.xs_graphics_account){
	min-height:999px;
}
#wt-container .xs_graphics_account .wt-informer{
	margin-left: 15px;
    margin-right: 5px;
    margin-bottom: 20px;
    width: auto !important;
    background: #efefef;
	display:block;
	border:0;
}
.xs_mode_manager_persons #wt-container .xs_graphics_account{
	margin: 0 -5px;
    width: auto !important;
}
.xs_mode_manager_persons #wt-container .xs_graphics_account .wt-informer,
.xs_mode_collaborator #wt-container .xs_graphics_account .wt-informer{
	margin:0 10px 20px;
}

#wt-container .xs_graphics_account .wt-info-value-string-large,
#wt-container .xs_graphics_account .wt-info-score .wt-info-value-string-value{
	font-size: 65px;
    font-weight: bold;
}
#wt-container .xs_graphics_account .wt-informer.wt-info-dates .XAML-grid-info-table-compact>table>tbody>tr>td{
	font-size:12px;
}
#wt-container .xs_graphics_account .wt-info-plain{
	font-weight:bold;
}
.xs_graphics_account > table > tbody > tr > td > div > table > tbody > tr > td{
	display:inline-block;
	width:50%;
}
.xs_mode_manager_persons .xs_graphics_account > table > tbody > tr > td > div > table > tbody > tr > td{
	width:25%;
	padding-bottom:40px;
}
.xs_graphics_account .XAML-grid-info-table-compact{
	padding:0 10px
}
#wt-container .xs_graphics_account .wt-info-header{
	text-transform: none;
    text-align: center;
    color: #15b742;
    font-size: 14px;
    font-weight: bold;
    border: 0;
	padding:8px 0 0;
	width:auto;
	display:block;
}
.xs_graphics_account .wt-info-score .wt-circular-value,
.xs_graphics_account .wt-info-plain .wt-info-body.wt-info-body-center-middle,
.xs_graphics_account .XAML-stack-informer-body .XAML-label-grid-column-name,
#wt-container .xs_graphics_account .wt-info-score .wt-info-value-string-value{
	color:#15b742 !important
}
.xs_graphics_account .wt-info-score .wt-circular-path-0{
	fill:#15b742 !important
}
#wt-container .xs_graphics_account .XAML-stack-informer-footer, 
#wt-container .xs_graphics_account .informer-footer{
	text-align: center;
    background: #efefef;
    color: #000;
}
.xs_mode_my_account .x-container.cssXPSPXMLScreen.x-container-default.x-border-box.x-table-layout-ct.xs_graphics_account{
	float:right;
	width:auto !important;
	max-width:470px;
}
.clear{clear:both;width:100%;}

.xs_request_filter {
	font-size:13px;
	margin-bottom:30px;
	margin-top:10px;
}
.xs_request_filter .label_name{
	margin:0 15px 10px 0
}
.xs_request_filter input[type=radio]{
	position:absolute;
	z-index:1;
	opacity:0;
}
.xs_request_filter input[type=radio] + label{
	position:relative;
	z-index:2;
	padding:10px 15px;
	background:#f7f7f7;
	display:inline-block;
	cursor:pointer;
	border-radius:20px;
	margin:0 15px 10px 0;
}
.xs_request_filter input[type=radio]:checked + label{
	background:#15b742;
	color:#fff;
	cursor:default;
}
.xs_request_filter .search_date .xs_input{
	width:31.7%;
	margin:15px 0
}
.xs_request_filter input[type=search],
.xs_request_filter input[type=date],
.xs_request_filter select{
	width: 100%;
    box-sizing: border-box;
    padding: 13px 20px;
    border-radius: 4px;
    height: 50px;
    font-size: 13px;
    margin-top: 3px;
    border: 1px solid #efefef;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05) inset;
}
.xs_request_filter input[type=submit]{
	margin-right:30px;
	border-color: #15b742;
    color: #15b742;
    padding: 13px 30px;
    font-size: 14px;
    border-radius: 4px;
}
.xs_request_filter input[type=submit]:hover{
	background:#15b742;
	color:#fff;
}
.xs_request_filter_show {
	text-decoration:underline;
	color: #15b742;
	margin-bottom:20px;
	font-size:14px;
	cursor:pointer;
}
.xs_request_filter_show:hover,
.xs_request_filter_show.active {
	text-decoration:none;
}
.xs_rewards .xs_reward,
.reward_detail_info .image .reward_icon{
	width:24px;
	height:24px;
	position:relative;
	transition:0.15s all;
	margin-right:7px;
	top:0;
	overflow:hidden;
	background:url(/download_file.html?file_id=6721527779367796958) no-repeat 50% 50% / contain;
}
.xs_rewards .xs_reward[data-type="Лучший сотрудник по итогам конкурса «Лучший по профессии»"],
.reward_detail_info .image .reward_icon[data-type="Лучший сотрудник по итогам конкурса «Лучший по профессии»"]{
	background-image:url(/download_file.html?file_id=6729486830966764947)
}
.xs_rewards .xs_reward[data-type="Лучший сотрудник года"],
.reward_detail_info .image .reward_icon[data-type="Лучший сотрудник года"]{
	background-image:url(/download_file.html?file_id=6729487793159753423)
}
.xs_rewards .xs_reward[data-type="Участник спортивной команды СПАР"],
.reward_detail_info .image .reward_icon[data-type="Участник спортивной команды СПАР"]{
	background-image:url(/download_file.html?file_id=6729488953121969815)
}

.xs_rewards .xs_reward[data-type="Сотрудник который отработал 5 лет в компании"]:after,
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 5 лет в компании"]:after,
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 10 лет в компании"]:after,
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 10 лет в компании"]:after,
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 15 лет в компании"]:after,
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 15 лет в компании"]:after,
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 20 лет в компании"]:after,
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 20 лет в компании"]:after{
	display: block;
    text-align: center;
    font-weight: bold;
    padding-top: 18px;
    font-size: 16px;
}

.xs_rewards .xs_reward[data-type="Сотрудник который отработал 5 лет в компании"],
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 5 лет в компании"]{
	background-image:url(/download_file.html?file_id=6735013475091768010);
}
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 5 лет в компании"]:after,
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 5 лет в компании"]:after{
	content: "5";
    font-size: 19px;
    color: #fdbf75;
	padding-top: 19px;
}

.xs_rewards .xs_reward[data-type="Сотрудник который отработал 10 лет в компании"],
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 10 лет в компании"]{
	background-image:url(/download_file.html?file_id=6735010756282552033)
}
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 10 лет в компании"]:after,
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 10 лет в компании"]:after{
	content: "10";
    color: #f5f5f5;
}

.xs_rewards .xs_reward[data-type="Сотрудник который отработал 15 лет в компании"],
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 15 лет в компании"]{
	background-image:url(/download_file.html?file_id=6735004904970078119)
}
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 15 лет в компании"]:after,
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 15 лет в компании"]:after{
	content: "15";
    color: #ffe49f;
}

.xs_rewards .xs_reward[data-type="Сотрудник который отработал 20 лет в компании"],
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 20 лет в компании"]{
	background-image:url(/download_file.html?file_id=6735015282572269989)
}
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 20 лет в компании"]:after,
.reward_detail_info .image .reward_icon[data-type="Сотрудник который отработал 20 лет в компании"]:after{
	content: "20";
    color: #fff9b2;
}


.xs_rewards .xs_reward[data-type="Сотрудник который отработал 5 лет в компании"]:after{
	padding-top:5px;
	font-size:11px;
}
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 10 лет в компании"]:after,
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 15 лет в компании"]:after,
.xs_rewards .xs_reward[data-type="Сотрудник который отработал 20 лет в компании"]:after{
	padding-top:5px;
	font-size:9px;
}
.xs_rewards .xs_reward:last-child{
	margin-right:0
}
.xs_rewards .xs_reward:hover{
	overflow:visible;
}
.xs_rewards .xs_reward .info{
	position: absolute;
    bottom: 100%;
    left: -15px;
    background: #fff;
    line-height: 140%;
    max-width: 300px;
	min-width: 180px;
    font-size: 13px;
    padding: 12px 15px;
    margin-bottom: 20px;
	transition:.2s all;
	opacity:0;
    box-shadow: 0px -2px 13px rgba(0, 0, 0, 0.05);
}
.xs_rewards .xs_reward .info:after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    background: #fff;
    bottom: -5px;
    left: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.03);
	z-index:1;
}
.xs_rewards .xs_reward .info:before,
.xs_actions_container .showActions + .xs_actions:before{
	content:"";
	display:block;
	position:absolute;
	background:#fff;
	left:0;
	right:0;
	bottom:0;
	height:12px;
	z-index:2;
}
.xs_actions_container .showActions + .xs_actions:before{
	top:0;
	bottom:auto
}
.xs_rewards .xs_reward:hover .info{
	opacity:1;
    margin-bottom: 10px;
}
.xs_rewards .xs_reward .info > div{
	margin-top:5px;
}
.xs_rewards .xs_reward .info .type_reward{
	margin:0 0 10px;
	font-size:14px;
	font-weight:bold;
}
.xs_rewards .xs_reward .info .date_reward{
	white-space:nowrap;
}
.xs_actions_container {
	position:relative;
	padding-bottom:2px;
}
.xs_actions_container .showActions{
	border:0 !important;
	background: #abcdac !important;
    box-shadow: 0px 2px 0 #84b386 !important;
	cursor:pointer;
	margin:0;
}
.xs_actions_container .showActions + .xs_actions{
	right:0;
	position: absolute;
    top: 100%;
    left: auto;
    background: #fff;
    line-height: 140%;
    max-width: 200px;
    font-size: 13px;
    padding: 12px 15px;
    margin-top: 20px;
	transition:.2s all;
	opacity:0;
	z-index:1;
	min-width: 150px;
    box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.05);
	display:none;
}
.xs_actions_container .showActions + .xs_actions:after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    background: #fff;
    top: -5px;
    right: 20px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 0px 2px 23px rgba(0, 0, 0, 0.08);
	z-index:1;
}

.xs_actions_container .showActions.active + .xs_actions{
	opacity:1;
    margin-top: 6px;
	display:block;
}
.xs_actions_container .showActions + .xs_actions a{
	display:block;
	padding:8px 8px;
	font-size:14px;
	transition:0.15s all;
}
.xs_actions_container .showActions + .xs_actions a:hover{
	background:#15b742;
	color:#fff;
}
input.small_width{
	max-width:250px;
}
.xs_notification{
	background: #a4ffa4;
    padding: 15px 20px;
    margin: 0 0 20px;
    border-radius: 4px;
}
.xs_notification.xs_error{
	background:#ff9a9a;
}

.reward_detail_info{
	text-align: left;
    line-height: 150%;
    padding: 7px 15px;
}
.reward_detail_info .type_reward{
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #187e46;
}
.reward_detail_info.internship .type_reward{
	margin-bottom:0
}
.reward_detail_info .delete a.del{
	color:red;
	white-space:nowrap;
}
.reward_detail_info .creator_internship{
	min-width:350px
}
.reward_detail_info .image{
	width:60px;
	margin-right:40px;
}
.reward_detail_info .data{
	width:100%;
}
.reward_detail_info .image .reward_icon{
	width: 45px;
    height: 45px;
}

.x-container.cssXPStackPanel.News-Item > table > tbody > tr > td:first-child{
	width:100px
}
table.xs_list{
	border-collapse:collapse;
	font-size:13px;
	line-height:140%;
	width:100%;
	border-radius: 16px;
    overflow: hidden;
	background:#fff
}
table.xs_list td{
	padding:8px 5px;
	line-height: 130%;
}
table.xs_list td:not(.notfirst):first-child{
	padding-left:15px;
}

table.xs_list thead{
	background:#ececec;
}
table.xs_list tbody tr{
	border-bottom: 1px solid #e8f8ed;
}
table.xs_list tbody tr:nth-child(even){
	background:rgba(245, 245, 245, 0.40);
}
table.xs_list tbody tr[data-href]{
	cursor:pointer;
}
table.xs_list tbody tr[data-href]:hover{
	background:#e8f8ed40;
}
table.xs_list input,
table.xs_list textarea,
table.xs_list select{
	font-size:13px;
	min-width:200px;
	padding:10px;
}
table.xs_list textarea{
	min-height:100px
}
.xs_filter{
	margin-bottom:50px;
}
.btn.xs_filter__show{
	margin-bottom:35px
}
.xs_filter__row{
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -10px;
}
.xs_filter__row .label_name{
	font-size:14px;
	font-weight:500;
	margin-bottom:15px;
}
.xs_filter .checkboxes > div{
	margin-bottom:9px;
}
.xs_filter .checkboxes > div label{
	padding-top: 2px;
}
.xs_filter .checkboxes--flex{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
	gap:0 20px
}
.xs_filter .checkboxes--flex > div{
	width:calc(33.33333% - 14px)
}
.xs_filter .selectator_element.multiple{
	min-height:44px!important
}

.xs_filter__block{
	font-size:13px;
	margin-bottom:30px;
	width: 20%;
    padding: 0 10px;
	line-height: 125%
}
.xs_filter__row--col1 .xs_filter__block{
	width:100%
}
.xs_filter__row--col2 .xs_filter__block{
	width:50%
}
.xs_filter__row--col3 .xs_filter__block{
	width:33.3333%
}
.xs_filter__row--col4 .xs_filter__block{
	width:25%
}
.xs_filter input[type=submit] + a{
	margin:0 0 0 40px;
	font-size:14px;
}
.xs_cadre_line{
	margin-bottom: 8px;
	line-height: 140%;
}
.xs_cadre_line:last-child{
	margin-bottom: 0;
}
.XAML-grid-info-table>table>tbody>tr>td .cssXPResourceFieldButton .x-btn-inner-default-small{ 
	display:block;
}
.XAML-grid-info-table>table>tbody>tr>td .cssXPResourceFieldButton{
	height:40px;
}
.xs_mode_request div.x-container.cssXPGrid.x-container-default.x-table-layout-ct:not(.XAML-grid-list-item) .cssXPStackPanel .x-container.cssXPLink.x-container-default:not(.XAML-right-margin){
	color: #fff;
    width: auto;
    white-space: nowrap;
    display: inline-block;
    margin-left: 20px;
    padding: 10px 15px;
    background: #15b742;
}

.line-list .item{
	border-bottom: 1px solid rgba(218, 218, 218, 0.57);
	transition: .2s all;
}
.line-list .item:last-child{
	margin-bottom: 0;
	border:0;
}
.line-list .item .ask{
	font-size: 17px;
	color: #000000;
	line-height: 150%;
	transition: .2s all;
	padding: 20px 0 20px 40px;
	cursor: pointer;
	position: relative;
	font-weight: 700;
}
.line-list .item .ask.active,
.line-list .item:hover .ask{
	color: #15b742;
}

.line-list .item .ask:before,
.line-list .item .ask:after{
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	color: #fff;
	position: absolute;
	top: 25px;
	left: 10px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 13px;
	transition: .2s all;
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.line-list .item .ask:before{
	background-image: url(/download_file.html?file_id=6808895638700779055);
	opacity: 1;
}
.line-list .item .ask:after{
	background-image: url(/download_file.html?file_id=6808895771769184401);
	opacity: 0;
}
.line-list .item .ask.active:before{
	opacity: 0;
}
.line-list .item .ask.active:after{
	opacity: 1;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.line-list .item .answer{
	font-size: 15px;
	line-height: 150%;
	padding: 0 0 25px 40px;
	display: none;
}
.line-list .item .answer > p:first-child{
	margin-top:0
}
.line-list .item .answer > p:last-child{
	margin-bottom:0
}
.line-list .item .answer span{
	display: block;
}





.wr-document{
	margin-bottom: 10px;
}
.wr-document .ahead{
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	font-weight: 600;
	margin-bottom: 50px;
}

.document{
	margin: 0 -1.15%;
}
.document.double{
	margin: 0;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.document.triple{
	margin: 0 -1.15%;
}

.document .item{
    display: block;
    width: 22.7%;
    margin: 0 1.15% 25px;
    padding-bottom: 30px;
    box-sizing: border-box;
    position: relative;
    top: 0;
    transition: .2s all;
    border: 1px solid rgba(218, 218, 218, 0.57);
	border-top:0;
}
.document .item:hover{
	top: -3px;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
}

.document.double .item{
	width: 49%;
	margin: 0 0 25px;
}
.document.triple .item{
	width: 31.03%;
	margin: 0 1.15% 34px;
	border-radius: 14px;
    overflow: hidden;
}

.document .item .image{
    background: #ececec;
    margin-bottom: 30px;
}
.document .item .image .picture{
	width: 100%;
    height: 137px;
    background-color: #ececec;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    margin: 0 auto;
}
.document .item .text{
	display: block;
	text-align: center;
	padding:0 20px
}
.document .item .text .info{
	display: block;
    color: #262626;
    font-size: 18px;
    line-height: 135%;
    font-family: RotondaC, Arial;
    margin-bottom: 0;
}
.document .item .text .lets{
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin: 0 auto;
	border: 1px solid #15b742;
	position: relative;
	transition: .2s all;
	display:none;
}
.document .item:hover .text .lets{
	background-color: #1a7d46; 
}
.document .item .text .lets:before,
.document .item .text .lets:after{
	content: "";
	display: block;
	width: 10px;
	height: 8px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
		background-size: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px;
}
.document .item .text .lets:before{
	background-image: url(/download_file.html?file_id=6810731247194096913);
	opacity: 1;
}
.document .item .text .lets:after{
	background-image: url(/download_file.html?file_id=6810767067448608831);
	opacity: 0;
}
.document .item:hover .text .lets:before{
	opacity: 0;
}
.document .item:hover .text .lets:after{
	opacity: 1;
}
.xs_mode_contest img.cssXPImage{
	height:300px !important;
	margin: 0 !important;
	cursor:pointer;
}
.xs_mode_contest .x-container.cssXPGrid.XAML-grid-container.XAML-grid-tile-horizontal1.x-container-default.x-table-layout-ct > .x-table-layout > tbody > tr > td:last-child{
	display:none
}
.xs_mode_contest .x-window-body.x-window-body-default img.cssXPImage{
	cursor:default;
	height:500px !important
}
.xs_mode_contest .x-window-body.x-window-body-default input.x-form-text{
	max-width:200px
}
.xs_mode_contest .x-window-body.x-window-body-default .x-panel.cssXPPanel.x-panel-default{
	min-width:800px
}
.xs_mode_contest .x-window-body.x-window-body-default .x-container.cssXPGrid.XAML-grid-container.XAML-grid-tile-horizontal1.x-container-default.x-table-layout-ct > .x-table-layout > tbody > tr > td:last-child{
	display:table-cell;
	width:200px
}
.xs_mode_contest .x-container.spxmltileview-tile.x-container-default.x-border-box.x-table-layout-ct{
	width: 33.33333% !important;
    margin: 0 0 20px !important;
    padding: 15px !important;
    height: auto !important;
}
.xs_mode_contest .cssXPTileView .spxmltileview-tile .cssXPGrid .cssXPLabel{
	font-size: 19px;
	font-weight: bold;
	padding:15px 0px 0;
}
.xs_mode_contest .XAML-link-next-image,
.xs_mode_contest .XAML-link-prev-image{
	background: #15b742;
    height: 500px;
    display: block;
    line-height: 500px;
    padding: 0 15px;
    color: #fff;
}
.xs_mode_contest .XAML-link-next-image:hover,
.xs_mode_contest .XAML-link-prev-image:hover{
	background: #00ab68;
}



































/* Адаптивная часть responsive */


@media screen and (max-width:1050px){
	.xs_social a:hover {
	    top: 0px;
	    padding-bottom: 0;
	}
}

@media screen and (max-width:850px){
	#wt-user-cabinet .cabinet_info{
		display: none;
	}
	#wt-user-cabinet.WTCSS-user-info div.userphoto{
		position: relative;
	}
	
	#xs_payroll{
		display:block !important;
		margin-left:0 !important
	}
	#xs_payroll .calculation{
		width:100% !important
	}
	#xs_payroll .result_container{
		box-sizing: border-box;
		margin: 51px 0 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	#xs_payroll .input{
		width:100% !important;
		max-width:100% !important
	}


	.wr-document .document{
		margin: 0;
		-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	}
	.document .item{
	    width: 49%;
	    margin: 0 0 20px;
	    padding-bottom: 20px;
	}

	.document .item .text .info {
	    font-size: 15px;
	}
	.document .item .image {
	    margin-bottom: 30px;
	}
	.wr-document {
	    margin-bottom: 40px;
	}
	.document.triple .item {
	    width: 49%;
	    margin: 0 0 20px;
	}
	.document.triple{
		margin: 0 0 20px;
	}

}


@media screen and (max-width:750px){
	.btns{
		margin-bottom:15px;
	}
	.btns.col3 .col{
		width:100%;
		margin-bottom:10px;
		padding:0
	}
	.btns.col3 .col .xs_btn {
		font-size: 14px !important;
	}
	.btns .xs_btn {
		height: 20px;
	}
	.xs_tabs .xs_tab.contact.xs_flex{
		margin-top:15px !important;
	}
	.xs_tabs .xs_tab.contact.xs_flex > div{
		font-size:14px !important
	}
	.xs_tabs .xs_tab.contact.xs_flex .svg{
		display:none
	}
	/*
	.x-container.spxmltileview-tile.x-container-default.x-border-box.x-table-layout-ct{
		width:calc(100% - 24px) !important;
	}
	*/
	.x-container.spxmltileview-tile.x-container-default.x-border-box.x-table-layout-ct img{
		max-height:160px
	}
	#wt-zone-main-wrapper{
		overflow:auto;
	}
	#wt-zone-header .xs_phone_header{
		overflow: hidden;
		max-width: 40px;
		min-width: 40px;
		white-space: nowrap;
		display: block;
		background: #efefef url(/download_file.html?file_id=6808901510240087265) no-repeat 50% 50% / 20px;
		text-indent: 100px;
		width: 40px;
		height: 40px;
		margin-left: 5px;
		border-radius: 50%
	}
	.WTCSS-search{
		padding-left:10px;
		border-radius: 3px;
	}
	#wt-container .WTCSS-search icon[class^="icon-"]:before{
		margin-top:12px;
	}
	#xs_career {
    	text-align: center;
	}
	#xs_career .x-table-layout-cell {
		text-align: center;
	}
	#xs_career .stairs_container {
	    margin-top: 45px;
	}
	#xs_career .stairs .stair .img {
		display: none;
	}
	#xs_career .stairs .stair.top .img {
		display: inline-block;
	}
	#xs_career .stairs .stair .xs_btn {
	    text-align: center;
	}
	#xs_career .stairs .stair {
	    float: none;
	    margin: 0 auto 15px;
	}
	#xs_career .stairs .xs_btn{
		padding-left:10px;
		padding-right:10px;
	}
	#xs_career .stairs .stair.top {
		width: 70% !important;
		min-width: 160px;
	}
	#xs_career .stairs .stair:nth-child(2) {
		width: 80% !important;
	}
	#xs_career .stairs .stair:nth-child(3) {
		width: 90% !important;
	}
	#xs_career .stairs_container .stairs {
		margin-top: 0 !important;
	}

	#xs_career .stairs_container .stairs.prodavec_gastronoma .stair:nth-child(1) {
		width: 50% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_gastronoma .stair:nth-child(2) {
		width: 60% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_gastronoma .stair:nth-child(3) {
		width: 70% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_gastronoma .stair:nth-child(4) {
		width: 80% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_gastronoma .stair:nth-child(5) {
		width: 90% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_gastronoma .stair:nth-child(6) {
		width: 100% !important;
	}

	#xs_career .stairs_container .stairs.menedzher_sklada .stair:nth-child(1) {
		width: 50% !important;
	}
	#xs_career .stairs_container .stairs.menedzher_sklada .stair:nth-child(2) {
		width: 60% !important;
	}
	#xs_career .stairs_container .stairs.menedzher_sklada .stair:nth-child(3) {
		width: 70% !important;
	}
	#xs_career .stairs_container .stairs.menedzher_sklada .stair:nth-child(4) {
		width: 80% !important;
	}
	#xs_career .stairs_container .stairs.menedzher_sklada .stair:nth-child(5) {
		width: 90% !important;
	}
	#xs_career .stairs_container .stairs.menedzher_sklada .stair:nth-child(6) {
		width: 100% !important;
	}

	#xs_career .stairs_container .stairs.prodavec_torgovogo_zala .stair:nth-child(1) {
		width: 45% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_torgovogo_zala .stair:nth-child(2) {
		width: 50% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_torgovogo_zala .stair:nth-child(3) {
		width: 60% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_torgovogo_zala .stair:nth-child(4) {
		width: 70% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_torgovogo_zala .stair:nth-child(5) {
		width: 80% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_torgovogo_zala .stair:nth-child(6) {
		width: 90% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_torgovogo_zala .stair:nth-child(7) {
		width: 100% !important;
	}

	#xs_career .stairs_container .stairs.prodavec_kassir .stair:nth-child(1) {
		width: 50% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_kassir .stair:nth-child(2) {
		width: 60% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_kassir .stair:nth-child(3) {
		width: 70% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_kassir .stair:nth-child(4) {
		width: 80% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_kassir .stair:nth-child(5) {
		width: 90% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_kassir .stair:nth-child(6) {
		width: 100% !important;
	}

	#xs_career .stairs_container .stairs.prodavec_universal .stair:nth-child(1) {
		width: 70% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_universal .stair:nth-child(2) {
		width: 80% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_universal .stair:nth-child(3) {
		width: 90% !important;
	}
	#xs_career .stairs_container .stairs.prodavec_universal .stair:nth-child(4) {
		width: 100% !important;
	}
	#xs_career .stairs .stair .label_text {
    	right: auto;
    }
    #xs_career .stairs .stair .xs_btn {
    	font-size: 14px !important;
    }
    #xs_career .stairs .stair .xs_btn:hover + .label_text:after {
    	display: none;
    }
	#xs_career .stairs .stair .label_text {
	    top: -500% !important;
	}
	#xs_career .stairs .stair.top .label_text {
	    top: -50% !important;
	}
	#xs_career .stairs.prodavec_torgovogo_zala .stair .label_text.right {
	    margin-bottom: 50px;
	}
	#xs_career .stairs .stair .label_text.right {
	    margin-bottom: 70px;
	}
	
}


@media screen and (max-width:700px){
	#xs_right_menu ul li {
	    width: 48.5% !important;
	}
	.wr-document {
	    margin-bottom: 10px;
	}
	.xs_my_account{
		margin-top:30px;
	}
	.xs_my_account .image .xs_image{
		height:220px;
		width:184px;
	}
	.xs_my_account > .xs_flex{
		display:block;
	}
	.xs_my_account > .xs_flex .image,
	.xs_my_account > .xs_flex .items{
		width:100%;
		padding-right:0;
	}
	.xs_my_account > .xs_flex .image{
		margin-bottom:40px
	}
	.xs_my_account .item .name{
		min-width:145px
	}
	.xs_overflow{
		overflow:auto
	}
}

@media screen and (max-width:600px){
	.btns.col4 .col{
		width:100%;
		margin:5px 0
	}
}



@media screen and (max-width:450px){
	input#user_login2, 
	input#user_password2 {
	    width: 100%;
	    box-sizing: border-box;
		margin-left: 0;
		margin-right: 0;
	}
	.document .item ,
	.document.double .item {
	    width: 100%;
	    margin: 0 0 25px;
	}

	.document .item{
		top: 0 !important;
	    box-shadow: none !important;
	}
	.document .item:hover .text .lets{
		background-color: #fff;
	}
	.document .item .text .lets:before{
		opacity: 1 !important;
	} 
	.document .item .text .lets:after{
		opacity: 0 !important;
	}

	.document.triple .item {
	    width: 100%;
	    margin: 0 0 25px;
	}
	.xs_mode_knowledge_classifier .spxmltileview-tile,
	.xs_mode_doc_type .spxmltileview-tile{
		min-width:100% !important;
		width:100% !important
	}
	.xs_mode_knowledge_classifier .x-container.spxmltileview-tile.x-container-default.x-border-box.x-table-layout-ct {
		width: calc(100% - 24px) !important;
		min-width:calc(100% - 24px) !important;
		height: 220px !important;
	}
	.xs_mode_doc_type .x-container.spxmltileview-tile.x-container-default.x-border-box.x-table-layout-ct{
		width: 100% !important;
		min-width:100% !important;
		height: 220px !important;
		margin:0 !important
	}
	.xs_mode_knowledge_classifier .XAML-stack-filters-container .x-btn.x-btn-default-small:not(.icon-arrow-right){
		display:none
	}
	.xs_mode_knowledge_classifier .x-form-text-field-body-default{
		min-width: 250px;
		margin-left: 12px;
	}
	.xs_mode_knowledge_classifier .x-form-item,
	.xs_mode_knowledge_classifier .x-form-item-label, 
	.xs_mode_knowledge_classifier .x-form-item-body{
		display:block
	}
}

.XAML-grid-message-panel .x-container.cssXPStackPanel.XAML-stack-container.XAML-stack-buttons-container.x-container-default.x-table-layout-ct {
    display: block;
}

.xs_subhead_td th{
	background: #15b742;
    padding: 13px 15px;
    color: #fff;
	font-weight: 500;
    font-size: 14px;
}
.xs_subhead_td th:not(:first-child){
    padding: 13px 5px;
}
.fancybox__slide{
	padding:50px 10px !important
}
.carousel__button{
	margin:0 !important
}
.XAML-info-grid-table>table>tbody>tr>td, .XAML-grid-info-table>table>tbody>tr>td{
padding:16px;}

.xs_custom_web_template_id_7099068749077236482 .cssXP-Dialog-Window .XAML-button,
.xs_mode_request .cssXP-Dialog-Window .XAML-button{min-width:180px}