/* Стили для отображения статуса проектов */
#my-page .st_archive { /* Status Archive */
	font-weight: bold;
	color: #808080 !important;
}
#my-page .st_develop { /* Status Develop */
	font-weight: bold;
	color: #bf6000 !important;
}
#my-page .st_frozen { /* Status Frozen */
	font-weight: bold;
	color: #000080 !important;
}
#my-page .st_product { /* Status Product */
	font-weight: bold;
	color: #008000 !important;
}
#my-page .st_expiry { /* Status Expired */
	font-weight: bold;
	color: #bf9000 !important;
}
#my-page .st_prohibit { /* Status Prohibited */
	font-weight: bold;
	color: #cc0000 !important;
}
#my-menu .fa-circle, #search-container .fa-circle {
	font-size: 7pt;
}
#my-menu .fa-circle.st_expiry, #search-container .fa-circle.st_expiry, table.prj-list .fa-circle.st_expiry {
	color: #bf9000;
	text-shadow: 0 -4px 8px #bf9000;
}
#my-menu .fa-circle.st_prohibit, #search-container .fa-circle.st_prohibit, table.prj-list .fa-circle.st_prohibit {
	color: #cc0000;
	text-shadow: 0 -4px 8px #cc0000;
}
#my-menu .fa-circle.st_archive, #search-container .fa-circle.st_archive, table.prj-list .fa-circle.st_archive {
	color: #808080;
	text-shadow: 0 -4px 8px #808080;
}
#my-menu .fa-circle.st_develop, #search-container .fa-circle.st_develop, table.prj-list .fa-circle.st_develop {
	color: #bf6000;
	text-shadow: 0 -4px 8px #bf6000;
}
#my-menu .fa-circle.st_frozen, #search-container .fa-circle.st_frozen, table.prj-list .fa-circle.st_frozen {
	color: #000080;
	text-shadow: 0 -4px 8px #000080;
}
#my-menu .fa-circle.st_product, #search-container .fa-circle.st_product, table.prj-list .fa-circle.st_product {
	color: #008000;
	text-shadow: 0 -4px 8px #008000;
}
table.prj-list .fa-circle {
	font-size: 10px;
}
.content-blur { /* Blur page content */
	filter: blur(2px);
}

#menu-prj-Hp_Generator .fa {
	color: #9c9c9c;
}

  span.head_table { /* Status Product */
	font-style: italic;
	font-size: 10.5pt;
	color: rgb(50, 98, 129); /*02436F*/
	font-weight: bold;
  }
  span.hint_ver { /* Status Product */
    color: #808080;
  }
  span.content_table { /* Status Product */
	text-align: left;
	font-size: 10pt;
	color: black;
  }

  table.TableBody {
	border-collapse: collapse;  
  }
  td.TableCell {
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid rgb(216, 216, 216);
	border-top: 1px solid rgb(216, 216, 216);
	font-size: 10pt;
	color: #3a3a3a;
  }
  td.TableCellNoBrd {
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	border: none;
	font-size: 10pt;
	color: #3a3a3a;
  }
  td.TableCellBBrd {
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid rgb(216, 216, 216);
	font-size: 10pt;
	color: #3a3a3a;
  }
  td.TableCell.Selected {
	background-color: #83b5e4;
  }
  /*tr:hover {
	background-color: #dfe4e7;
  }*/
  th.TableCell {
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 2px solid rgb(216, 216, 216);
	border-top: 2px solid rgb(216, 216, 216);
	font-size: 10pt;
	font-weight: bold;
	color: #706c6c;
	background-color: #b9b9b9;
	text-align: left;
 }
  td.TableCellControls {
	padding-left: 10px;
  }
  td.TCQuantity {
	text-align: center;
  }
  /* Ячейки таблицы поиска */
  td.SearchTableCell {
	padding: 0px;
	border: none;
	font-size: 10pt;
  }

  .cont_hyperlink { /* Hyperlink */
	font-size: 10pt;
    color: #035998;
    text-decoration: underline;
  }
  .para_table { /* Paragraph for table content */
     margin: 0px 0px 0px 5px;
  }
  .para_head { /* Paragraph for head */
	text-align: left;
	margin: 0px 0px 4px 0px;
  }
  .para_table_title { /* Paragraph normal */
	font-size: 10pt;
 	margin: 0px 0px 0px 5px;
	font-weight: bold;
	color: #706c6c;
  }
  .para_normal { /* Paragraph normal */
	text-align: left;
  }
/* Ссылки */
a:link, .fa-link {
	color: #035998;
	text-decoration: none;
}
a:visited {
	color: #035998;
	text-decoration: none;
}
.content a:hover, .modal-container a:hover, .modal-container a:hover>i {
	color: #0081dd;
	text-shadow: 1px 1px 3px rgb(202, 180, 211);
	text-decoration: none;
}
a:active {
	color: #7c007c;
	text-decoration: none;
}
/* Декорация ссылки (при переходе между ссылками с помощью клавиатуры) */
#my-content a:focus {
	border: 1px dotted red;
	background-color: rgb(228, 180, 180);
}

/* ����� ��� ������, ���������� � HelpNDoc */
.rvps3 { /* Status Develop */
	text-align: left;
	line-height: 80%;
	}
.rvps11 { /* Status Develop */
	text-align: left;
	line-height: 80%;
	}
.rvts31 { /* ������������ ����� JSON */
	color: #a60202;
	}
span.rvts25 { /*������� ����� */
	color: black;
	line-height: 120%;
	margin-top: 6px;
	}
.rvts25 { /*������� ����� */
	color: black;
	line-height: 75%;
	}
.rvts26 { /* ���� ������� */
	color: #730a0a;
	}
.rvts27 { /* �������� ���������� ���� Boolean */
	color: #0400ff;
	}
.rvts28 { /* �������� �������� */
	color: #a17316;
	}
.rvts33 { /* ����������� */
	color: #387843;
	}
.rvts35 { /* ����������� */
	color: #387843;
	}
.rvts30 { /* ������������ �������� � ������ */
	color: #5e1d5c;
	}

/* Элементы ??? */
.box1, .box2, .box3 {
	margin: 10px;
	padding: 20px 10px;
	display: inline-block;
	vertical-align: top;
}
.box1 {
	width: 20%;
}
.box2 {
	width: 70%;
}

/* Блок-схемы (картинки) в разделе справки */
.block-scheme-1 {
	padding: 1px; 
	max-width: 800px;
	margin: auto;
}
.block-scheme-2 {
	padding: 1px; 
	max-width: 1600px;
	margin: auto;
}

/* Контрольная сумма файла документации и кнопка для ее вывода, кнопка просмотра BOM */
.hashBtn, .viewBtn {
	padding: 1px 4px 1px 4px;
	height: 18px;
	line-height: 10px;
	border-radius: 4px;
	border: 1px solid black;
}
.hashBtn:hover, .viewBtn:hover {
	background-color: rgb(100, 160, 230);
	box-shadow: 0 0 5px 1px #5e735f;
}
.hashDiv, .docLink {
	display: inline-block;
}
.hashDiv {
	margin: 0 0 0 10px;
}

/* Плавающая кнопка прокрутки наверх */
.float-btn {
	z-index: 9999;
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 40px;
	right: 40px;
	background-color:#007d8e;
	color:#FFF;
	border-radius: 50px;
	text-align: center;
	box-shadow: 2px 2px 3px #999;
	font-size: 20pt;
	border: none;
	padding: 0;
	cursor: pointer;
	opacity: .0;
	transition: opacity .5s;
}

.float-btn-up {
	margin-bottom: 6px;
	color: #eee;
}

.load-spinner {
	position: absolute;
	bottom: -200px;
	left: 50%;
}
.load-spinner > .fa {
	color: #955ba5;
	/*background-color: rgb(216, 216, 216);*/
}

/* Оформление всплывающей подсказки для статусов проектов */
.tooltip-toggle {
	border: none;
	/*background-color: #83b3d3;*/
	padding: 0;
	margin: 0;
	display: block;
  }

.tooltip-icon {
	width: 1px;
	height: 9px;
	color: #83b3d3;
	display: block;
}
  
.tooltip-toggle:hover .tooltip-icon {
	color:#68a2ca;
}

.tooltip {
	position: absolute;
	margin-top: 4px;
	margin-left: 12px;
	width: 25px;
	height: 25px;
}

.tooltip-text {
	font-family: "PT Sans", sans-serif; /* Шрифт текста */
	background-color: #555454; /* Цвет фона */
	color: #FFFFFF; /* Цвет текста */
	font-size: 14px; /* Размер текста */
	line-height: 20px; /* Высота строки */
	font-weight: 400; /* Жирность текста */
	text-transform: none; /* Преобразование текста */
	padding: 8px 8px 8px 8px; /* Отступы внутри элемента */
	border-radius: 10px; /* Скругление углов */
	/*width: 420px; /* Ширина элемента */
	position: absolute; /* Позиционирование элемента */
	bottom: 100%; /* Расположение элемента относительно нижнего края */
	left: 50%; /* Расположение элемента относительно левого края */
	z-index: 1; /* Настройка наложения элемента */
	transform: translateX(-100%); /* Сдвиг элемента по горизонтали */
	transform: translateY(100%); /* Сдвиг элемента по вертикали */
	display: none; /* Скрываем элемент по умолчанию */
	opacity: 0.8;
}

.tooltip-toggle:hover + .tooltip-text,
.tooltip-toggle:focus + .tooltip-text {
  display: block;
}

span.tooltip-text > table td {
	padding: 0px 8px 0px 8px;
	text-overflow: ellipsis;
    white-space: nowrap;
}