#wt-body { background-image: url(tarkettacademy/bg_image.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }
#wt-body-na { background-image: url(tarkettacademy/bg_image.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }
#wt-body-na #wt-container, #wt-body-na #wt-wrapper { width: 1000px; }

#wt-zone-header-wrapper { text-align: center }

.WTCSS-menu-h a:visited, .WTCSS-menu-h a:active { color: #003366 !important; }

.WTCSS-login div.center_text { border: 0px solid #FFFFFF; background-color: #FFFFFF }

#wt-container { background-color: transparent; margin: -60px auto 0px auto; }
#wt-content { background-color: transparent; }
#wt-spacer-top { height: 60px; background-image: none !important; background-color: #FFFFFF; }
#wt-header-top { height: 60px; width: 1200px; text-align: center; position: relative; display: inline-block; }
#wt-header-top-left { padding: 0px; }
#wt-header-middle { width: 1200px; display: inline-block; }

#wt-custom-left-top { width: 690px; float: left; border: 0px solid #000000;  }
#wt-custom-right-top { width: 490px; border: 0px solid #FF0000; display: inline-block; }


.WTCSS-menu-h ul li { border-top: 4px solid #FFFFFF; border-bottom: 4px solid #FFFFFF; }
.WTCSS-menu-h ul li:hover { border-top: 4px solid #d96d00; border-bottom: 4px solid #FFFFFF; }

.WTCSS-menu-h ul li a { color: #164472; }
.WTCSS-menu-h ul li:hover a { color: #d96d00 !important; }

.WTCSS-menu-h ul li { font-size: 20px; }

li.selected {
	border-top: 4px solid #d96d00 !important; border-bottom: 4px solid #FFFFFF;
}

div.block_shadow { 
	margin: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,1);
}
div.block_angle {  background-color: #FFFFFF; }
div.block_angle_left_top { background: url(tarkettacademy/lefttop_angle.png) left top no-repeat;  }
div.block_angle_right_bottom { 
	background: url(tarkettacademy/right_bottom_angle.png) right bottom no-repeat;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px; 
	height: 130px; }

td.personal_photo { width: auto; }	
img.personal_photo { height: 100px; }
td.personal_info { width: 340px; font-size: 18px; color: #05206a; }
td.personal_info_boss { width: 540px; font-size: 18px; color: #05206a; height: auto; }

input.profile_button { border: 1px solid #05206a !important; height: 40px !important; color: #05206a !important; font-size: 20px !important; background-color: #FFFFFF !important; background-image: none !important; padding-right: 50px; }
input.profile_button:hover { color: #FFFFFF !important; background-color: #05206a !important; }
input.exit_button { border: 1px solid #05206a !important; height: 40px !important; color: #FFFFFF !important; font-size: 20px !important; background-color: #05206a !important; background-image: none !important; }
input.exit_button:hover { color: #05206a !important;  background-color: #FFFFFF !important; }

.block_info_block { background: url(tarkettacademy/icon_info_block.png) left top no-repeat; padding: 10px; padding-left: 65px; color: #05206a; font-size: 14px; text-align: left; font-weight: bold; }

.customDocTileRow td { vertical-align: top; padding: 0px !important; }

.customDocTile { box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF; margin-right: 20px; margin-bottom: 20px; vertical-align: top; /* height: 350px; display: table-cell; */ }
.cssXPStackPanel.customDocTile { padding: 0px !important; }

/* База знаний */

div.cDT-Items { padding: 20px; }

div.cDT-Item { padding: 10px; border-top: 1px solid #4b4b4b; color: #000000; font-size: 16px; }
div.cDT-Item a { text-decoration: underline; }

div.cDT-Button { text-align: right; border-top: 1px solid #4b4b4b; padding-top: 20px; padding-bottom: 0px; padding-right: 0px;  }
.cDT-Items-Button {  border: 1px solid #05206a !important; color: #05206a !important; font-size: 16px !important; background-color: #FFFFFF !important; background-image: none !important; padding: 5px; padding-left: 20px; padding-right: 20px;  }
.cDT-Items-Button:hover { color: #FFFFFF !important; background-color: #05206a !important; }

div.cDT-Courses-Header { background: url(tarkettacademy/icon_courses.png) left top no-repeat; padding-left: 62px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left;  }
div.cDT-Tests-Header { background: url(tarkettacademy/icon_tests.png) left top no-repeat; padding-left: 62px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left;  }
div.cDT-Links-Header { background: url(tarkettacademy/icon_links.png) left top no-repeat; padding-left: 61px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left;  }
div.cDT-Forum-Header { background: url(tarkettacademy/icon_forum.png) left top no-repeat; padding-left: 62px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left;  }
div.cDT-Material-Header { background: url(tarkettacademy/icon_material.png) left top no-repeat; padding-left: 61px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left;  }
div.cDT-Expert-Header { background: url(tarkettacademy/icon_expert.png) left top no-repeat; padding-left: 62px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left;  }

img.Expert-Photo { height: 50px !important; padding-right: 10px;  }
a.FIO-Expert { padding-bottom: 30px; }
div.Expert-Button { padding-top: 20px; text-align: right; }
div.Expert-Txt { width: 220px; }


/* Панель руководителя */

div.block_add_action { background: url(tarkettacademy/icon_boss_panel_action.png) left top no-repeat; padding-left: 61px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left;  }

div.block_add_buttons { padding: 20px 0px 20px 20px; }
div.block_add_buttons2 { padding: 20px 20px 30px 20px; }


div.buttons_add_action, div.boss_stat_counter { padding: 10px 20px 20px 20px; }

input.action_button { border: 1px solid #05206a !important; height: 40px !important; color: #05206a !important; font-size: 20px !important; background-color: #FFFFFF !important; background-image: none !important; margin-right: 20px !important; }
input.action_button:hover { color: #FFFFFF !important; background-color: #05206a !important; }

div.block_boss_stat { background: url(tarkettacademy/icon_stats.png) left top no-repeat; padding-left: 62px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left;  }


table.stat_table td { white-space: nowrap; font-size: 18px; }
td.stat_num { color: #FFFFFF; padding: 10px; }

div.bossPanelEvents { margin: 5px 20px 20px 20px; padding: 0px; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF;  }
div.MyEventsBlock { margin: 5px 0px 20px 20px; padding: 0px; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF;  }
div.bossPanelEvents-Header { background: url(tarkettacademy/icon_events_bosspanel.png) left top no-repeat; padding-left: 61px; padding-top: 10px; height: 50px; color: #003366; font-size: 20px; text-align: left; }

div.bossPanelPerson { margin: 20px 20px 20px 20px; background: url(tarkettacademy/icon_person_info.png) left top no-repeat; padding: 20px; padding-left: 70px; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF;  }
div.boss-panel-data { color: #05206a; font-size: 20px; text-align: left; padding-left: 10px; }
.boss-panel-combo { padding: 10px; font-size: 20px; color: #05206a; }


tr.RRRROw td { border-top: 1px solid #585858; padding: 10px;  }
.XAML-htxt { font-size: 14px; }
a.XAML-htxt { text-decoration: underline; }

div.bossPanelRequest { margin: 5px 10px 20px 0px; padding: 0px; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF;  }

div.bossPanelRequest-Header { background: url(tarkettacademy/icon_request.png) left top no-repeat; padding-left: 61px; padding-top: 9px; height: 50px; color: #05206a; font-size: 20px; text-align: left; }
div.bossPanelPerson-Header { background: url(tarkettacademy/icon_request.png) left top no-repeat; padding-left: 61px; padding-top: 9px; height: 50px; color: #05206a; font-size: 20px; text-align: left; }
div.bossPanelTop-Header { background: url(tarkettacademy/icon_person_info.png) left top no-repeat; padding-left: 62px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left; }


.stat_txt { font-size: 18px; color: #000000;  }
.stat_txt_main { width: 200px; font-size: 18px; color: #000000; text-align: left; padding-left: 20px;  }
.stat_num_1 { background-color: #d96d00; font-size: 18px; color: #FFFFFF; padding: 10px 15px 10px 15px; margin-left: 20px; margin-right: 50px;  }
.stat_num_2 { background-color: #00bffe; font-size: 18px; color: #FFFFFF; padding: 10px 15px 10px 15px; margin-left: 20px; margin-right: 50px;  }
.stat_num_3 { background-color: #00468c; font-size: 18px; color: #FFFFFF; padding: 10px 15px 10px 15px; margin-left: 20px; margin-right: 50px;  }
.stat_num_4 { background-color: #ff9325; font-size: 18px; color: #FFFFFF; padding: 10px 15px 10px 15px; margin-left: 20px; margin-right: 120px;  }


/* Карточка пользователя для руководителя */

div.block_person_info {
	background: url(tarkettacademy/icon_person_info.png) left top no-repeat; padding-left: 70px; padding-top: 0px; height: 130px; color: #05206a; font-size: 24px; text-align: left;	
}

select.large_select { font-size: 20px; height: 30px; color: #05206a; }

div.block_dop_info { background: url(tarkettacademy/icon_stats.png) left top no-repeat; padding-left: 62px; padding-top: 10px; height: auto; color: #05206a; font-size: 20px; text-align: left; height: 50px; }

div.block_dop_data {
	padding: 10px;
	padding-top: 20px;
	padding-left: 70px;
	color: #05206a; 
	font-size: 20px; 
	text-align: left;	
	line-height: 1.6em;
}

div.Course-Block { box-shadow: 0 0 10px rgba(0,0,0,1); margin: 20px; background-color: #FFFFFF; }

div.CB-Header {  background: url(tarkettacademy/icon_boss_panel_action.png) left top no-repeat; padding-left: 61px; padding-top: 10px; height: 50px;; color: #05206a; font-size: 20px; text-align: left; }

div.Custom-Todo-Block { box-shadow: 0 0 10px rgba(0,0,0,1); margin-left: 20px; background-color: #FFFFFF; width: 650px !important; }
div.custom_todo_buttons { padding: 20px 0px 30px 20px; }

a.action_button { border: 1px solid #05206a !important; height: 36px !important; color: #05206a !important; font-size: 18px !important; background-color: #FFFFFF !important; background-image: none !important; margin-right: 20px !important; padding: 10px; }
a.action_button:hover { color: #FFFFFF !important; background-color: #05206a !important; border: 1px solid #05206a !important; }

a.action_button_todo { border: 1px solid #05206a !important; height: 36px !important; color: #05206a !important; font-size: 18px !important; background-color: #FFFFFF !important; background-image: none !important; margin-right: 20px !important; padding: 10px; }
a.action_button_todo:hover { color: #FFFFFF !important; background-color: #d96d00 !important; border: 1px solid #d96d00 !important; }

div.Todo-Block-Header { padding: 20px; }
div.Todo-Block-Header td { padding-left: 0px; width: 10px; }

div.height_fixed_160 { height: 160px;  }
div.height_fixed_180 { height: 180px;  }
div.alert_block { border: 2px solid #8c0000; padding: 20px; padding-left: 120px; background: url(tarkettacademy/warning_ico.png) left top no-repeat; color: #8c0000; text-align: left; min-height: 60px; }

/* Блок Мое обучение на главной */

div.mylearning_block { margin: 5px 0px 30px 20px; width: 650px !important; padding: 0px !important; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF;  }
div.MyLearningMain {  padding: 0px !important;}
div.MyLearningMain-Header { background: url(tarkettacademy/icon_mylearning.png) left top no-repeat; padding-left: 61px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left; }

div.news_block { margin: 5px 0px 20px 20px; width: 650px !important; padding: 0px !important; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF;  }
div.NewsBlock {  padding: 0px !important;}
div.NewsBlock-Header { background: url(tarkettacademy/icon_news.png) left top no-repeat; padding-left: 62px; padding-top: 10px; height: 50px; color: #05206a; font-size: 20px; text-align: left; }

div.News-Item { border-top: 1px solid #4b4b4b; text-align: left; font-size: 18px !important; padding-top: 10px; padding-bottom: 10px !important;  }
div.News-Item .News-Date, div.News-Item .cssXPLink { font-size: 18px; font-weight: normal; }
div.News-Desc { font-size: 14px; }

tr.list_row td { text-align: left !important; padding: 0px;  border-top: 1px solid #4b4b4b; }

.my-stat-period { color: #05206a; font-size: 20px; text-align: left; padding: 10px 20px 10px 20px;}
.my-stat-data { color: #000000; font-size: 20px; text-align: left; padding: 0px 20px 10px 20px;}


.x-tool-img.x-tool-close { background-image: url(tarkettacademy/block_close.png) !important }

@media (max-width: 1200px) {
	#wt-zone-left { display: block !important; }
	div.WTCSS-menu-h { display: block !important; }
	#wt-header-logo { display: block !important; }
}

/* Авторизация */
.WTCSS-login { margin-top: 20px; width: 1000px; }

div.login-left { margin: 5px 0px 20px 20px; border: 2px solid #013467; width: 450px !important; padding: 0px !important; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF; float: left; }
div.login-right { margin: 5px 0px 20px 20px; border: 2px solid #013467; width: 450px !important; padding: 25px !important; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF; float: left; text-align: left; font-size: 16px;}

a.selfr_button { border: 1px solid #05206a !important; height: 40px !important; color: #05206a !important; font-size: 20px !important; background-color: #FFFFFF !important; background-image: none !important; padding: 8px; text-align: center; }
a.selfr_button:hover { color: #FFFFFF !important; background-color: #05206a !important; }

div.enter-button-container { text-align: center; }

input.ent-button { border: 1px solid #05206a !important; height: 40px !important; color: #FFFFFF !important; font-size: 20px !important; background-color: #05206a !important; background-image: none !important; padding: 8px; text-align: center; padding-left: 20px; padding-right: 20px; cursor: pointer; }
input.ent-button:hover { color: #05206a !important;  background-color: #FFFFFF !important; }


/* Левое меню неавторизованное */

.WTCSS-menu-vt { background-color: #FFFFFF !important; }
.WTCSS-menu-vt div.menu-wrapper { padding-left: 0px !important; }

.WTCSS-menu-vt ul li.item-closed div.item-wrapper {	background-image: none; }
.WTCSS-menu-vt ul li.item-closed div.over {	background-image: none; }

.WTCSS-menu-vt ul li.item-closed a, .WTCSS-menu-vt ul li.item.closed a:visited { display: block; text-decoration: none; text-align: left; color: #00468c; font-weight: тщкьфд; border-bottom: dotted 0px #777777; font-size: 19px; height: 100%; padding: 20px 0px 20px 0px; text-decoration: underline; }

.WTCSS-menu-vt ul li.item-open a, .WTCSS-menu-vt ul li.item.open a:visited { display: block; line-height: 22px; text-decoration: none; text-align: left; color: #FFFFFF; background-color: #00468c; font-weight: 500; border-bottom: dotted 0px #777777; padding: 20px 0px 20px 0px;  font-size: 19px; height: 100%; }

.XAML-stack-description {
    border: 1px solid #FFFFFF !important;
    background-color: #FFFFFF !important;
}

/* Карточки прохождения курса */

.course_header {
	background: url(tarkettacademy/icon_mylearning.png) left top no-repeat; padding-left: 70px; padding-top: 10px; height: 50px; color: #05206a; font-size: 24px; text-align: left; background-color: #FFFFFF;
}

.course-name {  color: #05206a; font-size: 24px; text-align: left;  }
.course-image { float: left; vertical-align: top; padding-right: 10px;  }
.course-image img { width: 250px; padding-top: 10px; padding-bottom: 10px;  }
.course-info { width: 250px; }


div.no-image div.course-type { font-size: 18px; color: #000000; }
div.no-image div.course-name { padding-top: 5px; font-size: 24px; font-weight: normal; color: #000000;}

div.course-info { padding-top: 5px; padding-bottom: 5px; }
div.course-info div.course-description { width: 350px; float: left; border: 0px solid #000000; padding-left: 0px; vertical-align: top; }
div.course-info div.course-content { width: 400px; float: left; border: 0px solid #FF0000; padding: 20px; }


div.course-h2 { text-align: left; padding: 0px; font-weight: bold; }

div.course-info div.DescBlock { background-color: #FFFFFF; }

table.ctable td.grey { background-color: #e0e0e0; font-size: 12px; text-align: left; }
table.ctable td.white { background-color: #FFFFFF; font-size: 12px; text-align: left; }

img.course_small_stars { margin: 2px; }

.vote-star-0{
	font-size: 20px;
	width: 1em;
	height: 1em;
	color: #e0e0e0;
	float: left;
}
.vote-star-1{
	font-size: 20px;
	width: 1em;
	height: 1em;
	color: #0071b6;
	float: left;
}
.vote-star-vote-0{
	font-size: 40px;
	width: 1em;
	height: 1em;
	color: #e0e0e0;
	float: left;
	cursor: pointer;
}
.vote-star-vote-1{
	font-size: 40px;
	width: 1em;
	height: 1em;
	color: #0071b6;
	float: left;
	cursor: pointer;
}

.DescBlock { background-color: #FFFFFF !important; }

tr.list_row td { padding-top: 5px; padding-bottom: 5px; }
tr.list_row_noborder td { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #000000;  vertical-align: top; }
tr.list_row_noborder td td { border-top: 1px solid #FFFFFF; }
.cssXPStackPanel.nopadding { padding-top: 0px !important; }
.cssXPStackPanel.nopadding  td {  padding-top: 0px !important; }}
.XAML-htxt {padding: 0px;}


.SR-txt { font-size: 18px; color: #05206a; }
.SR-comment { font-size: 14px; color: #FF0000; padding-top: 5px; padding-bottom: 5px }

.XAML-info-grid-title-column { text-transform: uppercase; text-align: left; }

div.al_r { text-align: right !important; }

.calendar-custom { width: 250px; }
.calendar-custom  td{ vertical-align: top; }
.calendarPanel { width: 850px }
.calendarPanel td { vertical-align: middle }

.Events-list-txt { font-size: 18px; color: #000000; padding-left: 20px; }

div.smallCalendar { margin: 5px 20px 20px 20px; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF;  }
div.smallCalendar td { vertical-align: top; }
div.calendarPanel { margin: 5px 10px 20px 0px; padding: 0px; box-shadow: 0 0 10px rgba(0,0,0,1); background-color: #FFFFFF;  }

.Event-Block { padding: 10px; }



/* Тайлы */
.spxmltileview-tile { width: 260px !important; height: 210px !important;}
.XAML-stack-tile-title-container { margin: 0px !important; padding: 16px !important; background-color: #00468c; }
.XAML-stack-tile-image-container { border-radius: 0px !important; }
.XAML-image-tile-image { width: 260px !important; height: 160px !important;  }
a.XAML-link-tile-title { color: #FFFFFF; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 230px !important; }
a.XAML-link-tile-title:hover { color: #99ccff; }

.wtx-tile-title-text  { padding: 4px; }
.wtx-tile-v2 .wtx-tile-title { background-color: #00468c  !important; height: 0.16em !important; }
.wtx-tile-desc { display: none; }

.Chart_label { font-size: 16px; font-weight: normal; text-align: center; }

.cssXP-Dialog-Window .x-window-header, .cssXPResourceFieldDialog .x-window-header, .x-message-box .x-window-header { background-color: #00468c !important;}
.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 !important;}
.cssXP-Dialog-Window  .x-btn { background-color: #00468c !important; border: 1px solid #00468c; color: #FFFFFF !important; }
.cssXP-Dialog-Window .x-btn-text, .cssXP-Dialog-Window  .x-btn-inner-default-small, .cssXP-Dialog-Window  .x-btn-inner-default-toolbar-small, .cssXP-Dialog-Window  .x-btn-no-text { color: #FFFFFF !important; }
.XAML-grid-content-hor-container  { width: 80%; }

.selfreg { margin: 0 auto; width: 500px !important; }
.selfreg2 { margin: 0 auto; width: 700px !important; }
.selfreg_as { margin: 0 auto; width: 500px !important; }

.selfreg-button { margin: 0 auto; width: 500px !important; text-align: center; }
div.reg_as { vertical-align: top; height: 52px; padding-left: 5px; padding-right: 10px; }
div.reg_as2 { vertical-align: top; height: 90px; padding-left: 5px; padding-right: 10px; text-align: right;}
div.reg_as3 { vertical-align: top; height: 160px; padding-left: 5px; padding-right: 10px; text-align: right; }
div.reg_as_button { padding-left: 0px; text-align: center; }

.x-form-trigger-wrap-default { border: 1px solid #1a4977 !important; }

div.selfreg-button .XAML-button { border: 1px solid #05206a !important; height: auto !important; color: #FFFFFF !important; font-size: 20px !important; background-color: #05206a !important; background-image: none !important; }
div.selfreg-button .XAML-button .x-btn-inner { color: #FFFFFF !important; font-size: 20px; padding: 10px;  }
div.selfreg-button .XAML-button:hover { color: #05206a !important;  background-color: #FFFFFF !important; }
div.selfreg-button .XAML-button:hover .x-btn-inner { color: #05206a !important; }

.pr_10 { margin-left: 70px !important; }