@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}


body {
	background-color: #f0f5f8;
	background-image: url('/img/main_bg.png');
	font: 14px Arial;
}


a {
    text-decoration: underline;
    text-decoration-thickness: 1px; /* толщина подчеркивания */
    text-underline-offset: 3px; /* смещение подчеркивания вниз */
}

/* Убираем подчёркивание при наведении курсора */
a:hover {
    text-decoration: none;
}

h1{
    font-weight: normal;
}

h2{
    font-size: 18px;
		padding-bottom: 5px;
}

.hr{
    padding-top: 10px;
    border-bottom: #e0e0e0 1px solid;
}

.hr1{
    padding-top: 10px;
    border-bottom: #e0e0e0 1px dashed;
}

ul {
    margin: 8px 0;
    padding-left: 20px;
		padding-bottom: 4px;
}
li {
	margin-left: 8px;
}


.hr2{
		height: 8px;
}

.hr3{
		height: 15px;
}

/* Основной контейнер */
.container {
    margin: 0 auto;

    }

.clr {
    	clear: both;
    	height: 0px;
    }

#head{
    width: 100%;
    background-color: #f2f5f7;
    padding-bottom: 35px;
}

#header{
    width: 930px;
    margin: 0 auto;
}


.chart a{
		color: #00888b;
}

.chart a:hover{
		color: black;
		text-decoration: none;
}

.chart_doctor a{
		color: #00888b;
}

.chart_doctor a:hover{
		color: black;
		text-decoration: none;
}

.chart_h2{
	font-size:20px; border-bottom: #e0e0e0 1px solid; padding-bottom: 11px;
}

.chart_h3{
	font-size:18px; border-bottom: #e0e0e0 1px dashed; padding-bottom: 11px;
}

#logo{
    position: relative;
    float:left;
    margin-left: -5px;
}

#header_right{
    position: relative;
    float:right;
    padding-top: 34px;
    padding-right: 30px;
    width: 700px;
    text-align: right;
}

#mainbg{
    background-image: url('/img/mainbg.png');
    background-repeat: repeat-x;
}

#main{
  padding-right: 25px;
  width: 905px;
  margin: 0 auto;
}

.main_box{
    background-color: white;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0 1px 12px #d1d1d1;
    border: #d7dadc 1px solid;
    margin: 0 auto;
}

.bb2{
		border-radius: 20px;
		background-color: #3299a5;
		color:white;
		padding: 7px;
		padding-left: 15px;
		padding-right: 15px;
		display: block;
  	width: fit-content;
  	margin: 0 auto;
}

.bb3{
		border-radius: 20px;
		background-color: #3299a5;
		color:white;
		padding: 3px;
		padding-left: 12px;
		padding-right: 12px;
		display: block;
  	width: fit-content;
		background: linear-gradient(90deg, #3889ad, #61c4ce);
		color: white;
}

.marketli {
    display: inline-block;
    width: 10px; /* Размер круга */
    height: 10px;
    border-radius: 50%; /* Делаем круг */
    background: linear-gradient(90deg, #2294a2, #61c4ce);
    font-weight: bold;
    font-size: 14px;
		position: absolute;
		left:-18px;
		top: 4px;
}

.main_leftbox{
    border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
    background-color: #d3e0e1;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 8px;
    font-size: 12px;
		transition: background-color 0.3s; /* Для плавного эффекта */
}

.main_leftbox:hover {
    background-color: #dce8e9 !important;
}

.info{
    border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
    background-color: #d0e8eb;
    padding: 10px;
    font-size: 13px;
}

.info2{
    border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
    background-color: #e0d9ed;
    padding: 10px;
    font-size: 13px;
}


.info3{
    border-radius: 10px;
    background-color: white;
    padding: 10px;
    font-size: 13px;
}

.info4{
    padding: 10px;
    font-size: 13px;
}

.info_img {
    float: left; /* Обтекание слева */
    margin-right: 10px; /* Отступ справа от изображения */
    margin-bottom: 10px; /* Отступ снизу от изображения */
}

.table_in{
		border: silver 1px solid;
		border-radius: 8px;
}

.table_in td {
    border: silver 1px solid;
    padding: 5px;
  }

#aidkit{
    border-radius: 6px; /* Круглые углы, можно уменьшить или увеличить */
    background-color: white;
    width: 178px;
    box-shadow: 0 3px 4px #bbc7c7;
    margin: 0 auto;
    text-align: left;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.leftbox_tit{
    font-size: 15px;
    color: #2a8691;
		padding-left: 7px;
		padding-right: 7px;
}

.rightbox_tit{
    font-size: 15px;
    color: white;
    font-weight: bold;
    padding-bottom: 5px;
}

.leftbox_kittit{
    font-size: 16px;
    color: #bf548f;
    font-weight: bold;
}

#aidkit_icon{
		position: left;
		float: right;
		left: 100px;
}

.leftbox_date{
    font-size: 11px;
    color: #5a6465;
}

.leftbox_txt{
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 10px;
    padding-top: 2px;
}

.leftbox_txt a{
    color: #2a8691;
}


#preim1{
		background-image: url('/img/preim1.png');
		background-size: 270px;
		background-repeat: no-repeat;
		height:150px;
}

#preim1:hover{
		background-image: url('/img/preim1a.png');
		background-size: 270px;
		background-repeat: no-repeat;
		background-position: 0px 0px -10px;
}

#preim2{
		background-image: url('/img/preim2.png');
		background-size: 270px;
		background-repeat: no-repeat;
		height:150px;
}

#preim2:hover{
		background-image: url('/img/preim2a.png');
		background-size: 270px;
		background-repeat: no-repeat;
		background-position: 0px 0px -10px;
}

#preim3{
		background-image: url('/img/preim3.png');
		background-size: 270px;
		background-repeat: no-repeat;
		height:150px;
}

#preim3:hover{
		background-image: url('/img/preim3a.png');
		background-size: 270px;
		background-repeat: no-repeat;
		background-position: 0px 0px -10px;
}


.diagnos_list{
	padding-right:15px;
	position:relative;
	left:-5px;
}

.diagnos_list ul {
    list-style: none; /* Убираем стандартные маркеры */
    padding-left: 0; /* Убираем стандартный отступ */
}

.diagnos_list ul li {
    position: relative;
    padding-left: 25px; /* Отступ для изображения */
		padding-bottom: 10px;
}

.diagnos_list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px; /* Ширина картинки */
    height: 16px; /* Высота картинки */
    background: url('/img/el_v.png') no-repeat center;
    background-size: contain;
    transform: translateY(-50%);
}

.preim_desc{
		color: #656565;
		text-align:center;
		width: 220px;
		position: relative;
		top:-5px;
}

.reg_el_v {
  display: flex; /* Размещаем элементы в строку */
  align-items: center; /* Выравниваем по вертикали (по желанию) */
  gap: 10px; /* Отступ между картинкой и текстом */
	padding-bottom: 25px;
	font-size:16px;
	vertical-align: top;
}

.reg_text {
  flex: 1; /* Заставляет текст занимать всё доступное место справа */
}

.reg_img{
		position: relative;
		top: -5px;
}




#doc_online{

  text-align: left;
}

#languages{
  position: absolute;
  float:right;
  right:13px;
  top:35px;
  font-size: 12px;
}

#languages a{
  color: black;
}

#languages a:hover{
  color: #0d6f71;
}


.diagnos_upload{
		border-radius: 12px;
		border: #3c8c94 2px solid;
		padding: 10px;
		text-align: center;
		font-size: 12px;
		cursor: pointer;
		background-color: #f0fafb;
		background-image: url('/img/pills_bg.png');
}

.diagnos_upload:hover{
	background-color: #f3f3f3;
	border: silver 2px dashed;
}

.diagnos_upload span{
		font-size: 17px;
		color: #2a666c;
}

.diagnos_upload2{
		border-radius: 12px;
		border: #9d548a 2px solid;
		padding: 10px;
		text-align: center;
		font-size: 12px;
		cursor: pointer;
		background-color: #f9f2f7;
		background-image: url('/img/pills_bg2.png');
}

.diagnos_upload2:hover{
	background-color: #f3f3f3;
	border: silver 2px dashed;
}

.diagnos_upload2 span{
		font-size: 17px;
		color: #6c4061;
}

.diagnos_upload2 span a{
	color: #6c4061;
}

.lang_all {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s; /* Плавный переход */
  min-width: 100px;
  text-align: left;
  background-color: white; /* Белый фон, можно изменить */
  border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
  padding: 10px;
  padding-right: 3px;
  box-shadow: 0 2px 9px #89abc4; /* Синеватая тень вокруг контейнера */
  left: 197px;
  top: 25px;
  position: absolute;
  font-size: 12px;
  z-index: 2;
}

.lang_all a{
  color: black;
}

.lang_all a:hover{
  color: #0d6f71;
}

.our_project {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s; /* Плавный переход */
  min-width: 90px;
  text-align: left;
  background-color: white; /* Белый фон, можно изменить */
  border-radius: 8px; /* Круглые углы, можно уменьшить или увеличить */
  padding-top:10px;
	padding-bottom:10px;
	padding-left: 25px;
  padding-right: 8px;
  	box-shadow: 0 2px 9px silver;
  right: 26px;
  top: 51px;
  position: absolute;
  font-size: 12px;
  z-index: 2;
	line-height: 2.1;
	background-image: url('/img/our_project.png');
	background-repeat: no-repeat;
	background-size: 30px; /* Ширина: 100px, Высота: 50px */
	background-position: 11px -12px;
}


#image_docs{
		border-radius: 6px;
}

.radius{
		border-radius: 6px;
}


#circle {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-size: cover;
      position:relative;
      float: left;
      top: 3px;
      left: -3px;
    }


/* Логотип */
.logo {
  padding-top: 30px;
  padding-bottom: 10px;
}

.logo img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    width: 200px;
}

.logo-link {
    display: inline-block;
}

/* Изменение изображения при наведении */
.logo-link img.hover-logo {
    display: none;
}

.logo-link:hover img.default-logo {
    display: none;
}

.logo-link:hover img.hover-logo {
    display: block;
}

.logo-link2 {
    display: inline-block;
}

/* Изменение изображения при наведении */
.logo-link2 img.hover-logo {
    display: none;
}

.logo-link2:hover img.default-logo {
    display: none;
}

.logo-link2:hover img.hover-logo {
    display: block;
}


.logo-link3 {
    display: inline-block;
}
/* Изменение изображения при наведении */
.logo-link3 img.hover-logo {
    display: none;
}

.logo-link3:hover img.default-logo {
    display: none;
}

.logo-link3:hover img.hover-logo {
    display: block;
}

#balance{
		color:gray;
		position: relative;
		top: 37px;
		left: 163px;
}

#balance a{
		color:gray;
		text-decoration: none;
}

#balance a:hover{
		color:gray;
		text-decoration: underline;
}

#headbutt{
    padding-top: 21px;
    padding-left: 25px;
    font-size: 12px;
    color: gray;
    text-align: left;
}

.bl{
    color: black;
}

.nd{
    padding-top: 6px;
}

.nd span{
    color: #34a0ad;
}

#headb{
  position: absolute;
  float: right;
  right: -15px;
  top: -14px;
}


#upmenu {
		font-size: 12px;
}

#upmenu a{
    color: #676868;
    font-size: 12px;
    padding-left: 18.5px;
}

#main_menu{
  width: 890px;
  margin: 0 auto;
	text-align: center;
	position: relative;
	left:-10px;
}

/* Меню */
.menu ul {
	display: flex; /* Устанавливаем flexbox */
	justify-content: space-between; /* Равномерное распределение ссылок */
	padding: 0; /* Убираем отступы у списка */
	margin: 0; /* Убираем внешние отступы у списка */
	list-style: none; /* Убираем маркеры списка */
    font-size: 16px;
}

.menu li {
    display: inline-block;


}

.menu a {
    color: #333;
    font-weight: bold;
}

.menu a:hover {
    color: #0d6f71;
}

/* Контент */
.content {
    color: #333;
}

.title{
    text-align: center;
    padding:18px;
}

.box_item2{
    position: relative;
    float:right;
    top:-2px;
    right: 5px;
    transition: filter 0.3s ease; /* Плавный переход */
    filter: brightness(100%); /* Обычный уровень яркости */
}

.bh:hover {
    filter: brightness(107%); /* Увеличение яркости при наведении */
}

.box_item2:hover {
    filter: brightness(120%); /* Увеличение яркости при наведении */
}

.box_item:hover {
    filter: brightness(130%); /* Увеличение яркости при наведении */
}

.right_box{
    border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
    background-color: #6956a3;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 8px;
    font-size: 12px;
    background-image: url('/img/right_alarm.png');
    background-repeat: repeat-x;
    color: white;
}

#right_box_d{
    color:#efb6d7;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

#right_box_c{
    color:white;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
}


#settings_box {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 0;
}
#settings_box.expanded {
    max-height: 200px; /* Задайте высоту в развернутом состоянии */
    padding: 10px 0;
}

#settings_box.collapsed {
    max-height: 0;
}

/* Скрытый div */
.divh {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 15px;
    margin-bottom: 7px;
}

/* Развёрнутый div */
.divh.expanded {
    max-height: 10000px;
    padding: 10px 15px;
}



img.box_item{
    width: 16px;
}

.box_item{
    position: relative;
    float:right;
    top:-25px;
    right: 10px;
    transition: filter 0.3s ease; /* Плавный переход */
    filter: brightness(100%); /* Обычный уровень яркости */
}

.main_box_info{
  border-radius: 9px; /* Круглые углы, можно уменьшить или увеличить */
	background-color: #f0f5f8;
	padding: 20px;
	padding-top: 13px;
}

.main_box_title{
  border-radius: 6px; /* Круглые углы, можно уменьшить или увеличить */
  background-color: #f0f5f8;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  font-size: 17px;
	font-weight: bold;
	cursor:pointer;
}

.main_box_title_ai{
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  font-size: 17px;

}

.therapy_ai_chat{
  border-radius: 6px; /* Круглые углы, можно уменьшить или увеличить */
  border: silver 1px solid;
  margin-top: 3px;
  margin-bottom: 5px;
	height: 300px;
	padding-top: 5px;
	padding-right: 7px;
}

.main_box_txt{
  padding-top: 11px;
  padding-bottom: 0px;
  padding-left: 15px;
}

.therapy_el{
		border: #e0e0e0 1px solid;
		padding: 10px;
		border-radius: 8px;
		cursor: pointer;
}

.therapy_el:hover{
		background-color: #f2f5f7;
}

.therapy_el_a{
		border: #e0e0e0 1px solid;
		background-color: #f2f5f7;
		padding: 10px;
		border-radius: 8px;
		cursor: pointer;
}

.reg_tit{
		font-size: 20px;
}

.input_t, .phone {
	border-radius: 6px; /* Круглые углы, можно уменьшить или увеличить */
	border: silver 1px solid;
	padding: 5px;
	box-shadow: 0 2px 9px #dfdfdf; /* Синеватая тень вокруг контейнера */
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 17px;
}

.input_t2 {
	border-radius: 6px; /* Круглые углы, можно уменьшить или увеличить */
	border: silver 1px solid;
	padding: 5px;
	box-shadow: 0 2px 9px #dfdfdf; /* Синеватая тень вокруг контейнера */
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 15px;
}

.gbutton {
    background: linear-gradient(90deg, #206f73, #3ca4af); /* Градиент слева направо */
    color: white; /* Цвет текста */
    border: none; /* Убираем рамку */
    padding: 7px 15px; /* Внутренние отступы */
    font-size: 16px; /* Размер текста */
    border-radius: 7px; /* Скругленные углы */
    cursor: pointer; /* Указатель при наведении */
    transition: transform 0.2s; /* Анимация при наведении */
		text-decoration: none;
}

.gbutton:hover {
	filter: brightness(120%);
}

a.bbutton, .bbutton {
		background: linear-gradient(180deg, #3ca4af, #206f73); /* Градиент сверху вниз */
    color: white; /* Цвет текста */
    border: none; /* Убираем рамку */
    padding: 6px 15px; /* Внутренние отступы */
    font-size: 16px; /* Размер текста */
    border-radius: 9px; /* Скругленные углы */
    cursor: pointer; /* Указатель при наведении */
    transition: transform 0.2s; /* Анимация при наведении */
		text-decoration: none;
		border: white 3px solid;
		box-shadow: 0 2px 9px #e6e6e6; /* Синеватая тень вокруг контейнера */
		position:relative;
		top: 11px;
}

a.bbutton:hover, .bbutton:hover {
	background: linear-gradient(180deg, #206f73, #3ca4af); /* Градиент сверху вниз */
	color:white;
}


a.bbutton_gray {
		background: linear-gradient(180deg, #d7d7d7, #797979); /* Градиент сверху вниз */
    color: white; /* Цвет текста */
    border: none; /* Убираем рамку */
    padding: 6px 15px; /* Внутренние отступы */
    font-size: 16px; /* Размер текста */
    border-radius: 9px; /* Скругленные углы */
    cursor: pointer; /* Указатель при наведении */
    transition: transform 0.2s; /* Анимация при наведении */
		text-decoration: none;
		border: white 3px solid;
		box-shadow: 0 2px 9px #e6e6e6; /* Синеватая тень вокруг контейнера */
		position:relative;
		top: 11px;
}

a.bbutton_gray:hover {
	background: linear-gradient(180deg, #a6a9a9, #d7d7d7); /* Градиент сверху вниз */
	color: white;
}

.bbutton_gray {
		background: linear-gradient(180deg, #d7d7d7, #797979); /* Градиент сверху вниз */
    color: white; /* Цвет текста */
    border: none; /* Убираем рамку */
    padding: 6px 15px; /* Внутренние отступы */
    font-size: 16px; /* Размер текста */
    border-radius: 9px; /* Скругленные углы */
    cursor: pointer; /* Указатель при наведении */
    transition: transform 0.2s; /* Анимация при наведении */
		text-decoration: none;
		border: white 3px solid;
		box-shadow: 0 2px 9px #e6e6e6; /* Синеватая тень вокруг контейнера */
		position:relative;
		top: 11px;
}

.bbutton_gray:hover {
	background: linear-gradient(180deg, #a6a9a9, #d7d7d7); /* Градиент сверху вниз */
	color: white;
}



.pages_img{
    border-radius:8px;
    opacity: 0.78;
}

.pages_img:hover{
    opacity: 1;
}



a#doc_audio{
		background: linear-gradient(180deg, #3ca4af, #206f73); /* Градиент сверху вниз */
    color: white; /* Цвет текста */
    border: none; /* Убираем рамку */
    padding: 4px 11px; /* Внутренние отступы */
		padding-bottom: 5px;
    border-radius: 8px; /* Скругленные углы */
    cursor: pointer; /* Указатель при наведении */
    transition: transform 0.2s; /* Анимация при наведении */
		text-decoration: none;
		position:relative;
		top: 0px;
}

a#doc_video{
		background: linear-gradient(180deg, #cb6998, #7c4460); /* Градиент сверху вниз */
    color: white; /* Цвет текста */
    border: none; /* Убираем рамку */
    padding: 5px 11px; /* Внутренние отступы */
		padding-bottom: 5px;
    border-radius: 8px; /* Скругленные углы */
    cursor: pointer; /* Указатель при наведении */
    transition: transform 0.2s; /* Анимация при наведении */
		text-decoration: none;
		position:relative;
		top: 0px;
}

a#doc_audio:hover {
	filter: brightness(115%);
}

a#doc_video:hover {
	filter: brightness(115%);
}


a#open_aidkit{
		background: linear-gradient(180deg, #d16da1, #7a578f); /* Градиент сверху вниз */
    color: white; /* Цвет текста */
    border: none; /* Убираем рамку */
    padding: 3px 12px; /* Внутренние отступы */
		padding-bottom: 5px;
    border-radius: 11px; /* Скругленные углы */
    cursor: pointer; /* Указатель при наведении */
    transition: transform 0.2s; /* Анимация при наведении */
		text-decoration: none;
		position:relative;
		top: 0px;
}

a#open_aidkit:hover {
	filter: brightness(115%);
}

.aid_drug_el{
		padding: 8px;
		cursor: pointer;
}

.aid_drug_el:hover{
		background-color: #f0f4f8;
		border-radius: 8px;
}

.aid_kit_th{
		background-color: #f0f4f8;
		border-radius: 8px;
}

.b_status {
    background: linear-gradient(90deg, #206f73, #3ca4af); /* Градиент слева направо */
    color: white; /* Цвет текста */
    border: none; /* Убираем рамку */
    padding: 7px 15px; /* Внутренние отступы */
    font-size: 15px; /* Размер текста */
		font-weight: bold;
    border-radius: 7px; /* Скругленные углы */
    transition: transform 0.2s; /* Анимация при наведении */
		text-decoration: none;
		text-align: center;
}

.result_finish {
		background: linear-gradient(180deg, #3ca4af, #206f73); /* Градиент сверху вниз */
    color: white; /* Цвет текста */
    border: none; /* Убираем рамку */
    padding: 16px 25px; /* Внутренние отступы */
    font-size: 14px; /* Размер текста */
    border-radius: 9px; /* Скругленные углы */
    cursor: pointer; /* Указатель при наведении */
    transition: transform 0.2s; /* Анимация при наведении */
		text-decoration: none;

}

.drug_name_el{
		padding: 7px;
		padding-bottom: 9px;
		border-bottom: white 2px solid;
}

.drug_name_el:hover{
		background-color: white;
}

.light:hover{
		filter: brightness(125%);
}

.drug_name_el_aidkit{
	padding-top:5px;
	padding-bottom: 5px;
	border-bottom: #8d8d8d 1px dashed;
}


#pdfFile {
    background-color: #f8f9fa; /* Фоновый цвет */
    border: 1px solid #ced4da; /* Граница */
    border-radius: 5px; /* Скругленные углы */
		padding: 4px;
    color: #495057; /* Цвет текста */
    cursor: pointer; /* Указатель мыши при наведении */
}

#pdfFile:hover {
    background-color: #e2e6ea; /* Цвет фона при наведении */
}

#pdfFile:focus {
    outline: none; /* Убирает стандартную обводку */
    border-color: #80bdff; /* Цвет границы при фокусе */
    box-shadow: 0 0 5px rgba(128, 189, 255, 0.5); /* Тень при фокусе */
}

.add_t_d{
	padding:8px;border-bottom: #e0e0e0 1px dotted;font-size:15px;
	cursor: pointer;
	color:#008391;
}

.add_t_d:hover{
	background-color: #f3f5f7;
}

/* ЛИЧНЫЙ КАБИНЕТ */

.lk_left div{
	margin-bottom: 5px;
	box-shadow: 0 2px 9px silver; /* Синеватая тень вокруг контейнера */
}

.lk_left div:hover {
	filter: brightness(120%);
}

.gbutton_act{
	background-color: white;
	border: silver 1px solid;
	padding: 7px 15px; /* Внутренние отступы */
	font-size: 16px; /* Размер текста */
	border-radius: 7px; /* Скругленные углы */
	cursor: pointer; /* Указатель при наведении */
	transition: transform 0.2s; /* Анимация при наведении */
}

.gbutton_act a{
	color: black;
}

.lk_left a{
	color: white;
	text-decoration: none;
}








#netmed_results{text-align: left;}

#buttons_area{
    padding-top: 10px;


}

#chat_ai{
	margin: 0 auto;
	padding: 5px;
	line-height: 1.1 !important; /* Принудительное применение */
	background-color: white; /* Белый фон, можно изменить */
	border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
	box-shadow: 0 2px 9px silver; /* Синеватая тень вокруг контейнера */
}


#chat_ai2{
	margin: 0 auto;
	padding: 5px;
	line-height: 1.1 !important; /* Принудительное применение */
	background-color: white; /* Белый фон, можно изменить */
	border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
	border: #cdcdcd 1px solid;
}

#chat {
	height: 170px;
	overflow-y: scroll;
	padding: 10px;

}

#chat_p {
  min-height: 40px;
	max-height: 200px;
	overflow-y: scroll;
	padding: 10px;
}


/* Стилизация полосы прокрутки */
#chat::-webkit-scrollbar {
    width: 8px; /* Ширина полосы прокрутки */
    background-color: white; /* Фон скроллбара */
}

/* Стилизация ползунка */
#chat::-webkit-scrollbar-thumb {
    background-color: silver; /* Цвет ползунка */
    border-radius: 4px; /* Закругление углов */
}

/* Стилизация ползунка при наведении */
#chat::-webkit-scrollbar-thumb:hover {
    background-color: #2e909a; /* Цвет при наведении */
}

#chat_p::-webkit-scrollbar {
    width: 8px; /* Ширина полосы прокрутки */
    background-color: white; /* Фон скроллбара */
}

/* Стилизация ползунка */
#chat_p::-webkit-scrollbar-thumb {
    background-color: silver; /* Цвет ползунка */
    border-radius: 4px; /* Закругление углов */
}

/* Стилизация ползунка при наведении */
#chat_p::-webkit-scrollbar-thumb:hover {
    background-color: #2e909a; /* Цвет при наведении */
}

#chat_p2 {
  min-height: 40px;
	max-height: 275px;
	overflow-y: scroll;
	padding: 10px;
	padding-right: 3px;
}

#chat_p2::-webkit-scrollbar {
    width: 8px; /* Ширина полосы прокрутки */
    background-color: white; /* Фон скроллбара */
}

/* Стилизация ползунка */
#chat_p2::-webkit-scrollbar-thumb {
    background-color: silver; /* Цвет ползунка */
    border-radius: 4px; /* Закругление углов */
}

/* Стилизация ползунка при наведении */
#chat_p2::-webkit-scrollbar-thumb:hover {
    background-color: #2e909a; /* Цвет при наведении */
}


.message {


}

.wrapperDiv{
	border: red 1px solid;
}

.user {
	color: white;
	background-color: #00888b;
	border-radius: 7px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	max-width: 300px;
}

.user a{
		color: white;
}

.bot {
		color: black;
		background-color: #f0f5f8;
		border-radius: 7px;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 7px;
		padding-bottom: 7px;
		display: inline-block;
		max-width: 300px;
}

#ds_res{
  background-color: white;
  text-align: left;
}

.clear{
	clear: both;
}

#answer_vars{
  line-height: 2.1;
	padding: 5px;
	padding-left: 15px;
}

.answer_var{
  background-color: #00888b;
  border-radius: 15px; /* Круглые углы, можно уменьшить или увеличить */
  padding: 0px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  color: white;
	white-space: nowrap; /* Запрещает разрывать текст внутри span */
    display: inline-block;
}

.answer_var:hover{
  background-color: #f0f0f0;
  color: black
}

#user-input{
  height: 31px;
  border-radius: 8px;
  border: #cdcdcd 1px solid;
  padding: 10px;
  font-size: 13px;
  outline: none; /* Убирает стандартную рамку при фокусе */
  box-shadow: none; /* Убирает тень, если браузер её добавляет */
}

#user-input:focus {
    outline: none; /* Убирает рамку при фокусе */
    box-shadow: none; /* Убирает тень при фокусе */
}

#chat_buttons{
  position: relative;
  float:right;
}

#voice-button {
    width: 60px;
    cursor:pointer;
}


#send-button, #therapy_ai_sendbutton{
  width: 60px;
  cursor:pointer;
}

#closeModal{
	font-size:40px;
	position:relative;
	float:right;
	top:-18px;
	right:-9px;
}

#closeModal:hover{
	color: gray;
}


.pages_body{
		padding: 6px;
		padding-top: 0px;
}

.pages_body p{
	padding-top: 6px;
	padding-bottom: 6px;
}

.pages_body h2{
	padding-top: 20px;
}

.pages_body ol{
	padding-left: 25px;
	padding-bottom: 12px;
	padding-top: 5px;
}


.pages_menu_ill{
 padding-top:8px;
 padding-bottom:0px;
 position:relative;
 left:-5px;
}

.pages_menu_ill a{
 padding:4px;
 display: inline-block;
 text-decoration:none;
 color: white;
 border-radius: 13px;
 background-color: #5aa8b5;
 padding-left:13px;
 padding-right:13px;
 margin-bottom:7px;
 margin-right:5px;

}

.pages_menu_ill a:hover{
 color: white;
 background-color: #ab6791;
}


.pages_menu_symp{
 padding-top:8px;
 padding-bottom:0px;
 position:relative;
 left:-5px;
}

.pages_menu_symp a{
 padding:4px;
 display: inline-block;
 text-decoration:none;
 color: #60798e;
 border-radius: 13px;
 background-color: #dce4eb;
 padding-left:13px;
 padding-right:13px;
 margin-bottom:7px;
 margin-right:5px;

}

.pages_menu_symp a:hover{
 color: black;
 background-color: white;
}


.consult_menu a{
 padding:4px;
 text-decoration:none;
 color: black;
 border-radius: 7px;
 background-color: #dce4eb;
 padding-left:13px;
 padding-right:13px;
 margin-bottom:7px;
 margin-right:5px;
}

.consult_menu a:hover{
 color: white;
 background-color: #5aa8b5;
}




.input{
  height: 21px;
  border-radius: 5px;
  border: #cdcdcd 1px solid;
	text-align: left;
}

.textarea_d{
  height: 31px;
  border-radius: 8px;
  border: #cdcdcd 1px solid;
  padding: 10px;
  font-size: 13px;
  outline: none; /* Убирает стандартную рамку при фокусе */
  box-shadow: none; /* Убирает тень, если браузер её добавляет */
	resize: none; /* Отключает изменение размеров */

}

.textarea_d:focus {
    outline: none; /* Убирает рамку при фокусе */
    box-shadow: none; /* Убирает тень при фокусе */
}

.greencircle {
  width: 9px;
  height: 9px;
	position: absolute;
  background-color: #4caf51;
  border-radius: 50%; /* Делает элемент круглым */
	display:none;

}

.chartmini {
				line-height: 0.8 !important; /* Принудительное применение */
				background-color: white; /* Белый фон, можно изменить */
				border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
				box-shadow: 0 2px 9px silver; /* Синеватая тень вокруг контейнера */
		}

 .chart {

         margin: 0 auto;
         padding: 20px;
line-height: 1.2 !important; /* Принудительное применение */
         background-color: white; /* Белый фон, можно изменить */
         border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
         box-shadow: 0 2px 9px silver; /* Синеватая тень вокруг контейнера */
     }

 .chart br{

	 }

        .chart_doctor{
          background-color: white; /* Белый фон, можно изменить */
          border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
          box-shadow: 0 2px 9px silver; /* Синеватая тень вокруг контейнера */
          padding: 10px;
          font-size: 14px;
        }

        .blinking-text {
            font-size: 24px;
            color: #333;
            animation: fadeBlink 2s infinite;
        }

				.blink {
            animation: fadeBlink 2s infinite;
        }

        @keyframes fadeBlink {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0;
            }
        }

				@keyframes blink {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.blinking_circle {
    width: 30px; /* Диаметр кружка */
    height: 30px; /* Диаметр кружка */
    border-radius: 50%; /* Делаем его круглым */
    background: radial-gradient(circle, #32cd32, #008000); /* Градиент от светло-зеленого к темно-зеленому */
    animation: blink 1.5s infinite ease-in-out; /* Анимация мигания */
}


.flagstatus_1, .flagstatus_2, .flagstatus_consilium_1, .flagstatus_consilium_2{
		display: none;
}

           .chart_2 {
               padding: 20px;
               padding-top: 30px;
               width: 90%;
               margin: 0 auto;
          }

          .bar {
   display: block; /* Это поможет избавиться от растяжения на всю ширину */
   height: 5px;
   border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
   margin: 10px 0;
   font-weight: bold;
   color: black;
   text-align: center;
   padding-right: 10px;
}
           .candida {
               background-color: #4CAF50; /* Зеленый */
           }
           .gerb {
               background-color: #2196F3; /* Синий */
           }
           .allergy {
               background-color: #FF9800; /* Оранжевый */
           }
           .injury {
               background-color: #f44336; /* Красный */
           }
           .default {
               background-color: #9E9E9E; /* Серый для остальных */
           }
.result_item{
  font-size: 16px;
  font-weight: bold;
}

#h2_result{
  text-align: center;
}

#registration{
  width: 100%;
  position: relative;
  margin: auto;
  text-align: center;
}

#registration_area {
  text-align: left;
  padding-top: 25px;
  padding-right: 30px;
	padding-left: 20px;
  margin-top: 10px;
  background-color: white; /* Белый фон, можно изменить */
  border-radius: 10px; /* Круглые углы, можно уменьшить или увеличить */
  box-shadow: 0 2px 9px silver; /* Синеватая тень вокруг контейнера */
}

#registration_area h3{
	font-size: 16px;
	padding-bottom: 5px;
}

#registration_area li{

	padding-bottom: 15px;
}

/* Основной контейнер */
#footer {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

#footer a{
  color: gray;
  margin-right: 15px;
}





.modal {
	display: none;
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	background: white;
	padding: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	border-radius: 8px;
	min-width: 300px;

}

.modal.show {
	display: block;
}

.modal .close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}

.modal-overlay.show {
	display: block;
}

/* Отключаем скролл страницы */
body.modal-open {
	overflow: hidden;
	height: 100vh;
}




.no-scroll {
      overflow: hidden; /* Отключаем скроллинг */
    }

.overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      display: none;
      z-index: 1000;
    }
    .highlight {
      position: absolute;
      z-index: 1002;
      box-shadow: 0 0 10px 5px #fff;
      border-radius: 5px;
    }
    .tooltip {
      position: absolute;
			max-width: 300px;
			font-size: 14px;
      background: #fff;
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      z-index: 1003;
    }
    .tooltip button {
      background: linear-gradient(180deg, #3ca4af, #206f73);
      color: white;
      border: none;
      padding: 4px 11px;
      border-radius: 8px;
      cursor: pointer;
      transition: transform 0.2s;
      text-decoration: none;
    }
    .tooltip button:hover {
      filter: brightness(115%);
    }
    .no-dim {
      position: relative;
      z-index: 1004;
    }









.vinnie {
  overflow: hidden;
}

    /* Стили для компьютеров (десктопов) */
    @media only screen and (min-width: 1025px) {

      .container {

      }


          .vinnie {
            overflow: hidden;               /* Скрывает изображение, пока оно за пределами контейнера */
            width: 120px;                   /* Ширина контейнера */
            height: 100px;                  /* Высота контейнера */
            position: relative;

            position: fixed; /* фиксированное положение */
            right: 0; /* привязываем к правому краю */
          }

          .sliding-image {
            position: absolute;
            top: 0;
            right: -100%;                   /* Начальное положение картинки за пределами контейнера */
            transition: right 0.5s ease;     /* Плавное выдвижение */
            height: 100%;                   /* Установка размеров изображения */
            width: auto;
          }

          .container:hover .sliding-image {
            right: -100%;                   /* При наведении картинка уезжает обратно */
          }

    }