body 
{

 color: white;
 padding: 5px;
 padding-top: 5px;
 margin: auto;
 max-width: 760px;
// background: black url('imgs/content.png');
// background-size: cover;
//    background-repeat: no-repeat;
//    background-attachment: fixed;
 font-family: Arial,Helvetica,Verdana,sans-serif;
 font-size: 15px;
 font-weight: normal;
 font-style: normal;
 border-bottom: 5px solid #41383C;
 //text-shadow: 3px 3px 5px #838282;

}  

.blur {
    filter: blur(3px); /* чем больше число — тем сильнее размытие */
}

.image-wrapper {
    position: relative;       /* чтобы GD-бар позиционировался относительно картинки */
    display: inline-block;    /* подбирается под размер картинки */
}

.image-wrapper img {
    display: block;           /* убирает лишние отступы */
}

.gd-bar {
    position: absolute;
    top: 0;                   /* или bottom:0 если снизу */
    left: 0;
    width: 102px;             /* ширина GD-бара */
    height: 10px;             /* высота GD-бара */
}

.container {
//  height: 100vh; /* высота экрана */
//  display: flex;
  justify-content: center; /* по горизонтали */
  align-items: center;     /* по вертикали */
}

progress {
  background-color: coral;
}


img {
  border-radius: 20%;
  animation-iteration-count: once;
  animation: play 0s steps(1, end) 1;
}

img.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
    float: left;   /// daro img left kad salia jo butu text
}


.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: black;
  border-radius: 5px;
}


h2, div.module h3 
{ 
 text-transform: uppercase;       
} 					   
						   
a:link,a:visited,a:active 
{
 color: limegreen;
 text-decoration: underline; 
}

h1, h2, h3, h4, h5
{
 margin: 0;
}

d
{
 margin: 0;
}

b
{
 font-weight: bolder;
 //text-shadow: 3px 3px 5px #797979; 
}

.img-responsive
{
  max-width: 100%;
  height: 100%;
}



table {
  width: 50%;
  height: 180px;  

}

.anim {
  animation-iteration-count: 1;
}

  .text-holder {
    
//    display: flex;
    flex-direction: column;
    justify-content: top;
    width: auto;
//    min-height: 120vh;
    margin-left: 20%;
    padding: 1em;
  }

  .text-holder2 {  //////////////////naudojamas cfg arma
    
//    display: flex;
    flex-direction: column;
    justify-content: top;
    width: auto;
//    min-height: 120vh;
//    margin-left: 20%;
    padding: 1em;
    float: left;
  }

tabletel {
  width: 100%;
  height: 180px;  

}
tr {
//  display: table-row;
//  vertical-align: inherit;
//  border-color: inherit;
}

td {
 background: rgba(0, 0, 0, 0.6);
 word-wrap: break-word;
 font-size: 12px;
 margin-bottom: 10px;
 border: 3px solid #ebe9e9;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 5px 5px 9px #888888; 
//  text-align: right; 

}

div.scrollmenu {
// background: rgba(0, 0, 0, 0.6);
//  background-color: #333;
//  width: 50%;
  height: 100%;
//  overflow: auto;
  overflow-y: auto;
//  white-space: nowrap;
}

div.scrollmenu a:hover {
  background-color: transperent;
}

.box {
    opacity: 0;                /* pradžioje nematomas */
    transition: opacity 1s;    /* 1 sek. perėjimas */
  color: white;
}

.box:hover {
    opacity: 1;                /* palaipsniui atsiranda */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/*
a:hover 
{
 -webkit-transition: 0.25s linear;
 -moz-transition: 0.25s linear;
 transition: 0.25s linear;
 -o-transition: 0.25s linear;
 color: red;
 font-style: bold;
 //text-shadow: 8px 8px 5px grey; 
}
*/
	.img-scale {
		transition: 1s; /* Время эффекта */		
    }
	.img-scale:hover {
		transform: scale(1.2); /* Увеличиваем масштаб */		
    }

.textas
{
 color: lime;
 font-weight: bold; 
}

input
{

 color: lime;

 border: 2px inset #d9d9d9;
 font-weight: bold;
 background: url('imgs/input.png');
  background-position: center; /* Center the image */
  background-size: cover; /* Resize the background image to cover the entire container */
 border-radius: 8px;
 -moz-border-radius: 8px;
 height: 26px;
 font-size: 17px;
 max-width: 150px; 
 -webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -o-transition: 0.5s linear;
 transition: 0.5s linear;
}

select 
{
 color: red;
// font-weight: bold;
 border: 2px inset #d9d9d9;
 background: url('imgs/input.png');
 border-radius: 5px;
 -moz-border-radius: 5px;
 padding: 5px 4px;
 font-size: 17px;
 width: 150px; 
}

input[type='submit']
{
 color: lime;
 width: auto;
 font-weight: bold;
 font-size: 15px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 background: url('imgs/input.png');
 -webkit-transition: 0.25s linear;
 -moz-transition: 0.25s linear;
 -o-transition: 0.25s linear;
 transition: 0.25s linear;
 margin: 0;
 padding: 0;
 margin-top: 10px;
 border: 2px solid #d9d9d9;
 padding: 3px;
}


input:hover[type='submit']
{
 color: red;
 width: auto;
 font-weight: bold;
 font-size: 15px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-transition: 0.25s linear;
 -moz-transition: 0.25s linear;
 -o-transition: 0.25s linear;
 transition: 0.25s linear;
// background: #e6e6e6;
 margin: 0;
 padding: 0;
 margin-top: 10px;
 border: 2px solid red;
 padding: 3px;
}

input[type='radio']
{
 color: #3FB3DA;
 width: auto;
}



textarea
{
 background: #fbfbfb;
 border: 2px inset #d9d9d9;
 border-radius: 8px;
 -moz-border-radius: 5px;
 color: #8e8e8e;
 max-width: 720px;
 max-height: 500px;
}

input:focus, textarea:focus, select:focus
{

 background: black;
 outline: none;
 border-color: #b3b3b3;
 color: lime;
 font-weight: bold;
 -webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -o-transition: 0.5s linear;
 transition: 0.5s linear;
}

.info 
{
 border-bottom: 1px dotted black;
 margin-bottom: 8px;
 padding-bottom: 8px;  
}
.alert 
{
 background: #ffebe8;
 font-size: 15px;
 margin-bottom: 10px;
 border: 1px solid #333;
 padding: 16px 12px 12px;
 position: relative;
 border: 1px solid #dd3c10;
 margin: 5px; 
}

.newcont
{

 font-family: 'Rubik mono One',sans-serif;
// font-size: 60px;
 color: #fff;
 text-shadow: 2px 2px 8px #2400ff, -2px -2px 80px #7e2bd9; 
 -webkit-text-stroke: 0.3px #fc78ff;
 -webkit-text-fill-color: transperant;
 letter-spacing: 5px;
}

.content 
{
// background: url('imgs/4goku.png') top repeat-x;
 background: rgba(0, 0, 0, 0.6);
 word-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;
 border: 3px solid #ebe9e9;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 5px 5px 9px #888888;  
}

.contentpl
{


 background: url('imgs/earth.png');
  background-position: center; /* Center the image */
  background-size: cover; /* Resize the background image to cover the entire container */
 word-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;
 border: 3px solid #ebe9e9;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 5px 5px 9px #888888;  
}

.contentkai
{

 background: black url('imgs/kai.png');
  background-position: center; /* Center the image */
  background-size: cover; /* Resize the background image to cover the entire container */
//    background-repeat: no-repeat;
//    background-attachment: fixed;
 word-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;
 border: 3px solid #ebe9e9;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 5px 5px 9px #888888;  
}

.contentblack
{
  background: url('imgs/blackpp.jpg');
  background-position: center; /* Center the image */
  background-size: cover; /* Resize the background image to cover the entire container */
 word-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;
 border: 3px solid #ebe9e9;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 5px 5px 9px #888888;  
}

.content2 
{
 background: rgba(0, 0, 0, 0.6);
 word-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;
 border: 5px solid #FF0000;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 6px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 7px 7px 11px #888888; 
}


.mod 
{
 background: white url('imgs/content.png') top repeat-x;
 word-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;
 border: 2px solid #FF9933;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 5px 5px 9px #888888; 
}

.vip
{
 background: white url('imgs/blackpp.jpg') top repeat-x;
 word-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;
 border: 2px solid #3333CC;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 5px 5px 9px #888888; 
}

.adm 
{
 background: white url('imgs/content.png') top repeat-x;
 word-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;
 border: 2px solid #33FFFF;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 5px 5px 9px #888888; 
}

.padm
{
 background: white url('imgs/content.png') top repeat-x;
 word-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;
 border: 2px solid #FF0000;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #888888;
 -webkit-box-shadow: 1px 1px 3px #888888;
 box-shadow: 5px 5px 9px #888888; 
}

.tables
{
  height: 150px;
float: left;
 background: rgba(0, 0, 0, 0.8);
     inline-size: 170px;
    overflow-wrap: break-word;
 font-size: 15px;
 margin-bottom: 10px;

 border: 3px solid #ffffff;
 padding: 16px 12px 12px;
 position: relative;
 border-radius: 8px;
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 3px #535353;
 -webkit-box-shadow: 1px 1px 3px #535353;
 box-shadow: 5px 5px 9px #000000;  
}

.inf
{
 padding-left: 10px;
}


.forumkat
{
 background: #c6c6c6;
 padding: 5px;
 border: 2px solid #adadad;
}

.forumkat:hover
{
 background: #a1a1a1;
}

.forumskat
{
 background: #dbdada;
 padding: 5px;
 border: 2px solid #cdcdcd;
}

.forumskat:hover
{
 background: #bfbfbf;
}

.forumdesc
{
 padding-left: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
}

.forumline
{
 border-bottom: 1px solid #6d6d6d;
 padding: 5px;
 margin: 5px;
}

.forumcontent
{
 font-size: 15px;
 font-weight: bolder;
 text-align: center;
 background: #b0b0b0;
 padding: 5px;
 margin-bottom: 5px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.forums
{
 background: #cccccc;
 border: 2px solid #949494;
 padding: 5px;
 margin-bottom: 5px;
}

.forums:hover
{
 background: #b0b0b0;
}

.forummsg
{
 background: #cccccc;
 padding: 5px;
 margin-bottom: 5px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.forummsg2
{
 background: #888888;
 padding: 5px;
 margin-bottom: 5px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.forummsg:hover, .forummsg2:hover
{
 background: #9b9b9b;
}

.forumquot
{
 background: white;
 padding: 3px;
 margin-top: 2px;
 margin-bottom: 2px;
}

.paging
{
 background: #696969;
 color: #e8e8e8;
 font-weight: bolder;
 padding: 2px 6px 2px 6px;
 margin: 5px 2px 5px 2px;
 border-radius: 2px;
 -moz-border-radius: 2px;
}

.left {
text-align: left;
}
.center {
text-align: center;
}

a .paging
{
 color: #b6b6b6;
}

a:hover .paging
{
 background: red;
 cursor: pointer;
 color: #e8e8e8;
}

green 
{ 
 color: green; 
}

red 
{ 
 color: red; 
}

blue 
{ 
 color: blue; 
}

white 
{ 
 color: white; 
}

black 
{ 
 color: black; 
}

yellow 
{
 color: yellow; 
}


html {
  scroll-behavior: auto;
}

////////////////// pm indicator /////////////

.notification {
  background-color: #555;
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: red;
}

.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background: red;
  color: white;
}

/////////////////////////////////////////////////


a {
  color: #39ff14;           /* neoninė žalia */
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: #4dff1a;           /* šviesesnė žalia ant hover */
  text-shadow:
      0 0 5px  #39ff14,
      0 0 10px #39ff14,
      0 0 20px #39ff14,
      0 0 40px #39ff14,
      0 0 80px #39ff14;
}