/* Всплывающая подсказка */
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
opacity: 0;
transition: opacity 0.8s;
visibility: hidden;
width: 200px;
/* background-color: black; */
/* background-color:#3989c9; */ /* Цвет фона подсказки */
/* background-color:#FF5722; */
background-color:#FF6D00;
font-family: Arial, sans-serif; /* Гарнитура шрифта */
font-size: 14px; /* Размер текста подсказки */
color: #fff; /* Цвет текста */
font-weight: 545; /* Жирность текста */
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 87%; /* смещение подсказки вверх-вниз */
left: 5%;
margin-left: -90px; /* смещение подсказки влево-вправо */
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: 15px; /* смещение нижней стрелки влево-вправо */
border-width: 10px; /* размер нижней стрелки */
border-style: solid;
/* border-color: black transparent transparent transparent; */
border-color: #FF6D00 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
opacity: 0.85;
visibility: visible;
}
