/* текст */
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline overline; color: red;}

/* бутони */
.btn-group .button {
  background: transparent url('background-buton.jpg') top center repeat-y;
  border: 1px solid black;
  border-radius: 10px;
  color: black;
  padding: 8px 2px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  width: 210px;
  display: block;
}

.btn-group .button:hover {
  border: 1px solid red;
  color: red;
}

.btn-group .disabled {
  cursor: not-allowed;
  color: green;
}

.btn-group .disabled:hover {
  border: 1px solid black;
  color: green;
}

.btn-group .top {
  right: 50%;
  width: 100%;
  padding: 0px 0px;
  border: 1px solid transparent;
  border-radius: 5px;
}

/* изображения */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: center;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* плавно скролване */
html,
body {
  scroll-behavior: smooth;
}