.table {
  max-width: 100%;
}

  /* Обычное состояние блока */
  .highlight-block {
    padding: 20px;
    transition: background-color 0.5s ease; /* Плавное исчезновение */
  }

  /* Стиль, когда этот блок является целью (якорем) */
  .highlight-block:target {
    background-color: #ffeb3b; /* Желтая подсветка */
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
  }

#btn-back-to-top {
  position: fixed;
  bottom: 30px;
  right: 20px;
  display: none;
}

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    html {
      font-family: sans-serif;
      line-height: 1.15;
      -webkit-text-size-adjust: 100%; -ms-text-size-adjust: auto;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      text-align: left;
      background-color: #fff;
      padding-top: 1rem;
    }
	

.dropdown-menu {background-color: #DDDDFF ;}
.dropdown-item {background-color: #DDDDFF ;}
.navbar {background-color: #ffddff ;}
.tabhead {background-color: #FFF7EE;}
.green {background: #DDFFDD;}.blue {background: #DDDDFF;}.yellow {background: #FFFFDD;}.red {background: #FFDDDD;}.grey {background: #DDDDDD;}
 .text-center {    display:flex;      align-items: center;    }  /*Выравнивание по вертикали ( justify-content:center; ) + горизонтальный центр  */
    

a:link {color: blue; text-decoration: 1px dotted; }
a:visited {color: blue;}
a:hover {color: red; text-decoration: underline blue; }
a:active {color: red;   border-bottom: 1px dashed;}

img {border: 0; }
.img120 {border: 0; width:120px; height:600px; border-radius: 5px;}
.img125 {border: 0; width:125px; height:125px; border-radius: 5px;}
.img240 {border: 0; width:125px; height:240px; border-radius: 5px;}
.img480 {border: 0; width:100%;  height:auto; border-radius: 5px;}
.img720 {border: 0; width:100%;  height:auto; border-radius: 5px;}
.imgGA {border: 0; width:150px; height:30px;}
.img18 {border: 0; width:30px; height:30px;}
.imgrev {width:100%;}
.imgrev:hover {width:80%; z-index: 999999; position: fixed;   top: 50%;
  left: 50%; transform: translate(-50%, -50%);}



.he {font-size: 16px; font-style: normal; font-weight: bold; color: #000000; background: #FFFFFF ; border:  1px  #000000; border-style: groove; }
.he_green {font-size: 16px; font-style: normal; font-weight: bold; color: #000000; background: #99FFCC; border:  1px  #000000; border-style: groove; }
.he_blue {font-size: 16px; font-style: normal; font-weight: bold; color: #000000; background: #99FFFF; border:  1px  #000000; border-style: groove; }
.he_yellow {font-size: 16px; font-style: normal; font-weight: bold; color: #000000; background: #FFFF99; border:  1px  #000000; border-style: groove; }
.he_red {font-size: 16px; font-style: normal; font-weight: bold; color: #000000; background: #FF6666; border:  1px  #000000; border-style: groove; }
.he_grey {font-size: 16px; font-style: normal; font-weight: bold; color: #000000; background: #999999; border:  1px  #000000; border-style: groove; }
.hebblack {font-size: 0.5px; font-style: normal; font-weight: normal; color: red; background:#000000; border:  0.5px  #000000; border-style: none; }


.te         {font-size: 14px; font-weight: bold;  line-height: normal; background: #99FFFF; text-align: center;   border:  1px solid  #000000; border-style: dotted;}
.te_green   {font-size: 14px; font-weight: bold; line-height: normal; background: #99FFCC;  text-align: center;   border:  1px solid  #000000; border-style: dotted;}
.te_blue  {font-size: 14px; font-weight: bold; line-height: normal; background: #99FFFF; text-align: center;   border:  1px solid  #000000; border-style: dotted;}
.te_yellow  {font-size: 14px; font-weight: bold; line-height: normal; background: #FFFF99; text-align: center;   border:  1px solid  #000000; border-style: dotted;}
.te_red    {font-size: 14px; font-weight: bold; line-height: normal; background: #FF6666;	  text-align: center; border:  1px solid  #000000; border-style: dotted;}
.te_grey    {font-size: 14px; font-weight: bold; line-height: normal; background: #999999;	  text-align: center; border:  1px solid  #000000; border-style: dotted;}


.comboblue {background: #DDDDFF; text-align:center;}
.combowhite  {background: white; text-align:center;}

.tr_line {
	border-width: 0 0 5px;
	border-style: solid;
	color: #ff6600;
	height: 5px;
}



   #update {
   text-align:center;
   font-weight: bold;
   font-size:14px;
    }
.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#DDFFDD;border-radius:.25rem}


.breadcrumb-item a {
    color: blue; 
}

.breadcrumb-item.active a {
    color: red; 
}

/* social nets buttons */

#social-icons {
  font-size: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#social-icons a {
  color: #6762e6;
  text-decoration: none;
}
#social-icons a:hover {
  font-size: 22px;
  color: #2c26bf;
  text-decoration: none;
}
@media (min-width: 768px) {
  #footer-info {
    border-right: 2px solid #6762e6;
  }
}
@media (max-width: 768px) {
  #footer-info  {
    padding-bottom: 10px;
  }
  #social-icons {
    padding-top: 10px;
    border-top: 2px solid #6762e6;
  }
  }