/*-------------------- Глобальные -------------------*/

.x-btn-inner, .x-tab-inner{
	font-weight: 500;
	font-size: 14px;
}
body, html, table, p, div{
}
.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
	margin-top: 5px;
}
/*---------------------------------------------------*/

.x-panel-body-default, .x-column-header, .x-column-header-text, .x-grid-item, .x-form-text-default, .XAML-info-grid-title-column, .XAML-grid-header-label{
    font-size: 14px;
	font-weight: normal;
	color: #1e1e1e;
}
.x-panel-body-default{
	padding-top: 0;
}

/*-------------- Приводим все элементы к одинаковым padding'ам ---------------------*/
.cssXPDataGrid{
	padding-top: 5px;
	padding-bottom: 5px;
}
.cssXPDataGrid .x-column-header,
.cssXPResourceFieldGridSelect .x-column-header{
	font-size: 16px;
}
.cssXPDataGrid .x-grid-item,
.cssXPResourceFieldGridSelect .x-grid-item{
	border: 0;
}
.cssXPDataGrid .x-grid-cell,
.cssXPResourceFieldGridSelect .x-grid-cell{
	vertical-align: middle;
}
.cssXPDataGrid .x-grid-cell-inner,
.cssXPResourceFieldGridSelect .x-grid-cell-inner{
	padding-top: 12px;
    padding-bottom: 12px;
	font-size: 14px
}
.cssXPDataGrid .x-grid-cell-inner img,
.cssXPResourceFieldGridSelect .x-grid-cell-inner img{
	max-width: 20px;
}
.cssXPDataGrid .x-btn,.cssXPResourceFieldGridSelect .x-btn, .cssXPTileView .x-btn{
	background-color: inherit !important;
	border: 0 !important;
}
.cssXPDataGrid .wt-column-cell-type-image .x-grid-cell-inner{
	padding-top: 0;
    padding-bottom: 0;
	max-height: 20px;
}
/*-----------------------------------------------------------------------------------*/

/*------------------ Tree -------------*/
.x-tree-view .x-grid-item-selected{
	/*background-color: initial !important;*/
	border: 0 !important;
}
.x-tree-view .x-grid-item-focused .x-grid-cell-inner:before{
	border: 0 !important;
}
.x-tree-view .x-grid-item-selected .x-tree-node-text {
	background-color: #c1ddf1;
}
.x-tree-icon-leaf{
/*	background-image: none;*/
}
.x-tree-icon{
	background-size: contain;
}

.x-tree-view .x-grid-item{
	background-color: inherit;
}
/*--------------- Grid ----------------*/
.x-grid-header-ct{
	top: initial;
}

.x-css-shadow{
	box-shadow: none !important;
}
.x-boundlist{
	/*border-color: #389293;*/
}

td.XAML-info-grid-bullet {
	padding-left: 24px !important;
}

.XAML-grid-filter-content>table>tbody>tr>td{
	padding: 8px !important;
	text-align: center;	
}
.XAML-grid-filter-content>table>tbody>tr>td>div{
	display: inline-table;
}

.XAML-grid-filter-content .cssXPLabel {
	margin-right: 10px;
}

.XAML-grid-filter-content-with-labels>table>tbody>tr>td{
	padding: 8px !important;
}
.XAML-grid-filter-content-with-labels>table>tbody>tr>td>div{
	display: inline-table;
}

.XAML-grid-filter-content-with-labels .cssXPLabel {
	
}


td.XAML-grid-filter-level-2-cell{
	padding: 8px !important;
	text-align: center;
}
.mobile td.XAML-grid-filter-level-2-cell{
	padding: 0 !important;
}

.mobile .XAML-grid-filter-level-2-cell .cssXPComboBox{
	width: 100% !important;
}

td.XAML-grid-filter-level-2-cell>div{
	display: inline-table;
}


.XAML-info-grid-table>table>tbody>tr>td,
.XAML-grid-info-table>table>tbody>tr>td{
	vertical-align: middle;
	padding: 8px;
}
.XAML-info-grid-table>table>tbody>tr>td:first-child,
.XAML-grid-info-table>table>tbody>tr>td:first-child{
	width: 170px;
	max-width: 50%;
}

.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-table>table>tbody>tr>td{
	padding: 5px;
}

.XAML-grid-datatable>table>tbody>tr>td{
    border-bottom: 1px dotted #cccccc;
    padding: 5px;
}

.XAML-grid-label-name, .XAML-info-grid-title-column{
	font-weight: 500 !important;
	color: #666666 !important;
}
.XAML-grid-label-value{
}
.XAML-grid-header-text {
	font-weight: normal  !important;
}
td.XAML-info-grid-bullet {
	border-bottom: 1px solid #f1f1f1 !important;
}

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

.XAML-grid-row-empty td {
	height: 36px;
	vertical-align: middle;
	text-align: center;
	font-style: italic;
	color: #999999;
	border: none;
}
.XAML-grid-header-row td,
.XAML-gridrow-header td {
	vertical-align: middle ;
	border-right: dotted 0px #cccccc;
	font-weight: normal;
	color: #666666;
	padding: 5px;
	background-color: #f2f4f7;
	text-align: center;
}
.XAML-grid-header-label {
	padding-left: 6px; text-align: center;
}
.XAML-grid-row-normal td {
	border-right: dotted 1px #cccccc;
}

.XAML-grid-tiles>table>tbody>tr>td{
    padding: 5px;	
}
/*--------------- Label ----------------*/
.XAML-label-divider{
	width: 1px;
	height: 12px;
	background-color: #CCCCCC;
	margin-left: 10px;
	margin-right: 10px;
}

.XAML-label-infoblock-header{
	font-size: 14px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 600;
}

.XAML-label-header-2{
	font-size: 16px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
}
.XAML-label-header-3{
	font-size: 14px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
}
.XAML-label-header-4{
	font-size: 12px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
}
.XAML-label-title
{
	font-weight: 500;
    padding: 8px 0;
}

/*--------------- ComboBox ----------------*/
.cssXPComboBox input{
	cursor: pointer;
}
.cssXPComboBox .x-form-field{
	padding-right: 0;
	border:0;
}
.cssXPComboBox .x-form-trigger-wrap-default{
}
.XAML-combo-view{

}

.cssXPComboBox .x-form-text-default{
	padding: 4px 6px 4px 6px;
}
.cssXPComboBox .x-pickerfield-open .x-form-trigger-wrap{
	border-color: #045080 !important;
}
.x-boundlist {
    border-color: #045080;
}
.x-boundlist li{
	padding-right: 0;
}
/*--------------- Button ----------------*/
.x-btn-no-text .x-btn-inner{
	display: none;
}
.x-btn-no-text .x-btn-icon-el{
	padding: 2px;
}
.x-btn-icon-el-default-small{
	height: auto !important;
}
.XAML-button-important{
	background-color: #15B742;
	border-color: #15B742;
}
.XAML-button-important .x-btn-text,
.XAML-button-important .x-btn-inner-default-small {
	color: #ffffff !important;
}

.XAML-button-view {
	background-color: inherit;
	border: 0;
}

a.XAML-button-view .x-btn-text {
	color: #333333 !important; font-weight: normal !important; font-size: 14px !important;
}
a.XAML-button-view .x-btn-inner-default-small  { color: #000000 !important; padding: 0px; padding-left: 4px; }
a.XAML-button-view:hover .x-btn-inner-default-small { color: #15B742 !important; }
a.XAML-button-view:hover span.x-btn-icon-el-default-small { color: #15B742 !important; }
a.XAML-button-view td.x-btn-tl, .XAML-button-view td.x-btn-tr, .XAML-button-view td.x-btn-tc, .XAML-button-view td.x-btn-ml, .XAML-button-view td.x-btn-mr, .XAML-button-view td.x-btn-bl, .XAML-button-view td.x-btn-br, .XAML-button-view td.x-btn-bc { display: none }

/*--------------- DataGrid ----------------*/
.x-column-header {
	background-color: #f5f5f5 !important;
/*	background-color: inherit !important; */
	border: 0 !important;
}

.x-grid-header-ct{
	border: 0 !important;
}
.x-column-header-over{
	background-color: inherit !important;
	border: 0 !important;
}
.x-column-header-trigger{
	background-color: inherit !important;
	border: 0 !important;
}
.XAML-button-no-text .x-btn-inner{
	display: none;
}
.XAML-button-no-text{
	padding-left: 5px;
	padding-right: 5px;
}
.wt-column-cell-type-link .x-autocontainer-outerCt{
	display: inherit;
}
/*--------------- Calendar ----------------*/

.cssXPCalendar .x-btn, .cssXPCalendar .x-btn-pressed{
	background-color: inherit !important;
	border: 0;
	color: #000000;
	border-radius: 0 ;
}
.cssXPCalendar .x-btn-default-toolbar-small.x-btn-pressed{
	border-bottom: 1px solid #15B742;
}
.cssXPCalendar .x-btn-inner,.cssXPCalendar .x-btn-text{
	color: #000000 !important;
}
.cssXPCalendar .spxmlcalendarmonth{
	margin-right: 10px;
}
.cssXPCalendar .spxmlcalendarmonth{
	width: 110px;	
}
.cssXPCalendar .spxmlcalendarperiodmode{
	width: 100px;
}
.cssXPCalendar .spxmlcalendaryear{
	width: 70px;
}
.wt-calendar-day-container .wt-calendar-day-cell-1,
.wt-calendar-day-container .wt-calendar-day-header-cell-1{
	/* padding: 2px; */
}
.wt-calendar-mcat-container-table td{
	border: 1px solid #efefef;
}

table.wt-calendar-month-container-table, table.wt-calendar-week-container-table, table.wt-calendar-day-container-table, table.wt-calendar-mcat-container-table { border-collapse: collapse; overflow: visible; }
.wt-calendar-month-cell-2, .wt-calendar-month-cell-0 { padding: 5px; background-color: #f8f8f8; color: #efefef; }
div.x-calendar-current-month-day, div.x-calendar-current-month-day { padding: 5px; color: #666666; }

.wt-calendar-month-cell-3 { height: 100%; color: #FFFFFF; background-color: #005b95; }

/*
.wt-calendar-month-cell-0 { border: 1px solid #efefef }
.wt-calendar-month-cell-1 { border: 1px solid #efefef }
.wt-calendar-month-cell-2 { border: 1px solid #efefef }
*/
.wt-calendar-month-container>table>tbody>tr>td{
	border: 1px solid #efefef;
	vertical-align: top;
}
.wt-calendar-month-header-cell-work, .wt-calendar-week-header-cell-work {
	border: 1px solid #efefef;
	padding: 2px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
}
.wt-calendar-month-header-cell-holiday, .wt-calendar-week-header-cell-holiday {
	background-color: #15B742;
	padding: 2px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF !important;
	border: solid 1px #efefef;
}

.wt-calendar-week-cell-3
{
	background-color: #FFFFCC;
	padding: 0px;
	font-weight: 500;
	color: #3ea136 !important;
	border: solid 1px #efefef;
}

.wt-calendar-week-cell-1, .wt-calendar-week-cell-2, .wt-calendar-week-cell-3 { border: solid 1px #efefef; vertical-align: top; }
.x-calendar-now-day{padding: 5px;}

.wt-calendar-week-header-cell-work, .wt-calendar-month-header-cell-work { background-color: #f2f4f7 }

.wt-calendar-day-cell-0, .wt-calendar-day-cell-1 { border: solid 1px #efefef; }
.wt-calendar-day-cell-0 { padding-left: 10px; padding-right: 10px; background-color: #f2f4f7 }

.wt-calendar-mcat-header-row>td{
	text-align: center;
}
.wt-calendar-mcat-cell-0{
	border-right: 0 !important;
	padding: 3px;
}
.wt-calendar-mcat-container>table>tbody>tr>td:first-child .wt-calendar-mcat-header-cell-1{
	border-right: 0 !important;	
}
.wt-calendar-mcat-container>table>tbody>tr>td:first-child{
	vertical-align: top;
}
.wt-calendar-event{
	padding: 3px;
}


.status-legend>div{
	margin-top: 5px;
	margin-bottom: 5px;
}
.status-legend div{
	float: left;
	margin-right: 5px;
}
.status-legend>div>div:first-child{
	width: 20px;
	height: 20px;
}
.status-legend>div>div:last-child{
	margin-top: 4px;
}
/*----------------- Edit ------------------*/
.XAML-edit-label .x-form-trigger-wrap
{
	border: 0;
}
.XAML-edit-label input{
	background-color: inherit;
}
.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%;
}

/*--------------- TabControl ----------------*/
.x-tab{
	border: 1px solid transparent;
	/*
	padding:3px 8px 3px 8px;
	border-width:1px;
	border-style:solid;
	background-color:#f5f5f5*/
}
.cssXPTabItem > .x-panel-body{
	padding-top: 3px;
}
.spxmltileview-tile .cssXPTabControl > .x-panel-body,
.spxmltileview-tile .cssXPTabItem > .x-panel-body{
	padding: 0;
	border: 0;
}
.x-tab-default.x-tab .x-tab-icon-el-default {
	font-size: 14px;
	width: 20px;
    text-align: center;
	border: 0;
	display: none;
}

[class^="icon-"].x-tab-default.x-tab .x-tab-icon-el-default,
[class*=" icon-"].x-tab-default.x-tab .x-tab-icon-el-default{
	display: inline-block;
}

/*
.x-tab-default.x-tab-active.x-tab { border-color: #efefef !important; }
.x-tab-default.x-tab-active.x-tab .x-tab-inner-default { color: #1e1e1e; }
.x-tab-default.x-tab-active.x-tab .x-tab-icon-el-default  { color: #1e1e1e; font-size: 14px; }
a.x-tab-left:hover { color: #000000 }
a.x-tab-left:hover .x-tab-inner-default { color: #000000; font-size: 14px ; }
a.x-tab-pressed,a.x-tab-focus { box-shadow: none;}
*/
.x-tab.x-tab-active.x-tab-default{
}

.x-tab.x-tab-pressed,.x-tab.x-tab-focus,.x-tab.x-tab-active.x-tab-pressed,.x-tab.x-tab-active.x-tab-focus,.x-tab.x-tab-active.x-tab-default-focus,.x-tab.x-tab-focus.x-tab-over{

}
.x-tab-top, .x-tab-top:hover {
	padding: 0 8px 2px 8px;
    margin-right: 5px;
	height: 32px;
	color: #077fcc;
    margin: 0;
	/*border-bottom: 1px solid #efefef;*/
}

.x-tab-top.x-tab-active, .x-tab-top.x-tab-active:hover {
	border-right: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
	color: #1e1e1e;
}
.x-tab-bar-horizontal{
	padding-left: 5px;
}
.x-tab-button-default { height: 30px }

.x-tab-bar-default-top .x-box-scroller-tab-bar-default { margin-top: -14px }
.x-tab-bar-horizontal > .x-tab-bar-body-default { height: 50px }
.x-tab-bar-default-top > .x-tab-bar-body-default { padding: 0px }



.x-tab-bar .x-tab-active.x-tab-left{
	background-color: #f8f8f8;
    border-left: 2px solid #efefef;
    border-right: 2px solid #efefef;
}
.x-tab, .x-tab-active, .x-box-item, .x-right, .x-tab-right, .x-tab-default-right
{
	/*margin-top: 0px;
	margin-bottom: 0px;*/
}

.x-tab-default {
}

.x-tab-bar-default-left > .x-tab-bar-body-default {
	padding: 0px;
	padding-right: 0px;
}

.x-tab-bar .x-tab-active.x-tab-left{
	background-color: #FFFFFF;
	border-left: 1px solid #efefef;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px solid #efefef;
}

.x-tab-left {
    background-color: #F5F5F5;
	border-width: 1px 1px 0 1px;
	border-style:solid;
    border-color: #efefef;
    padding:3px 8px 3px 8px;
}

.x-tab-left:first-child {
	border-width:1px 1px 0px 1px ;
}

.x-tab-left:last-child {
	border-width:1px 1px 1px 1px ;
}

.x-tab-left.x-tab-active{
	background-color: #FFFFFF;
	border-left: 1px solid #efefef;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px solid #efefef;
}
.x-tab-left:last-child.x-tab-active {
	border-bottom: 1px solid #efefef;
}
.cssXPTabControl>.x-panel-body-default{
	z-index: 0;
	background-color: #ffffff;
}
.cssXPTabControl-top>.x-panel-body-default{
	margin-top: -1px;
}
.cssXPTabControl-left>.x-panel-body-default{
	margin-left: -1px;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
	padding-left: 20px;
	padding-right: 20px;
}

.cssXPTabControl>.x-tab-bar{
	z-index: 1;
}

.x-accordion-layout-ct .x-panel-header-collapsed-right .x-tool-img{
	background-image: none;
}
.x-accordion-layout-ct .x-panel-header-collapsed-right .x-panel-header-title{
	background-image: url(pics/block_arrows_pm6.png);
	background-position: center middle;
	background-repeat: no-repeat;
	
}
.x-accordion-item > .concertinaHeader{
	border: 1px solid #efefef;
}

/*--------------- CheckBox ---------------*/
.x-form-cb-default{
	margin-top: 3px;
}
/*--------------- Dialog ---------------*/
.cssXP-Dialog-Window, .cssXPResourceFieldDialog, .x-message-box{
	box-shadow: 0 0 5px rgba(162, 162, 162, 0.5);
}
.x-mask{
	background-color: rgba(234, 234, 234, 0.7);
}
.cssXP-Dialog-Window, .cssXPResourceFieldDialog, .x-message-box{
	border-color: #bbbbbb;
	border-radius: 2px;
}
.cssXP-Dialog-Window .x-window-header,
.cssXPResourceFieldDialog .x-window-header,
.x-message-box .x-window-header{
	background-color: #4a4a4a;
	border-radius: 0;
    border-color: #bbbbbb;
	border: 0;
}
.cssXP-Dialog-Window .x-window-header-title .x-title-text,
.cssXPResourceFieldDialog .x-window-header-title .x-title-text,
.x-message-box .x-window-header-title .x-title-text
{
	color: #ffffff;
}
.cssXP-Dialog-Window>.x-window-body,
.cssXPResourceFieldDialog>.x-window-body {
	padding: 5px;
}
.cssXP-Dialog-Window .cssXPDataGrid,
.cssXPResourceFieldDialog .cssXPDataGrid,{
	margin-left: 5px;
    margin-right: 5px;
}
.XAML-dialog-buttons-grid-cells
{
	/*padding-bottom: 5px !important;*/
}
.cssXPResourceFieldDialog .x-toolbar,
.XAML-dialog-buttons-grid{
	border-top: dotted 1px #cccccc !important;
}

.XAML-dialog-buttons-grid{
	padding: 0;
	border: 0;
}
.XAML-dialog-buttons-grid>table>tbody>tr>td{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 0;
}
.XAML-dialog-buttons-grid>table>tbody>tr>td:first-child{
	padding-left: 0;
}
.XAML-dialog-buttons-grid>table>tbody>tr>td:last-child{
	padding-right: 0;
}

.cssXPResourceFieldDialog .x-form-checkboxgroup .x-form-item-label,
.cssXPResourceFieldDialog .x-form-checkboxgroup .x-form-item-label-inner {
	width: 150px !important;
}
.cssXPResourceFieldDialog .x-form-radio-group,
.cssXPResourceFieldDialog .x-form-item-label-inner{
	padding: 5px;
}

.x-tool-img.x-tool-close {
    background-image: url(pics/block_close.png) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
}
.x-title-text{
	white-space: inherit;
}
/*--------------- ToolBar --------------*/
/*
.x-toolbar-default .x-box-target{
	text-align: center !important;
}
.x-toolbar-default .x-toolbar-item{
	display: inline-block;
	position: relative !important;
	left: 0 !important;
}
*/
/*--------------- Путь -----------------*/
.path a{
	font-size: 14px !important;
}
/*-------------- Заголовок --------------*/
.WTCSS-title .text{
	font-weight: 500;
}
.XAML-grid-template-title-container{	
	margin: 5px 0 10px 0px;
}
/*-------------- Panel --------------*/
.cssXPPanel .x-panel-header{
	background-color: inherit !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.x-panel-header .x-title-text {
	color: #000000;
	font-weight: 500;
    font-size: 14px;
}

.cssXPPanel .x-panel-header .x-title-item{
	background-color: #ffffff;
	padding-right: 10px;
	font-weight: normal !important;
	font-size: 16px !important;
}
.cssXPPanel .x-panel-header .x-panel-header-title{
	display: inline-block;
	background: url(pics/c-888888.png) center center repeat-x;
	opacity: 1;
}
.XAML-Panel-level-2 .x-panel-header, .XAML-Panel-level-2 .img{
	opacity: 0.5;
}
.XAML-Panel-level-2 .x-title-text{
	font-size: 14px !important;
}
.XAML-Panel-level-2 .x-panel-default{
}

.x-tool-img {
	background-color: transparent;
    background-image: url(pics/block_arrows_pm5.png);
	height: 15px;
	width: 15px;
	margin-top: 1px;
	opacity: 1;
    background-position: -13px 0px;
}

.x-tool-expand-bottom {
	background-position: 0px 0px;
}

.XAML-grid-error-panel .cssXPLabel{
	font-weight: bold; color: #cc0000;
}

.XAML-panel-desc .cssXPHTMLBox{
	padding-top: 10px;
	padding-bottom: 10px;
}
/*-------------------- StackPanel ---------------------*/
.XAML-stack-description{
	margin-bottom: 5px;
}
/*-------------------- ToolBar ---------------------*/
.x-toolbar-default{
	padding-left: 0;
}
.XAML-Toolbar-main .cssXPButton {
	height: 32px;
}
.XAML-Toolbar-main .x-btn-inner{
	font-size: 16px;
}
/*---------------- Panel --------------*/
.XAML-panel-arrow-left .x-panel-header-title{
	margin-left: 20px;
	width: auto !important;
	background: none !important;
}
.XAML-panel-arrow-left .x-panel-body{
	border: 0;
	background-color: inherit;
	padding-left: 20px;
}
.XAML-panel-arrow-left>.x-panel-header,
.XAML-panel-arrow-left>.x-panel-header>.x-box-inner{
	width: 100% !important;
}
.XAML-panel-arrow-left>.x-panel-header{
	padding: 0 !important;
	cursor: pointer;
}
.XAML-panel-arrow-left .x-panel-header .x-title-item{
	font-size: 14px !important;
	background-color: inherit;
}
.XAML-panel-arrow-left .x-tool-after-title{
	left: 0 !important;
	margin-left: 5px;
	margin-right: 5px;
}
.XAML-panel-arrow-left .x-tool-img {
    background-image: url(pics/block_arrows_pm7.png) !important;
}


.XAML-panel-arrow-right>.x-panel-header>div>div>.x-panel-header-title{
	margin-left: 10px;
	width: auto !important;
	background: none !important;
	position: relative !important;
	float: left;
}
.XAML-panel-arrow-right>.x-panel-body{
	border: 0;
	background-color: inherit;
	padding-left: 20px;
}


.XAML-panel-arrow-right>.x-panel-header,
.XAML-panel-arrow-right>.x-panel-header>.x-box-inner{
	width: 100% !important;
}
.XAML-panel-arrow-right>.x-panel-header{
	padding: 0 !important;
	cursor: pointer;
}
.XAML-panel-arrow-right>.x-panel-header .x-title-item{
	font-size: 14px !important;
	background-color: inherit;
}

.XAML-panel-arrow-right>.x-panel-header>div>div>.x-tool-after-title{
	margin-left: 5px;
	margin-right: 5px;
	/*position: relative !important;
	left: 0 !important;*/
}

.XAML-panel-arrow-right>.x-panel-header>div>div>.x-tool-after-title>.x-tool-img {
    background-image: url(pics/block_arrows_pm7.png) !important;
}

/*-------------- Rich Text Editor ----------*/
.cssXPRichEdit .x-btn{
	border: 1px solid #efefef;	
}
.cssXPRichEdit select{
	border: 1px solid #efefef;
	padding: 3px;
	height: inherit;
}
.cssXPRichEdit .x-toolbar{
	padding: 6px;
	background-color: #f5f5f5;
}
 
/*--------------- Разное --------------*/

.XAML-stack-container,
.XAML-grid-container{
	padding: 0;
	border: 0;
}
.XAML-stack-container>table>tbody>tr>td,
.XAML-grid-container>table>tbody>tr>td{
	padding-left: 2px;
	padding-right: 2px;
}
.XAML-stack-container>table>tbody>tr>td,
.XAML-grid-container>table>tbody>tr>td{
	padding-top: 2px;
	padding-bottom: 2px;
}
.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;
}

.XAML-stack-join{
	padding: 0;
}
.XAML-stack-join>table>tbody>tr>td{
	padding: 0;
}

.XAML-catalog-filter-table{
	background-color: inherit;
}
.XAML-grid-content-hor-container>table>tbody>tr>td{
	vertical-align: top !important;
}
.XAML-grid-content-hor-container>table>tbody>tr>td:last-child{
	/*width: 210px;*/
}

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

/*--------------- view_message_box.xaml ------------------*/
.XAML-grid-warning-panel  {
	background-color: #ffce80;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}
.XAML-grid-info-panel  {
	background-color: #EFF9FF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	border: 1px solid #C1DDF9;
	margin-bottom: 10px;
}
.XAML-msgbox-img-info {
	width: 16px !important;
	height: 16px !important;
	border: none;
	background-image: url(icons/16round/16_star_blue_1.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.XAML-msgbox-img-error {
	width: 16px !important;
	height: 16px !important;
	background-image: url(icons/16round/16_fire_1.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.XAML-msgbox-img-warning {
	width: 16px !important;
	height: 16px !important;
	background-image: url(icons/16round/16_fire_1.png);
	background-position: top left;
	background-repeat: no-repeat;
}
/*--------------------------------------------------------*/

/*------------------ dlg_add_file ------------------------*/
.cssXPResourceFieldText {width: 100%;}
.cssXPResourceFieldButton {
	/*
	height: 28px;
	color: #15B742 !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #efefef !important;
    padding: 4px;
	margin-left: 4px;
	*/
}
.cssXPResourceFieldButton .x-btn-inner-default-small{
	/*display: none;*/
}
.cssXPResourceFieldButton button.x-btn-text {height: 12px !important;}

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

.cssXPTabControl .XAML-stack-filter,.cssXPTabControl .XAML-grid-filter {
	border-top-width: 0;
}
.XAML-stack-filter table table {
	border-spacing: 0px;
}
.XAML-stack-filter td {
	white-space: nowrap; padding-top: 0px;
}
.XAML-stack-filter div {
	white-space: nowrap;
}

.XAML-stack-filter{
	text-align: right;
}

.mobile .XAML-stack-filter{
	text-align: center;
}

.XAML-stack-filter>table{
	width: auto !important;
	display: inline-block;
}
.XAML-grid-filter>table>tbody>tr>td{
	padding: 5px;
}

.mobile .XAML-stack-filter .cssXPComboBox{
	width: 100% !important;
}

.desktop .XAML-stack-filter .XAML-combo-view .x-form-trigger-wrap,
.desktop .XAML-grid-filter .XAML-combo-view .x-form-trigger-wrap
{
	border-color: #ffffff;
}

.XAML-stack-filter .XAML-combo-view .x-form-text-field-body-default .x-form-trigger-wrap:hover,
.XAML-grid-filter .XAML-combo-view .x-form-text-field-body-default .x-form-trigger-wrap:hover,
.cssXPCalendar .x-toolbar-item .x-form-text-field-body-default .x-form-trigger-wrap:hover
{
	border-color: #15B742 !important;
}
.XAML-stack-filter .XAML-combo-view .x-form-text-field-body-default .x-form-trigger-wrap:hover input,
.XAML-grid-filter .XAML-combo-view .x-form-text-field-body-default .x-form-trigger-wrap:hover input,
.cssXPCalendar .x-toolbar-item .x-form-text-field-body-default .x-form-trigger-wrap:hover input
{
	color: #045080 !important;
}

.XAML-stack-filter .XAML-combo-view .x-form-text-field-body-default.x-pickerfield-open .x-form-trigger-wrap,
.XAML-grid-filter .XAML-combo-view .x-form-text-field-body-default.x-pickerfield-open .x-form-trigger-wrap,
.cssXPCalendar .x-toolbar-item .x-form-text-field-body-default.x-pickerfield-open .x-form-trigger-wrap
{
	border-color: #045080 !important;
}
.cssXPCalendar .x-toolbar-item .x-form-text-default{
	cursor: pointer;
}
.XAML-grid-main-content>table>tbody>tr>td{
	vertical-align: top;
}

.XAML-button-content
{
	background-color: #f5f5f5;
	border: 1px solid #efefef;
	padding: 4px;
}
.XAML-button-content:hover,
.XAML-button-content:hover
{
	background-color: #e2e2e2;
}
.XAML-button-content .x-btn-inner,
.XAML-button-content .x-btn-inner,
.XAML-button-content .x-btn-text,
.XAML-button-content .x-btn-icon-el
{
	color: #666666 !important;
}

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

.x-form-text-default{
	padding: 4px 6px 4px 6px;
/*	padding: 0;*/
}

.XAML-panel-search { padding: 0px !important }
.XAML-panel-search .XAML-button-search { }

.XAML-panel-search .cssXPButton   {
	margin-left: 10px;
	background-color: #f5f5f5;
	border: 1px solid #efefef;
	height: 34px;
    border-radius: 12px;
}


.XAML-panel-search .cssXPButton:hover,
.XAML-panel-search .cssXPButton:hover
{
	background-color: #e2e2e2;
}

.XAML-panel-search .cssXPButton .x-btn-no-text {
	 color: #666666;
}


.XAML-stack-right-panel-controls .cssXPButton,
.XAML-stack-right-panel-controls .cssXPComboBox{
	width: 100% !important;
	margin-bottom: 5px;
	margin-top: 0;
	padding: 0;
}
.XAML-stack-right-panel-controls .cssXPComboBox .x-form-text-field-body-default .x-form-trigger-wrap{
	border-color: #5A5A5A;
}
.XAML-stack-right-panel-controls .cssXPComboBox .x-form-text-field-body-default input{
	color: #333333 !important;
	text-align: center;
    padding-left: 28px;
}

.XAML-stack-right-panel-controls .cssXPComboBox .x-pickerfield-open .x-form-trigger-wrap{
}

.XAML-stack-right-panel-controls {
/*	border-top: 1px solid #efefef;*/
	padding: 0 0 5px 5px;
	width: 210px;
}
/*------------------- НЕ XAML !!!!!!!! -----------------------*/
div.common-header{
	font-weight: normal !important;
}
/*----------------------------------------------------*/

.x-form-text-default { min-height: 26px; }

.x-view-item-focused{
	outline: none;
}

.XAML-grid-photos-container td{
    vertical-align: top;
    text-align: center;
}
.XAML-grid-photos-container .cssXPStackPanel{
	display: inline-block;
}
.XAML-grid-photos-container{
	padding: 0;
	border: 0;
}
.XAML-grid-photos-container>table>tbody>tr>td{
	padding-left: 2px;
	padding-right: 2px;
}
.XAML-grid-photos-container>table>tbody>tr>td{
	padding-top: 2px;
	padding-bottom: 2px;
}
.XAML-grid-photos-container>table>tbody>tr:firt-child>td{
	padding-top: 0px;
}
.XAML-grid-photos-container>table>tbody>tr:last-child>td{
	padding-bottom: 0px;
}
.XAML-grid-photos-container>table>tbody>tr>td:first-child{
	padding-left: 0;
}
.XAML-grid-photos-container>table>tbody>tr>td:last-child{
	padding-right: 0;
}


/* learning_proc begin */

.XAML-course-map-tile { width: 100%; border: 1px solid #CCC; }

/* learning_proc end */


.wtx-informer-img-text { position: relative; display: inline-block; font-size: 150px; width: 1em; height: 1em; padding: 0; border: solid 0.01em #15B742; }
.wtx-informer-img { display: block; margin: 0.025em auto !important; height: 0.6em; width: 0.6em !important; border-radius: 50%; background-size: cover !important; }
.wtx-informer-link.wtx-informer-link-top { display: block; font-size: 0.1em; width: 9.68em !important; height: 1.5em; margin: 0; box-sizing: border-box; color: #15B742; padding: 0.25em 0.25em 0.25em 0.5em; }
.wtx-informer-link { display: block; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ font-size: 0.1em; width: 9.68em !important; height: 1.5em; margin: 0; box-sizing: border-box; color: #15B742; padding: 0.25em 0.25em 0.25em 0.5em; }
.wtx-informer-link.wtx-informer-link-bottom { display: block; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ font-size: 0.1em; width: 9.68em !important; height: 1.5em; margin: 0; box-sizing: border-box; color: #15B742; padding: 0.25em 0.25em 0.25em 0.5em; }
/*tile start common*/
.wtx-tile { display: block; position: relative; width: 1em !important; height: 1em !important; overflow: hidden; }
.wtx-tile .wtx-tile-image-bg { display: block; z-index: 1; position: absolute; width: 1em !important; height: 1em !important; left: 0; padding: 0 !important; margin: 0; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -khtml-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.wtx-tile .wtx-tile-image-bg:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -khtml-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.wtx-tile .wtx-tile-image-bg-link { position: relative; display: block; width: 1em !important; height: 1em !important;  left: 0; top: 0; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.wtx-tile .wtx-tile-image-cover { display: block; z-index: 2; position: absolute; left: 0; bottom: 0;padding: 0 !important; margin: 0; }
.wtx-tile .wtx-tile-image { display: block; z-index: 1; position: relative; left: 0; padding: 0 !important; margin: 0; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -khtml-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.wtx-tile .wtx-tile-image:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -khtml-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.wtx-tile .wtx-tile-image-link { position: relative; display: block; left: 0; top: 0; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.wtx-tile .wtx-tile-title { display: block; position: relative; left: 0; z-index: 10; }
.wtx-tile .wtx-tile-title .wtx-tile-title-text { display: block; position: relative; left: 0; top: 0; }
.wtx-tile .wtx-tile-desc { display: block; position: relative; z-index: 10;  }
.wtx-tile .wtx-tile-desc .wtx-tile-desc-text { display: block; position: relative; left: 0; top: 0; }
.wtx-tile .wtx-tile-fader { display: block; z-index: 10; position: absolute; left: 0; bottom: 0; margin: 0; width: 1em !important; }
.wtx-tile .wtx-tile-more { display: block; z-index: 10; position: absolute; left: 0; bottom: 0; margin: 0; }
.wtx-tile .wtx-tile-hot { display: block; z-index: 10; position: absolute; margin: 0; background-repeat: no-repeat !important;  -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.wtx-tile .wtx-tile-hot-link { position: relative; display: block; left: 0; top: 0; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
/*tile end common*/
/*tile start v1*/
.wtx-tile-v1 { font-size: 300px; background-color: #f5f5f5; }
.wtx-tile-v1 .wtx-tile-image-cover { width: 1em !important; height: 0.4em !important; background-color: #f5f5f5; opacity: 0.5; }
.wtx-tile-v1 .wtx-tile-image { top: 0; width: 1em !important; height: 0.5em; }
.wtx-tile-v1 .wtx-tile-image-link { width: 1em !important; height: 0.5em !important; }
.wtx-tile-v1 .wtx-tile-title { margin: 0; width: 1em !important; height: 0.125em; background-color: #546e7a; line-height: 0.125em; }
.wtx-tile-v1 .wtx-tile-title .wtx-tile-title-text { font-size: 0.06em; margin: 0 0.5em; width: 15.66em !important; height: 2.1em; line-height: 2.1em; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wtx-tile-v1 .wtx-tile-desc { position: absolute; bottom: 0; margin: 0; width: 1em !important; height: 0.375em; }
.wtx-tile-v1.wtx-tile-block .wtx-tile-desc { background-color: #f5f5f5; }
.wtx-tile-v1 .wtx-tile-desc .wtx-tile-desc-text { font-size: 0.045em; margin: 0.67em !important; width: 20.88em !important; height: 7.0em; line-height: normal; overflow-y: hidden; color: #000 !important;  }
.wtx-tile-v1.wtx-tile-tile .wtx-tile-desc .wtx-tile-desc-text { text-shadow: 0 0 0.2em rgba(255,255,255,0.9); }
.wtx-tile-v1 .wtx-tile-fader { height: 0.25em; background-image: linear-gradient(0deg, #f5f5f5, transparent ); }
.wtx-tile-v1 .wtx-tile-more { font-size: 0.04em; margin: 0.75em !important; width: 23.5em !important; height: 1em; text-align: right; }
.wtx-tile-v1 .wtx-tile-hot { right: 0.025em; top: 0.15em;  width: 0.3em; height: 0.15em;  }
.wtx-tile-v1 .wtx-tile-hot-link { width: 0.3em; height: 0.15em; }
/*tile end v1*/
/*tile start v2*/
.wtx-tile-v2 { font-size: 290px; background-color: #f5f5f5; }
.wtx-tile-v2 .wtx-tile-image-cover { width: 1em !important; height: 0.4em !important; background-color: #f5f5f5; opacity: 0.5; }
.wtx-tile-v2 .wtx-tile-image { top: 0; width: 1em !important; height: 0.5em; }
.wtx-tile-v2 .wtx-tile-image-link { width: 1em !important; height: 0.5em !important; }
.wtx-tile-v2 .wtx-tile-title { margin: 0; width: 1em !important; height: 0.125em; background-color: #546e7a; line-height: 0.125em; }
.wtx-tile-v2.wtx-tile-tile .wtx-tile-title { margin: 0.5em 0 0 0; }
.wtx-tile-v2 .wtx-tile-title .wtx-tile-title-text { font-size: 0.06em; margin: 0 0.5em; width: 15.66em !important; height: 2.1em; line-height: 2.1em; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wtx-tile-v2 .wtx-tile-desc { margin: 0; width: 1em !important; height: 0.375em; }
.wtx-tile-v2 .wtx-tile-desc .wtx-tile-desc-text { font-size: 0.045em; margin: 0.67em !important; width: 20.88em !important; height: 7.0em; line-height: normal; overflow-y: hidden; color: #000 !important; }
.wtx-tile-v2.wtx-tile-tile .wtx-tile-desc .wtx-tile-desc-text { text-shadow: 0 0 0.2em rgba(255,255,255,0.9); }
.wtx-tile-v2 .wtx-tile-fader { height: 0.25em; background-image: linear-gradient(0deg, #f5f5f5, transparent ); }
.wtx-tile-v2 .wtx-tile-more { font-size: 0.04em; margin: 0.75em !important; width: 23.5em !important; height: 1em; text-align: right; }
.wtx-tile-v2 .wtx-tile-hot { left: 0.025em; top: 0.025em;  width: 0.3em; height: 0.15em;  }
.wtx-tile-v2 .wtx-tile-hot-link { width: 0.3em; height: 0.15em; }
/*tile end v2*/
/*tile start v3*/
.wtx-tile-v3 { font-size: 300px; background-color: #f5f5f5; }
.wtx-tile-v3 .wtx-tile-image { top: 0; width: 1em !important; height: 0.875em; }
.wtx-tile-v3 .wtx-tile-image-link { width: 1em !important; height: 0.875em !important; }
.wtx-tile-v3 .wtx-tile-title { margin: 0; width: 1em !important; height: 0.125em; background-color: #546e7a; line-height: 0.125em; }
.wtx-tile-v3 .wtx-tile-title .wtx-tile-title-text { font-size: 0.06em; margin: 0 0.5em; width: 15.66em !important; height: 2.1em; line-height: 2.1em; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wtx-tile-v3 .wtx-tile-fader { height: 0.25em; background-image: linear-gradient(0deg, #f5f5f5, transparent ); }
.wtx-tile-v3 .wtx-tile-more { font-size: 0.04em; margin: 0.75em !important; width: 23.5em !important; height: 1em; text-align: right; }
.wtx-tile-v3 .wtx-tile-hot { left: 0.025em; bottom: 0.025em;  width: 0.3em; height: 0.15em;  }
.wtx-tile-v3 .wtx-tile-hot-link { width: 0.3em; height: 0.15em; }
/*tile end v3*/
/*tile start v4*/
.wtx-tile-v4 { font-size: 300px; background-color: #f5f5f5; }
.wtx-tile-v4 .wtx-tile-image { top: 0; width: 1em !important; height: 0.875em; }
.wtx-tile-v4 .wtx-tile-image-link { width: 1em !important; height: 0.875em !important; }
.wtx-tile-v4 .wtx-tile-title { position: absolute; bottom: 0; margin: 0; width: 1em !important; height: 0.125em; background-color: #546e7a; line-height: 0.125em; }
.wtx-tile-v4 .wtx-tile-title .wtx-tile-title-text { font-size: 0.06em; margin: 0 0.5em; width: 15.66em !important; height: 2.1em; line-height: 2.1em; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wtx-tile-v4 .wtx-tile-fader {display: none; }
.wtx-tile-v4 .wtx-tile-more { display: none; }
.wtx-tile-v4 .wtx-tile-hot { right: 0.025em; top: 0.025em;  width: 0.3em; height: 0.15em;  }
.wtx-tile-v4 .wtx-tile-hot-link { width: 0.3em; height: 0.15em; }
/*tile end v4*/
/*tile start v5*/
.wtx-tile-v5 { font-size: 300px; background-color: #f5f5f5; }
.wtx-tile-v5 .wtx-tile-title { margin: 0; width: 1em !important; height: 0.125em; background-color: #546e7a; line-height: 0.125em; }
.wtx-tile-v5 .wtx-tile-title .wtx-tile-title-text { font-size: 0.06em; margin: 0 0.5em; width: 15.66em !important; height: 2.1em; line-height: 2.1em; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wtx-tile-v5 .wtx-tile-desc { margin: 0; width: 1em !important; height: 0.875em; }
.wtx-tile-v5 .wtx-tile-desc .wtx-tile-desc-text { font-size: 0.045em; margin: 0.67em !important; width: 20.88em !important; height: 17.75em; line-height: normal; overflow-y: hidden; color: #000 !important;  }
.wtx-tile-v5 .wtx-tile-fader { height: 0.25em; background-image: linear-gradient(0deg, #f5f5f5, transparent ); }
.wtx-tile-v5 .wtx-tile-more { font-size: 0.04em; margin: 0.75em !important; width: 23.5em !important; height: 1em; text-align: right; }
.wtx-tile-v5 .wtx-tile-hot { left: 0.025em; bottom: 0.025em;  width: 0.3em; height: 0.15em;  }
.wtx-tile-v5 .wtx-tile-hot-link { width: 0.3em; height: 0.15em; }
/*tile end v5*/
/*tile start v6*/
.wtx-tile-v6 { font-size: 300px; background-color: #f5f5f5; }
.wtx-tile-v6 .wtx-tile-image-cover { width: 1em !important; height: 0.5em !important; background-color: #f5f5f5; opacity: 0.5; }
.wtx-tile-v6 .wtx-tile-image { top: 0; width: 1em !important; height: 0.5em; }
.wtx-tile-v6 .wtx-tile-image-link { width: 1em !important; height: 0.5em !important; }
.wtx-tile-v6 .wtx-tile-desc { margin: 0; width: 1em !important; height: 0.5em; }
.wtx-tile-v6.wtx-tile-tile .wtx-tile-desc { margin: 0.5em 0 0 0; }
.wtx-tile-v6.wtx-tile-block .wtx-tile-desc { background-color: #f5f5f5; }
.wtx-tile-v6 .wtx-tile-desc .wtx-tile-desc-text { font-size: 0.045em; margin: 0.67em !important; width: 20.88em !important; height: 9.75em; line-height: normal; overflow-y: hidden; color: #000 !important; }
.wtx-tile-v6.wtx-tile-tile .wtx-tile-desc .wtx-tile-desc-text { text-shadow: 0 0 0.2em rgba(255,255,255,0.9); }
.wtx-tile-v6 .wtx-tile-fader { height: 0.25em; background-image: linear-gradient(0deg, #f5f5f5, transparent ); }
.wtx-tile-v6 .wtx-tile-more { font-size: 0.04em; margin: 0.75em !important; width: 23.5em !important; height: 1em; text-align: right; }
.wtx-tile-v6 .wtx-tile-hot { left: 0.025em; top: 0.025em;  width: 0.3em; height: 0.15em;  }
.wtx-tile-v6 .wtx-tile-hot-link { width: 0.3em; height: 0.15em; }
/*tile end v6*/
/*tile start v7*/
.wtx-tile-v7 { font-size: 300px; background-color: #f5f5f5; }
.wtx-tile-v7 .wtx-tile-title { margin: 0; width: 1em !important; height: 0.875em; line-height: 0.125em; overflow: hidden; }
.wtx-tile-v7 .wtx-tile-title .wtx-tile-title-text { font-size: 0.06em; margin: 1em; width: 14.66em !important; color: #546e7a; line-height: normal; }
.wtx-tile-v7 .wtx-tile-fader { height: 0.25em; background-image: linear-gradient(0deg, #f5f5f5, transparent ); }
.wtx-tile-v7 .wtx-tile-more { font-size: 0.04em; margin: 0.75em !important; width: 23.5em !important; height: 1em; text-align: right; }
.wtx-tile-v7 .wtx-tile-hot { left: 0.025em; bottom: 0.025em;  width: 0.3em; height: 0.15em;  }
.wtx-tile-v7 .wtx-tile-hot-link { width: 0.3em; height: 0.15em; }
/*tile end v7*/
/*tile start v8*/
.wtx-tile-v8 { font-size: 300px; background-color: #f5f5f5; }
.wtx-tile-v8 .wtx-tile-fader { height: 0.25em; background-image: linear-gradient(0deg, #f5f5f5, transparent ); }
.wtx-tile-v8 .wtx-tile-more { font-size: 0.04em; margin: 0.75em !important; width: 23.5em !important; height: 1em; text-align: right; }
.wtx-tile-v8 .wtx-tile-hot { left: 0.025em; top: 0.025em;  width: 0.3em; height: 0.15em;  }
.wtx-tile-v8 .wtx-tile-hot-link { width: 0.3em; height: 0.15em; }
/*tile end v8*/
/*tile start v9*/
.wtx-tile-v9 { font-size: 300px; background-color: #f5f5f5; }
.wtx-tile-v9 .wtx-tile-desc { top: 0; margin: 0; width: 1em !important; height: 1em; }
.wtx-tile-v9 .wtx-tile-desc .wtx-tile-desc-text { font-size: 0.045em; margin: 1.5em !important; width: 19em !important; height: 19em; line-height: normal; overflow-y: hidden; color: #000 !important;  }
.wtx-tile-v9 .wtx-tile-fader { height: 0.25em; background-image: linear-gradient(0deg, #f5f5f5, transparent ); }
.wtx-tile-v9 .wtx-tile-more { font-size: 0.04em; margin: 0.75em !important; width: 23.5em !important; height: 1em; text-align: right; }
.wtx-tile-v9 .wtx-tile-hot { left: 0.025em; bottom: 0.025em;  width: 0.3em; height: 0.15em;  }
.wtx-tile-v9 .wtx-tile-hot-link { width: 0.3em; height: 0.15em; }
.wtx-tile-event { font-size: 270px !important;  }
/*tile end v9*/
/*object header start*/
.wtx-object-header { display: block; position: relative; width: 100% !important; height: 20em !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; padding: 0 !important; margin: 0 0 1em 0;}
.wtx-object-header .wtx-object-header-title { display: block; left: 0; width: 100%; text-align: right; color: #fff; font-size: 4em; padding: 1em; text-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,0.8); }
.wtx-object-header .wtx-object-header-desc-bg { display: block; position: absolute; bottom: 0; color: #fff; background-color: #fff; opacity: 0.75; width: 100%; height: 3.5em !important; margin: 0; padding: 1em 3.1em 1em 1em !important; font-size: 1.25em; overflow: hidden; border-top: solid 0.25em #fff; text-align: right; }
.wtx-object-header .wtx-object-header-desc { display: block; position: absolute; bottom: 0; width: 100%; height: 3.5em; margin: 0; padding: 1em 3.1em 1em 1em; font-size: 1.25em; overflow: hidden; border-top: solid 0.25em #fff; text-align: right; }
.wtx-object-header .wtx-object-header-title-with-desc { position: relative; height: 1em; line-height: 1em; margin: 1.5em 0 0.25em 0; }
.wtx-object-header .wtx-object-header-title-no-desc { position: absolute; bottom: 0; }
/*object header end*/
/*progress bar start*/
.wt-progress-bar { position: relative; margin: 10px; display: inline-block; box-sizing: content-box !important; border: solid 1px #546e7a; 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: #546e7a;  }

.wt-progress-bar.wt-progress-plain { background-color: #fff; border: solid 1px #546e7a; }
.wt-progress-bar.wt-course-status-0, .wt-progress-bar.wt-course-status-1, .wt-progress-bar.wt-course-status-2 { border: solid 1px #546e7a; }
.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-progress-plain .wt-progress-scale { border: solid 1px #fff; background-color: #546e7a; background-image: linear-gradient(0deg,#546e7a,#bbcad0 ); }
.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: #546e7a; background-image: linear-gradient(0deg,#546e7a,#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); }
.wt-progress-plain.wt-progress-hidden { visibility: hidden; }
/*progress-bar end*/
/*informers begin*/
.wt-informer { position: relative; display: inline-block; padding: 0 !important; }
.wt-informer .wt-info-header { position: relative; margin: 0; }
.wt-informer .wt-info-body { position: relative; padding: 0 !important; }
.wt-informer .wt-info-body.wt-info-body-center-middle { text-align: center; }

.wt-info-plain { font-size: 150px !important; width: 1em; height: 1.3em; border: solid 0.01em #15B742; background-color: #fff; }
.wt-info-plain .wt-info-header { font-size: 0.09em; height: 4em; line-height: 1.5em; padding: 0.4em 0.8em; text-transform: uppercase; color: #15B742; }
.wt-info-plain .wt-info-body { }
.wt-info-plain .wt-info-body.wt-info-body-center-middle { font-size: 0.33em; line-height: 2em !important; color: #15B742; text-align: center; }

.wt-info-status { font-size: 150px; width: 1em; height: 1em; border: solid 0.01em #15B742; background-color: #fff; }
.wt-info-status .wt-info-header { font-size: 0.09em; height: 2.1em; line-height: 1.5em; padding: 0.4em 0.8em; text-transform: uppercase; color: #15B742; }
.wt-info-status .wt-info-body { font-size: 0.1em; line-height: 1em; }
.wt-info-status .wt-progress-bar { line-height: 1em; margin: 3em 0 0.5em 0; }

.wt-info-score { font-size: 150px; width: 1em; height: 1.3em; border: solid 0.01em #15B742; background-color: #fff; }
.wt-info-score .wt-info-header { font-size: 0.09em; height: 4em; line-height: 1.5em; padding: 0.4em 0.8em; text-transform: uppercase; color: #15B742; }
.wt-info-score .wt-info-body { font-size: 0.1em; line-height: 1em; }
.wt-info-score .wt-info-circular-scale-container { position: relative; width: 10em !important; height: 6em !important; padding: 0.5em 2.5em !important; margin: 0; }
.wt-info-score .wt-circular-path-bg { fill: #dcd7d5 !important; }
.wt-info-score .wt-circular-path-0 { fill: #15B742 !important; }
.wt-info-score .wt-circular-path-1 { fill: #999 !important; }
.wt-info-score .wt-circular-value { color: #15B742 !important; font-weight: 600; }
.wt-info-score .wt-info-value-string { }
.wt-info-score .wt-info-value-string-none { margin: 3em 0 0.5em 0; }
.wt-info-score .wt-info-value-string-value { font-size: 4em; color: #15B742; height: 0.75em; line-height: 1.5em; }

.wt-info-dates { font-size: 150px !important; width: 1.5em; height: 1em; border: solid 0.01em #15B742; background-color: #fff; }
.wt-info-dates .wt-info-header { font-size: 0.09em; height: 2.1em; line-height: 1.5em; padding: 0.4em 0.8em; text-transform: uppercase; color: #15B742; }
.wt-info-dates .wt-info-body { font-size: 0.08em; line-height: 1em !important; height: 8.8em; padding: 0.5em 1em !important; }

tr.XAML-object-title td { padding-bottom: 10px; vertical-align: top; }
tr.XAML-object-title td .cssXPStackPanel  { padding: 0px !important; }
tr.XAML-object-title td td { padding-bottom: 0px; vertical-align: top; }
tr.XAML-object-title .XAML-object-title-label { font-size: 18px }
tr.XAML-object-title .XAML-object-title-name { font-size: 22px }

.wt-info-image { font-size: 75px !important; margin-right: 10px !important; width: 1em; height: 1em; border: solid 0px #15B742; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover !important;  border-radius: 5px !important; -moz-border-radius: 5px !important; }

.wtx-competences-graph {}
.wtx-competences-graph .wt-info-graph-values-top .wt-info-graph-value { bottom: 0; margin: 0 0 0 -4em !important; width: 8em; text-align: center; }
.wtx-competences-graph .wt-info-graph-values-bottom .wt-info-graph-value { margin: 0 0 0 -4em !important; width: 8em; text-align: center; }
.wtx-graph-legend { position: relative; font-size: 14px; margin: 1em 2em; }
/*informers end*/
/*course map begin*/
.wt-course-map-item { width: 100%; border: solid 1px #ccc; padding: 0 0 0 1em; }
.wt-course-map-item.wt-course-map-item-current { border-color: #15B742; }
.wt-course-map-item-folder { padding: 5px 0 5px 1em; }
.wt-course-list-stack-1 { /*padding: 0;*/ }
.wt-course-list-stack-2 td:nth-child(1) { vertical-align: top; padding: 0 0.75em 0 0; }
.wt-course-list-stack-3 { padding: 0; }
.wt-course-list-stack-4 { padding: 0.75em 0; }
.wt-course-list-alert { font-size: 0.8em !important; background-color: #eee; color: #666; padding: 1em; }
.wt-course-list-link { display: inline-block; padding: 0 0 0.5em 0; }
.wt-course-item-label-current { display: inline-block; padding: 0 0 0.5em 0; }
.wt-course-map-selector .x-btn-pressed { }

.wt-course-map-item .wt-course-element-switch { display: inline-block; width: 15px !important; height: 15px !important; background-image: url(pics/block_arrows_pm6.png); background-repeat: no-repeat; }
.wt-course-map-item .wt-course-element-switch-collapsed { background-position: -15px 0; }
.wt-course-map-item .wt-course-element-switch-expanded { background-position: 0 0; }
.wt-course-map-item .wt-course-element-icon-tangle { width: 16px !important; height: 0; }
.wt-course-map-item .wt-course-element-switch-tangle { height: 0; }
.wt-course-map-item .wt-course-element-switch-replace { height: 0; width: 5px !important; }
.wt-course-map-item-lesson .wt-course-element-switch-tangle { width: 15px !important; }
.wt-course-map-item-inline .wt-course-element-switch-tangle { width: 15px !important; }
.wt-course-map-item-test .wt-course-element-switch-tangle { width: 15px !important; }
.wt-course-map-item-folder .wt-course-element-switch-tangle { width: 5px !important; }
.wt-course-map-item .wt-course-progress-tangle { width: 60px !important; height: 0; margin: 0 0.5em }
.wt-course-map-item .wt-plain-row > td, .wt-plain-stack { padding: 0 !important; }
.wt-course-map-item .wt-stack-bottom { padding: 0 0 0.5em 0; }
.wt-course-map-item .wt-progress-bar-string { font-size: 0.9em; }
.wt-course-map-item .wt-progress-bar { margin: 0.5em 0.5em 0.25em 0.5em; border: solid 1px #15B742; }
.wt-course-map-item .wt-progress-bar.wt-course-status-0, .wt-progress-bar.wt-course-status-1, .wt-progress-bar.wt-course-status-2 { border: solid 1px #15B742 !important; }
.wt-course-map-item .wt-progress-bar.wt-progress-plain .wt-progress-scale { border: solid 1px #fff; background-color: #15B742; background-image: linear-gradient(0deg,#15B742,#7bc8fb ); }
.wt-course-map-item .wt-progress-scale, .wt-course-map-item .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: #15B742; background-image: linear-gradient(0deg,#15B742,#7bc8fb ) !important; }
.wt-course-map-item .wt-course-map-info { padding: 0 0 0.5em 0 }
.wt-course-map-item .wt-course-map-info-name { font-weight: 500; padding: 0; color: #666; }
.wt-course-map-item .wt-course-map-alert { font-weight: 500; padding: 0; color: #c00; }
.wt-course-map-item .wt-course-map-info-value { padding: 0 0.5em; }
.wt-course-map-item .wt-course-item-label-current { margin: 0 0 0 0.5em; }

/*course map end*/
.wtx-stack-panel-list { padding: 0 !important; }
.wtx-stack-panel-list-item { padding: 0 0 0.5em 0 !important; }


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


.XAML-stack-article-container .cssXPStackPanel {
	padding:0px;
}

.XAML-stack-article-container img.cssXPImage  {
	padding-top: 5px;
	padding-right: 10px;
}

.XAML-stack-article-container  td { vertical-align: top }

.XAML-stack-article-container {
	padding-bottom: 5px !important;
}
.XAML-stack-article-container .cssXPLink { font-size: 13px }

.XAML-label-article-date {
	font-weight: bold;
	font-size: 11px;
}
.XAML-label-article-desc {
	font-size: 11px;
}
/*-------------------------------------------------------*/
.EM-Image {
	background-image: url(icons/16png/education_method.png) !important;
	background-repeat: no-repeat;
	background-position: left top;
}

.bg-cover{
	background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;
}

div.roundrect div.rr-wrapper { border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; -o-border-radius: 3px !important; }
.WTCSS-soc{
	border-left-width: 0 !important;
	border-right-width: 0 !important;
	border-bottom-width: 0 !important;
	padding-left:  0 !important;
	padding-right:  0 !important;
}
.comments-tree .object-tree{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.XAML-label-empty-data{
	text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    padding: 15px 20px 15px 20px;
    font-size: 14px;
}
.wt-spxmltileview-message-nodata{
	display: block;
    text-align: center;
	padding: 10px;
}
/*--------------------- Chart -------------------*/

.cssXPTopBottomLegendPaneWrap {
	white-space: normal !important;
	text-align: center !important;
}
.cssXPTopBottomLegendPaneWrap .x-legend-item
{
	max-width: 100% !important;
}

/*--------------------- Отображение в виде тайлов -------------------*/

.XAML-stack-tile, .XAML-grid-tile { padding: 0px; }

.wtx-tile,.wtx-tile .cssXPStackPanel { padding: 0px}
/*
.cssXPStackPanel.XAML-tile {
	padding: 0px !important;
}*/
.spxmltileview{
	padding: 0;
}
.spxmltileview-tile { 
	overflow: hidden !important;
	/*height: 300px;*/
	padding: 5px;
	margin: 0;
}

.XAML-tileview-list .spxmltileview-tile{
	float: none;
    width: auto !important;
	background-color: inherit;
	border-bottom: 1px solid #cccccc;
	padding: 0;
	margin: 9px 0 9px 0;
}
.XAML-tileview-list .spxmltileview{
	margin: 0;	
	padding: 0;
}

div.tile-gradient {
	position: absolute;
	bottom: 0;
	background-image: linear-gradient(0deg, #F00, transparent);
	height: 50px;
}

.XAML-grid-tile>table>tbody>tr>td{
	padding: 0;
}

.XAML-stack-tile, .XAML-stack-tile-1 {
	overflow: hidden;
	background-color: #efefef;
}


.XAML-stack-tile .XAML-grid-tile-title-container, .XAML-stack-tile .XAML-stack-tile-title-container{
	padding: 0px !important;
}

.XAML-stack-tile .XAML-grid-tile-title-container>table, .XAML-stack-tile .XAML-stack-tile-title-container>table {
	
	background-color: #546e7a;
	height: 50px;
}

.XAML-stack-tile .XAML-link-tile-title, .XAML-stack-tile .XAML-link-tile-title:hover{
	font-size: 16px;
	display: inline-block;
	padding: 10px;
	color: #ffffff;
}
.XAML-stack-tile .XAML-link-tile-info{
	position: absolute;
	right: 10px;
    top: 10px;
    z-index: 10;
}

.XAML-stack-tile .XAML-label-tile-desc{
	font-size: 12px;
	padding: 3px 10px 3px 10px;
}

.XAML-link-expand, .XAML-link-collapse{
	display: inline-block;
    width: 15px !important;
    height: 15px !important;
    background-image: url(pics/block_arrows_pm6.png);
    background-repeat: no-repeat;
	background-position: -15px 0;
}

.XAML-link-collapse{
	background-position: 0 0;
}


.XAML-link-tile-image {
	/*
	position: relative;
	display: block;
	left: 0;
	top: 0;
	width: 1em !important;
	height: 0.5em !important;
	*/
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-khtml-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-khtml-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.XAML-link-tile-image:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-khtml-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}

.XAML-grid-tile{	
	
}

.XAML-grid-tile>table>tbody{
}

.XAML-grid-tile>table>tbody>tr>td{
	vertical-align: top;
	padding: 5px;
}
.XAML-grid-tile>table>tbody>tr>td:first-child{
	padding-left: 0;
}
.XAML-grid-tile>table>tbody>tr>td:last-child{
	padding-right: 0;
	/*width: 150px;*/
}

.XAML-grid-tile .XAML-image-tile-image{
	background-size: cover !important;
	cursor: pointer;
}
.XAML-grid-tile .XAML-link-tile-title, .XAML-grid-tile .XAML-link-tile-title:hover{
	font-size: 18px;
	display: inline-block;
	margin: 2px 0 5px 0;
	color: #000000;
    max-height: 2em;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.XAML-grid-tile .XAML-label-tile-subtitle{
	font-size: 16px;
	display: inline-block;
	margin: 2px 0 7px 0;
	color: #000000;
}

.XAML-grid-tile-date{
	margin-top: 14px;
}
.XAML-grid-tile-date>table>tbody>tr>td{
	text-align: center;
	padding: 10px 5px 10px 5px;
}
.XAML-grid-tile-date .cssXPLabel{
    line-height: 1.5em;
}
.XAML-grid-tile-date>table>tbody>tr:first-child{
	font-weight: 500;
}

.XAML-stack-tile-1{
	padding: 0;
}
.XAML-stack-tile-1 .XAML-grid-tile-title-container{
	background-color: #FFFFFF;
    opacity: 0.85;
	padding: 0 7px;
}

.XAML-stack-tile-1 .XAML-grid-tile-title-container td{
	font-size: 16px;
	height: 3em;
}
.XAML-stack-tile-1 .XAML-link-tile-title, .XAML-stack-tile-1 .XAML-link-tile-title:hover{
	display: block;
    height: 2em;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.XAML-stack-tile-1 .XAML-stack-tile-content-container {
	position: absolute;
	padding: 5px;
    margin-top: -77px;
}
.XAML-stack-tile-1 .XAML-stack-tile-content-container>table>tbody>tr>td {
	vertical-align: bottom;
}
.XAML-stack-tile-1 .XAML-grid-tile-dates td{
	padding: 5px;
    border: 1px solid transparent;
    font-size: 12px;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.85);
	font-weight: 500;
    text-align: center;
}
.XAML-stack-tile-1 .XAML-grid-tile-dates>table>tbody>tr:last-child>td{
    padding-top: 15px;
    padding-bottom: 15px;
	border-bottom-width: 0;
	color: #ff0000;
}
.XAML-stack-tile-1 .XAML-grid-tile-datas td{
	padding: 5px;
    border: 1px solid transparent;
    font-size: 12px;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.85);
	font-weight: 500;
    text-align: center;
}
.XAML-stack-tile-1 .XAML-grid-tile-datas>table>tbody>tr:last-child>td{
	border-bottom-width: 0;
}

.XAML-stack-tile-1 .XAML-label-tile-status {
    padding: 5px 8px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 1px;
    font-size: 12px;
	text-align: center;
}
.XAML-stack-tile-1 .XAML-stack-tile-desc>table>tbody>tr>td{
	padding: 3px;
}
.XAML-stack-tile-1 .XAML-label-tile-desc{
	white-space: nowrap;
	display: block;
    overflow: hidden;
	max-width: 275px;
}
.XAML-stack-tile-image-container{
    background-size: cover !important;	
}

.XAML-grid-tile-horizontal{
	padding: 10px;
}
.XAML-grid-tile-horizontal>table>tbody>tr>td:first-child{
	text-align: center;
}


/*-------- Галерея ------*/
.XAML-tileview-gallery .spxmltileview-tile{
	background-color: #f1f1f1;
	padding: 0;
	/*margin: 2px;*/
	border: 2px solid #ffffff;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.XAML-tileview-gallery .spxmltileview-tile>table{
	width: inherit;
	height: inherit;
}

.XAML-dialog-gallery .XAML-link-prev-image,
.XAML-dialog-gallery .XAML-link-next-image{
	font-size: 40px;
}

.x-tab-button-center  { text-align: left !important }

.XAML-stack-block-header{
	padding-left: 0;
	padding-right: 0;
}
div.XAML-label-block-header  {
	/*
	padding: 5px;
    background: inherit;
	border-radius: 0px;
	border-bottom: 3px solid #15B742;
	-moz-border-radius: 0px;
	color: #077fcc !important;
	font-size: 16px;
	*/
	
	background-color: #077fcc; 
	color: #077fcc; 
	font-size: 16px; 
	font-weight: normal; 
	padding: 8px 10px 9px 10px; 
	border-top: 0px solid #b3d5eb; 
	border-bottom: 3px solid #077fcc; 
	border-left: 0px solid #e6f4fd; 
	border-right: 0px solid #e6f4fd; 
	
	width: auto !important;
}
.block-news .cssXPPanel .x-panel-header .x-panel-header-title {  }
.block-news .x-panel-header-default-horizontal  { padding: 0px !important }

a.XAML-link-block-header  {
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	display:inline-block;
    background: #inherit !important;
	border-radius: 0px;
	border-bottom: 3px solid #15B742;
	-moz-border-radius: 0px;
	color: #077fcc !important;
	font-size: 16px;
	width: auto !important;
}

a.XAML-link-block-header-no-border  {
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	display:inline-block;
    background: #inherit !important;
	border-radius: 0px;
	-moz-border-radius: 0px;
	color: #077fcc !important;
	font-size: 16px;
	width: auto !important;
}

.XAML-stack-list-item{
	padding: 6px !important;
    /*background-color: #eeeeee;*/
	border: solid 1px #ccc !important;
}
.XAML-grid-list-container{	
	margin-top: 6px;
	margin-bottom: 6px;
}
.XAML-grid-list-container>table>tbody>tr>td{
	padding: 5px;
	vertical-align: top;
}
.XAML-grid-list-container>table>tbody>tr>td:first-child{
	padding-left: 0;
}
.XAML-grid-list-container>table>tbody>tr>td:last-child{
	padding-right: 0;
}
.XAML-grid-list-item{
	border-radius: 12px;
    padding: 2px 8px;
}
.XAML-grid-list-container a{
	display: inline-block;
	width: 100% !important;
}
.XAML-grid-list-container  .XAML-grid-list-item>table>tbody>tr>td{
	padding-top: 9px;
	padding-bottom: 9px;
	/*vertical-align: top;*/
}
.XAML-grid-list-container .XAML-grid-list-item>table>tbody>tr>td:first-child{
	padding: 9px 8px 9px 9px;
	text-align: center;
}
.XAML-grid-list-container .XAML-grid-list-item>table>tbody>tr>td:last-child{
	padding-right: 9px;
}
.XAML-grid-list-desc{
	font-size: 12px;
}




.wtx-tile .wtx-tile-title { display: block; position: relative; left: 0; z-index: 10; }
.wtx-tile .wtx-tile-title .wtx-tile-title-text { display: block; position: relative; left: 0; top: 0; }
.wtx-tile .wtx-tile-desc { display: block; position: relative; z-index: 10;  }
.wtx-tile .wtx-tile-desc .wtx-tile-desc-text { display: block; position: relative; left: 0; top: 0; }


/*Карта Знаний*/
.XAML-StackPanelKnowledge { padding: 0px !important; vertical-align: top !important; }
.XAML-StackPanelKnowledge-table-result { padding: 5px !important; border: 1px solid #ccc !important;}
.XAML-StackPanel-vertical-align-top { vertical-align: top;}
.XAML-grid-result-border-spacing>table { border-spacing: 5px; }
.XAML-grid-result-margin-padding>table { vertical-align: top; width: 100%; }
.XAML-grid-result-margin-padding>table>tbody>tr>td{ padding: 2px !important; margin: 5px !important; vertical-align: top; }
.XAML-Knowledge-show-desc { width: 100%; border: solid 0px #ccc; padding: 0 0 0.5em 1em; }
.XAML-grid-knowledge-map-padding-top-end  { margin: 7px 0px 7px 0px !important;  }
.XAML-grid-knowledge-map-padding-top-end-header  { margin: 5px 0px 5px 0px; vertical-align: middle !important; border-right: dotted 0px #cccccc; font-weight: normal !important; color: #666666 !important; background-color: #f2f4f7 !important; }
.XAML-grid-knowledge-map-padding  { padding: 5px !important; border-bottom: 0px solid #cccccc; border-right: 0px dotted #cccccc;  border-left: 0px dotted #cccccc; }
.XAML-knowledge-map-label-name { color: #666666; text-align: left; float: left; white-space: nowrap; font-weight: bold }
.XAML-Knowledge-show-desc .wt-Knowledge-element-switch { display: inline-block; width: 15px !important; height: 15px !important; background-image: url(pics/block_arrows_pm6.png); background-repeat: no-repeat; }
.XAML-Knowledge-show-desc .wt-Knowledge-element-switch-collapsed { background-position: -15px 0; }
.XAML-Knowledge-show-desc .wt-Knowledge-element-switch-expanded { background-position: 0 0; }
.XAML-grid-knowledge-map-without-padding  { padding: 0px !important; border-bottom: 0px solid #cccccc; border-right: 0px dotted #cccccc;  border-left: 0px dotted #cccccc; }
.XAML-grid-knowledge-map-without-padding-title  { padding: 0px !important; border-bottom: 0px solid #cccccc; border-right: 0px dotted #cccccc;  border-left: 0px dotted #cccccc; }
.XAML-STACK-knowledge-map-without-padding-title  { padding: 0px !important; border-bottom: 0px solid #cccccc; border-right: 0px dotted #cccccc;  border-left: 0px dotted #cccccc; }
.XAML-grid-knowledge-map-without-padding  { padding: 0 0 0 0 !important; }
.XAML-knowledge-map-tile>table>tbody>tr>td>a  { font-size: 16px;
    display: inline-block;
    padding: 0 7px !important;
    color: #ffffff;
    height: 2em;
    overflow-y: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.XAML-map-link-tile, .XAML-map-link-tile:hover  { font-size: 16px;
    display: inline-block;
    padding: 0 7px !important;
    overflow-y: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.XAML-map-grid-tile-dates>table>tbody>tr:last-child>td{
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}
.wtx-tile-knowledge { display: block; position: relative; width: 1em !important; height: 1em !important; overflow: hidden; padding: 0px }
.wtx-tile-knowledge .wtx-tile-image-bg { display: block; z-index: 1; position: absolute; width: 1em !important; height: 1em !important; left: 0; padding: 0 !important; margin: 0; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -khtml-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.wtx-tile-knowledge .wtx-tile-image-bg:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -khtml-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.wtx-tile-knowledge .wtx-tile-image-bg-link { position: relative; display: block; width: 1em !important; height: 1em !important;  left: 0; top: 0; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.wtx-tile-knowledge .wtx-tile-image-cover { display: block; z-index: 2; position: absolute; left: 0; bottom: 0;padding: 0 !important; margin: 0; }
.wtx-tile-knowledge .wtx-tile-image { display: block; z-index: 1; position: relative; left: 0; padding: 0 !important; margin: 0; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -khtml-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.wtx-tile-knowledge .wtx-tile-image:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -khtml-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.wtx-tile-knowledge .wtx-tile-image-link { position: relative; display: block; left: 0; top: 0; background-position: center center; background-repeat: no-repeat !important; -webkit-background-size: cover !important;-moz-background-size: cover !important;-khtml-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.wtx-tile-knowledge .wtx-tile-title { display: block; position: relative; left: 0; z-index: 10; }
.wtx-tile-knowledge .wtx-tile-title .wtx-tile-title-text { display: block; position: relative; left: 0; top: 0; }
.wtx-tile-knowledge .wtx-tile-desc { display: block; position: relative; z-index: 10;  }
.wtx-tile-knowledge .wtx-tile-desc .wtx-tile-desc-text { display: block; position: relative; left: 0; top: 0; }

.wtx-tile-knowledge-material { font-size: 250px; background-color: #f5f5f5; }
.wtx-tile-knowledge-material .wtx-tile-image-cover { width: 1em !important; height: 0.4em !important; background-color: #f5f5f5; opacity: 0.5; }
.wtx-tile-knowledge-material .wtx-tile-image { top: 0; width: 1em !important; height: 0.5em; }
.wtx-tile-knowledge-material .wtx-tile-image-link { width: 1em !important; height: 0.5em !important; }
.wtx-tile-knowledge-material .wtx-tile-title { margin: 0; width: 1em !important; height: 0.125em; background-color: #546e7a; line-height: 0.125em; padding: 0px !important; }
.wtx-tile-knowledge-material .wtx-tile-tile .wtx-tile-title { margin: 0.5em 0 0 0; }
.wtx-tile-knowledge-material .wtx-tile-title .wtx-tile-title-text { font-size: 0.06em; margin: 0 0.5em; width: 15.66em !important; height: 2.1em; line-height: 2.1em; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wtx-tile-knowledge-material .wtx-tile-desc { margin: 0; width: 1em !important; height: 0.375em; padding: 0px !important; }
.wtx-tile-knowledge-material .wtx-tile-desc .wtx-tile-desc-text { font-size: 0.045em; margin: 0.67em !important; width: 17.88em !important; height: 6.8em; line-height: normal; overflow-y: hidden; color: #000 !important; }
.wtx-tile-knowledge-material .wtx-tile-tile .wtx-tile-desc .wtx-tile-desc-text { text-shadow: 0 0 0.2em rgba(255,255,255,0.9); }

.wtx-tile-knowledge-expert { font-size: 390px; background-color: #f5f5f5; }
.wtx-tile-knowledge-expert .wtx-tile-image-cover { width: 0.4em !important; height: 1em !important; background-color: #f5f5f5; opacity: 0.5; }
.wtx-tile-knowledge-expert .wtx-tile-image { top: 0; width: 0.4em !important; height: 0.6em; }
.wtx-tile-knowledge-expert .wtx-tile-image:hover { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; -moz-transform: scale(1) !important; -khtml-transform: scale(1) !important;; -o-transform: scale(1) !important;; transform: scale(1) !important;; }
.wtx-tile-knowledge-expert .wtx-tile-image-link { width: 0.4em !important; height: 0.6em !important; }
.wtx-tile-knowledge-expert .wtx-tile-title { margin: 0; width: 1em !important; height: 0.125em; background-color: #546e7a; line-height: 0.125em; }
.wtx-tile-knowledge-expert .wtx-tile-tile .wtx-tile-title { margin: 0.5em 0 0 0; }
.wtx-tile-knowledge-expert .wtx-tile-title .wtx-tile-title-text { font-size: 0.06em; margin: 0 0.5em; width: 15.66em !important; height: 2.1em; line-height: 2.1em; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wtx-tile-knowledge-expert .wtx-tile-desc { margin: 0; width: 1em !important; height: 0.6em; position: relative !important;   top: 0 !important;  }
.wtx-tile-knowledge-expert .wtx-tile-desc .wtx-tile-desc-text {font-size: 0.035em; margin: 0.67em !important; width: 15.0em !important; height: 7.0em; line-height: normal; overflow-y: hidden; color: #000 !important; text-align: top !important;}

.wtx-tile-knowledge-expert-mobile { font-size: 250px; height: 1.35em !important; background-color: #f5f5f5; }
.wtx-tile-knowledge-expert-mobile .wtx-tile-image-cover { width: 1em !important; height: 0.7em !important; background-color: #f5f5f5; opacity: 0.5; }
.wtx-tile-knowledge-expert-mobile .wtx-tile-image { top: 0; width: 1em !important; height: 0.8em; }
.wtx-tile-knowledge-expert-mobile .wtx-tile-image-link { width: 1em !important; height: 0.8em !important; }
.wtx-tile-knowledge-expert-mobile .wtx-tile-title { margin: 0; width: 1em !important; height: 0.15em; background-color: #546e7a; line-height: 0.125em; padding: 0px !important; }
.wtx-tile-knowledge-expert-mobile .wtx-tile-tile .wtx-tile-title { margin: 1em 0 0 0; }
.wtx-tile-knowledge-expert-mobile .wtx-tile-title .wtx-tile-title-text { font-size: 0.08em; margin: 0 1em; width: 10.6em !important; height: 1.8em; line-height: 2.1em; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wtx-tile-knowledge-expert-mobile .wtx-tile-desc { margin: 0; width: 1em !important; height: 0.575em  !important; }
.wtx-tile-knowledge-expert-mobile .wtx-tile-desc .wtx-tile-desc-text { font-size: 0.045em; margin: 0.67em !important; width: 17.88em !important; height: 7.0em; line-height: normal; overflow-y: hidden; color: #000 !important; }
.wtx-tile-knowledge-expert-mobile .wtx-tile-tile .wtx-tile-desc .wtx-tile-desc-text { text-shadow: 0 0 0.2em rgba(255,255,255,0.9); }
.wtx-tile-knowledge-expert-mobile .wtx-tile-desc .wtx-tile-desc-html { font-size: 0.045em; margin: 0.67em !important; width: 16em !important; height: 6.5em; line-height: normal; overflow-y: hidden; overflow: hidden; color: #000 !important;  text-overflow: ellipsis;  }

.wtx-tile-knowledge-expert-question { font-size: 250px; background-color: #f5f5f5; }
.wtx-tile-knowledge-expert-question .wtx-tile-title { margin: 0; width: 1em !important; height: 0.4em !important; background-color: #546e7a; line-height: 0.5em !important; padding: 0px !important; }
.wtx-tile-knowledge-expert-question .wtx-tile-title .wtx-tile-title-text { font-size: 0.06em; margin: 0.67em !important; width: 14.88em !important; height: 6.0em; line-height: normal; overflow-y: hidden; overflow: hidden; color: #000 !important;  text-overflow: ellipsis;}
.wtx-tile-knowledge-expert-question .wtx-tile-tile .wtx-tile-title .wtx-tile-title-text { text-shadow: 0 0 4em rgba(255,255,255,0.9); }
.wtx-tile-knowledge-expert-question .wtx-tile-fader { height: 0.25em; background-image: linear-gradient(0deg, #f5f5f5, transparent ); }
.wtx-tile-knowledge-expert-question .wtx-tile-desc { margin: 0; width: 1em !important; height: 0.4em; }
.wtx-tile-knowledge-expert-question .wtx-tile-desc .wtx-tile-desc-text { font-size: 0.045em; margin: 0.67em !important; width: 21.88em !important; height: 7.0em; line-height: normal; overflow-y: hidden; overflow: hidden; color: #000 !important;  text-overflow: ellipsis;  }
.wtx-tile-knowledge-expert-question .wtx-tile-tile .wtx-tile-desc .wtx-tile-desc-text { text-shadow: 0 0 4em 0 rgba(255,255,255,0.9) !important;; }
.wtx-tile-knowledge-expert-question .wtx-tile-desc .wtx-tile-desc-html { font-size: 0.045em; margin: 0.67em !important; width: 17em !important; height: 6.5em; line-height: normal; overflow-y: hidden; overflow: hidden; color: #000 !important;  text-overflow: ellipsis;  }
.XAML-PanelKnowledge .x-panel-header { display: none; padding: 0px !important; border: 0px; margin: 0px !important; width: 100%;  }
.XAML-PanelKnowledge .x-panel-body { top: 0px !important; padding: 0px !important; border: 0px; margin: 0px !important; }
.XAML-PanelKnowledge-with-top .x-panel-header { display: none; padding: 0px !important; border: 0px; margin: 0px !important; width: 100%;  }
.XAML-PanelKnowledge-with-header .x-panel-header { display: block ; padding: 0px !important; border: 0px; margin: 0px !important; width: 100%; }
.XAML-without-padding-and-margin { padding: 0px !important; margin: 0px !important; width: 100%; top: 0px !important }
.XAML-without-padding-and-margin-right { padding: 0px !important; margin: 0px !important; text-align: right; }
.XAML-stack-background-border { background-color: #F5F5F5; border-width: 1px; border-style:solid; border-color: #efefef; padding: 5px; margin: 5px;}
.XAML-StackPanel-background { padding: 0px; background-size: cover !important;}
.XAML-StackPanel-background>table {height: 100%; }
.XAML-StackPanel-background>table>tbody>tr:first-child { vertical-align: top }
.XAML-StackPanel-background>table>tbody>tr:last-child { height: 100%; vertical-align: bottom}
.XAML-StackPanel-opacity {  vertical-align: middle;  padding: 5px;  background: white;    opacity: 0.9;  }
.XAML-StackPanel-opacity>table {   width: 100%;    height: 100%; min-height: 20px;}
.XAML-StackPanel-opacity-height>table {   min-height: 50px !important;}
.XAML-Label-opacity {   background: white;    opacity: 0.9;  min-height: 20px; text-align: center ; vertical-align: middle }
.XAML-StackPanel-date {  vertical-align: middle;    background: white;    opacity: 0.9;  }
.XAML-StackPanel-margin-top {  margin-top: 5px !important; }
.XAML-StackPanel-date>table {  height: 100%; min-height: 50px; }
.XAML-CellClass-paddind { vertical-align: bottom ; padding: 5px !important;}
.XAML-Label-orange { color: orange;    font-size: 18px !important;    font-weight: 500; text-align: center }
.XAML-Label-orange-mobile { color: orange;    font-size: 14px !important;    font-weight: 500; text-align: center }
.XAML-Label-center-align { text-align: center }
.XAML-Label-font-16 { font-size: 16px !important; }
.XAML-Image-padding{ padding: 5px 20px 5px 5px !important; width: 30px; height:30px}
.XAML-Label-font-weight-color{    font-size: 22px;    font-weight: 500;    color: #2b60a1;}
.XAML-Label-align-block	{    background-color: #dfe1f2;  text-align: center;    vertical-align: middle;    padding: 8px;    font-size: 14px;    font-weight: 500;}
.XAML-Label-font-14 {  font-size: 14px; }
.XAML-Label-padding_percent {  padding: 25% 0px; }
.XAML-border-bottom { border-bottom: 1px solid #dddddd !important; }
.XAML-grid-margin-padding-color>table{padding: 5px !important; margin: 5px !important; border-spacing: 5px;}
.XAML-grid-margin-padding-color>table>tbody>tr>td{ padding: 5px !important; margin: 5px !important; vertical-align: top; background-color: #dfe1f2; }
/*Карта Знаний конец*/

.x-tab-panel-bwrap .x-panel-header, .cssXPDataGrid  .x-panel-header{
	color: #000000 !important;
	font-weight: normal;
    font-size: 18px !important;
	background-color: #FFFFFF !important;
	/*border: 1px dotted #C2C2C2 !important;*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background: -ms-linear-gradient(bottom, #FFFFFF, #FFFFFF) !important;
	background: linear-gradient(to bottom, #FFFFFF, #FFFFFF) !important;
	padding: 8px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid #dddddd !important;
}

.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
	font-size: 14px !important;
}
/* fix scroll problem */
.x-grid3-scroller
{
	position: inherit;
}

/* Стили для новых кнопок (карта, схема, календарь */

.XAML-view-text { font-size: 14px; vertical-align: middle; padding-top: 11px; width: 160px; }
.XAML-navigation-view-text { font-size: 14px; vertical-align: middle; padding-top: 5px; width: 160px; }
.XAML-calendar-view-text { font-size: 14px; vertical-align: middle; width: 160px; }
.XAML-button.XAML-button-nobg button { padding: 0px 0px 0px 24px !important }
.XAML-button-nobg { background-color: #FFFFFF; border: 0px solid #FFFFFF; }
.XAML-button-nobg .x-btn-text { color: #333333 !important; font-weight: normal !important; font-size: 14px !important; }
.XAML-button-nobg .x-btn-text:hover { color: #15B742 !important; }
.XAML-button-nobg.x-btn-pressed .x-btn-text  { color: #15B742 !important; }
.XAML-button-nobg td.x-btn-tl, .XAML-button-nobg td.x-btn-tr, .XAML-button-nobg td.x-btn-tc, .XAML-button-nobg td.x-btn-ml, .XAML-button-nobg td.x-btn-mr, .XAML-button-nobg td.x-btn-bl, .XAML-button-nobg td.x-btn-br, .XAML-button-nobg td.x-btn-bc { display: none }

.XAML-button-map { }
.XAML-button-map button { background-image: url(icons/svg/icon_coursemap.png) !important; }
.XAML-button-map.x-btn-pressed button { background-image: url(icons/svg/icon_coursemap_over.png) !important; }
.XAML-button-map:hover button { background-image: url(icons/svg/icon_coursemap_over.png) !important; }

.XAML-button-scheme { }
.XAML-button-scheme button { background-image: url(icons/svg/icon_learningsheme.png) !important; }
.XAML-button-scheme.x-btn-pressed button { background-image: url(icons/svg/icon_learningsheme_over.png) !important; }
.XAML-button-scheme:hover button { background-image: url(icons/svg/icon_learningsheme_over.png) !important; }

.XAML-button-calendar { }
.XAML-button-calendar button { background-image: url(icons/svg/icon_calendar.png) !important; }
.XAML-button-calendar.x-btn-pressed button { background-image: url(icons/svg/icon_calendar_over.png) !important; }
.XAML-button-calendar:hover button { background-image: url(icons/svg/icon_calendar_over.png) !important; }

.XAML-button-list { }
.XAML-button-list button { background-image: url(icons/svg/icon_list.png) !important; }
.XAML-button-list.x-btn-pressed button { background-image: url(icons/svg/icon_list_over.png) !important; }
.XAML-button-list:hover button { background-image: url(icons/svg/icon_list_over.png) !important; }

.XAML-button-table { }
.XAML-button-table button { background-image: url(icons/svg/icon_view_table.png) !important; }
.XAML-button-table.x-btn-pressed button { background-image: url(icons/svg/icon_view_table_over.png) !important; }
.XAML-button-table:hover button { background-image: url(icons/svg/icon_view_table_over.png) !important; }

.XAML-button-preview { }
.XAML-button-preview button { background-image: url(icons/svg/icon_preview.png) !important; }
.XAML-button-preview.x-btn-pressed button { background-image: url(icons/svg/icon_preview_over.png) !important; }
.XAML-button-preview:hover button { background-image: url(icons/svg/icon_preview_over.png) !important; }

.cssXPResourceFieldText {width: 100%;}
.cssXPResourceFieldButton button.x-btn-text {height: 12px !important;}

.cssXPResourceFieldFormNew div.x-form-element { height: 28px }

.XAML-course-map-indent-0 { display: none; }
.XAML-course-map-indent-1 { margin-left: 1.5em; }
.XAML-course-map-indent-2 { margin-left: 3em; }
.XAML-course-map-indent-3 { margin-left: 4.5em; }
.XAML-course-map-indent-4 { margin-left: 6em; }
.XAML-course-map-indent-5 { margin-left: 7.5em; }
.XAML-course-map-indent-6 { margin-left: 9em; }
.XAML-course-map-indent-7 { margin-left: 10.5em; }
.XAML-course-map-indent-8 { margin-left: 12em; }
.XAML-course-map-indent-9 { margin-left: 13.5em; }
.XAML-course-map-indent-10 { margin-left: 15em; }


/*---------------------------- Playground -------------------------*/


/*---------------------------- End of Playground -------------------------*/