/*непечатать!*/
@media print {
.noprint{display:none;}
}

/*шторка белая*/
.shtora1 {
position:fixed;
background:#ffffff;/*цвет фона*/
top:0px;
left:0px;
right:0px;
bottom:-50px;
opacity:0.9;/*прозрачность*/
z-index:2;/*z-слой*/
}

/*бирка*/
.birka1 {
position:fixed;
background:#ffff00;/*цвет фона*/
border:2px solid #008800;/*параметры рамки*/
border-radius:5px;/*радиус скругления углов*/

top: 25%;/*верхняя граница*/
left:30%;/*левая граница*/
right:30%;/*правая граница*/

font-family:Arial, Helvetica;/*гарнитура шрифта */
z-index:3;/*z-слой*/
}

/*кнопки ESC OK в форме*/
.knopka1 {
position:absolute;
background:#ffff00;/*цвет фона*/
width:;/*Ширина блока*/
height:20px;/*Высота блока*/
line-height:20px;/*межстрочный интервал*/
border:1px solid #008800;/*параметры рамки*/
border-radius:10px;/*радиус скругления углов*/

font-family:Arial, Helvetica;/*гарнитура шрифта*/
font-size:10px;/*размер шрифта*/
font-weight:900;/*жирность текста 100-900*/
color:#008800;/*цвет шрифта*/
text-align:center;/*выравнивание текста*/

cursor:pointer;/*вид курсора*/
z-index:3;/*z-слой*/
}

/*параметры кнопки инпут отправки формы "натягиваем инпут на див"*/
.knopka1 input {
position:absolute;/*абсолютно размещаем input поверх*/
top:0;
left:0;
width:100%;/*input должен занимать всю область*/
height:100%;
border:none;
opacity:0;/*делаем кнопку полностью прозрачной*/
cursor:pointer;
z-index:4;/*z-слой больше, чем у других частей кнопки*/
}

/*абсолютный блок*/
.blok1 {
position:absolute;
background:#ffff00;/*цвет фона*/
border:2px solid #008800;/*параметры рамки*/
border-radius:5px;/*радиус скругления углов*/
padding:0px;/*внутренние поля*/

font-size:12px;/*размер шрифта*/
font-weight:500;/*жирность текста 100-900*/
color: #000000;/*цвет шрифта*/
font-family:Arial, Helvetica;/*гарнитура шрифта*/
}


/*блоки в таблице*/
.blokvtab1 {
position:;
width:;
height:;/*Высота блока*/

background:#ffffff;/*цвет фона*/
border:1px solid #008800;/*параметры рамки*/
border-radius:5px;/*радиус скругления углов*/
padding:1px;/*внутренние поля*/
margin-top:1px;/*внешние поля*/
margin-bottom:1px;/*внешние поля*/
margin-left:1px;/*внешние поля*/
margin-right:1px;/*внешние поля*/

line-height:25px;/*межстрочный интервал*/
font-size:10px;/*размер шрифта*/
font-weight:500;/*жирность текста 100-900*/
color: #000000;/*цвет шрифта*/
font-family:Arial, Helvetica;/*гарнитура шрифта*/

cursor:;/*вид курсора pointer*/
}

/*блоки в таблице2*/
.blokvtab2 {
position:;
width:;
height:25px;/*Высота блока*/

background:#ffffe0;/*цвет фона*/
border:1px solid #000000;/*параметры рамки*/
border-radius:5px;/*радиус скругления углов*/
padding:1px;/*внутренние поля*/
margin-top:1px;/*внешние поля*/
margin-bottom:1px;/*внешние поля*/
margin-left:1px;/*внешние поля*/
margin-right:1px;/*внешние поля*/

line-height:25px;/*межстрочный интервал*/
font-size:12px;/*размер шрифта*/
font-weight:500;/*жирность текста 100-900*/
color: #000000;/*цвет шрифта*/
font-family:Arial, Helvetica;/*гарнитура шрифта*/

}

/*кнопка верхнего меню*/
.knopkamenu1 {
position:;
width:;
height:30px;/*Высота блока*/

background:#C0C0C0;/*цвет фона*/
border:1px solid #008800;/*параметры рамки*/
border-radius:1px;/*радиус скругления углов*/
padding:1px;/*внутренние поля*/
margin-top:1px;/*внешние поля*/
margin-bottom:1px;/*внешние поля*/
margin-left:0px;/*внешние поля*/
margin-right:0px;/*внешние поля*/

line-height:30px;/*межстрочный интервал*/
font-size:12px;/*размер шрифта*/
font-weight:500;/*жирность текста 100-900*/
color: #000000;/*цвет шрифта*/
font-family:Arial, Helvetica;/*гарнитура шрифта*/

cursor:pointer;/*вид курсора*/
z-index:2;
}

/*выпадающий список*/
.spisok1 {
position:absolute;
background: #ffffff;/*цвет фона*/
border: 1px solid #000000;/*параметры рамки*/
border-radius:5px;/*радиус скругления углов*/
padding: 1px;/*внутренний отступ*/
font-size:8px; /*размер шрифта*/

z-index: 4; /* z-слой */
}

/*поле ввода*/
.polevvoda {
position:static;
width:;
height:25px;
margin:1px;
border:1px solid #008800;
border-radius:5px;
/*background:#ff4500;*/
background:#adff2f;
padding-left:3px;
padding-right:3px;
line-height:25px;
font-size:13px;
font-weight:900;
font-style:normal;
/*opacity:0.5;*/
}

/*таблица*/
.tabl {
width: 100%; /* ширина таблицы */
border-collapse: collapse; /* убираем двойные линии между ячейками */
padding: 3px; /* Поля вокруг содержимого таблицы */
border: 1px solid black; /* Параметры рамки */
text-align: center; /* Выравнивание текста */
font-size:14px; /* размер шрифта */
font-weight:500; /* жирность текста 100-900 */
color: black; /* цвет шрифта */
font-family: Arial, Helvetica; /*гарнитура шрифта */
font-style:normal; /*normal-нормальный italic-курсив oblique-наклонный */
}

/*таблица2*/
.tabl2 {
width: 100%; /* ширина таблицы */
border-collapse: collapse; /* убираем двойные линии между ячейками */
padding: 3px; /* Поля вокруг содержимого таблицы */
border: 1px solid black; /* Параметры рамки */
text-align: center; /* Выравнивание текста */
font-size:9px; /* размер шрифта */
font-weight:500; /* жирность текста 100-900 */
color: black; /* цвет шрифта */
font-family: Arial, Helvetica; /*гарнитура шрифта */
font-style:normal; /*normal-нормальный italic-курсив oblique-наклонный */
}


/*блоки в таблице*/
.blokvtabkart {
position:;
width:;
height:100%;/*Высота блока*/

background:#ffff00;/*цвет фона*/
border:2px solid #008800;/*параметры рамки*/
border-radius:5px;/*радиус скругления углов*/
padding:5px;/*внутренние поля*/
margin-top:1px;/*внешние поля*/
margin-bottom:1px;/*внешние поля*/
margin-left:1px;/*внешние поля*/
margin-right:1px;/*внешние поля*/

/*line-height:25px;/*межстрочный интервал*/
font-size:10px;/*размер шрифта*/
font-weight:500;/*жирность текста 100-900*/
color: #000000;/*цвет шрифта*/
font-family:Arial, Helvetica;/*гарнитура шрифта*/

cursor:;/*вид курсора*/
}


/*мигающая надпись*/
.blink {
  animation-name: blinker;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-duration: 2s;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 2s;
}
 
@keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
 
@-webkit-keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}






/*блоки с всплывающей подсказкой в таблице*/
.blokvtab3 {
position:;
width:;
height:25px;/*Высота блока*/

background:#ffffff;/*цвет фона*/
border:1px solid #FFFFFF;/*параметры рамки*/
border-radius:5px;/*радиус скругления углов*/
padding:1px;/*внутренние поля*/
margin-top:1px;/*внешние поля*/
margin-bottom:1px;/*внешние поля*/
margin-left:1px;/*внешние поля*/
margin-right:1px;/*внешние поля*/

line-height:25px;/*межстрочный интервал*/
font-size:10px;/*размер шрифта*/
font-weight:500;/*жирность текста 100-900*/
color: #000000;/*цвет шрифта*/
font-family:Arial, Helvetica;/*гарнитура шрифта*/

}

/*ВСПЛЫВАЮЩАЯ ПОДСКАЗКА*/
.tooltip { /* стиль текста, наведя или нажав на который появится пояснение */
  display: inline-block;
  position: relative;
  background: ; /* цвет фона */
  text-indent: 0px;
  cursor: help; /* вид курсора */
}
.tooltip > span { /* стиль появляющейся подсказки */
  position: absolute;
  bottom: 100%;
  left: -20em; /* = max-width */
  right: -20em; /* = max-width */
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;  /* ширина подсказки может быть не более содержимого */
  max-width: 20em;  /* ширина подсказки может быть не более 20em */
  max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
  overflow: auto;
  visibility: hidden;
  margin: 0 auto .4em; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */
  padding: .3em;
  
  border:4px solid #FF0000;/*параметры рамки*/
  border-radius:5px;/*радиус скругления углов*/
  font-size: 10px;
  background: #FFFFFF;
  line-height: normal;
  cursor: auto;
}
.tooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
  content: "";
  position: absolute;
  top: -.4em;
  left: 0;
  right: 0;
  height: .4em;
  visibility: hidden;
}
.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  transition: 0s .4s;
}
.tooltip:focus { /* убрать рамку в Хроме */
  outline: none;
}
.tooltip.anim > span,
.tooltip.anim:after { /* анимация */
  opacity: 0;
  transform: translateY(1.5em) scale(.3);
  transform-origin: center bottom;
}
.tooltip.anim:after {
  transform: translateY(.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */
}
.tooltip.anim:hover > span,
.tooltip.anim:hover:after,
.tooltip.anim:focus > span,
.tooltip.anim:focus:after {
  opacity: 1;
  transition: .6s .4s;
  transform: translateY(0);
}
@media (max-width: 20em) { /* ширина подсказки может быть не более ширины окна браузера */
  .tooltip > span {
    max-width: 100vw; /* в 100vw входит полоса прокрутки, но на мобильных она часто отсутствует */
    box-sizing: border-box;
  }
}

/* ПРИМЕРЫ всплываюшей подсказки
<span class="tooltip" tabindex="0">текст к которому подсказка<span>текст подсказки</span></span>

*/