@charset "UTF-8";




.fcomment {
  font-size: 10px;
  color: gray;
}

.i1 {
  background-color: black;
  color: white;
  border-radius: 15px;

}

.tname_small {
  font-weight: bold;
}

.cname_small {
  font-size: 10px;
  font-weight: 300;
  color: #f1f1f1
}

.croptext {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.items-text {
  height: 23px;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;


  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.items-text {
  font-size: 12px;
}

.percentage a {
  text-decoration: none !important;
}






*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Для кнопок, ссылок и других элементов Bootstrap */
button:focus, .btn:focus, a:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* .sdf{background-color:#f1f5f7} */


.dropdown-item.active {
  background-color: white !important;
  color: black !important; /* Цвет текста, если нужно */
}

/* Убираем фон при клике на активный элемент */
.dropdown-item:active {
  background-color: white !important;
  color: black !important;
}






*,body{
  font-family: "Roboto", sans-serif;
  font-style: normal;
}


.minitext{font-size: 11px ; color:gray;}

.panel{ background-color: white; border-radius: 15px;}


.text-bg-dark{background-color: #52796f !important;}
.search{border-radius: 10px 0 0 10px !important;}


h1{color: #364f49;font-size: 35px;}
h2{color: #52796f;font-size: 28px;}
h3{color: #52796f; font-size: 20px;}

hr{border: 0px; border-top:1px solid #72998f}



a.btn{text-decoration: none !important;}




.btn-vi {
  background:  #6f42c1; /* Градиентный фон */
  color: white; /* Белый текст */
  border-radius: 20px; /* Скругленные углы */
  padding: 10px 20px; /* Внутренний отступ */
  font-size: 18px; /* Размер шрифта */
  font-weight: bold; /* Жирный текст */
 /*  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); Тень */
  transition: background 0.3s ease, transform 0.2s ease; /* Плавные переходы */
}

.btn-vi:hover {
  color: white;
  background:   #9711f7; /* Изменение градиента на ховер */
  /* transform: scale(1.1); Увеличение кнопки при наведении */
}



.back-vi{background: #2f3e46;}

.list-group-vi .list-group-item{background: #2f3e46; color: white; border-radius: 20px; border:0px}
.list-group-vi .list-group-item:hover{background: white; color: #2f3e46;}





.footer_sec a{color:#fff700; font-weight: 13px;}
.footer_sec a:hover{color:#ffffff}


.fav_btn{padding:3px; padding-left: 5px; padding-right: 5px; font-size:14px}








.fcomment {
  font-size: 10px;
  color: gray;
}

.i1 {
  background-color: #354f52;
  color: white;
  border-radius: 15px;

}

.tname_small {
  font-weight: bold;
}

.cname_small {
  font-size: 10px;
  font-weight: 300;
  color: #f1f1f1
}

.croptext {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.items-text {
  height: 23px;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;


  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.items-text {
  font-size: 12px;
}

.percentage a {
  text-decoration: none !important;
}












.pagination .page-item .page-link {
  color: #2e3e46; /* Черный текст */
  background-color: transparent; /* Прозрачный фон */
  border: 1px solid #2e3e46; /* Черная граница */
}

.pagination .page-item.active .page-link {
  color: #fff; /* Белый текст */
  background-color: #2e3e46; /* Черный фон */
  border-color: #2e3e46; /* Черная граница */
}

.pagination .page-link:hover {
  color: #fff; /* Белый текст при наведении */
  background-color: #000; /* Черный фон при наведении */
  border-color: #000; /* Черная граница при наведении */
}



.croptext{  white-space: nowrap;      /* Запрещаем перенос текста */
  overflow: hidden;         /* Скрываем лишний текст */
  text-overflow: ellipsis;  /* Добавляем многоточие */}

.newslist_small img{ height: 20px; border-radius: 5px; 
  -webkit-box-shadow: 0px 0px 1px 0px rgba(34, 60, 80, 0.3);
-moz-box-shadow: 0px 0px 1px 0px rgba(34, 60, 80, 0.3);
box-shadow: 0px 0px 1px 0px rgba(34, 60, 80, 0.3);
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "\f105"; /* Код иконки Font Awesome для стрелки ">" */
  font-family: "Font Awesome 5 Free"; /* Шрифт для Font Awesome */
  font-weight: 600; /* Обязателен для большинства иконок */
  margin: 0 5px; /* Отступы между разделителем и текстом */
  color: #52796f; /* Цвет иконки */
  font-size: 10px; 
  padding-top: 5px;
  margin-top: 0px;
}

.breadcrumb-item a{
  /* background-color: black; */
  color: #52796f !important;
  border-radius: 5px;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px; 
}

li.breadcrumb-item.active {color: #52796f; font-size: 12px; }

li.breadcrumb-item.active span{display: inline-block; padding-top: 4px;}

a{ color: #52796f; text-decoration: none;}
a:hover{ color: #031f1f; text-decoration: underline;}

.he {
  background-color: black !important;
  color: white;
  margin: 5px;
  font-size: 13px;
  border-radius: 9px;
}

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

.he:hover {
  background-color: #213179;
  color: white
}

.he:hover a {
  color: white
}




.he:hover h3 {
  color: #fff5c4;
}


.he_indo {
  padding: 5px;
}


.topmenu {
  position: fixed;
  width: 100%;
  background-color: #2e3e46;
  color: white;
  z-index: 1039;
}


#chart {
  width: 100%;
  height: 400px;
}

@media (max-width: 480px) {
  #chart {
    height: 250px; /* Высота для мобильных устройств */
  }
}


#chart_history {
  width: 100%;
  height: 400px;
}


.ui-autocomplete {
  z-index: 99000 !important;
  width: inherit !important; /* Наследует ширину от поля ввода */
  max-width: 100% !important; /* Максимальная ширина ограничена полем ввода */
  box-sizing: border-box; /* Учитывает внутренние отступы */
}