@font-face {
 font-family:MazdaTypeCyrillicRegular;
 src:url("/tpl/mazda-csd.ru/files/fonts/MazdaTypeCyrillic-Regular.otf") format("opentype");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:MazdaTypeCyrillicBold;
 src:url("/tpl/mazda-csd.ru/files/fonts/MazdaTypeCyrillic-Bold.otf") format("opentype");
 font-weight:700;
 font-style:normal
}
@font-face {
 font-family:MazdaTypeCyrillicMedium;
 src:url("/tpl/mazda-csd.ru/files/fonts/MazdaTypeCyrillic-Medium.otf") format("opentype");
 font-weight:400;
 font-style:normal
}

body {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;

}
body, table, td, p, div {
	font-family: MazdaTypeCyrillicRegular, verdana, Arial, helvetica, sans-serif;
	font-size: 14px;
}
A {
	text-decoration : none;
	color: #008BBE;
}
A:hover {
	color: #386963;
}


/* Таблица главной страницы */

.homeTable {
	border-collapse: collapse;
	width:700px;
}
.homeTable td {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	vertical-align: top;
}
.homeTable td.head {
	font-weight: bold; 
	color: #008bbe;
	width:200px;
}
.homeTable td.section {
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	padding-top: 10px;
}
.homeTable td.sectionFirst {
	border-top: 1px solid transparent;
}
.homeTable td.section a {
	font-weight:bold;
	color:#008bbe;
}

/* Таблица главного меню */
.MainMenu {
	margin-top: 6px;
	font-family: MazdaTypeCyrillicRegular, verdana, Arial, helvetica, sans-serif;
	font-size: 11px;
	width: 128px;
}
.MainMenu TD {
	height: 20px;
}

/* Пункт главного меню в обычном состоянии */
.Item {
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}
.Item A {
	color: #ffffff;
	font-size: 12px;
}

.ItemSection {
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.ItemLight {
	background-color:#505050;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}
.ItemLight A {
	color: #ffffff;
	font-size: 12px;
}

/* Пункт гланого меню при наводе мышки */
.Item:hover, .ItemLight:hover {
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #262626;
	font-size: 12px;
}
.Item:hover A, .ItemLight:hover A {
	color: #ffffff;
	font-size: 12px;
}

/* Активный пункт главного меню */
.ActiveItem {
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #ffffff;
	color: #262626;
	font-size: 12px;
	font-weight: bold;
}

/* Путь */
.way {
	font-family: MazdaTypeCyrillicRegular, verdana, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #386963;
}
.way A {
	color: #386963;
}
.way IMG {
	margin-right: 4px;
}
.way A:hover, .wayActiveItem {
	color: #B3CCCC;
}

/* Главный заголовок */
H1 {
	margin-top: 13px;
	margin-bottom: 18px;
	font-family: MazdaTypeCyrillicMedium, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #B2CCCC;
}
/* Главный заголовок администрирования */
H2 {
	margin-top: 15px;
	margin-bottom: 18px;
	font-family: MazdaTypeCyrillicMedium, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #B2CCCC;
}
/* Текст контента */
.ContentText {
	margin-bottom: 20px;
	font-family: MazdaTypeCyrillicRegular, verdana, Arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #666666;
}

/* Логин Форма */
/* Только на странице логина */
.LoginForm {
	margin-top: 50px;
}
.LoginForm TD {
	padding-right: 11px;
	font-family: MazdaTypeCyrillicRegular, verdana, Arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
	color: #666666;
}
/*Поле ввода Логина, Пароля*/
.inputLoginForm {
	width: 169px;
	height: 20px;
	border: 1px solid #B3CCCC;
	color: #666666;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
}
/* Поле ввода имени папки */
.inputRenameFolder {
	height: 18px;
	width: 497px;
	border: 1px solid #666666;
	color: #666666;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
	font-weight: bold;
}
/* Поле ввода имени файла*/
.inputRenameFile {
	height: 18px;
	width: 497px;
	border: 1px solid #666666;
	color: #666666;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
}
/* кнопка Логин Формы (Ok) */
.bt {
	width: 35px;
	height: 20px;
	background-color: #0099CC;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 12px;
	font-weight: bold;
	color: #8FD2E9;
	vertical-align: top;
	border-width: 0px 0px 0px 0px;
}

/* кнопки Формы */
.button {
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	background-color: #0099CC;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 12px;
	font-weight: bold;
	color: #8FD2E9;
	vertical-align: top;
	border-width: 0px 0px 0px 0px;
}

/* Список папок, список файлов */
table.listFolder TR.listFolderTr, table.listFile TR.listFileTr {
	background-color: #ffffff;
}
table.listFolder TR.listFolderTr:hover, table.listFile TR.listFileTr:hover {
	background-color: #E2F4F4;
}

.listFolder, .listFile {
	margin-left: 22px;
}
.listFolder TD, .listFile TD {
	height: 20px;
	font-size: 14px;
	vertical-align: middle;
	padding: 3px 0 3px 0;
}
.listFolder A {
	color: #0999CD;
}
.listFile A {
	font-family: MazdaTypeCyrillicRegular, verdana, Arial, helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}
.listItemHighlighted A{
	color:red;
}

.arrowList {
	margin-left: 3px;
	margin-right: 4px;
	border-width: 0px;
}

.adminNavImg {
	margin-right: 10px;
	border-width: 0px;
}
/*
* Admin-dealers
*/
.dealerTable TD {
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
    padding: 2px;
}
.dealerTable A {
	color: #000000;
}
.dealerTable A:hover {
	color: #386963;
}
.dealersTbHd {
	background-color: #8cd2ed;
	font-weight: bold;
	height: 24px;
}
.extra {
    color: gray;
    font-style: italic;
}
.dealersTbHd .extra {
    font-weight: normal;
}
.dealersTbBg0 {
	background-color: #FFFFFF;
	height: 22px;
}
.dealersTbBg01 {
	background-color: #F5FFFF;
    font-size: 12px !important;
}
.dealersTbBg01 span {
	color: #666;
}
.dealersTbBg1 {
	background-color: #E2F4F4;
	height: 22px;
}
.dealersTbBg2 {
	background-color: #EDFEFE;
	height: 22px;
}
.dealersTbBg9 {
	background-color: #EFEFEF;
	height: 22px;
}
.controlLinks {
  white-space: nowrap;
  text-align: left;
  padding-left: 5px;
}
.inputSearch {
	height: 18px;
	width: 300px;
	border: 1px solid #666666;
	color: #666666;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
}
#company_search td {
    padding-right: 3px;
}
.controlBtnView {
    width: 10px;
    height: 9px;
    border: 0;
    background-image: url(/tpl/mazda-csd.ru/files/images/view-page-but.gif);
    display: inline-block;
}
.controlBtnView:hover {
    background-image: url(/tpl/mazda-csd.ru/files/images/view-page-but-over.gif);
    cursor: pointer;
}
.controlBtnEmpty {
    width: 10px;
    height: 9px;
    border: 0;
    display: inline-block;
}

/*
* Admin-profile, Admin-AddDealer
*/
.profileTable TD {
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
}
.profileInput, .profileSelect {
	border: 1px solid #7f9db9;
	height: 22px;
	width: 100%;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
}
.profileTextArea {
	border: 1px solid #7f9db9;
	width: 320px;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
}
.profileBtAdd {
	background-color: #8CD2ED;
	border: 1px solid #E2F4F4;
	width: 100px;
}
.profileTable TEXTAREA {
	border: 1px solid #7f9db9;
	width: 100%;
	height: 70px;
}

.profileTbHd {
	background-color: #8CD2ED;
	width: 178px;
    padding-left: 3px;
}
.profileTbBg {
	background-color: #E2F4F4;
    padding: 3px;
}

.messageTable TD {
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
}
.messageTable TEXTAREA {
	border: 1px solid #7f9db9;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 13px;
}





/* --- etas profile --- */
.sectionList {
	padding-top:20px;
}
.divList {
	border: 1px gray dashed;
	border-radius: 20px;
	margin: 5 0 5 0;
	float: left;
	padding: 20px 10px 20px 10px;
}
.noticeBox {
	background-color: #e9ffff;
	color: #fc0000;
	width: 700px;
	padding: 20px 30px 30px 30px;
	margin-bottom: 30px;
}
.noticeBox .head {
	font-size:22px;
	font-weight: bold;
	font-family: verdana, Arial, helvetica, sans-serif;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}
.noticeBox .noticeText {
	font-style: italic;
}
.tblList {
	padding: 5 0 5 0;
}
.trListHead td {
	background-color: #8cd2ed;
	font-weight: bold;
	height: 24px;
	padding-left: 5px;
}
.trListItem td {
	background-color: #E2F4F4;
	height: 22px;
	padding-left: 5px;
}
.trListItem2 td {
	background-color: #EDFEFE;
	height: 22px;
	padding-left: 5px;
}
.trListItem9 td {
	background-color: #EEEEEE;
	height: 22px;
	padding-left: 5px;
}
.tdGray {
	background-color: #EEEEEE !important;
}
.profileInfo {
	font-size:13px;
	position: relative;
}
.profileInfo .head {
	font-weight: bold;
}
.profileListHead {
	font-size:13px;
	font-weight: bold;
	float: left;
}
.toggle {
	font-size: 10px;
	text-decoration : underline;
	color: #008BBE;
	float: left;
	padding-left: 30px;
	padding-top: 3px;
    cursor: pointer;
}
.toggle:hover {
	color: #386963;
}
.cleaner {
	clear: both;
}
.divPrint {
	margin: 20 0 30 0;
    cursor: pointer;
}

/* YU_FIX_20140730 */
#idStaffTotalControl {
  padding: 20px 0 25px 18px;
}
#idStaffTotalControl input[type="text"] {
  height: 18px;
  width: 50px;
  border: 1px solid #666666;
  font-family: verdana;
  font-size: 12px;
  margin-left: 10px;
}
#idStaffTotalControl .bigValue {
  font-size: 25px;
  padding-left: 10px;
}
#idStaffTotalControl .bigValueRed {
  font-size: 25px;
  color: red;
  padding-left: 10px;
}

/* Dealer Profile page */
#dpCourse {
	border-collapse: collapse;
}
#dpCourse th {
	padding: 5px;
}
#dpCourse .clickable {
	text-decoration: underline;
}

.dpThTop th {
	font-size: 13px;
}
.dpTh th {
	font-weight: normal;
	font-style: italic;
}
.dpTd td {
	text-align: center;
	padding: 5px;
}
.dpRight {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.dpLeft {
	border-bottom: 1px solid #dddddd;
}

.clsDealerGroupControl {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #386963;
  margin: 3px;
  padding: 5px;
}
.clsDealerGroupControlListItem {
  font-size: 10px;
  text-decoration: underline;
  color: #008BBE;
  cursor: pointer;
}
.clsDealerGroupControlListItem:hover {
  color: #386963;
}
/* --/-- Dealer Profile page */

.controlForm
{
	position: absolute; 
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #386963;
	margin: 3px;
	padding: 10px;
}

/* ---- Employee Profile page */
#idEmFotoHolder {
  position: relative;
  float: right;
  margin-top: 20px;
}
#idEmFoto {
  width: 150px;
  height: 150px;
  overflow: hidden;
  border: 1px solid #B2CCCC;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #B2CCCC;
}
#idEmFotoControl {
	z-index: 11;
	top: 0px; 
	left: -150px; 
	width: 250px; 
}

#idAgeControl
{
	display:inline;
}
#idAgeControlForm
{
	z-index: 1;
	top: 0px; 
	left: 65px; 
	width: 200px; 
}

#idDateHiredControl {
	display: inline;
}
#idDateHiredControlForm {
	z-index: 1;
	top: 0px; 
	left: 180px; 
	width: 230px; 
}

#idDateFiredControl {
	display: inline;
}
#idDateFiredControlForm {
	z-index: 1;
	top: 0px; 
	left: 180px; 
	width: 230px; 
}

#idPositionInfo, #idPositionName
{
	display:inline;
}
#idPositionControl
{
	display:inline;
}

#idPositionForm
{
	z-index: 3;
	top: 0px; 
	left: 90px; 
	width: 350px; 
}

#idDeptControl
{
	display:inline;
}
#idDeptControlForm
{
	z-index: 2;
	top: 0px; 
	left: 65px; 
	width: 300px; 
}

#idAccessRoleControl
{
	display:inline;
}
#idAccessRoleControlForm
{
	z-index: 12;
	top: 0px; 
	left: 135px; 
	width: 250px; 
}

#idAccessLoginControl
{
	display:inline;
}
#idAccessLoginControlForm
{
	z-index: 13;
	top: 0px; 
	left: 50px; 
	width: 330px; 
}

#idAccessPasswordControl
{
	display:inline;
}
#idAccessPasswordControlForm
{
	z-index: 13;
	top: 0px; 
	left: 60px; 
	width: 330px; 
}

#idCRControlForm
{
	z-index: 1;
	top: 0px; 
	left: 65px; 
	width: 300px; 
}

/* --/-- Employee Profile page */


/* ----------- */
.pages {
	font-size: 12px;
}
sup {
	color:red;
}
HR {
	color: #8CD2ED;
	height: 1px;
	margin: 0px 0px 1px 0px;
	border-width : 0px 0px 1px 0px;
}
.hiddenSpace, .searchHidden {
	visibility:hidden; 
	z-index:100; 
	position:absolute; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	display:none;
}
.visibleSpace, .searchVisible {
	width:auto; 
	height:auto; 
	overflow:visible;
	visibility:visible;
	display:inline;
}
.comment, TD .note {
	font-size:12px;
	color:grey;
}

.paddingTop {
	padding-top : 10px;
}

.ts {
	padding:0px;
}

.inputSearchbezborder {
	height: 18px;
	width: 200px;
	border: 0px solid #666666;
	color: #666666;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 13px;
}

.textareaSearch {
	width: 300px;
	border: 1px solid #666666;
	color: #666666;
	font-family: MazdaTypeCyrillicRegular, verdana;
	font-size: 14px;
}

/**/
.flynoteHidden {
	position:absolute; 
	z-index:2; 
	visibility:hidden; 
	display:none;
	top:0; 
	left:30; 
	width:0px; 
	height:0px;
}

.flynoteVisible {
	position:absolute; 
	z-index:2; 
	visibility:visible; 
	top:-50; 
	left:20; 
	width:0px; 
	height:0px;
	font-weight:normal;
}

/**/
.submenuHidden {
	position:absolute; 
	z-index:99; 
	visibility:hidden; 
	display:none;
	top:0; 
	left:30; 
	width:0px; 
	height:0px;
}
.submenuVisible {
	position:absolute; 
	z-index:99; 
	visibility:visible; 
	top:-13; 
	left:-15; 
	width:200px; 
	height:0px;
	font-weight:normal;
	overflow:visible;
}

/**/
.qualityOnCloseHidden {
	position:absolute; 
	z-index:2; 
	visibility:hidden; 
	display:none;
	top:0; 
	left:0; 
	width:0px; 
	height:0px;
}

.qualityOnCloseVisible {
	position:absolute; 
	z-index:2; 
	visibility:visible; 
	top:9; 
	left:0; 
	width:0px; 
	height:0px;
	font-weight:normal;
}


#idSectionLeft {
    max-width: 1100px;
    width: 95%;
}


.filterForm
{
}
.filterItem
{
	padding: 0 10px 20px 0;
	float: left;
	display: inline-block;
}
.filterItemTitle
{
	padding: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
}
.filterInputTextDate
{
	width: 75px;
	height: 20px;
}
#filterStates {
	padding-top: 15px;
	padding-left: 20px;
}

.linkArrow {
  display: block;
  color: #0999CD;
  margin-bottom: 10px;
  width: 400px;
  padding: 2px;
}
.linkArrow::before {
  content: url(/tpl/mazda-csd.ru/files/images/arrow_for_folder.gif);
  padding-right: 5px;
}
.linkArrow:hover {
  background-color: #E2F4F4;
}


/* --- folding */
.folding {
    width: 100%;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.folding div {
    display: inline-block;
    box-sizing: border-box;
    height: 24px;
    margin: 0px;
    padding: 3px 0;
    border-bottom: 1px solid #8cd2ed;
}
.folding div.folding-item {
    border: 1px solid #8cd2ed;
    padding: 3px 30px;
}
.folding div.folding-item.folding-active {
    border-bottom: 1px solid #ffffff;
}
.folding div.folding-left {
    width: 20px;
}
.folding div.folding-spacer {
    width: 20px;
}
.folding div.folding-right {
    width: 100%;
}
/* -/- folding */