table.zebra tr{background-color:#fef4fa;}
table.zebra tr:nth-child(1){background-color:#d4fdc0;}
table.zebra tr:nth-child(2n){background-color:#FFFFDD;}
table.zebra2 tr{background-color:#fbf4f4;}
table.zebra2 tr:nth-child(1){background-color:#d4fdc0;}
table.zebra2 tr:nth-child(2n){background-color:#FFFFDD;}
table.zebra3 tr{background-color:#FFFEDD;}
table.zebra3 tr:nth-child(1){background-color:#d4fdc0;}
table.zebra3 tr:nth-child(2n){background-color:#FCE7E0;}
table.zebra_bw tr{background-color:#eaeaea;}
table.zebra_bw tr:nth-child(1){background-color:#d4fdc0;}
table.zebra_bw tr:nth-child(2n){background-color:#ffffff;}
td
{
    padding: 10px;
}
td.mainmenu
{
    padding: 20px 20px 20px 20px;
    font-size: 24;
    
}
table
{
    color: #3B455A;
    font-family: Inter;
    font-size: 25;
}
table:not(.bgless):not(.asdf) td:hover 
{
    background: #FFE1EA;/* фон строки при наведении */ 
}
table:not(.bgless):not(.asdf) tr:hover 
{
    background: #ffd1da; /* фон строки при наведении */ 
    border: solid #786b59;
}
table.larger {font-size: 50}
table.stats
{
    border: solid;
    font-size: 28;
    background-color: #ffffff;

}
td.unimportant
{
    font-size: 14;
    color: #6B758A;
    
}
tr.liner td
{
    border-bottom: 1px solid #3B455A ;
}
caption.captwo
{
    color: #3B455A;
    font-size: 24;
    font-family: inter;
    font-weight: bolder;
}
span.worker_finans_date
{
    font-size: 18;
}
span.worker_finans_summa
{
    font-weight: bolder;
}
span.worker_finans_fromto
{
    font-size: 18;
}
span.form
{
    font-size: 20;
    font-family: integer;
}
span.caption_one
{
    color: #ff3300
}
span.tablecaption
{
    font-size: 25;
    font-family: inter;
    font-weight: bold;
}
td.comment
{
    color: #A0A0A0;
}
td.category_b
{
    width: 48%;
    height: 150px;
    border: 3px solid #3B455A;
    border-radius: 15px;
    background-color: #3B455A;
    color: #EAF0F2;
}
td.category_b:hover
{
    color: #3B455A;
}
*.form_button {width: 32px;}
*.former {width: 280px;}
*.former_smaller_horizontal {width: 180px;}
a.test:active
{
                background: #00FF00; /* Цвет фона под ссылкой */ 
}
a.test:link {
                color: #0000d0; /* Цвет ссылок */
                padding: 2px; /* Поля вокруг текста */ 
                font-size: larger;
                }
a.x:link {
                color: #ff3300; /* Цвет ссылок */
                padding: 2px; /* Поля вокруг текста */ 
                font-size: larger;
                }     
a.v:link {
                color: #66ff66; /* Цвет ссылок */
                padding: 2px; /* Поля вокруг текста */ 
                font-size: larger;
                }     
a.test:visited {
                   font-size: larger;
                  }         
a.test:hover {
                    background: #786b59; /* Цвет фона под ссылкой */ 
                    color: #ffe; /* Цвет ссылки */ 
                } 
a.news:hover {
                    background: #E6D1D1; /* Цвет фона под ссылкой */ 
                    color: #ffe; /* Цвет ссылки */ 
                }        
        .col { 
        background: #f0f0f0; /* Цвет фона */
        width: 230px; /* Ширина блока */
        padding: 10px; /* Поля */
        font-size: 1.5em; /* Размер шрифта */
        word-wrap: break-word; /* Перенос слов */ 
   }
a.errorlink
{
    color: #ff3300;
    font-size: 30;
    background: #ccffcc; /* Цвет фона под ссылкой */ 
}
div.mess { 
    max-height: 200px;
    background-color: #00FF00;
    min-height:  100px; /* Минимальная  ширина */
    padding: 10px;  /* Поля вокруг текста */
    overflow-y:  scroll
   }
body {
    background-color:#EAF0F2;
    /*font-size: 24;*/
    background-image: url('images/bg.png'); /* шлях до картинки */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
    background-size: 1000px;


    
}
div.category_b
{
    width: 160px;
    height: 100px;
    border: 3px solid #3B455A;
    border-radius: 15px;
    background-color: #3B455A;
    color: #EAF0F2;
    font-size: 24px;
    text-align: center;
    align-content: center;
}
div.var{
    color: #FFFF00; /* Цвет ссылки */ 
}
div.messages
{
    color: #c0c0c0;
    font-size: 24;
    font-family: inter;
}
b.dropdown{
   /* text-shadow:1px 1px blue;*/
   text-decoration:underline; 
}
h3.dropdown{
   /* text-shadow:1px 1px blue;*/
   text-decoration:underline; 
}
select.mainselect
{
    /*width: 300; */
    /*height: 100; */
    font-size: 35; 
    background-color: #fcdfd5;
    font-weight: bolder;
}
/*input[type="text"],input[type="password"],select, input[type="number"],input[type="date"],input[type="datetime-local"]*/
input:not([type="image"]),select
{
    font-size: 20;
    height: 50px;
    border-radius: 8px;
    border: 3px solid #3B455A;
    background: #F7E2DD;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 8px;
    color: #3B455A;
}
input:not([type="image"]).wb,select.wb
{
    font-size: 20;
    border-radius: 8px;
    border: 3px solid #3B455A;
    background: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 8px;
    color: #3B455A;
}
input[type="submit"]
{
  background: #3B455A;
  color: #EAF0F2;
  padding: 10px 20px;
  gap: 10px;
  width: 248px;
  height: 50px;
}
input[type="submit"]:hover 
{
  opacity: 90%;
}

input.biger
{
    font-size: 60;
}
input.biger120
{
    font-size: 120;
}
div.mobile
{
    text-align: center;
    font-weight: bold;
}
div.ole
{
    /*background: #F7E2DD;*/
}



a.animated-link {
  display: inline-block;
  padding: 8px 16px;
  background-color: #3498db;
  color: 3B455A;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

a.animated-link:hover {
  background-color: #2980b9;
  transform: translateY(-3px);
}

a.animated-link:active {
  background-color: #1c5980;
  transform: translateY(1px);
}
a.mainmenu
{
    font-size: 25;
    font-weight: bold;
    font-family: Inter;
    text-decoration: none;
    color: #3B455A;
    
}
a
{
    font-size: 25;
    font-weight: bold;
    font-family: Inter;
    text-decoration: none;
    color: #3B455A;
    
}
hr.mainline
{
      width: 100%;
      height: 2px;                /* товщина лінії */
      background-color: #FE6847; /* колір лінії */
      border: none;              /* прибрати стандартну рамку */
      margin: 20px 0;
      box-shadow: 0 3px 3px rgba(254, 104, 71, 0.5);

}
div.mainmenuline
{
  width: 98%;
  align-items: center;
}
.corner-img {
  position: absolute;
  right: 800;
  top: 0;
  width: 800px;
  z-index: 999; /* щоб було поверх інших елементів */
  pointer-events: none; /* якщо не хочеш, щоб воно заважало клікам */
}
.checkworker
{
    width: 20px;
}
  #customModal {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index: 1000;
    font-family: sans-serif;
    animation: fadeIn 0.5s ease-in-out;
  }

  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
  }