html, body { 
  scroll-behavior: smooth;
}

.btn{
  background-color:#025669 !important;
  opacity: .9 !important;
}

.btn:hover, .btn:active, .btn:target{
  background-color:#025669 !important;
  opacity: 1 !important;
}

hr{
  border: 0 none; /* Убираем границу для браузера Firefox */
  color: #025669; /* Цвет линии для остальных браузеров */
  background-color: #025669; /* Цвет линии для браузера Firefox и Opera */
  height: 0.5px !important; /* Толщина линии */
}

.navbar{
  background-color:#025669 !important;
  opacity: .9 !important;
}

.form-select{
  border: 1px solid #025669;
  border-radius: 4px;
}

.card{
  border: 1.5px solid #025669;
  border-radius: 6px;
}

.card-header, .card-header:hover, .card-header:active, .card-header:target{
  background-color:#009a63!important;
}

#plus{
  background-color:#009a63 !important;
  opacity: .9;
  width: 50px;
  height: 50px;
  text-align: center;
}

#plus-text{
  font-weight: bold;
  font-size: 50px;
  margin: -25px;
  display: inline-block;
  text-align: center;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.top {
  --offset: 50px; 

  position: sticky;
  bottom: 5px;      
  margin-left: 110%; 
  place-self: end;
  margin-top: calc(100vh + var(--offset));
  margin-bottom: 5px;

  /* visual styling */
  text-decoration: none;
  padding: 10px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 4em;
  color: #009a63;
  border-radius: 14px;
  white-space: nowrap;
  opacity: .85;
  transform: scale(3.5);
}

.top:hover {
  opacity: 1;
  color: #009a63;
  text-decoration: none;
}

.top-txt {
  font-size: 12px !important;
  margin-left: 110%;
  margin-top: -20px;
  margin-bottom: -100px;
}

input#detail_id {
  border: 1px solid #025669;
  border-radius: 4px;
}

#chatra{
  transform: scale(0.75);
}