body, html {
height:100%;
}

/* Для HTML задается базовый размер шрифта, 
чтобы можно было ставить размер в единицах rem относительно него */
html {
font-size:14pt;
}

body {
background:#FFF;
color:#000; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14pt; 
}

td, pre {
color:#000; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14pt; 
margin:10pt;
}

.record-name-font
{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 18pt; /* font-size: 1.3rem; */
font-weight: bold;
margin-top:    2pt;
margin-bottom: 3pt;
color: #6a8fb5;
}

/* div.record-name-font:first-letter , td.tree-item-title:first-letter , li.tree-note-title:first-letter */
div.record-name-font:first-letter
{
text-transform: capitalize;
}

.record-ctime-font
{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10pt; 
color: #111111;
}

.header-big-font
{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:15.75pt; 
font-weight:bold;
}

.header-middle-font
{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12.32pt; 
}

.header-min-font
{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10pt; 
margin: 3pt;
}

p, span {
margin: 0;
padding: 0;
}

a img {
border: none;
}

#recordContent img
{
  /* display: block; */
  width: auto;
  height: auto;
  max-width: 100%;
}


.noteText
{
  word-break: break-word; /*non-standart, but working in all browser */

  /* В MyTetra используется DejaVu Sans по-умолчанию, а для Windows/Macos
  нужно указывать семество шрифтов. Подробности здесь:
  https://mpbox.ru/html-and-css-tricks/typographics/safe-fonts-part2/ */
  font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
}

.noteText p, .noteText li 
{
  white-space: pre-wrap; 
  overflow-wrap: break-word; 
  word-wrap: break-word;
}

.noteText p 
{
  min-height: 1em;
}

.text_font_mini
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  vertical-align: middle;
  color: black;
}

/* Блок для MyTetraShare */
.saapee_block
{
  width: 198px;
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word;
}

span.hlight
{
  color: blue;
  text-decoration: underline;
  text-decoration-style: dotted;
  cursor: pointer; /* Курсор будет меняться на указатель при наведении */
}

div#popoverWindow.popover
{
  display: none;
  position: absolute;
  /* position: fixed; */
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

/* Только для мобильных устройств. Coarse - грубый указатель, т. е. палец */
@media only screen and (pointer: coarse)
{
  span#popoverContent, button#closePopover
  {
    /* font-size:28pt; */
    font-size: 3rem;
  }

  button#closePopover
  {
    margin-top: 1.5rem;
  }
}