.josefin-sans-full {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}




@media only screen and (max-width: 769px) {
    #panel_right {
        display: none;
    }    
	
	#panel {
        display: none;
    }
	
	
	#container {
		width: 769px;
		margin: auto; 
		padding: -5px 25px;

	}
	#header {	 
		width: 769px;
		height: 105px;
		margin: 0 0 0 5px;
		background: url(dbv/logo_dbv2_status_off.png) no-repeat center top;
		cursor: unset;
	}
}


body {
	/* background: #181818 url(dbv/dark_bg.png) repeat-y; */
	/* background: #000000; */

	
	background-color: #181818;
     background: url(dbv/bg_top-min.png), url(dbv/bg_bottom-min.png), #181818;
     background-repeat: repeat-y, no-repeat;
     background-position: top, center top 50px;
	 
	 
    background-attachment: fixed, fixed;

   }


img {
	border: none;
} 

textarea {
	background: url(dbv/zwartevilt3.png) repeat;
	border-top: 1px solid #2c2c2c;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	border-bottom: 1px solid #2c2c2c;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #f9f9f9;
	
}

h1, h2, h3 {
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #f9f9f9;
	
}
h1 {
	letter-spacing: -1px;
	font-size: 197%;
}
h2 {
	letter-spacing: -1px;
}

hr { width: 97%;}
p, ol, ul {
	margin-bottom: 1.5em;
	line-height: 1.5em;
}
legend {
	color: #317DA3;
}
fieldset{
	border-color: #317DA3;
	padding: 10px;
	margin-bottom: 5px;
}


a {
	color: #f8d486;
	text-decoration: none;

}

a:hover, a:active {
	text-decoration: none;
	color: #d1a74e;
}


select {

  box-shadow: none;
  /* Personalize */
  flex: 1;
  padding: 2px 2px;
  color: #fff;
 background: linear-gradient(0deg, rgba(23,23,23,1) 0%, rgba(33,33,33,1) 100%); 
  border: 2px outset #2f2f2f;
  color:#fff;
  background-image: none;
  cursor: pointer;
  margin-top:-3px;
  border-radius:4px;
  min-width:100px;
  box-sizing: border-box;

  
}

select option  {
	background: rgba(33,33,33,1); 
}

.button {
	color: #f8f8f8;
	background: #886;
	padding: 0px 20px 0px 3px;
}

.color0 {
	background-color: #474444;
}
.color1 {
	background-color: #8d8a8a;
}
.color2 {
	background-color: #585858;
}
.clearer {
	clear: both; 
}


.task-menu{
	cursor: pointer;
	margin: 5px;
}
.task-menu li{
	list-style-type: none;
	height: 16px;
	background-repeat: no-repeat;
	padding: 0px 0 5px 20px;

}
.task-menu li:hover {
	color: white;
	height: 16px;
	background-color: #494949;
   filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}
.percent_bar{
	background-color: #130101;
	height: 16px;
	color: white;
	font-weight: bold;
	text-align: center;
}

 
#main{
	/* background-image: url(dbv/indeks.png); */

	background-repeat:no-repeat;
	background-attachment:fixed; 
	background-position:center top;
}

#container {
	width: 800px;
	margin: auto; 
	padding: -5px 25px;

}
#header {	 
	width: 828px;
	height: 205px;
	margin: 0 0 0 5px;
	background: url(dbv/logo_dbv2.png) no-repeat center top;
	cursor: pointer;
}

#header span {	 
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 12px;
	padding-top: 20px;

	color:#fff;
	position: relative;
	top: 10px; left: 22px;
	text-shadow: -1px -1px 0 #00000080, 1px -1px 0 #00000080, -1px 1px 0 #00000080, 1px 1px 0 #00000080;
}

#headerbt {	
	width: 710px;
	
	margin: -35px 0px -10px 8px;
}


#logo {
	font-size: 11px;
	text-align: right;
	padding: 19px 20px 0 0px;
	color:white;
}


#logo2 {
	font-size: 11px;

	color: #000;
	padding: 10px 0 0 57px;
}

div.dc_infoAll { 
	display: table-row;
}

div.dc_infoFull { 
	padding: 0 0px;
	width:80px;
}

div.dc_info { 
	font-size: 14px;
	font-family: gg sans Semibold, sans-serif;
	vertical-align: top;
	margin: 0 3px;
	display: inline;
}

a.dc_info { 
	color: #ffffff;
}

#logo a {
	font-size: 11px;
	text-decoration: none;
	color: #54adda;
	font-weight: bold;
}

#server_name {
	display: none;
}


#panel {
	float: left;
	width: 172px;
	padding: 10px 5px 0 5px;
	color: #f9f9f9;
}
#panel .left {
	font-size: 14px;
	font-weight: bold;

	text-align: left;
	
	font-family: "arial";
	padding: 2px 0 12px 35px;
	color: #c36013;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}

#panel .btn-social {
    width: 32px;
    opacity: 0.8;
    transition: 0.3s ease;
    cursor: pointer;

}

#panel .btn-social:hover {
    opacity: 1;
    transform: scale(1.2, 1.2);
}

#panel .top {
	background: url(dbv/dark_box_small_top.png) repeat;
	font-size: 18px;
	font-weight: 600;
	height: 19px;
	text-align: left;
	font-family: 'Josefin Sans';
	padding: 7px 0 4px 12px;
	color: #cccccc;
	/* text-shadow: 1px 1px 0 black; */
	text-shadow: 2px 2px 0 black;
	/* text-shadow: 0px 0px 1px rgba(0, 0, 0, 1); */
	/* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
	font-variant: small-caps;
	/* letter-spacing: 1.5px; */
}

#panel .mid {
	padding: 8px 0px 5px 0px;
	margin-left:1px;
	width:168px;
	text-align: center;
	
	
	background: rgb(9,100,121);
	background: linear-gradient(0deg, rgba(9,100,121,0.0004202364539566128) 0%, rgba(44,44,44,0.8771709367340687) 91%);
	
	/* text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); */
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  border-width: 1px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to bottom, 
      #c1c1c1, 
      rgba(0, 0, 0, 0)
    ) 10 50%;


	border-bottom-width: 0px;
	border-bottom-color: #fff;
}


#panel .botClose
{
	display:none;
	height: 9px;
	width: 100%;
	background: url(dbv/dark_box_small_bottom_close.png) no-repeat;
	padding: 0px 0 10px 0px;
}

#panel .bot
{
	height: 10px;
	width: 100%;
	/* border-bottom-width: 1px; */
	border-top: 1px solid transparent;
	border-image: radial-gradient(circle, rgba(60,60,60,0.9) 0%, rgba(70,70,70,0.60) 50%, rgba(124,124,124,0.01) 100%) 1;	
}

#panel .bot img{
	padding: 1px 0 0px 0px;
}

/* nav */
.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a { margin: 0; padding: 0; line-height: normal; list-style: none; display: block; position: relative; }
.nav-menu ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-menu li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
.nav-menu ul li:hover > ul { top: 0; left: 100%; }
.nav-menu li { cursor: default; float: left; white-space: nowrap; }
.nav-menu ul li { float: none; }

/* sub width */
.nav-menu ul { 
	min-width: 12em; 

	box-shadow: 1px 1px 4px rgba(152,152,152,0.25); 
	border: solid #717171 1px;
}

/* center */
.nav-center { float: right; right: 50%; }
.nav-center > li { left: 50%; }

/* root */
.nav-menu a {
  padding: 0 10px;
	color: #efefef;
  line-height: 20px;
	text-align: left;
	font-size: 15px;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 200;
	/* text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); */
	text-shadow: 2px 1px 0 black;
	/* text-shadow: none; */
}

/* root: active */
.nav-menu > li > .nav-active { background-color: rgba(0,0,0,0.05); }

/* root: hover/persistence */
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {
	color: #f1a400;
	font-weight: 400;
	font-size: 14px/14px;
	padding: 0px 0 0px 10px;
	line-height: 18px;
	
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.10) 54%, rgba(255, 255, 255, 0) 100%);
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	border-image: radial-gradient(circle, rgba(60,60,60,0.9) 0%, rgba(70,70,70,0.1) 50%, rgba(124,124,124,0.01) 100%) 1;	
  box-sizing: border-box; 
  /* text-shadow: 0px 0px 1px rgba(0, 0, 0, 1); */
  text-shadow: 2px 2px 0 black;
}

.nav-menu ul li a {
	color: #f1a400;
	font-weight: 400;
	font-size: 14px/14px;
	padding: 0px 0 0px 8px;
	
	background: #00000025;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	border-image: radial-gradient(circle, rgba(60,60,60,0.9) 0%, rgba(70,70,70,0.60) 50%, rgba(124,124,124,0.01) 100%) 1;	
  
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.some-element-using-small-caps {
    font-size: 1.85em 
 }
}

.nav-menu li ul {
		margin-top:-10px;
	padding: 3px 0 0px 0px;
	font-size: 14px;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 200;
	border-width: 0px;
	border-style: solid;
	border-image: 
		linear-gradient(
		  to bottom, 
		  #c1c1c1, 
		  rgba(0, 0, 0, 0)
		) 10 50%;


	  /* border-bottom: 0px solid transparent; */

	border-bottom: thick double #32a1ce;
		/* border-bottom-color: #fff;	 */
	background-image: linear-gradient(rgba(33, 33, 33, 1.0), rgba(23, 23, 23, 0.95)),
		url(dbv/menu_h10.png);
}


.nav-menu .img-right {

 max-height:18px;
	opacity: 1.0;
  position: absolute;
  right: 5px;

  -webkit-filter: drop-shadow(0px 0px 1px #000);
  filter: drop-shadow(0px 0px 1px #000);
}
.nav-menu img.img-right {
	opacity: 1.0;
}


/* 2 */
.nav-menu li li a,.nav-menu li:hover li a {

  padding: 4px 10px;
  /* background: #55555595; */

  color: #efefef;
	font-weight: 400;
	font-size: 14px;
  line-height: 12px;
  border-bottom: 0px solid transparent;
  border-top: 0px solid transparent;
}

.nav-menu  a.arrow:after  { 
    content:" »";
	float: right;
}

.nav-menu a.arrow:hover:after, .nav-menu a.arrow:focus:after, .nav-menu li:hover a.arrow:after{
    content:" »";
	padding: 0 20px 0px 0px;
}

	
.nav-menu  li.nones {
	height:10px;
	padding: 0px 0 0px 6px;
	background: url(dbv/menu_h3.png) no-repeat;
	background-repeat:no-repeat;
	background-position: top 0px left 0px;
	border: 0;
}
.nav-menu  li.nones a:hover, .nav-menu li.nones:hover a {
	border: 0;
}
	

/* 2: hover/persistence */
.nav-menu li:hover li a:hover,.nav-menu li:hover li a:focus,.nav-menu li:hover li:hover a {
  
  /* background: #55555595; */
  color: #f1a400;
  
	font-weight: 400;
	font-size: 15px;
	padding: 4px 0 2px 9px;
	
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	border-image: radial-gradient(circle, rgba(60,60,60,0.9) 0%, rgba(70,70,70,0.60) 50%, rgba(124,124,124,0.01) 100%) 1;	
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
}

.nav-menu li:hover li a{
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);

	
}
/* 3 */
.nav-menu li:hover li:hover li a {
  background: #444;
}

/* 3: hover/persistence */
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li a:focus,.nav-menu li:hover li:hover li:hover a {
  background: #333;
}

/* 4 */
.nav-menu li:hover li:hover li:hover li a {
  background: #333;
}

/* 4: hover */
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover li a:focus {
  background: #222;
}

/* vertical */
.nav-vertical { max-width: 220px; }
.nav-vertical ul { top: 0; left: -9999px; }
.nav-vertical li { width: 100%; float: none; }
.nav-vertical li:hover > ul { left: 90%; }




#panel_opening {
	float: left;
	width: 98%;
	padding: 10px;
	color: #f9f9f9;
	
	display: flex;
	flex-direction: column;
	align-items: center; /* Opcjonalne - aby przycisk i formularz były wyrównane w pionie */
	/* flex-wrap: wrap; */
	/* gap: 0px; */
	/* margin-top: 10px; */
	/* width: 98%; */

 background: rgb(11,11,11);
background: linear-gradient(0deg, rgba(11,11,11,1) 0%, rgba(18,18,18,1) 50%); 
	border: 2px outset #222222;
	border-radius: 5px;
	box-sizing: border-box; 
	
	margin-bottom:5px;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 14px;
}


#panel_opening.sivlerBox{

background: url(dbv/bg_temp_1.png), #181818;

	border: 2px outset #2c2c2c;
	
}

#panel_opening.greyBox{

	background: rgb(60,60,60);
	background: linear-gradient(0deg, rgba(60,60,60,1) 0%, rgba(111,112,111,1) 100%); 
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */

	border: 2px outset #2c2c2c;
	
}

#panel_opening ul {
	margin-left:20px;
	font-weight: 200;
	font-size: 12px;
	
	
}


#panel_opening button {
	width: 100%; /* Wysokość diva */
	background: rgb(37,37,37);
	background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(37,37,37,1) 55%); 
	border: 2px outset #2f2e2e;
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	cursor:pointer;
	color:#666666;
	padding:5px 3px 0px 3px ;
	text-decoration:none;
	text-align:center;

	box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 1);

	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 16px;
	
	text-shadow: 1px 1px 0px #00000050;
	
}

#panel_opening button.blue{
	background: rgb(0,66,102);
	background: linear-gradient(0deg, rgba(0,66,102,1) 0%, rgba(0,95,152,1) 50%); 
	border: 2px outset #004e78;
	color:#fff;
}
#panel_opening button.green{
	background: rgb(0,102,16);
	background: linear-gradient(0deg, rgba(0,102,16,1) 0%, rgba(10,156,34,1) 66%); 
	border: 2px outset #007113;
	color:#fff;
}
#panel_opening button.red{
 background: rgb(60,6,6);
background: linear-gradient(0deg, rgba(60,6,6,1) 0%, rgba(94,0,0,1) 66%); 
	border: 2px outset #3c0606;
	color:#fff;
}
#panel_opening button.silver{
	background: rgb(98,98,98);
	background: linear-gradient(0deg, rgba(98,98,98,1) 0%, rgba(125,125,125,1) 100%); 
	border: 2px outset #7d7d7d;
	color:#fff;
}
#panel_opening button.orange{
 background: rgb(186,112,0);
background: linear-gradient(0deg, rgba(186,112,0,1) 0%, rgba(255,167,33,1) 100%); 
	border: 2px outset #ba7000;
	color:#fff;
}

#panel_opening button.green2{
 background: rgb(141,186,0);
background: linear-gradient(0deg, rgba(141,186,0,1) 0%, rgba(175,255,33,1) 100%); 
	border: 2px outset #afff21;
	color:#9e241b;
	text-shadow: 0px 0px 2px #dadada;
}


#panel_opening button.empty{
	background: none;
	border: unset;
	color:#fff;
	text-shadow: 0px 0px 2px #141414;
	
	font-weight: 400;
	font-size: 16px;
	cursor: unset;
	background: rgb(0,0,0, 0.20);
	box-shadow: unset;
	height: 26px;
}


#panel_opening button.emptyBorder{
	background: none;
	border: 2px outset #403f3f50;
	color:#fff;
	text-shadow: 0px 0px 2px #141414;
	
	font-weight: 400;
	font-size: 16px;
	cursor: unset;
	background: rgb(0,0,0, 0.20);
	box-shadow: unset;
	height: 26px;
}


#panel_opening span.icon {
    background: url(../resource/swip_icon.png) no-repeat;
    float: right;
    width: 13px;
    height: 20px;
  position: relative;
  top:-3px;
	filter: contrast(70%) drop-shadow(0px 0px 1px #00000080);
	/* filter: drop-shadow(0px 0px 1px #22222210); */
}  

#panel_opening span.cup {
    background: url(../resource/cup_18.png) no-repeat;
    float: right;
    width: 18px;
    height: 20px;
  position: relative;
  top:-2px;
  right:2px;
	/* filter: contrast(70%); */
	filter: drop-shadow(0px 0px 1px #00000080);
}  

#panel_opening span.head {
    background: url(../resource/icon_playerw.png) no-repeat;
    float: right;
    width: 18px;
    height: 18px;
  position: relative;
  top:0px;
  right:2px;
	/* filter: contrast(70%); */
	filter: drop-shadow(0px 0px 1px #00000080);
}  

#panel_opening .showall{
	display:none;
}


#panel_opening .title{
	padding-top:2px;

	text-align:center;
	font-weight: 600;
	font-size: 20px;
	color:#fff;
	margin-bottom:0px;	
	border-radius: 5px;
	background:#242424;
	height:22px;
	width:100%;
}


/* panel_right ################################## */

#panel_right {
	float: right;
	width: 177px;
	padding: 0px 5px 0 0px;
	color: #f9f9f9;
	box-sizing:border-box;
}

#panel_right .header_cd_offline {	
 	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 173px;
	height: 104px;
	float: right;
	background: url(dbv/logo_dbv2_status_off.png) no-repeat center top;
	position: relative;
}


#panel_right .header_cd_status_offline {	 
	position: relative;
	top: 5px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 24px;
	color: #e3e3e3;
}

#panel_right .header_cd_online {	 
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 173px;
	height: 104px;
	float: right;
	background: url(dbv/logo_dbv2_status_on.png) no-repeat center top;
}

#panel_right .header_cd_online_hide {	 
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 173px;
	height: 50px;
	float: right;
	background: url(dbv/logo_dbv2_status_on_hide.png) no-repeat center top;
}
#panel_right .header_cd_offline_hide {	 
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 173px;
	height: 50px;
	float: right;
	background: url(dbv/logo_dbv2_status_off_hide.png) no-repeat center top;
}

#panel_right .header_cd_online_hide br {
   display: block;
   margin-top:-5px;
}

#panel_right .header_cd_online_hide img {
   margin-top:5px;
}

#panel_right .online {	 
	width: 32px;
	position: relative;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	font-family: 'ArcadeClassic';
	font-size:24px;
	color: #e3e3e3;
	margin-left: 35px;
	margin-top: 2px;
	line-height: 24px;
	
	/* background: rgb(9,100,121); */
	
}


#panel_right .monster {	 
	width: 32px;
	display: flex;

    align-items: center;
	position: relative;
	  left: 0; /* Dopasuj wartość nachodzenia */
}

#panel_right .monster img {	 
	max-height: 30px;
  -webkit-filter: drop-shadow(1px 1px 5px #222);
  filter: drop-shadow(1px 1px 1px #222);
  margin-left: -5px; /* Przesuwa drugi obrazek w lewo */
}


#panel_right .monster img + img {
    margin-left: -10px; /* Przesuwa drugi obrazek w lewo */
}
#panel_right .monster:hover .image {
  opacity: 1.0;
  transform: scale(1.1, 1.1);
}

#panel_right .event {	 
	width: 32px;
	position: relative;
	margin-right: 12px;
}

#panel_right .event img {	 
	max-height: 30px;
  filter: drop-shadow(1px 1px 1px #221166);
}

#panel_right .event:hover .image {
  opacity: 1.0;
  transform: scale(1.1, 1.1);
}


#panel_right h3 {
	margin:2px 0;
	color: #cccccc;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 600;
	font-size:16px;
}


#panel_right .showInfoStatus {
    display:block;
    width:164px;

    position: relative;

	top:85%;
	right:-3px;

    padding:10px;
	background: url(dbv/dark_bg.jpg) repeat-y;
  
    z-index:10;
    box-sizing:border-box;
    
	border-radius:6px;
    border: 3px outset #aba9a9;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size:14px;
	color: #cccccc;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	
	
-webkit-box-shadow: 0px 0px 11px -1px rgba(165, 165, 165, 1);
-moz-box-shadow: 0px 0px 11px -1px rgba(165, 165, 165, 1);
box-shadow: 0px 0px 11px -1px rgba(165, 165, 165, 1);

	/* opacity: 0; */
	/* transition: all .2s ease 2s; */
}

#panel_right .left {
    display:none;
    min-width:150px;
    max-width:350px;
	
	position: absolute;
	left: 50%;
	top: 30px;
	z-index: 3;

    padding:10px;
	background: url(dbv/dark_bg.jpg) repeat-y;
    
    
    z-index:10;
    box-sizing:border-box;
    
	border-radius:6px;
    border: 3px outset #aba9a9;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size:14px;
	color: #cccccc;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	

	box-shadow: 0px 0px 5px -1px rgba(165, 165, 165, 1);

	opacity: 0;
	transition: all .2s ease 2s;
}

#panel_right .event:hover .left {
    transform: scale(1.0, 1.0);
    display:block;
	opacity: 0.95;
}
#panel_right .monster:hover .left {
    transform: scale(1.0, 1.0);
    display:block;
	opacity: 0.95;
}
#panel_right .online:hover .left {
    transform: scale(1.0, 1.0);
    display:block;
	opacity: 0.95;
}


#panel_right .space {
	height: 100px;
}

#panel_right .top {
	background: url(dbv/dark_box_small_top_right.png) repeat;
	font-size: 16px;

	text-align: right;
	padding: 6px 12px 5px 0px;
	color: #cccccc;
	/* text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); */
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	text-shadow: 2px 2px 0 black;
	box-sizing:border-box;
	
}

#panel_right .top::first-letter {

  color: #eeeeee;
}
#panel_right .mid {
	padding: 5px 0px 2px 8px;
	text-align: left;
	/* background: url(dbv/dark_box_small_mid.png) repeat-y; */
	/* width: 100%; */
	margin-left:2px;

	box-sizing:border-box;
	width:170px;
	text-align: center;
	
	background: rgb(9,100,121);
	background: linear-gradient(0deg, rgba(9,100,121,0.0004202364539566128) 0%, rgba(44,44,44,0.7903362028405112) 91%);
		
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	
	border-width: 1px;
	border-style: solid;
	border-image: 
    linear-gradient(
      to bottom, 
      #c1c1c1, 
      rgba(0, 0, 0, 0)
    ) 10 50%;
	border-bottom-width: 0px;
	font-family: 'Josefin Sans';
	font-weight: 400;
}

#panel_right .bot
{
	height: 10px;
	/* background: url(dbv/dark_box_small_bottom.png) no-repeat; */
	margin-bottom: 5px;
	box-sizing:border-box;
	width:170px;

	
	/* border-bottom-width: 1px; */
  border-top: 1px solid transparent;
  border-image: radial-gradient(circle, rgba(60,60,60,0.9) 0%, rgba(70,70,70,0.60) 50%, rgba(124,124,124,0.01) 100%) 1;

	
}



#panel_right a.nonesleft, #panel_right a:hover.nonesleft  {
	color:#fff !important;
	padding: 0px 0 0px 0px;
	background: none;
}
#panel_right .nones {
	height:10px;
	width:168px;
	margin-top: 5px;
	margin-left: -8px;
	padding: 0px 0 0px 0px;
	background: url(dbv/menu_h3_r.png) no-repeat;
	background-size: cover; /* Dopasowanie tła do rozmiaru diva */
	/* transform: scaleX(-1); /* Odbicie tła */

}
#panel_right .noneText {
	font-size:10px;
	margin-top:-5px;
	margin-left:50px;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 300;
	text-align:left;
	
	
}

#server_state ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#server_state li {
	padding: 2px 0 4px 5px !important;
	list-style-type: none !important;
	text-align:left !important;
}


#panel_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	text-align:right;
	font-size: 12px;
	width:160px;

}

#panel_right li {
	line-height: 20px;
	list-style-type: none;
	text-align:right;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 200;
	/* font-size: 2.0vh; */
	white-space: nowrap; /* Zapobiegaj zawijaniu tekstu */
	transition: font-size 0.2s ease; /* Płynne przejście zmiany rozmiaru czcionki */ 
	margin-left:-7px;

}

#panel_right li img {
	max-height:22px;
	margin-bottom:-6px;
}

#panel_right ul a {
	text-decoration: none;
	color: #efefef;
	width: 96%;
	display: block;
	padding: 0px;
	padding: 0px 8px 0px 0px;
}


#panel_right ul  a:hover:after  { 
    content:"« ";
	float: left;
	padding-left:5px;
}

#panel_right ul a:hover {
	line-height: 18px;
	text-decoration: none;
	color: #f1a400;
	/* font-size: 14px; */
	padding: 0px 0px 0px 0px;
	/* font-weight: 500; */
	/* padding-right:-2px; */
	
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.10) 54%, rgba(255, 255, 255, 0) 100%);
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	border-image: radial-gradient(circle, rgba(60,60,60,0.9) 0%, rgba(70,70,70,0.1) 50%, rgba(124,124,124,0.01) 100%) 1;	
	box-sizing: border-box; 
}


#panel_right .autoText img {
	max-height: 18px; /* Ogranicz maksymalną wysokość obrazka */
  position: relative;
  top: -1px;
  left: 2px;
  filter: drop-shadow(0 0 1px #efc01d50);
}



/* panel_right ################################# */




#panel .panel_new {
	float: left;
	width: 170px;
	padding: 0px 5px 0 5px;
	color: #f9f9f9;
	
}

#panel .panel_newfull {
	
background: rgb(9,100,121);
background: linear-gradient(0deg, rgba(9,100,121,1) 22%, rgba(104,2,112,0.5522409647452731) 100%);

  border-image: linear-gradient(to right, darkblue, darkorchid) 1;
  border-radius: 5em; /* 👈 not working */
border-radius: 8px;
padding: 9px;
box-sizing: border-box;


}


#panel .panel_newtop {
	padding-top: 5px;
	color: #FFFFFF;
	background: url(dbv/zwartevilt3.png) repeat;
	height: 23px;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #2c2c2c;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	width: 100%;
	text-align: center;
	
	font-family: georgia, "times new roman", times, serif;
	color: #177FB2;
}

#panel_new .mid {
	padding: 5px 0 0 0 ;
	text-align: center;
	background: url(dbv/zwartevilt.png) repeat-y;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	width: 100%;
}

#panel_new .bot
{
	height: 11px;
	background: url(dbv/zwartevilt.png) no-repeat;
	margin-bottom: 6px;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	border-bottom: 1px solid #2c2c2c;
	width: 100%;
}




/* panel_right ################################# */
 input::placeholder {
  opacity: 0.5;
  font-weight: normal;
  color: #000000;
  font-variant: small-caps;
}

#content input[type=submit], input[type=reset] {

	background: rgb(9,100,121);
	background: linear-gradient(0deg, rgba(9,100,121,0.0004202364539566128) 0%, rgba(54,54,54,1) 100%); 

	color: #efefef;
	padding: 2px 4px 1px 4px;
	text-decoration: none;
	margin: 3px 2px;
	cursor: pointer;
  
	/* border: solid #555555 2px; */
	border: 2px outset #868686;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	border-radius: 2px;
	
	font-size: 14px;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 300;
}

#content input[type=submit]:hover, input[type=reset]:hover {
	border: 2px outset #a09f9f;
	box-shadow: rgba(98, 98, 98, 0.5) 1px 1px 3px;
}

#content input[type=button] {
	background: rgb(9,100,121);
	background: linear-gradient(0deg, rgba(9,100,121,0.0004202364539566128) 0%, rgba(54,54,54,1) 100%); 

  color: #efefef;
  padding: 1px 4px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  
	/* border: solid #555555 2px; */
	    border: 2px outset #868686;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	border-radius: 2px;
	
	font-size: 14px;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 300;
	
}

#content input[type=button]:hover {
	border: 2px outset #a09f9f;
}
	
	
#content, #contentImport {
	float: left;
	width: 435px;
	padding: 0px 0px 0 1px;
}

	
#content .btn, #contentImport .btn{

	color: #302f2f;
	background-color: #ffffff;
	padding: 3px 6px;
	border: solid #666a6e 2px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	border-radius: 5px;
	transition : 111ms;
	transform: translateY(0);

	align-items: center;
	cursor: pointer;

	font-size: 16px;

	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
}

#content .btn:hover{
transition : 50ms;
padding: 5px 6px;
transform : translateY(-0px);
background-color: #fff;
color: #0066cc;
border: solid 2px #0066cc;

}

#content .login_mid input {
	color: #c1c1c1;
	border: 1px solid #555454;
	background-color: #1c1c1c;
	padding: 0px 0px 0 5px;
	
	font-size: 10px;
	font-family: "arial";
	width: 70px;
	height: 12px;
	
	
}

#content .login_mid form {
	padding: 0px 0px 0 5px;
}

#content .login_mid input::placeholder {
  opacity: 0.5;
  font-weight: normal;
  color: #c1c1c1;
  font-variant: small-caps;
}

#content .login_mid input:autofill {
  border: 1px solid darkorange;
  background-color: #1c1c1c;
}

#content .login_mid input:-webkit-autofill {
  border: 1px solid darkorange;
  background-color: #1c1c1c;
}


#content .topButton {
	width: 100%;
	background: url(dbv/dark_top_button.png) no-repeat;
	height: 44px;
	padding: 0px 0px 4px 5px;
	display: flex;

}


#content .btn2{
	background: url(dbv/button_bar_1.png) no-repeat;

	padding: 8px 5px 5px 5px;
	height:38px;
	width:106px;
	margin-top:4px;
	border: 0px;
	
	
	font-family: 'Josefin Sans';
	font-weight: 600;
	
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	line-height:14px;
	text-decoration: none;
	font-variant: small-caps;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	cursor: pointer;
}  

#content .btn2:hover {
 	background: url(dbv/button_bar_2.png) no-repeat;
}

#content .btn3{
	background: 0;
	padding: 8px 5px 5px 4px;
	height:38px;
	width:106px;
	margin-top:4px;
	border: 0px;
	
	font-family: 'Josefin Sans';
	font-weight: 500;
	
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	line-height:14px;
	text-decoration: none;
	font-variant: small-caps;
	text-shadow: 0px 0px 3px rgba(67, 0, 88, 1);
	cursor: pointer;
}  

#content .btn3:hover {
 	background: url(dbv/button_bar_3.png) no-repeat;
}


#content:first-child {
  padding-top: 5px;
}
#content .login_top {
	width: 100%;
	background: url(dbv/dark_big_info_top.png) no-repeat;
	height: 7px;
	
}
#content .login_bot {
	width: 100%;
	background: url(dbv/dark_big_info_bot.png) no-repeat;
	height: 7px;
padding: 0px 10px 4px 5px;
}
#content .login_mid {
	width: 415px;
	background: url(dbv/dark_big_info_mid.png) repeat-Y;
	color:#f9f9f9;
	
	font-size: 14px;
	font-weight: bold;
	font-family: "arial";
	padding: 0px 10px 0px 10px;
	
	color: #c36013;
	text-shadow: 0px 0px 3px rgba(67, 0, 88, 1);

    display: flex; 
	justify-content: space-between;
	align-items: center;
}

#content .top, #contentImport .top {
	color: #dddddd;
	width: 100%;
	background: url(dbv/dark_box_big_top.png) no-repeat;
	height: 21px;

	font-size: 16px;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 600;
	float:left;
	padding: 10px 0px 0px 10px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


#content .top.setbig {
	width: 600px;
	background: url(dbv/dark_box_big_topbig.png) no-repeat;
}

#content .mid, #contentImport .mid {
	width: 419px;
	/* background: url(dbv/dark_box_big_mid.png) repeat-Y; */
	color:#cccccc;
	font-size: 15px;

	font-family: 'Josefin Sans';
	font-weight: 300;
	float:left;
	
	
	padding: 5px 0px 5px 8px;
	margin-left:2px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	background: rgb(9,100,121);
	background: linear-gradient(0deg, rgba(9,100,121,0.0004202364539566128) 0%, rgba(54,54,54,1) 100%); 
	
  border-width: 2px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to bottom, 
      #404040, 
      rgba(0, 0, 0, 0)
    ) 10 50%;
	border-bottom-width: 0px;
	border-top-width: 0px;
}

	


#content .bots, #contentImport .bots
{
	float:left;
	width: 430px;
	/* background: url(dbv/dark_box_big_bottom.png) no-repeat; */

	height: 5px;
	margin-left: 2px;
	
	/* border-bottom-width: 1px; */
  border-top: 1px solid transparent;
  border-image: radial-gradient(circle, rgba(60,60,60,0.9) 0%, rgba(70,70,70,0.60) 50%, rgba(124,124,124,0.01) 100%) 1;

}

#content .setbig, #contentImport .setbig
{
	width: 594px;
}


#error{ 
	position: absolute;
	/*IE position: absolute;*/
	top: 0px;
	left: 0px;
	border-bottom: 3px solid black;
	background-color: #ffffe1;
	color: black;
	font-weight: bold;
	background-image: url(dbv/warning.png);
	background-repeat: no-repeat;
	height: 48px;
	width: 100%;
	cursor: pointer;
}

.textfield {


}

#costam input  {
	color:#f9f9f9;
	background: url(dbv/zwartevilt3.png) repeat;
	border-top: 1px solid #2c2c2c;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	border-bottom: 1px solid #2c2c2c;
	padding: 0px 5px 0 5px;
}


#error span{
	margin-left: 55px;
}
#captcha-image {
	margin-top: 5px;
}
#form #iobox{
	position: fixed;
	/*IE position: absolute;*/
	background-color: #CEEAF8;
	border: 1px solid #000;

}
#form #iobox fieldset {
	cursor: default;
}
#footer {
	height: 22px;
	width: 100%;
	border-top: 2px solid transparent;
	border-image: radial-gradient(circle, rgba(65,65,65,0.9) 0%, rgba(70,70,70,0.40) 50%, rgba(124,124,124,0.01) 100%) 1;

	padding: 8px 0 0 0px;
	float:right; 
	text-align: right;
	font-size: 10px;
	font-weight: 200;
	font-family: 'Josefin Sans';
	
}

#footer .legenda{
	background: #CCCCCC;
background: linear-gradient(to right, #CCCCCC 0%, #CCCCCC 50%, #CCCCCC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
float:left;

}
#footer span{
	display: inline;
	font-size: 8pt;
	color:#ccc;
}

#footer span a{
	text-decoration: none;
}

#mid_2 {
	float:left;
	width: 457px;
	background: url(dbv/zwartevilt2.png) repeat-Y;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	margin-left: 35px;
	color:#f9f9f9;
	padding: 0px 0px 0 10px;
}

#mid_2 a {
	text-decoration: none;
	color: #f9f9f9;
}

#bots_2{
float:left;
	width: 467px;
	background: url(dbv/zwartevilt2.png) no-repeat;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	border-bottom: 1px solid #2c2c2c;
	margin-left: 35px;
	height: 9px;
}


#toplists { 
	float:left;
	font-family:Arial, Helvetica, sans-serif; 
	width:480px;
}

#left_tops{ 
	float:left; 
	width:280px;
	padding-left:0px;
	padding-top: 0px;
}

#left_tops .rank_all{ 
	float:left; 
	width:40px;
	background: url(dbv/zwartevilt.png) repeat;
	/* border-top: 1px solid #2c2c2c; */
	height: 16px;
	font: normal 14px arial, helvetica, sans-serif;
	margin: 0 0 0 1px;
}

#left_tops .name_all{ 
	float:left; 
	width:165px;
	background: url(dbv/zwartevilt.png) repeat;
	height: 16px;
	font: bold 14px arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	border-left: 2px solid #2c2c2c;
}

#left_tops .lvl_all{ 
	float:left; 
	width:65px;
	background: url(dbv/zwartevilt.png) repeat;
	height: 16px;
	font: bold 12px arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	border-left: 2px solid #2c2c2c;
}

#left_tops .rank_1{ 
	float:left; 
	width:40px;
	background: url(dbv/zwartevilt3.png) repeat;
	height: 15px;
	font: normal 12px arial, helvetica, sans-serif;
	margin: 1px 0 0 1px;

}

#left_tops .name_1{ 
	float:left; 
	width:165px;
	background: url(dbv/zwartevilt3.png) repeat;
	height: 15px;
	font: normal 13px arial, helvetica, sans-serif;
	margin: 1px 0 0 0;
	border-left: 2px solid #2c2c2c;
}

#left_tops .lvl_1{ 
	float:left; 
	width:65px;
	background: url(dbv/zwartevilt3.png) repeat;
	height: 15px;
	font: normal 13px arial, helvetica, sans-serif;
	margin: 1px 0 0 0;
	border-left: 2px solid #fff;
}

#right_tops{ 
	float:right;
	width:190px;

	padding-top:0px;
} 

#right_tops a { 
	color: #f9f9f9;
} 




#right_tops_menu_alls{ 
	float:left;
	width:150px;

} 

#right_tops_menu{ 
	width:130px;
	margin: auto;
} 

#right_tops_menu select{ 
	width:120px;
	padding: auto;
	margin-top:5px;
} 

#right_tops_off{ 
	float:left;
	width:130px;
	padding-top:10px;
	padding-left:10px;
} 
 */
#right_tops_off ul {
	margin-left:10px;
	list-style-type: square;
	line-height: normal;
	
}
#right_tops_off li {
	padding-top:2px;
}
#right_tops_off img {
  position: relative;
  top: 3px;
  left: -2px;
}
#right_tops_off a { 
	color: #f9f9f9;
} 


#upes {
position:absolute;
    top: 0px;
	left: 0px;

    width:100%;
    margin: 0px auto;
    height: 60px;
}
#left_tops .rank_allc{ 
	float:left; 
	width:100px;
	background-color : #5DBCE9;
	height: 16px;
	font: normal 14px arial, helvetica, sans-serif;
	margin: 0 0 0 1px;
}
#left_tops .name_allc{ 
	float:left; 
	width:140px;
	background-color : #5DBCE9;
	height: 16px;
	font: bold 14px arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	border-left: 2px solid #28A3DD;
}
#left_tops .lvl_allc{ 
	float:left; 
	width:45px;
	background-color : #5DBCE9;
	height: 16px;
	font: bold 10px arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	border-left: 2px solid #28A3DD;
}

#left_tops .name_1c{ 
	float:left; 
	width:140px;
	background-color : #96C4DA;
	height: 15px;
	font: normal 13px arial, helvetica, sans-serif;
	margin: 1px 0 0 0;
	border-left: 2px solid #386B93;
}

#left_tops .lvl_1c{ 
	float:left; 
	width:100px;
	background-color : #90B5C6;
	height: 15px;
	font: normal 13px arial, helvetica, sans-serif;
	margin: 1px 0 0 0;
	border-left: 2px solid #386B93;
}

#left_topx{ 
	float:left; 
	width:300px;
	padding-left:0px;
	padding-top: 0px;
}


#left_topx .rank_allx{ 
	float:left; 
	width:65px;
	background-color : #5DBCE9;
	height: 71px;
	font: normal 14px arial, helvetica, sans-serif;
	padding: 2px 0 0 0;
	font-size:9px;
	border-top: 1px solid #28A3DD;
}

#left_topx .name_1x{ 
	float:left; 
	width:215px;
	background-color : #5DBCE9;
	height: 63px;
	font: bold 14px arial, helvetica, sans-serif;
	padding: 10px 0 0 0;

	border-top: 1px solid #28A3DD;
}

hr.style { 
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
	margin-bottom:5px;
	margin-top:5px;
}


#sell_chars{ 
	width:460px;
	padding-left:0px;
	padding-top: 0px;
}

#sell_chars .rank_all{ 
	float:left; 
	width:65px;
	background: url(dbv/zwartevilt.png) repeat;
	height: 16px;
	font: normal 14px arial, helvetica, sans-serif;
	margin: 0 0 0 1px;
}

#sell_chars .name_all{ 
	float:left; 
	width:200px;
	background: url(dbv/zwartevilt.png) repeat;
	height: 16px;
	font: bold 14px arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	border-left: 2px solid #2c2c2c;
}

#sell_chars .lvl_all{ 
	float:left; 
	width:170px;
	background: url(dbv/zwartevilt.png) repeat;
	height: 16px;
	font: bold 12px arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	border-left: 2px solid #2c2c2c;
}

#sell_chars .rank_1{ 
	float:left; 
	width:65px;
	height:56px;
	background: url(dbv/zwartevilt3.png) repeat;

	font: normal 12px arial, helvetica, sans-serif;
	margin: 1px 0 0 1px;

	padding-top:6px;
}

#sell_chars .name_1{ 
	float:left; 
	width:200px;
	background: url(dbv/zwartevilt3.png) repeat;
	height: 56px;
	font: normal 13px arial, helvetica, sans-serif;
	margin: 1px 0 0 0;
	border-left: 2px solid #2c2c2c;

	padding-top:6px;
}

#sell_chars .lvl_1{ 
	float:left; 
	width:170px;
	background: url(dbv/zwartevilt3.png) repeat;
	height: 56px;
	font: normal 13px arial, helvetica, sans-serif;
	margin: 1px 0 0 0;
	border-left: 2px solid #2c2c2c;

	padding-top:6px;
}


#deathlists{
	width:425px;
	padding-left:0px;
	padding-top: 0px;
	display: table;
}

#deathlists .infoAll { 
	display: table-row;
}


#deathlists .lp{
	float:left; 
	width:30px;
	text-align: center;
	background-color : #252525;
	height: 16px;
	font: normal 14px arial, helvetica, sans-serif;
	margin: 0 0 0 1px;
	display: table-cell;
	border-top: 2px solid #2c2c2c;
}


#deathlists .data{
	float:left; 
	width:105px;
	text-align: center;
	background-color : #252525;
	height: 16px;
	font: bold 12px arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	border-top: 2px solid #2c2c2c;
	display: table-cell;
}

#deathlists .desc{ 
	float:left; 
	width:270px;
	border-top: 2px solid #2c2c2c;
	background-color : #252525;
	height: 16px;
	font: bold 12px arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	text-align:center;
	display: table-cell;
}

#deathlists .lp_1{ 
	float:left; 
	width:30px;
	min-height:16px;
	 text-align: center;

	font: normal 12px arial, helvetica, sans-serif;
	background-color : #232323;
	display: table-cell;
	padding-top:2px;
	margin-top:5px;
	border-top: 1px solid #6e6a6a50;
}

#deathlists .data_1{ 
	float:left; 
	width:105px;
	text-align: center;
	background-color : #232323;
	min-height:16px;
	font: normal 12px arial, helvetica, sans-serif;

	display: table-cell;
	padding-top:2px;
	margin-top:5px;
	border-top: 1px solid #6e6a6a50;
}

#deathlists .desc_1{ 
	float:left; 
	width:266px;
	background-color : #232323;
	min-height:20px;
	font: normal 12px arial, helvetica, sans-serif;

	padding:2px 0px 2px 5px;
	
	display: table-cell;
	margin-top:5px;
	border-top: 1px solid #6e6a6a50;
}
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 12x; color: #015880;
	background-color: #FFFFFF; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.codeLog {
	font: normal 12px arial, helvetica, sans-serif;
    border: 2px solid #a6a6a6;
    border-radius: 2px;
	padding: 4px;
	background: url(dbv/dark_bg.jpg) repeat-y;

}
.buttonLogin {
    
	width: 45%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 2px 4px;
    border: 1px solid #057cc0;
    border-radius: 4px;
    background: #1fa1ec;
    background: -webkit-gradient(linear, left top, left bottom, from(#1fa1ec), to(#057cc0));
    background: -moz-linear-gradient(top, #1fa1ec, #057cc0);
    background: linear-gradient(to bottom, #1fa1ec, #057cc0);
    text-shadow: #057cc0 1px 1px 2px;
    font: normal normal bold 13px arial;
    color: #ffffff;
    text-decoration: none;
	margin-top:20px;
}
.buttonNewAccount {
    width: 110px !important;
    display: inline-block;
    text-align: center ;
    vertical-align: middle;
    padding: 2px 4px 1px 4px !important;
    border: 1px solid #1a7d2f !important;
    border-radius: 4px;
    background: #45bb5e !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#45bb5e), to(#1a7d2f)) !important;
    background: -moz-linear-gradient(top, #45bb5e, #1a7d2f) !important;
    background: linear-gradient(to bottom, #45bb5e, #1a7d2f) !important;
    text-shadow: #1a7d2f 1px 1px 2px !important;
    color: #ffffff;
    text-decoration: none;

}

#recAccount {
   display: flex; 
	flex-direction: column;
	align-items: center; /* Opcjonalne - aby przycisk i formularz były wyrównane w pionie */
	width: 100%
}
#recAccount .buttonRecAccount {
    width: 230px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 2px 4px;
    border: 1px solid #8e0cb3;
    border-radius: 4px;
    background: #bb29e5;
    background: -webkit-gradient(linear, left top, left bottom, from(#bb29e5), to(#8e0cb3));
    background: -moz-linear-gradient(top, #bb29e5, #8e0cb3);
    background: linear-gradient(to bottom, #bb29e5, #8e0cb3);
    text-shadow: #8e0cb3 1px 1px 2px;
    font: normal normal bold 13px arial;
    color: #ffffff;
    text-decoration: none;
	margin-left:4px;
	float:left;
}


.header_menu{
	display: table;
	width: 700px;
	float: left;
}
.header_menuRow {
	display: table-row;
}
.header_menuBody {
	display: table-row-group;
}

.header_menuLeft {
	display: table-cell;
	padding: 3px 10px;
	width: 200px;
}
.header_menuCenter {
	display: table-cell;
	padding: 3px 10px;
	width: 400px;
	text-align: center;
}
.header_menuRight {
	display: table-cell;
	padding: 3px 10px;
	width: 200px;
	text-align: right;
}


.div_skillTab{
    display: flex; 

	align-items: center; /* Opcjonalne - aby przycisk i formularz były wyrównane w pionie */
    
	width: 99%;
	margin-left:4px
}
.div_skillTabCell {

	padding: 3px 8px;
	text-align: center;
	font: normal normal bold 10px arial;
}

.div_skillTabFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.div_skillTabBody {
	display: table-row-group;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
   position: fixed;
   top: 0;
   left: 0;

  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  padding-left: 30px; /* Location of the box */

  height: 100%; /* Full height */
  /* overflow: auto; */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  overflow-x: hidden; /* Hide vertical scrollbar */
  
    overflow: scroll; /* Włącz przewijanie */
    scrollbar-width: none; /* Dla Firefox */
    -ms-overflow-style: none; /* Dla Internet Explorera */
  
  
}

.modal.right{
   position: fixed;
   right: 0;
}
/* Modal Content */
.modal-content {
	float:right;
}

/* The Close Button */
.modal .close {
  color: #aaaaaa;
  float: right;

  font-size: 60px;
  font-weight: 100;
   position: fixed;
   top: -10px;
   left: 435px;
  text-align:right;
  
}

.modal .close:hover,
.modal .close:focus {
  color: #e80000;
  text-decoration: none;
  cursor: pointer;
}



#divError { /* <div id="divError"></div> */
	width: 98%;
	padding: 5px 6px;
	border-radius: 5px;
	border: 2px outset #de2b2b;
	box-shadow: 0 5px 10px rgba(0,0,0,.3);
	color: #ffe9e9;

	font: bold 15px arial;
	text-align:center;
	line-height: 24px;
	background: rgb(162,31,31);
	background: linear-gradient(0deg, rgba(162,31,31,1) 0%, rgba(255,103,103,1) 100%);
	margin:10px 0;
	box-sizing:border-box;
	text-shadow: 1px 1px 0 black;
}

#divInfo  { /* <div id="divError"></div> */
	width: 98%;
	padding: 3px 6px;
	border-radius: 5px;
	border: 2px outset #873e00;
	box-shadow: 0 5px 10px rgba(0,0,0,.3);
	box-sizing:border-box;
	color: #ffe9e9;
	font: bold 15px arial;

	text-align:center;
	line-height: 16px;
	background: rgb(154,71,0);
	background: linear-gradient(0deg, rgba(154,71,0,1) 23%, rgba(195,73,0,1) 82%); 
	margin:10px 0;
	text-shadow: 1px 1px 0 black;
}

#divError:empty {
  display: none;
}
	
#divError a {
	color: #ffe9e9;
}
#divError a:hover {
	color: #ffffff;
}



#divSuccess, .success_bar {
	width: 98%;
	padding: 5px 6px;
	font: bold 20px arial;
	color:#f8f8f8;
	background: #A0D569;
	border: 2px outset #149606;
	border-radius: 5px;
	text-align:center;
	margin:10px 0;
	box-shadow: 0 5px 10px rgba(0,0,0,.3);
	font-variant: small-caps;
	background: #8FCD52;
	background: -webkit-linear-gradient(#09bc00, #078c01);
	background:    -moz-linear-gradient(#09bc00, #078c01);
	background:      -o-linear-gradient(#09bc00, #078c01);
	background:         linear-gradient(#09bc00, #078c01);
	box-sizing:border-box;
	text-shadow: 1px 1px 0 black;
}

#divSuccess a, .success_bar a  {
	color:#ebebeb;
}	


#divSuccess:empty, .success_bar:empty { 
    display: none;
}

#ajax_div {

  	visibility: visible;  
  display: flex;
  flex-direction: column;

	width: 200px;

	margin-left:4px;

	padding: 10px 10px;
	box-shadow: 0 2px 5px #2b2b2b;

	background-image: linear-gradient(rgba(33, 33, 33, 1.0), rgba(23, 23, 23, 0.95)),
		url(dbv/menu_h10.png);
	border: 2px outset #222222;
	border-radius: 5px;

}

#ajax_div .divLeft{

	float:left;
	text-align:right;
	width:38%;
	margin-top:5px;
	height:20px;
	
}
#ajax_div .divCenter{
	float:left;
	text-align:center;
	width:38%;
	margin-top:5px;
	height:20px;
}
#ajax_div .divRight{

	float:right;
	text-align:left;
	width:60%;
	margin-top:5px;
	margin-left:2px;
	height:20px;
}
#ajax_div .divRight input{
	width:90%;
}



#ajax_div .divSpawn{
	width:100%;
	text-align:center;
	display: flex;
}

#ajax_div .divSpawnHr{
	display: flex;
	align-items: center;
	border-top:2px solid #fff;
	/* margin-top:20px; */
	min-height:10px;
	justify-content: center;
	font-size:20px;

	/* background: #ff7575; */
}


#ajax_div .divSpawn ul{
	text-align:left;
	margin-left:20px;
}

#ajax_div .divButton{
	width:99%;
	text-align:center;
	margin-top:10px;
	float:left;
	border-top: 1px solid #2c2c2c;
}


#ajax_div .close{
	float:left;
	padding: 2px 5px 0px 5px !important;
	margin-top: 5px !important;
	background: #ff7575 !important;
	border: 2px solid #df5454 !important;
	
}
#ajax_div .send{
	text-align:right !important;
	padding: 3px 10px !important;
	background: #45bb5e !important;
	float:right;
	color: #313131 !important;

	font-weight: 400 !important;
	border: 2px solid #1a7d2f !important;
	
}

#ajax_div .reload{
	text-align:right !important;
	padding: 3px 10px !important;
	background: #db940c !important;
	float:right;
	color: #f8f8f8 !important;

	font-weight: 400 !important;
	border: 2px solid #c77f02 !important;
	
}
#ajax_div .divCapache{
	float:right;
	margin-top:10px;
	text-align:center;
}
#ajax_div input select{
	margin-top:-3px;
}

#ajax_div .divCapache input{
	margin-top:5px;
	text-align:center;
	width:90%;
}

#ajax_div h1{
	font-size: 18px;
	font-weight: 400;
	font-family: 'Josefin Sans';
	font-variant: small-caps;
	text-align:center;
	color: #ededed;
	margin-top:0px;


	border-radius: 5px;
	background:#242424;
	height:20px;
	/* text-shadow: 0px 0px 1px rgba(255, 255, 0, 1); */
}



#ajax_div  textarea {
	background:#454545;
	border: 2px solid #2c2c2c;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #f9f9f9;
	 padding: 5px; /* Some padding */
	
}



#textarea .selectSkill { 
	margin-top:5px;
	float:right;
	text-align:right;
}

#textarea .selectSkill ul{ 
	list-style: none;
	line-height: normal;
	border-radius: 5px;
	background: rgb(37,37,37);
	background: linear-gradient(0deg, rgba(30,30,30,1) 0%, rgba(33,33,33,1) 55%); 
	border: 2px outset #2f2e2e;
	padding: 5px 5px 4px 4px;
	width:125px;
	float: right;
	text-align:center;
}

#textarea .selectSkill ul img {
	  /* position: relative; */
  /* top:0px; */

}

#textarea .selectSkill ul li{ 
	border-radius: 3px;
	background: rgba(75,75,75,0.5); 	
	padding: 2px 10px 0px 2px;
	margin-top:2px;
	width:100px;
	float: right;
	color:#fff;
	cursor: pointer;
	text-align:right;
}

#textarea .selectSkill ul li:hover{ 
	padding: 2px 10px 0px 12px;
	text-align:left;
}

#textarea .selectSkill ul li.selecterd{ 
	padding: 2px 12px 0px 12px;
	text-align:left;
}
#textarea .selectSkill ul li a{ 
	color:#fff;
}

#acc_manager{
	width: 100%;
	position: relative;
	
}

#acc_manager .btn-group button {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Josefin Sans';
	font-variant: small-caps;

  color: white; /* White text */
  padding: 7px 10px 5px 10px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  width: calc(33% - 2px);
}

#acc_manager .btn-group:after {
  content: "";
  clear: both;
  display: table;
}

#acc_manager .btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
#acc_manager .btn-group button:hover {
  background-color: #3e8e41;
}
#acc_manager .center {
	background-color: #202020;
	border: 2px solid  #2d2b2b;
	border-left:0;
	border-right:0;

}
#acc_manager .left {
	background-color: #202020;
	border: 2px solid  #2d2b2b;
	border-right:0;
	border-radius: 3px 0px 0px 3px;
}
#acc_manager .right {
	background-color: #202020;
	border: 2px solid  #2d2b2b;
	border-left:0;
	border-radius: 3px;
}

#acc_navbar{
	width: 98%;
	position: relative;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Josefin Sans';
	font-variant: small-caps;
	cursor: pointer;
}

#acc_navbar .status {
	display: flex;
	background-color: red;
	justify-content: space-between;
	overflow: hidden;
	background-color: #202020;
	border: 2px solid  #2d2b2b;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
	padding: 0px 8px;
	cursor: unse;
	text-align: right;

}

#acc_navbar .status  img {
  position: relative;
  top:5px;
  height:20px;

}


#acc_navbar .navbar {
	overflow: hidden;
	background-color: #202020;
	border: 2px solid  #2d2b2b;
	border-top:1px solid #2d2b2b50;
	border-radius: 3px;
	
	  display: flex;
}

#acc_navbar .navbar a {
  float: left;
  color: white;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
}

#acc_navbar .dropdown {
  float: left;
  overflow: hidden;
}

#acc_navbar .dropdown .dropbtn {
  font-size: 18px;  
	font-weight: 600;
	font-family: 'Josefin Sans';
	font-variant: small-caps;
	
  border: none;
  outline: none;
  color: white;
  padding: 7px 8px 5px 8px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  
}

#acc_navbar .dropbtn {
	width:100%;
}

#acc_navbar button.dropbtn  img {
  position: relative;
  top:3px;
  height:20px;

}


#acc_navbar .navbar a:hover, #acc_navbar .dropdown:hover .dropbtn {
  background-color: #2a2a2a50;
padding: 8px 8px 4px 8px;
  cursor: pointer;
}

#acc_navbar .right {

  right: 0 !important;

}

#acc_navbar .dropdown-content {
  display: none;
  position: absolute;
  background-color: #1f1f1f;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border: 2px solid  #2d2b2b;
  border-top:0;
  margin-left:-2px;
}

#acc_navbar .dropdown-content a {
  float: none;
  color: #a3a3a3;
  font-size: 14px;  
  padding: 4px 4px;
  text-decoration: none;
  display: block;
  text-align: left;
  text-shadow: none;
  cursor: pointer;
}
#acc_navbar .dropdown-content a.own {
  text-align: right;
color:#ffffff;
margin-right:5px;
}


#acc_navbar .dropdown-content a:hover {
  background-color: #242424;
  padding: 4px 4px;
  text-shadow: none;
  color:#c8c8c8;
  
  
}

#acc_navbar .dropdown-content img {
  position: relative;
  top: 3px;
  left: 2px;
}

#acc_navbar .dropdown:hover .dropdown-content {
  display: block;
}


#acc_navbar .topBar img {
  position: relative;
  top:5px;
  height:20px;

}

#acc_navbar .topBar{
	  display: flex;
	  background-color: red;
	 justify-content: space-between;
	/* overflow: hidden; */
	background-color: #202020;
	border: 2px solid  #2d2b2b;
	border-bottom:0px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
	padding: 0px 8px 3px 8px;
	cursor: unse;
	text-align: right;
	 cursor: help;
	 height:30px;
 
}

#acc_navbar .topBarRef{
  display: flex;
  flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
	/* overflow: hidden; */
	background-color: #141f26;
	border: 2px solid  #142632;
	
	/* background-color: #f87000; */
	/* border: 2px solid  #ba2c0c; */
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
	padding: 0px 2px 3px 2px;
	
	text-align: left;

	 margin-top:5px;
	 height:20px;
	 cursor: auto;
 
}
#acc_navbar .topBar .event {
   z-index: 0;
}
#acc_navbar .topBarRef .event {
   z-index: 0;
	cursor: help;
}
#acc_navbar .topBarRef .link {
	margin-top:8px;
   font-variant: small-caps;
   cursor: pointer;
   z-index: 0;
}

#acc_navbar .topBarRef .total {
	margin-top:6px;
   margin-left: auto;
  display: flex;
  justify-content: space-between;
  width:190px;
   z-index: 0;
}


#acc_navbar .topBarRef .linkCopy {
	margin-top:4px;
   font-variant: small-caps;
   font-variant: small-caps;
   font: bold 13px Arial, Helvetica, sans-serif;
}

#acc_navbar .topBarRef img {
	position: relative;
	top:2px;
	height:20px;
}

#acc_navbar .topBarRef img {
	position: relative;
	top:2px;
	height:20px;
	cursor: help;
}
.tooltip-text {
  visibility: hidden;
  position: absolute;
  color: white;
  font-size: 12px;
  background-color: #192733;
  border-radius: 2px;
  padding: 10px 15px 10px 15px;
}

.hover-text:hover .tooltip-text {
  visibility: visible;
}

.hover-text {
  position: static ;
  display: inline-block;
  z-index: 19999;

}

#acc_navbar .event {}
#acc_navbar .left {
    display:none;
    min-width:100px;
	
	position:absolute;
	bottom:30px;
	margin-left:-20px;
    padding: 5px 10px 5px 10px;

	background: #131313 url(dbv/menu_h10.jpg) repeat-y;

    z-index:10;
    box-sizing:border-box;
    text-align:center;
	border-radius:6px;
    border: 3px outset #aba9a9;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size:14px;
	color: #cccccc;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	
	-webkit-box-shadow: 0px 0px 11px -1px rgba(165, 165, 165, 1);
	-moz-box-shadow: 0px 0px 11px -1px rgba(165, 165, 165, 1);
	box-shadow: 0px 0px 3px -1px rgba(165, 165, 165, 1);

	opacity: 0;
	transition: all .2s ease 2s;
}

#acc_navbar .event:hover .left {
    transform: scale(1.0, 1.0);
    display:block;
	opacity: 0.95;
}



#vocInfoFull {
	display: flex;
	flex-wrap: wrap;
	gap: 0px; /* Odstęp między divami */
	margin-top: 10px;
	width: 98%;

	background-image: linear-gradient(rgba(33, 33, 33, 1.0), rgba(23, 23, 23, 0.95)),
		url(dbv/menu_h10.png);
	border: 2px outset #222222;
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
}
	
#vocInfoDesc {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 98%;
	padding:1px 5px 2px 5px;
 background: rgb(37,37,37);
background: linear-gradient(0deg, rgba(37,37,37,1) 0%, rgba(52,52,52,1) 49%); 
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 600;
	font-size:16px;
	text-align:center;
	border: 2px outset #2b2a2a;
	border-radius: 5px;
	box-sizing: border-box;
}

#vocInfoSkill {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	width: 98%;
	padding:0px 0px;
 background: rgb(50,50,50);
background: linear-gradient(0deg, rgba(50,50,50,1) 0%, rgba(143,142,139,1) 100%); 
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 200;
	font-size:12px;
	text-align:center;
	border: 2px outset #5b5858;
	border-radius: 5px;
	box-sizing: border-box;
	/* text-shadow: none; */
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	color:#fff;
}
#vocInfoSkill h1{
	
	font-size: 18px;
	font-weight: 400;
	font-family: 'Josefin Sans';
	font-variant: small-caps;
	text-align:center;
	color: #ededed;
	margin-top:8px;
	margin-bottom:10px;
	line-height: 4px;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);

	
}

#vocInfoFull .voc_imgs {
	float:right;
	margin: 13px;
	min-width:100px;

	height: 145px; /* Wysokość diva */
	background: rgb(37,37,37);
	background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(37,37,37,1) 55%); 
	border: 2px outset #2f2e2e;
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	cursor:pointer;
	color:#666666;
	padding:8px 5px;
	text-decoration:none;
	text-align:center;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 1);
	flex-direction: column;          /* top to bottom */
	
	
}
#vocInfoFull .voc_imgs img { filter: drop-shadow(-1px 1px 6px #000000);padding-top:2px;}
#vocInfoFull .voc_imgs button { 
	background:none;
	border:none;
	padding-top:2px;
	cursor:pointer;
	color:#666666;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size:14px;
}
	
	
#vocInfoFull .vocInfo {
	color:#666666;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size:16px;
	padding:15px 0px 15px 8px;
	text-decoration:none;
	width: 265px;
}


#vocInfoFull .name{
	padding-top:6px;
	padding-bottom:-2px;
	margin-top:-2px;text-align:center;font-weight: 600;color:#fff;margin-bottom:5px;	
	border-radius: 5px;
	background:#242424;
	height:22px;
}
#vocInfoFull .iconChar button{
	color:#fff;
}
#vocInfoFull .iconChar img { margin-top:-5px;margin-bottom:2px;filter: drop-shadow(0px 0px 2px #00000010);width:38px;}


#vocInfoFull .ban{}
#vocInfoFull .level{
	margin-top:0px;
	color:#fff;
	border-radius: 3px;
	background:#8c8c8c70;
	padding-top:2px;
	padding-left:4px;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#vocInfoFull .reb{
	border-radius: 3px;
	background:#cc5eff70;
	margin-top:2px;
	padding-top:2px;
	padding-left:4px;
	color:#fff;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#vocInfoFull .kilvl{
	border-radius: 3px;
	background:#32bcf570;
	margin-top:2px;
	padding-top:2px;
	padding-left:4px;
	color:#fff;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#vocInfoFull .hell{
	border-radius: 3px;
	background:#330000;
	margin-top:2px;
	padding-top:1px;
	padding-left:4px;
	color:#ff6666;
	font: bold 10px Arial, Helvetica, sans-serif;
}

#vocInfoFull .guild{color:#8e8e8e;font-size:14px;}
#vocInfoFull .guild a{color:#717171;font-size:16px;}
#vocInfoFull .combo{color:#e18931;font-size:15px;}
#vocInfoFull .master{color:#347da1;font-size:15px;}
#vocInfoFull .master a{color:#037ab3;font-size:16px;}

#vocInfoFull .position{}
#vocInfoFull .house{color:#d5e966;font-size:14px;}
#vocInfoFull .namelock{margin-top:7px;color:#c9c9c9;font-size:14px;}
#vocInfoFull .namelock li{
  line-height: 10px;
  font-size:12px;
  color:#b6b6b6;
}

#vocInfoFull .bottomInfo{
	text-align:left;
}


#vocInfoFull .vocInfoBottom {
	 margin-left:10px;
	 margin-bottom:2px;
}
#vocInfoFull .last{
	font-size:14px;
	width:220px;
}

#acc_chars {
	display: flex;
	flex-wrap: wrap;
	gap: 7px; /* Odstęp między divami */
	margin-top:25px;
}

	
#acc_chars  .chard {
	width: calc(33.33% - 10px); /* Dla trzech kolumn - 33.33%; dla dwóch - 50% */
	height: 150px; /* Wysokość diva */
	
		/* border-bottom-color: #fff;	 */
	background-image: linear-gradient(rgba(33, 33, 33, 1.0), rgba(23, 23, 23, 0.95)),
		url(dbv/menu_h10.png);
	border: 2px outset #222222;
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	float: none;
	text-align:center;
	
	display: flex;                   /* defines flexbox */
	flex-direction: column;          /* top to bottom */
	justify-content: space-between;  /* first item at start, last at end */
  
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#acc_chars  .chard_small {
	height: 100px;
	width: 90px;
}
#acc_chars .charTop {background-color: #00000020;padding:2px 0 0px 2px;

}
#acc_chars .charWeapon {background-color: #00000025;padding:2px 0 1px 0px;margin-top:1px;text-align:center;font-size:11px; display: block;}
#acc_chars .charHP {background-color: #00000025;padding:0px 0 1px 0px;text-align:center;font-size:13px;}

#acc_chars .charLevel {background-color: #00000025;padding:4px 0 2px 0px;margin-top:5px;text-align:center;}

#acc_chars .charGuild {background-color: #00000025;padding:1px 0 2px 10px;margin-top:10px;text-align:left;}
#acc_chars .charGuild img{width:14px;top:2px;right: 4px;position:relative;}
#acc_chars .charGuild a{cursor: pointer;}

#acc_chars .charGuildInvite {text-align:bottom;background-color: #00000025;padding:1px 0 2px 0;margin-top:-7px;font-size:10px;vertical-align: bottom;}
#acc_chars .charGuildInvite a {font-size:14px;}
#acc_chars .charGuildInvite img{width:12px;height:12px;top:2px;right: 2px;position:relative;}


#acc_chars img { filter: drop-shadow(-1px 1px 6px #000000);padding-top:2px;}

.eventTool {background-color: #00000020;}
.toolLeft {
    display:none;
    min-width:100px;
	
	position:absolute;

    padding: 5px 10px 5px 10px;
	background: url(dbv/dark_bg.jpg) repeat-y;

    z-index:10;
    box-sizing:border-box;
    text-align:center;
	border-radius:6px;
    border: 3px outset #aba9a9;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size:14px;
	color: #cccccc;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	
	-webkit-box-shadow: 0px 0px 11px -1px rgba(165, 165, 165, 1);
	-moz-box-shadow: 0px 0px 11px -1px rgba(165, 165, 165, 1);
	box-shadow: 0px 0px 3px -1px rgba(165, 165, 165, 1);

	opacity: 0;
	transition: all .2s ease 2s;
}

.eventTool:hover .toolLeft {
    transform: scale(1.0, 1.0);
    display:block;
	opacity: 0.95;
}


#deathList_24 {
	display: flex; 
	flex-direction: column;
	align-items: center; /* Opcjonalne - aby przycisk i formularz były wyrównane w pionie */
	width: 100%;

}

#deathList_24 .labelDeath {
	width: 95%;
	display: flex; 
	border-radius: 3px;
	background:#1a1a1a;
	margin-top:5px;
	padding-top:2px;
	padding-left:4px;
}
#deathList_24 .data {
	width: 110px;
	font-size:12px;
	margin-top:1px;
}

#deathList_24 .killer {
	margin-left:5px;	
}

#divShopMenu {
	float: left;
	width: 98%;
	padding: 10px 5px 10px 5px;
	color: #f9f9f9;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
    
	/* flex-wrap: wrap; */
	/* gap: 0px; */
	/* margin-top: 10px; */
	/* width: 98%; */

	background: rgb(60,60,60);
	background: linear-gradient(0deg, rgba(60,60,60,1) 0%, rgba(111,112,111,1) 100%); 
	border: 2px outset #222222;
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	
	margin-bottom:15px;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 600;
	font-size: 14px;
	text-align:center;
	color:#fff;
}


#divShopMenu .menu_full {
	width: calc(33% - 2px);
}
#divShopMenu .menu_1, .menu_2, .menu_3 {
	padding: 5px 5px 2px 5px;
	border-radius: 3px;
 background: rgb(51,51,51);
background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(65,65,65,1) 100%); 
	width: calc(30% - 2px);
	color:#c68803;
	border: 1px outset #333333;
	text-shadow: 0px 0px 4px #111111; 
	/* box-shadow: 0px 0px 4px #111111;  */
}

#divShopMenu  .menu_2 {
	color:#fff;
}

#divShopMenu  .menu_1 a  {
	color:#d9a83e;
}

#divShopMenu  .menu_3 a  {
	color:#c9d000;
}


#divShopMenu a {
	color: #fff;
	text-shadow: 0px 0px 4px #111111; 
}

#divShopItems {
	float: left;
	width: 98%;
	display: flex;
	flex-direction: column;
	align-items: center; /* Opcjonalne - aby przycisk i formularz były wyrównane w pionie */
	text-shadow:none;
}

#divShopItems .shopPPItem{
	float: left;
	width: 98%;
	padding: 5px 5px 0px 5px;

	display: flex;
	flex-wrap: wrap;
	/* gap: 0px; */
	/* margin-top: 10px; */
	/* width: 98%; */

	background: rgb(60,60,60);
	background: linear-gradient(0deg, rgba(60,60,60,1) 0%, rgba(111,112,111,1) 100%); 
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	
	margin-bottom:15px;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 14px;
	
	color:#fff;
	box-shadow: 0px 0px 4px #111111; 
}


#divShopItems .shopPPItemHist{
	position: relative;
	height:35px;
}

#divShopItems .arch_img img{
	opacity: 0.8;
	width:32px;
	position: absolute; /* Absolutne pozycjonowanie obrazu wewnątrz diva */
	top: -5px; /* Ustawienie obrazu na górze diva */
	left: -5px; /* Ustawienie obrazu na lewo diva */
}


#divShopItems .arch_name{
	padding:0px 0px 0px 25px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top:-2px

}
#divShopItems .arch_name span.right {
	background:#33333390;
	border-radius: 5px;
	padding:1px 8px 0px 8px;
	margin-left: auto;
}

#divShopItems .shopPPItem_name{
	padding:0px 0px 0px 43px;
	border-radius: 3px 0px 0px 3px;
	background:#33333390;
	width: 215px;
	position: relative; /
	text-align:center;
	height:30px;
  display: flex;
  justify-content: left;
  align-items: center;
}

#divShopItems .shopPPItem_name.buy{
	width: 100%;
	border-radius: 3px;
}

#divShopItems .shopPPItem_name img{
	opacity: 1.0;
	width:34px;
       position: absolute; /* Absolutne pozycjonowanie obrazu wewnątrz diva */
       top: -3px; /* Ustawienie obrazu na górze diva */
       left: 5px; /* Ustawienie obrazu na lewo diva */
	filter: drop-shadow(1px 1px 1px #000000);

}

#divShopItems .shopPPItem_buy{
	height:30px;
	padding: 0px 0px 0px 8px;

	border-radius: 0px 3px 3px 0px;
	background:#33333390;
	width: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#divShopItems .shopPPItem_desc{
	padding: 5px;
	width:100%;
	font-size: 12px;
	color:#f3f3f3;
}

#divShopItems .divCharName{
	height:20px;
	padding: 0px 0px 0px 8px;

	border-radius: 3px;
	background:#6a6a6a;
	width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
   margin-top:10px;
   font-size: 14px;
}

#divShopItems .buyusername{
	padding: 0px 0px 0px 8px;
	width:100%;
  display: flex;
  justify-content: center;
  margin-bottom:10px;
}
#divShopItems .buyusername input{	
	width: 200px;
}
	
	
#divShopItems .divShopBuy{

	padding: 0px 0px 0px 8px;
	width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:10px;
}



#divShopItems .divShopBuyButton{
	height:30px;
	padding: 0px 0px 0px 8px;
	width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}



#divShopItems input.button:hover {
	border: 2px outset #1e6200;
	box-shadow: unset; 
}
#divShopItems input.button.buy {
	width:300px;
	height:34px;


	margin-bottom:5px;

}

#divShopItems input.button, #divShopItems input.buttonOff {
	width:120px;
	height:36px;
    text-decoration:none;
	box-shadow: unset;
	margin-top:-3px;
	margin-bottom:-2px;
	margin-left:10px;

  

	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 14px;
	text-align:center;
	color:#fff;
	
	border: 2px outset #075c00;
	border-radius: 5px;
	background: rgb(7,92,0);
	background: linear-gradient(0deg, rgba(7,92,0,1) 0%, rgba(14,168,0,1) 100%); 
}

#divShopItems input.buttonOff {
 background: rgb(98,98,98);
background: linear-gradient(0deg, rgba(98,98,98,1) 0%, rgba(125,125,125,1) 100%); 
	border: 2px outset #484948;
}

#content .buyPPointBarList {
	width: 415px;
	background: rgb(37,37,37);
	background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(37,37,37,1) 55%); 
	border: 2px outset #2f2e2e;
	color:#fff;
	box-shadow: 0px 0px 4px #111111; 
	
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */

	margin-bottom:15px;



  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-left:-2px;
}

#content .buttonBuyList {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Josefin Sans';
	font-variant: small-caps;

  color: white; /* White text */
  padding: 2px 10px; /* Some padding */
 text-align: left;
  width: 199px;
  margin:5px 0px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */

	box-shadow:inset 0px 20px 0px 0px #036694;
	background:linear-gradient(to bottom, #7b7b7b 5%, #232323 100%);
	background-color:#7b7b7b;
	border-radius:5px;
	border: 1px inset #036694;
}



#content .buyPPointBar {
	width: 415px;
	background: rgb(37,37,37);
	background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(37,37,37,1) 55%); 
	border: 2px outset #2f2e2e;
	
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	
	margin-bottom:15px;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 14px;
	
	color:#fff;
	box-shadow: 0px 0px 4px #111111; 

  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-left:-2px;
}

#content .buttonBuy {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Josefin Sans';
	font-variant: small-caps;

  color: white; /* White text */
  padding: 2px 10px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
 text-align: center;
  width: 194px;
  margin:5px;

	box-shadow:inset 0px 20px 0px 0px #036694;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border-radius:5px;
	border-color:#0d5e84;
}

#content .buttonBuy:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
}


#divFullWindowDark {
	width: 415px;
	background: rgb(37,37,37);
	background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(37,37,37,1) 55%); 
	border: 2px outset #2f2e2e;
	
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	
	margin-bottom:15px;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 14px;
	
	color:#fff;
	box-shadow: 0px 0px 4px #111111; 
	padding:10px;
	
	display: flex;
	flex-direction: column;
	align-items: center; /* Opcjonalne - aby przycisk i formularz były wyrównane w pionie */
}


#divFullWindowDark .top{
	height:20px;
	padding: 2px 0px 0px 0px;

	border-radius: 3px;
	background:#6a6a6a50;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;

   font-size: 14px;
}

#rankList{
	width: 410px;
  display: flex;
  flex-wrap: wrap;
	gap: 8px; /* Odstęp między divami */
}

#rankList .topLister{
	display: flex;
	flex-direction: column;
	width:260px;
	/* border-radius: 0px 3px 3px 0px; */
	border-radius: 5px 0px 0px 5px;

	padding:4px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	background: rgb(37,37,37);
	background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(37,37,37,1) 55%); 
	border: 2px outset #2f2e2e;
	/* border-left:0px; */
}
#rankList .typeSet{
	width:100%;
	display: flex;
	justify-content:space-between;
	
	height:24px;
	padding: 4px 3px 0px 3px;

	border-radius: 5px;
	background: linear-gradient(0deg, rgba(75,75,75,0.5) 0%, rgba(138,138,138,0.5) 100%); 	
	border: 2px outset #2f2e2e;

	gap: 0px; /* Odstęp między divami */
	font-size: 14px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	margin-bottom:5px;
}

#rankList .typeTopList{
	width:97%;
	display: flex;
	justify-content:space-between;
	
	height:20px;
	padding: 4px 3px 0px 3px;
	background:#6a6a6a50;
	gap: 0px; /* Odstęp między divami */
	font-size: 14px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	margin-top:0px;
	margin-left:4px;
}

#rankList .typeTopList.pos {
 background: rgb(68,68,68);
background: linear-gradient(0deg, rgba(68,68,68,1) 0%, rgba(116,116,116,1) 100%); 
	margin-top:1px;

	height:22px;
	width:100%;
	margin-left:0px;
	border-radius: 3px;
}

#rankList .typeTopList.full {
 background: rgb(93,93,93);
background: linear-gradient(0deg, rgba(93,93,93,0.6) 0%, rgba(69,69,69,0.6) 100%); 
	border-radius: 0 0 5px 5px;
	display: flex;
	flex-direction: column;
	height:unset;
}
#rankList .typeTopList .rest {
	display: flex;
	justify-content:space-between;
	
	border-bottom: 1px solid transparent;
	border-left: 0;
	border-right: 0;
	border-top: 0;

  border-style: solid;
  border-image: linear-gradient(to right, rgba(255,255,255,0.05), rgba(255,255,255,0.5), rgba(255,255,255,0)) 1;

	margin-top:1px;
	
}

#rankList .typeTopList .rest.one {
 background: rgb(191,155,48);
/* background: linear-gradient(0deg, rgba(191,155,48,0.5) 0%, rgba(255,215,96,0.8) 50%, rgba(191,155,48,0.5) 100%);  */
	border:unset;
	margin-bottom:4px;
}

#rankList .typeTopList .rest.two {
 background: rgba(148,148,148,0.65);
/* background: linear-gradient(0deg, rgba(148,148,148,1) 0%, rgba(185,185,185,1) 100%);  */

	border:unset;
	margin-bottom:3px;
}

#rankList .typeTopList .rest.thrid {
 background: rgba(80,50,20,0.5);
/* background: linear-gradient(0deg, rgba(80,50,20,1) 0%, rgba(86,65,44,1) 100%);  */
	border:unset;
	margin-bottom:2px;
}


#rankList .typeTopList .rank_all { 
	width:35px;
	margin-top:3px;
	text-align:center;

}
#rankList .typeTopList .name_all { 
	width:152px;
	margin-top:-3px;
	color:#f9f9f9;
}
#rankList .typeTopList .name_all img { 
	width:16px;
	filter: drop-shadow(0px 0px 2px #000000);
	position: relative;
	top: 4px;
}

#rankList .typeTopList  a { 
	color:#f9f9f9;
}

#rankList .typeTopList .pOnline  a { 
	color:#a8ff9c;
}

#rankList .typeTopList .lvl_all { 
	width:55px;
	margin-top:3px;
	text-align:center;
}

#rankList .topListerMenu{
	display: flex;
	flex-direction: column;
	width:140px;
	border-radius: 0px 3px 3px 0px;

	box-sizing: border-box;
	/* border: 2px outset #666666; */
	/* border-left:0px; */
	text-shadow:none;

	align-items: end;
}

#rankList .selectSkill { 
	margin-top:5px;
	float:right;
	text-align:right;
}

#rankList .selectSkill ul{ 
	list-style: none;
	line-height: normal;
	border-radius: 5px;
	background: rgb(37,37,37);
	background: linear-gradient(0deg, rgba(30,30,30,1) 0%, rgba(33,33,33,1) 55%); 
	border: 2px outset #2f2e2e;
	padding: 5px 5px 4px 4px;
	width:125px;
	float: right;
	text-align:center;
}

#rankList .selectSkill ul img {
	  /* position: relative; */
  /* top:0px; */

}

#rankList .selectSkill ul li{ 
	border-radius: 3px;
	background: rgba(75,75,75,0.5); 	
	padding: 2px 10px 0px 2px;
	margin-top:2px;
	width:100px;
	float: right;
	color:#fff;
	cursor: pointer;
	text-align:right;
}

#rankList .selectSkill ul li:hover{ 
	padding: 2px 10px 0px 12px;
	text-align:left;
}

#rankList .selectSkill ul li.selecterd{ 
	padding: 2px 12px 0px 12px;
	text-align:left;
}
#rankList .selectSkill ul li a{ 
	color:#fff;
}


#pagination {
  display: inline-block;
  margin-top:-6px;
  margin-right:-3px;
  
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 200;
	font-size: 16px;
	height:24px;
  	text-shadow:none;
	cursor: pointer;
	
}


#pagination b {
	color: black;
	float: left;
	border: 1px inset #ddd;
	box-sizing: border-box;
	border-left:0;
	border-right:0;

    background-color: #ddd;
	font-size: 14px;
	height:24px;
	width:21px;
	

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 1px 0px 1px;
}
#pagination a.left{
	height:24px;
  color: black;
  float: left;
  padding: 0px 0px 0px 2px;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px inset #ddd;
  box-sizing: border-box;
  background-color: #ddd;
	border-radius: 4px 0 0 4px;
  border-right:0;
  
}
#pagination a.right{
  color: black;
  float: left;
  padding: 0px 1px 0px 0px;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px inset #ddd;
  box-sizing: border-box;
  background-color: #ddd;
    border-radius: 0px 4px 4px 0;
  border-left:0;
height:24px;
}


#pagination a:hover:not(.active) {color: #de8324;}

#divFullWindowDarkWrap{
	width: 410px;
 background: rgb(75,75,75);
background: linear-gradient(0deg, rgba(75,75,75,0.5) 0%, rgba(138,138,138,0.5) 100%),
	url(dbv/menu_h10.png); 
	border: 2px outset #2f2e2e;
	
	border-radius: 5px;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	
	margin-bottom:15px;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 14px;
	
	color:#fff;
	box-shadow: 0px 0px 4px #111111; 
	padding:6px;
	
  display: flex;
  flex-wrap: wrap;
	gap: 0px; /* Odstęp między divami */
}
#divFullWindowDarkWrap .chars_top{
width:100%;display: flex;

}
#divFullWindowDarkWrap .chars_stat{
	display: flex;
	flex-direction: column;
	width:100px;

	font-size: 12px;
	margin-left:-2px;
	border-radius: 0px 3px 3px 0px;
	box-sizing: border-box;
	border: 2px solid transparent;
	border-left:0px;
}


#divFullWindowDarkWrap .fusionTable {
  display: flex;
  flex-direction: column;
  
  width: 80px; /* Szerokość kontenera */
  height: 65px; /* Wysokość kontenera */
  
 background: rgb(75,75,75);
background: linear-gradient(0deg, rgba(75,75,75,0.5) 0%, rgba(138,138,138,0.5) 100%);
margin:0 6px;
padding:5px;
border-radius: 3px;

}

#divFullWindowDarkWrap .fusionTable .row {
  display: flex;
}

#divFullWindowDarkWrap .fusionTable .top-row {
  justify-content: space-between; /* Divy u góry po lewej i prawej stronie */
}

#divFullWindowDarkWrap .fusionTable .bottom-row {
  justify-content: center; /* Div na dole wyśrodkowany */
  margin-top: auto; /* Automatyczne przeniesienie na dół */
}

#divFullWindowDarkWrap .fusionTable .cell {
  width: 32px; /* Szerokość każdego diva */
  height: 32px; /* Wysokość każdego diva */
  display: flex;
  align-items: flex-end; /* Wyrównanie do dołu */
  justify-content: center; /* Wyśrodkowanie tekstu w poziomie */

}

	
#divFullWindowDarkWrap .revert{
	box-shadow: unset; 
	background: none !important;


	border: 2px solid transparent;
	border-right:0px !important;
	border-radius: 3px 0px 0px 3px !important;
	box-sizing: border-box; /* Liczenie szerokości diva włączając border i padding */
	
	overflow: hidden; /* Ukrywa część obrazu, która wychodzi poza div */
	position: relative;
	
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}




#divFullWindowDarkWrap .revert .img img{
	filter: drop-shadow(0px 0px 4px #000);
	position: absolute;
	bottom: 5px; /* Ustawia obrazek na dole kontenera */
	/* left: 0; /* Ustawia obrazek na dole kontenera */ */
}

#divFullWindowDarkWrap .revert .img{
	display: flex;
	height:80%;
	width:100%;
	/* background: rgb(0,0,75); */
}

#divFullWindowDarkWrap .chars_revstat{
	display: flex;
	justify-content: flex-start;
	gap: 0px; /* Odstęp między divami */
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25); 
	
	background: linear-gradient(0deg, rgba(38,38,38,0.9) 0%, rgba(21,21,21,0.6) 100%), url(dbv/menu_h10.png); 	
	border-radius: 2px;
	box-shadow: rgba(38,38,38, 1) 1px 1px 2px 1px;
	margin-left:-15px;
	position: relative;
	height:55px;
}
	

#divFullWindowDarkWrap .chars_revstat .but{
	display: flex;
	height:70px;
	width:17px;
	
	background: linear-gradient(0deg, rgba(75,75,75,0.8) 0%, rgba(138,138,138,0.8) 100%); 
	border: 2px outset #2f2e2e;
	
	box-sizing: border-box;

	border-radius: 4px;
	padding-left:-1px;
	cursor:pointer;
	font: bold 10px Arial, Helvetica, sans-serif;
  writing-mode: vertical-rl; /* lub vertical-lr */
  text-orientation: upright; /* Ustawia pionową orientację znaków */
  position: absolute;
	top: -7px;
	justify-content: center;
	text-shadow: #000 1px 1px 0px;
}



#divFullWindowDarkWrap .chars_stat > div:nth-child(1){ /* hp */
	background: rgb(132,35,35);
	background: linear-gradient(0deg, rgba(132,35,35,1) 27%, rgba(255,68,68,1) 97%); 
	border: 1px solid #7b1b1b;
	box-sizing: border-box;
	height: 15px;
	margin:1px;


	padding:2px;
	padding-left:5px;
}
#divFullWindowDarkWrap .chars_stat > div:nth-child(2){ /* ki */
	 background: rgb(0,87,132);
	background: linear-gradient(0deg, rgba(0,87,132,1) 27%, rgba(0,168,255,1) 97%); 
	border: 1px solid #004a71;
	box-sizing: border-box;
	height: 15px;
	margin:1px;

	padding:2px;
	padding-left:5px;
}

#divFullWindowDarkWrap .chars_stat > div:nth-child(3){ /* weapon */
	display: flex;
	flex-wrap: wrap;
	gap: 0px; /* Odstęp między divami */
	padding:1px;
	margin:1px;
	/* border: 1px solid #32333650; */
	box-sizing: border-box;
}

#divFullWindowDarkWrap .chars_stat > div:nth-child(3) img{ /* weapon */
	filter: drop-shadow(0px 1px 1px #000000);
}


#divFullWindowDarkWrap .chars_mount{
  display: flex;
  flex-wrap: wrap;
	gap: 0px; /* Odstęp między divami */
	width:260px;
}

#divFullWindowDarkWrap .chars_mount img{
  max-height: 36px;
  max-width: 32px;
	position: relative;
	top: 1px;
}

 #divFullWindowDarkWrap .fly,  #divFullWindowDarkWrap .clound{
  width: 20%;
  margin-right:2px;
  margin-left:2px;
  max-height: 58px;
    display: flex;
	justify-content: top;
	flex-direction: column;
	background: #2b2b2b20;
	/* background: linear-gradient(0deg, rgba(0,164,241,0) 10%, rgba(0,164,241,0.3) 100%); */
	border-radius: 5px;
} 
#divFullWindowDarkWrap .clound{
	/* background: linear-gradient(0deg, rgba(255,255,255,0) 10%, rgba(234,137,12,0.4) 100%); */
	position: relative;
	max-height: 58px;
	overflow: hidden; /* Ukrywa część obrazu */
}
 
#divFullWindowDarkWrap .clound img{
	position: absolute;
	left: 12px; /* Ustawia obrazek na dole kontenera */
	top: -10px; /* Ustawia obrazek na dole kontenera */
	max-height: 64px;
}

#divFullWindowDarkWrap button{
	font-size:11px;
	font-weight:600;
	filter: drop-shadow(0px 0px 1px #2b2b2b);
	background: #3d3d3d; 
	border:0;
	border-radius: 2px;
	color:#7e7e7e;
	padding: 1px 5px;
	cursor: pointer;
}

#divFullWindowDarkWrap button:hover{
	color:#7e7e7e;
	filter: drop-shadow(0px 0px 2px #4f4f4f);
}

#divFullWindowDarkWrap .rider{
	width: 55%;
    display: flex;
	justify-content: top;
	flex-direction: column;
	margin-left:2px;
	border-radius: 4px;
	background: #2b2b2b20;
}

#divFullWindowDarkWrap .rider .imgges{
  display: flex;
  overflow-x: auto;
  overflow: hidden; /* Hide scrollbars */
  white-space: nowrap;
  
	gap: 2px;
	width: 136px;
	height: 100%;
	margin-left: 3px;
	/* padding-left: 4px; */
	
  scrollbar-width: thin; /* Thin scrollbar */
  scrollbar-color: #888 #f1f1f1; /* Thumb and track colors */

	position: relative;
}
#divFullWindowDarkWrap .rider .imgges img {
	filter: drop-shadow(0px 0px 2px #000);
	top: -5px;
	max-height: 45px; /* Wysokość obrazka dostosowuje się proporcjonalnie */  
	/* object-fit: none; */
	 align-self: flex-end;
}



#divFullWindowDarkWrap .rider .imgges div {
    /* background-color: #dddddd30; */
	width: 32px;
	height: 100%;
	flex-shrink: 0; /* Zapobiega kurczeniu się elementów */
	display: flex;
	justify-content: center;

	position: relative;
}


#divFullWindowDarkWrap .rider .imgges::-webkit-scrollbar {
  height: 4px; /* Thin scrollbar height */
}
#divFullWindowDarkWrap .rider .imgges::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track background color */
  border-radius: 3px;
}
#divFullWindowDarkWrap .rider .imgges::-webkit-scrollbar-thumb {
  background: #888; /* Thumb color */
  border-radius: 3px;
}
#divFullWindowDarkWrap .rider .imgges::-webkit-scrollbar-thumb:hover {
  background: #555; /* Thumb hover color */
}
	
	
	
#divFullWindowDarkWrap .chars_allnormal{
	display: flex;
	justify-content: flex-start;
	gap: 10px; /* Odstęp między divami */

	width:100%;
	height:60px;
	font-size: 12px;
	padding:2px;
	/* margin-top:5px; */
}

	
#divFullWindowDarkWrap .chars_allreborn{
	display: flex;
	justify-content: flex-start;
	gap: 4px; /* Odstęp między divami */

	width:100%;
	height:60px;
	font-size: 12px;
	padding:2px;
	/* margin-top:5px; */
}
#divFullWindowDarkWrap .chars_god_skin{
  display: flex;
  overflow-x: auto;

  white-space: nowrap;
	gap: 10px; /* Odstęp między divami */

	width:99%;
	height:60px;
	box-sizing: border-box;
	font-size: 12px;
	padding:2px;
	margin-top:5px;
	
	  white-space: nowrap;
	  
  scrollbar-width: thin; /* Thin scrollbar */
  scrollbar-color: #888 #f1f1f1; /* Thumb and track colors */
  
/* background: linear-gradient(0deg,  rgba(3,121,194,0.2) 0%,  rgba(0,68,110,0.5) 100%);  */
  /* box-shadow: 0px 0px 1px #012d49; */
  border-radius: 3px;
  
}


#divFullWindowDarkWrap  .chars.skinn{
	/* border: 1px outset rgb(148,148,148); */
	border-radius: 3px;
	filter: unset;
	box-shadow: unset;
	border:unset;
	/* background: rgba(3,121,194,0.1); */
	box-shadow: 0px 1px 5px rgba(3,121,194,0.3);
	
	background: linear-gradient(0deg, rgba(3,121,194,0.1) 10%,  rgba(0,68,110,0) 100%); 
	
      position: relative;
  
	  width:32px;
	flex-shrink: 0; /* Zapobiega kurczeniu się elementów */
	display: flex;
	justify-content: center;
	
}
#divFullWindowDarkWrap  .chars.skinn img{
	position: absolute;
	bottom: 0; /* Ustawia obrazek na dole kontenera */
	left: 1px; /* Ustawia obrazek na dole kontenera */
	width:32px;
}



#divFullWindowDarkWrap .hiddenCss {
    display: none;
}


.arrowCss {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.rightCss {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.leftCss {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.upCss {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.downCss {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* Customize scrollbar for webkit browsers */
#divFullWindowDarkWrap .chars_god_skin::-webkit-scrollbar {
  height: 4px; /* Thin scrollbar height */
}

#divFullWindowDarkWrap .chars_god_skin::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track background color */
  border-radius: 3px;
}

#divFullWindowDarkWrap .chars_god_skin::-webkit-scrollbar-thumb {
  background: #888; /* Thumb color */
  border-radius: 3px;
}

#divFullWindowDarkWrap .chars_god_skin::-webkit-scrollbar-thumb:hover {
  background: #555; /* Thumb hover color */
}


 
#divFullWindowDarkWrap .chars{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:36px;

	padding:1px;

	border-radius: 3px;
	filter: unset;
	box-shadow: unset;
	border:unset;

      overflow: hidden; /* Ukrywa część obrazu, która wychodzi poza div */
      position: relative;
}

#divFullWindowDarkWrap .chars img{
	/* filter: drop-shadow(0px 0px 2px #000000); */
	/* width:36px; */
      position: absolute;
      bottom: 13px; /* Ustawia obrazek na dole kontenera */
      left: 3px; /* Ustawia obrazek na dole kontenera */
}

#divFullWindowDarkWrap  .chars .level{
	width:100%;
	border-radius: 3px;
	align-items: center;
	display: flex;
	margin-top:2px;
	margin-bottom:-8px;
	justify-content: center;
	
    position: absolute;
    bottom: 5px; /* Ustawia obrazek na dole kontenera */
	
	background:unset;
	padding:0;
	font-size:12px;

}

#divFullWindowDarkWrap   .chars .open{
	width:100%;
		border-radius: 3px;
	align-items: center;
	display: flex;
	margin-top:0px;
	margin-bottom:-10px;
	justify-content: center;
	
}

#divFullWindowDarkWrap  .chars.god{

	background: linear-gradient(0deg, rgba(0,68,110,0.6) 30%, rgba(3,121,194,0) 90%); 
	margin-left: 5px;
	/* box-shadow: 0px 0px 5px #00446e;  */
	/* box-shadow: 0 0 0 #00446e, 0px 2px 0 #00446e, 0px 2px 0 #00446e, 0px 2px 2px #00446e; */
	/* box-shadow: 0px 30px 26px -2px rgba(3,121,194,0.45); */
	/* box-shadow: rgba(0,68,110, 0.5) 0px 3px 3px 0px; */
	/* box-shadow: rgba(0,68,110, 0.6) 0px 3px 3px 0px; */
	box-shadow: rgba(0,68,110, 0.6) 0px 5px 1px 0px;
	cursor: pointer;
}

#divFullWindowDarkWrap  .chars.ui{

background: rgba(154,156,157,0.35); 
/* background: linear-gradient(0deg, rgba(122,2,2,0.4) 10%, rgba(255,255,255,0) 80%); */
	margin-left: 5px;
	margin-bottom: -4px;
	box-shadow: rgba(154,156,157, 0.40) 0px 0px 4px 1px;
	
		cursor: pointer;
}
#divFullWindowDarkWrap  .chars.spq{
	background: linear-gradient(0deg, rgba(122,2,2,0.4) 10%, rgba(255,255,255,0) 80%);
	cursor: pointer;
	box-shadow: rgba(122,2,2, 0.4) 0px 5px 1px 0px;
}
#divFullWindowDarkWrap  .chars.fspq{
	/* background: linear-gradient(0deg, rgba(122,2,2,0.5) 10%, rgba(255,255,255,0) 80%); */
	/* cursor: pointer; */
	/* box-shadow: rgba(122,2,2, 0.4) 0px 5px 1px 0px; */

}
#divFullWindowDarkWrap  .chars.pq {
	background: linear-gradient(0deg, rgba(49,117,149,0.4) 10%, rgba(255,255,255,0) 80%);
		cursor: pointer;
	box-shadow: rgba(49,117,149, 0.4) 0px 5px 1px 0px;
}

#divFullWindowDarkWrap  .chars.fpq{
	background: linear-gradient(0deg, rgba(49,117,149,0.50) 10%, rgba(255,255,255,0) 80%);
		cursor: pointer;
}
#divFullWindowDarkWrap  .chars.fpq img{
	filter: drop-shadow(0px 0px 3px rgb(49,117,149));
}
#divFullWindowDarkWrap  .chars.r150{
	border-radius: 3px;
	filter: unset;
	box-shadow: unset;
	border:unset;
background: linear-gradient(0deg, rgba(255,233,3,0.2) 10%, rgba(255,255,255,0) 80%);
box-shadow: rgba(255,233,3, 0.2) 0px 5px 1px 0px;
}

#divFullWindowDarkWrap  .chars.last{
	border-radius: 3px;
	filter: unset;
	box-shadow: unset;
	border:unset;
	background: linear-gradient(0deg, rgba(255,233,3,0.2) 10%, rgba(255,255,255,0) 80%);
	box-shadow: rgba(255,233,3, 0.2) 0px 5px 1px 0px;
}


#divFullWindowDarkWrap  .chars.flast{
	border-radius: 3px;
	filter: unset;
	box-shadow: unset;
	border:unset;
	background: linear-gradient(0deg, rgba(255,233,3,0.4) 10%, rgba(255,255,255,0) 80%);
	box-shadow: rgba(255,233,3, 0.4) 0px 5px 1px 0px;
}

#divFullWindowDarkWrap  .chars.last img{
	filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.8));
}

#divFullWindowDarkWrap  .chars.flast img{
	filter: drop-shadow(0px 0px 2px rgba(255,233,0,1));
}

#divFullWindowDarkWrap  .chars.r50{
	/* border: 1px outset rgb(148,148,148); */
	border-radius: 3px;
	filter: unset;
	box-shadow: unset;
	border:unset;
	background: linear-gradient(0deg, rgba(247,247,247,0.2) 10%, rgba(255,255,255,0) 80%);
	box-shadow: rgba(247,247,247, 0.2) 0px 5px 1px 0px;
}

#divFullWindowDarkWrap  .chars.n50{
	/* border: 1px outset rgb(148,148,148); */
	border-radius: 3px;
	filter: unset;
	box-shadow: unset;
	border:unset;
	background: linear-gradient(0deg, rgba(247,247,247,0.2) 10%, rgba(255,255,255,0) 80%);
	box-shadow: rgba(247,247,247, 0.2) 0px 5px 1px 0px;
}
#divFullWindowDarkWrap .chars.n50 img{
	max-width:32px;
}


#divFullWindowDarkWrap  .chars.r100{
	background: linear-gradient(0deg, rgba(247,247,247,0.25) 10%, rgba(255,255,255,0) 80%);
	box-shadow: rgba(247,247,247, 0.25) 0px 5px 1px 0px;
}

#divFullWindowDarkWrap .chars.r50 img{
	filter: drop-shadow(0px 0px 1px rgba(255,255,255,0.5));
}
#divFullWindowDarkWrap .chars.r100 img{
	filter: drop-shadow(0px 0px 2px rgb(255,255,255));
}
#divFullWindowDarkWrap .chars.r150 img{
	filter: drop-shadow(0px 0px 2px rgba(255,233,0,1));
}
#divFullWindowDarkWrap .chars.fspq img{
	filter: drop-shadow(0px 0px 2px rgb(168,20,20, 1.1));
}

#divFullWindowDarkWrap .chars.ui img{
	filter: drop-shadow(0px 0px 2px rgb(255,255,255, 0.3));
}
#divFullWindowDarkWrap .chars.god img{
	filter: drop-shadow(0px 0px 2px rgb(0,198,255, 0.5));
}


#spell_show {
    width: 101%;
    margin-top:-10px;
    margin-bottom:10px;
    margin-left:-6px;
    display: flex;
    flex-direction: column;
 background: rgb(41,41,41);
/* background: linear-gradient(0deg, rgba(41,41,41,1) 0%, rgba(34,34,34,1) 100%);  */
    border-radius: 4px;
    color:#fff;
	font: bold 12px Arial, Helvetica, sans-serif;
}
 
#spell_show .spelltop {
    width: 100%;
    height: 130px;
    /* background: url(dbv/spell_bg.png) repeat; */
    padding:0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box; 
}
 
#spell_show .spellmid {
    width:100%;
    /* background: url(dbv/spell_mid.png) repeat-y; */
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing:border-box;
}
 
#spell_show .topLane {
    width: 100%;
    height: 130px;
    display: flex;
    
}

#spell_show .spellAdd {
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    box-sizing:border-box;
    height:18px;
    text-align:center;
    margin-top:1px;
    background: rgb(38,38,38);
}
#spell_show .hover:hover {
    color:#fff;
    /* background: rgb(0,0,0,0.1); */
    font-weight:600;
    filter: brightness(110%);
	font: bold 13px Arial, Helvetica, sans-serif;
}


#spell_show .reb {
    background-color: #ffc18315;
}

#spell_show .fusion {
    color:#fff;
    background: rgb(0,0,0,0.5);
    font-weight:600;
	padding:10px;
	font: bold 14px Arial, Helvetica, sans-serif;
}

#spell_show .firstCat {
    background: rgb(0,0,0,0.1);
    font-weight:600;
}
 
 
#spell_show .tab_support {
    color:#fff;
    background: #00e92650;
    box-shadow: 0px 0px 3px #00e92650;
    font-weight:600;
    margin-top:10px;
    height:20px;
    width:101%;
    border-radius: 2px;
}
#spell_show .tab_attack {
    color:#fff;
    background: #ec190950;
    box-shadow: 0px 0px 3px #ec190950;
    font-weight:600;
    margin-top:10px;
    height:20px;
    width:101%;
    border-radius: 2px; 
}
#spell_show .tab_boost {
    color:#fff;
    background: #009cff50;
    box-shadow: 0px 0px 3px #009cff50;
    font-weight:600;
    margin-top:10px;
    height:20px;
    width:101%;
    border-radius: 2px; 
}

#spell_show .tab_hell {
    background: #f8373750;
    box-shadow: 0px 0px 3px #f8373750;
}
 
#spell_show .cat_boost {
    background: #b839f340;
}
 
#spell_show .cat_special {
    background: #0078ff50;
}
#spell_show .cat_trans {
    background: #e8e00060;
}
 
#spell_show .cat_support {
    background: #00e92640;
}
 
#spell_show .cat_attack {
    background: #ec190940;
}
 
 
#spell_show .spellAdd > div:nth-child(1){
    width:200px;
    color:#fff;
    /* height:16px; */
    /* padding-top:8px; */
    text-align:left;
        /* background:#cccccc; */
}
 
/* #spell_show .spellAdd > div:nth-child(2){ */
    /* width:40px; */
    /* color:#000; */
    /* text-align:left; */
/* } */
 
#spell_show .spellAdd > div:nth-child(1).copy{
    background: url(dbv/s_copy.png) no-repeat;
    background-position: right;
	background-size: 18px 18px;
	height:18px;
}



#spell_show .spellAdd > div:nth-child(2) {
    background: url(dbv/s_look.png) no-repeat;
	background-size: 18px 18px;
	background-position: top;
    height:18px;
    width:20px;
    /* background:#01ca01; */
}
 
 
#spell_show .spellAdd > div:nth-child(3){
    width:20px;
    /* background:#cccccc; */
}
#spell_show .spellAdd > div:nth-child(3) img{
    width:18px;
    margin-top:4px;
    /* background:#cccccc; */
}
#spell_show .spellAdd > div:nth-child(4){
    width:30px;
    color:#ffb70a;
    /* background:#ffb70a; */
}
 
#spell_show .spellAdd > div:nth-child(5){
    width:35px;
    color:#01ca01;
    /* background:#01ca01; */
}
 
#spell_show .spellAdd > div:nth-child(6){
    width:48px;
    color:#03a0e9;
    /* background:#01ca01; */
}
 
#spell_show .spellAdd > div:nth-child(6).hp{
    width:48px;
    color:#ff998e;
    /* background:#01ca01; */
}
 
#spell_show .spellAdd > div:nth-child(7){
    width:38px;
    color:#e1d17c;
    /* background:#e1d17c; */
}
 
 
#spell_show .spellbottom {   
    width:395px;
    height:11px;
    /* background: url(dbv/spell_bottom.png) no-repeat; */
}
 


.test-shine {
  margin-top: -5px;
  border-radius: 5px;
  overflow: hidden;
}

.test-shine::after {
	border-radius: 2px;
  content: '';
  position: absolute;
  top: 18px;
  left: 0;
  width: 0;
  height: 13px;
  margin-left:-1px;
  background-color: rgba(255,255,255,0.4);
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none
}

/* Hover state - trigger effect */
.test-shine:hover:after {
  width: 120%;
  background-color: rgba(255,255,255,0);
  
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}

/* Active state */
.test-shine:active:after {
  opacity: 0;
}


a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:165px;
  color: #FFFFFF;
  background: #000000;
  border: 2px solid #DEBC33;
  height: auto;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  border-radius: 7px;
}
a.tooltips span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #DEBC33;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 60px;
  left: 50%;
  margin-left: -84px;
  z-index: 999;
}



div.tooltips {
  position: relative;
  display: inline;
  z-index: 999;
  
}

div.tooltips span {
 display: inline-block;
  position: absolute;
  min-width:165px;
  width: auto;
  color: #FFFFFF;
  background: #000000;
  border: 2px solid #DEBC33;

  height: auto;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  border-radius: 7px;
  padding:4px;
  
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 200;
	font-size: 14px;
	z-index: 999;
  
}
div.tooltips span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #DEBC33;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
div.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
div:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 35px;
  left: 50%;
  margin-left: -84px;
  z-index: 999;
  width: auto;
}



#ppointEvent {
	background: #f8d00010 url(../resource/pp_event.png) no-repeat;
	background-position: center top 11px;
	
	width:410px;
	min-height:50px;

	
	display: flex;
	flex-direction: column;
	align-items: center;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 14px;
	box-shadow: 0 0px 4px #f8d00050;
	border-radius:4px;
	margin-top:10px;
	margin-bottom:10px;
}


#ppointEvent .tutles{
	font-weight: 600;
	font-size: 18px;
	color:#f1c40f;
	margin-top:5px;
	animation: blinker 1s linear 1;
	
}

#ppointEvent .desc{
	margin-top:0px;
	font-weight: 600;
	font-size: 16px;
	color:#38ec1b;
}

#ppointEvent .desc img{
	max-width:16px;
	position: relative;
	top: 2px;
	left: -2px;
}
#ppointEventRefPacc{
	width:400px;
	min-height:30px;

	 color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	
	font: bold 14px Arial, Helvetica, sans-serif;
	text-shadow: #ffffff00 0px 0 0px;
	
	margin:5px;
	padding:4px;
	box-sizing: border-box;
	background: #569f00;
	border: 2px outset #68a125;
	border-radius:5px;
}

#ppointEventRef{

	width:400px;
	min-height:50px;

	  color: #765100;
	display: flex;
	flex-direction: column;
	align-items: center;
	
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 400;
	font-size: 18px;

	margin:5px;
	padding:2px;
	box-sizing: border-box;
	  
	box-shadow:inset 0px 30px 0px 0px rgba(255,128,0,1);
	background:linear-gradient(to bottom, rgba(241,255,0,1) 5%, rgba(255,128,0,1) 100%);
	background-color:rgba(255,128,0,1);
	border-radius:5px;
	border-color:#0d5e84;
	  
	  
}#ppointEventRef .tutles2{
	font-weight: 600;
	font-size: 18px;
	color: #ffffff;
	margin-top:5px;
	text-shadow: #ffffff00 0px 0 0px;
}
#ppointEventRef .desc{
	margin-top:0px;
	font-weight: 600;
	font-size: 16px;
	color:#b1190e;
  text-shadow: #fff 1px 0 10px;


}
#ppointEventRef .info{
	margin-left:auto;
	font-weight: 400;
	font-size: 12px;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: #ffffff00 0px 0 0px;
}
#ppointEventRef img{
	max-width:16px;
	position: relative;
	top: 2px;
	left: -2px;
	filter: drop-shadow(-1px -1px 4px #00000050);
}

@keyframes blinker {
  50% {
     transform: scale(1.2, 1.2);
  }
}
@keyframes blinker2 {
  50% {
     transform: scale(1.05, 1.05);
	 text-shadow: 0px 0px 3px #000;
  }
}


#tut_new {
	display: flex;
	flex-direction: column;
	justify-content: start;
	margin-left:-8px;
	width:427px;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

#tut_new .topImg{
	max-width:100%;
	text-align:center;
	margin-bottom:5px;
	
}
#tut_new .topImg img {
	max-width:400px;
	filter: drop-shadow(-1px -1px 4px #00000050);
}

#tut_new .lastUpdate{
	width:100%;
	align-items: right;
	font-size:10px;
	text-align:right;
	text-shadow:none;
	margin-top:-5px;
	margin-bottom:2px;
	color:#cecece80;
}

#tut_new .titleTop{
	width:100%;
	background-color: #00000050;
	align-items: center;
	min-height:20px;
	border-radius: 4px;
	padding: 2px;
	text-align:center;
	font-size:18px;
	font-weight:600;
	box-sizing: border-box;
}
	
#tut_new .request{
	width:100%;
	background-color : #7c7c7c20;
	align-items: center;
	min-height:30px;
	border-radius: 2px;
	padding: 2px;
	
	display: flex;
	flex-direction: column;
	justify-content: start;
}


#tut_new .request .reqtop{
	background: #7c7c7c50;
	border-radius: 2px;
	margin:2px;
	
	text-align:left;
	height:24px;
	font-weight:600;
	box-sizing: border-box;
	font-size:16px;
	text-shadow: -1px -1px 0 #00000050, 1px -1px 0 #00000050, -1px 1px 0 #00000050, 1px 1px 0 #00000050;
	width:100%;
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
}



#tut_new .request .itemsTop{
    background:url(../resource/tool_icon.png) no-repeat;
	background-position: 2px 0px;
	background-size: 20px;
	color:#c0c0c0;
	font-weight:600;
	padding:2px;
	padding-left:24px;
	box-sizing: border-box;
	width:59%;
	
}

#tut_new .request .reqTops{
    background: url(../resource/todo_icon.png) no-repeat;
	background-position: 3px 2px;
	background-size: 20px;
	color:#fff;
	font-weight:600;
	padding:2px;
	padding-left:24px;
	box-sizing: border-box;
	width:40%;
}


#tut_new .request .tables{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	width:100%;
	box-sizing: border-box;
}

#tut_new .request .itemsInside{
	display: flex;
	background: #a59fb710;
	border-radius:4px;
	width:30px;
	height:30px;
	text-align:right;
	padding:4px;

}

#tut_new .request ul{
	list-style: none;
	line-height: 10px;
	padding: 2px;
	float: left;
	text-align:left;
	margin-left:5px;
	margin-bottom:0;
	margin-top:-6px;
}
#tut_new .request ul.checkNeed{
	font-weight:600;
	color:#c3ab08;
	display: inline-block;
	font-size:16px;
	margin:0;
	
	
}
#tut_new .request ul.checkNeed:before {
    background: url(../resource/parchment_6150357.png) no-repeat;
	background-position: 2px 1px;
	background-size: 15px;
    display: inline-block;
    width: 20px; 
    height: 16px;
    content:"";
}
#tut_new .request ul li {
	font-size:14px;
	color:#efefef;
}


#tut_new .request ul.checkNeed li {
	margin-left:5px;
	font-size:14px;
}

#tut_new .request ul li:before {
    background: url(../resource/check_1634264.png) no-repeat;
	background-position: 4px 1px;
	background-size: 12px;
    display: inline-block;
    width: 15px; 
    height: 14px;
    content:"";
}


#tut_new .request .questNeed{
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	margin:2px 0 ;
	width: 100%; 
	margin-right:6px;
}

#tut_new .request .tutNedSmall {
    flex: 1 1 calc(49% - 10px);
}

#tut_new .request > .tutNedSmall:nth-last-child(1):nth-child(3n+1) {
    flex: 1 1 100%; /* Jeden element zajmuje całą szerokość */
}

#tut_new .request > .tutNedSmall:nth-last-child(2):nth-child(3n+1),
#tut_new .request > .tutNedSmall:nth-last-child(2):nth-child(3n+2) {
    flex: 1 1 calc(49% - 10px); /* Dwa elementy zajmują po połowie szerokości */
}


#tut_new .request .tutNed {
    flex: 1 1 calc(33% - 10px);
}

#tut_new .request > .tutNed:nth-last-child(1):nth-child(3n+1) {
    flex: 1 1 100%; /* Jeden element zajmuje całą szerokość */
}

#tut_new .request > .tutNed:nth-last-child(2):nth-child(3n+1),
#tut_new .request > .tutNed:nth-last-child(2):nth-child(3n+2) {
    flex: 1 1 calc(49% - 10px); /* Dwa elementy zajmują po połowie szerokości */
}

#tut_new .request .questNeed div{
	display: flex;
	border-radius:4px;
	width:49%;
	height:19px;
	text-align:right;
	padding:2px;
	padding-left:15px;
	box-sizing: border-box;
	justify-content: left;
	align-items: center;
	

	font-weight:600;
	text-shadow:none;
	
	color:#000000;
    background:#ffffff25 url(../resource/check_2732655.png) no-repeat;
	background-position: 3px 6px;
	background-size: 10px;
	cursor:pointer;
}
#tut_new .request .questNeed div:hover{
	background-color:#ffffff30;
}


#tut_new .request .checkList{
	color:#a59fb7;
	background: #00000010;
	border-radius:4px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	width:40%;
	font-weight:600;
	box-sizing: border-box;
	z-index: 0;
}
#tut_new .request .quest{
	margin-top:2px;
	margin-left:7px;
	width:100%;
}

#tut_new .request .questSmall{
	width:100%;
	
}


#tut_new .request .items{
	width:59%;
	color:#a59fb7;

	border-radius:4px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	
	font-weight:600;
	padding:2px;
	box-sizing: border-box;
}


#tut_new .request .itemsList{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	
}

#tut_new .request .itemsInside{
	display: flex;
	background: #c0c0c020;
	border-radius:4px;
	width:30px;
	height:30px;
	text-align:right;
	padding:4px;
}

#tut_new .request .itemsList p {
    position: relative;
	top:-10px;
	right:0;
	font-size: 10px;
	height: 11px;
	text-align: right;
	color: #fff;
}
#tut_new .request .itemsList img {
    position: relative;
	width:30px;
	height:30px;
}



#tut_new .request li {
	margin-top:2px;
	font-weight:600;
}

#tut_new .request li:before {
	content: url(../resource/check_1634264.png);
	position:relative; /*or absolute*/
	z-index:100000; /*a number that's more than the modal box*/
	left:-2px;
	top:3px;
}


#tut_new .prize{
	width:100%;
	background-color : #87b04620;
	align-items: center;
	min-height:30px;
	border-radius: 2px;
}


#tut_new .prize .prizetop{
	background: #87b04650 url(../resource/prize_icon.png) no-repeat;
	background-position: 2px 2px;
	background-size: 20px;
	border-radius: 2px;
	margin:2px;
	text-align:left;
	padding:3px;
	padding-left:24px;
	height:24px;
	font-weight:600;
	box-sizing: border-box;
	font-size:16px;
	text-shadow: -1px -1px 0 #00000050, 1px -1px 0 #00000050, -1px 1px 0 #00000050, 1px 1px 0 #00000050;
}


#tut_new .prize .prizeExp{
    background:  #ffffff10 url(../resource/exp_icon2.png) no-repeat;
	background-position: 3px -3px;
	background-size: 25px;
	color:#fff;
	font-weight:600;
	font-size:12px;
	padding:2px;
	padding-left:28px;
	box-sizing: border-box;
	border-radius: 2px;
	margin:5px;
	text-shadow: -1px -1px 0 #00000080, 1px -1px 0 #00000080, -1px 1px 0 #00000080, 1px 1px 0 #00000080;
}

#tut_new .prize .items{
	margin:5px;
	color:#eaff00;
	background: #ffde0010;
	border-radius:2px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	
	font-weight:600;
	padding:2px;
	box-sizing: border-box;
}


#tut_new .prize .itemsTop{
	align-items: center;
	display: flex;
    background: url(../resource/loot-box_15532381.png) no-repeat;
	background-position: 0px 0px;
	background-size: 20px;
	color:#ffde00;
	border-radius: 2px;
	font-weight:600;
	padding:2px;
	padding-left:22px;
	box-sizing: border-box;
	margin:5px;
	text-shadow:none;
}

#tut_new .itemsTop.itemsTopQuest{
    background: url(../resource/parchment_6150357.png) no-repeat;
	background-position: 4px 2px;
	background-size: 19px;
}


#tut_new .prize .itemsList{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
}

#tut_new .prize .itemsInside{
	display: flex;
	background: #a59fb710;
	border-radius:4px;
	width:30px;
	height:30px;
	text-align:right;
	padding:4px;
	font-size:10px;
}
#tut_new img {
	filter: drop-shadow(0px 0px 1px #00000050);
	
	
}


#tut_new .prize .itemsInsideExp{
	display: flex;
	background: #3bacfb40;
	

	
	border-radius:4px;
	width:79px;
	height:38px;

	justify-content: center;
	text-align:center;
	align-items: center;

	text-shadow:none;
	box-sizing: border-box;
	color:#fff;
	font-weight:600;
	font-size:12px;
	text-shadow: -1px -1px 0 #00000080, 1px -1px 0 #00000080, -1px 1px 0 #00000080, 1px 1px 0 #00000080;
	box-shadow: 0px 0px 2px #3bacfb50;
	
	
	
}
#tut_new .prize .itemsInsideText{
	display: flex;
	background: #c4c4c450;
	border-radius:4px;
	width:79px;
	height:38px;
	text-align:left;
	padding:0;
	padding:1px;
	padding-top:0;
	font-size:10px;
	text-align:center;
	color:#000;
	text-shadow:none;
	box-sizing: border-box;

}

.multiline-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#tut_new .prize .itemsList p {
    position: relative;
	top:-10px;
	right:0;
	font-size: 10px;
	height: 11px;
	text-align: right;
	color: #fff;
}
#tut_new .prize .itemsList img {
    position: relative;
	width:30px;
	height:30px;
}


#tut_new .prize .other{
    background:  #00c0ff20 url(../resource/add-button_8344983.png) no-repeat;
	background-position: 3px 2px;
	background-size: 14px;
	color:#fff;
	font-weight:600;
	font-size:12px;
	padding:2px;
	padding-left:20px;
	box-sizing: border-box;
	border-radius: 2px;
	margin:5px;
}


#tut_new .tutorial{
	width:100%;
	background-color : #2e8cce10;
	min-height:30px;
	border-radius: 2px;
	padding: 2px;
	text-shadow:none;
	display: flex;
	flex-direction: column;
	justify-content: start;
}

#tut_new .tutorialFull {
	flex: 1;
	display: none;
}
#tut_new .tutorialFull.showTut {
	display: block !important;
}

#tut_new .tutorialFull.showTut {
	display: block !important;
}
#tut_new .tutorial .tutorialtop{
	width:100%;
	align-items: center;
	display: flex;
	background: #00000050 url(../resource/tut_icon.png) no-repeat;
	background-position: 2px 2px;
	background-size: 20px;
	border-radius: 2px;
	margin:2px
	text-align:left;
	padding:0;
	padding-left:24px;

	height:24px;
	font-weight:600;
	box-sizing: border-box;
	font-size:16px;
	text-shadow: -1px -1px 0 #00000050, 1px -1px 0 #00000050, -1px 1px 0 #00000050, 1px 1px 0 #00000050;
}
#tut_new .tutorial .tutorialtop button{
	height:20px;
	width:80px;
	padding:1px;
	font-size:11px;
	filter: drop-shadow(0px 0px 1px #ea890c);
	background: #ea890c; 
	border:0;
	border-radius: 2px;
	color:#951500;

  margin-left: auto;
  margin-right: 2px;
  order: 2;
	
}

#tut_new .tutorial .tutorialtop button:hover{
	color:#346400;
}


#tut_new .tutorial .monster{
	margin:2px;
	margin-top:4px;
	margin-bottom:4px;
	color:#de0008;
	background: #de000810;
	border-radius:4px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	
	font-weight:600;
	padding:2px;
	box-sizing: border-box;
}


#tut_new .tutorial .monsterTop{
    background: url(../resource/warning2.png) no-repeat;
	background-position: 2px 0px;
	background-size: 20px;
	color:#dd5b60;
	font-weight:600;
	padding:2px;
	padding-left:24px;
	box-sizing: border-box;
}

#tut_new .tutorial .monsterList{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
}

#tut_new .tutorial .monsterInside{
	display: flex;
	background: #a59fb710;
	border-radius:4px;
	width:30px;
	height:30px;
	text-align:right;
	padding:4px;

	position: relative;
}

#tut_new .monsterInside img {
	position: absolute;
	bottom: 3px; /* Ustawienie obrazka na dolnej krawędzi DIV */
	left:3px;

	  width:32px;
}

#tut_new .tutContent {
	width:100%;
	padding: 0 4px;
	box-sizing: border-box;
}


#tut_new code {
	display:flex;
	background: #dfd645;
	/* border-radius: 0 2px 2px 0; */
	padding: 3px;
	margin: 5px 0 ;
	width: 100%;
	color:#000;
	font-family: Arial, sans-serif;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	border-left: 3px solid #fcf69c;
}

#tut_new a {
	color: #dea919;
	font-weight:600;
	font-size:14px;
}
#tut_new a:hover {
	color: #edbe3f;
}
#tut_new .tutorial blockquote{
	display:flex;
	background: #b3b1b1;
	border-radius: 0px 10px  10px 10px ;
	padding: 5px;
	width: 100%;
	color:#000;
	font-family: Arial, sans-serif;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}
#tut_new .tutorial blockquote::after  {
}
#tut_new .tutorial img {
	text-align:center;
	max-width:425px;
  margin-left: auto;
  margin-right: auto;
}


#tut_new .tutorial ol{
	margin-left:20px;
	margin-bottom:0;
}

#tut_new .tutorial li::marker {
  font-size: 12px;
  font-weight:600;
}


#tut_new .tutorial ul{

}

#tut_new .tutorial ul li {
	font-size:14px;
	color:#efefef;
	float: left;
	margin-left:20px;
	
}



#itemListFull {
	display: flex;
	width: 100%;
	margin:0;

	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	overflow: visible;
}


#itemListFull .expandable {
	width: 100%;
	max-height: 15px;
	box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.8);
	overflow: hidden;
	transition: max-height 0.4s ease;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

#itemListFull .expandableDiv2 {
	max-height: 25px;
	box-shadow: inset 0 -10px 10px -10px rgba(255, 255, 255, 0.5);
}

#itemListFull .expandable.open {
	max-height: 250px;
	box-shadow: none;
}	
#itemListFull .expandable.close {
	max-height: 0;
	display:none;
	box-shadow: none;
	background-color: #fff;
}	
		
#itemListFull .blocked {
	cursor: unset;
}	
		
		
	
		
#itemListFull .contentexpandable {
	opacity: 0.8;
	transition: opacity 0.4s ease;
}

#itemListFull .expandable.open .contentexpandable {
	opacity: 1;
}


#itemListFull .sorter {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-left:2px;
	margin-top:5px;
	border-radius: 2px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
}



#itemListFull .sorterItem {
	font-size:12px;
	display: flex;
	background-color: #000;
	height:17px;
	padding: 0 6px;
	white-space: nowrap;
	border-radius: 4px;
	box-sizing: border-box;
	text-shadow:none;
	color:#fff;
	cursor:pointer;
	
	justify-content: center;
	align-items: center;
	
}
#itemListFull .sorterItem:first-child {
	color:#ddd;
	background-color: #000;
	font-size:14px;
	cursor:unset;
	height:19px;
}

#itemListFull .sorterItemSet {
	background-color: #c2c2c2;
	color:#000000;
	box-shadow: 0px 0px 2px #000000;
	text-shadow:none;
}





#itemListFull .itemList {
	display: flex;
	flex-direction: column;
	grid-row-gap:5px;
	width: 100%;
	min-height:30px;
	border-radius: 2px;
	box-sizing: border-box;
	padding:2px;
	justify-content: center;
	align-items: center;
	margin-top:10px;
	position: relative;
	overflow: visible;
}

#itemListFull .monsterColumn {
	display: flex;
	width: 100%;
	justify-content: left;
	align-items: center;
	
	
	border-radius: 2px;
	flex-wrap: wrap;
	gap: 4px;
	
	min-height:36px;
	background: #dddddd10;
	margin-bottom:2px;	
		font-size:12px;
	cursor:pointer;
}

#itemListFull .itemColumn {
	display: flex;
	width: 100%;
	justify-content: left;
	align-items: center;
	
	
	border-radius: 2px;
	flex-wrap: wrap;
	gap: 4px;
	
	min-height:36px;
	background: #dddddd10;
	margin-bottom:2px;	
	font-size:12px;

	position: relative;
}

#itemListFull .itemColumn:nth-of-type(odd) {
    background-color: #dddddd30;
	border: 1px outset #22222230;
	position: relative;
}



#itemListFull .itemColumn.firstCheck {
  min-height:56px;
}




#itemListFull .topBar {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 10px;
	width: 99%;
	background: #dddddd20;
	min-height:30px;
	border-radius: 2px;
	box-sizing: border-box;
	padding:2px;
	justify-content: center;
	align-items: center;

}

#itemListFull .topBarLeft {
	display: flex;
	width: 300px;
	justify-content: center;
	align-items: center;
	justify-content: left;
	
}

#itemListFull .topBarRight {
	display: flex;
	width: 100px;
	justify-content: right;
}

#itemListFull  input.itemFinder{

	width: 100px;
	border-radius: 4px;
	border: 2px solid #282828;
	height:24px;

}
#itemListFull select  {
	background: rgb(9,100,121);
	background: linear-gradient(0deg, rgba(9,100,121,0.0004202364539566128) 0%, rgba(54,54,54,1) 100%);
	font-size: 14px;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 300;
	
	width: 100px;
	border-radius: 4px;
	border: 2px solid #282828;
	height:24px;
	margin:0;
}

#itemListFull input.itemFinderText {
	background: #7e7e7e;
	font-size: 14px;
	font-variant: small-caps;
	font-family: 'Josefin Sans';
	font-weight: 300;
	
	width: 160px;
	border-radius: 4px;
	border: 2px solid #282828;
	height:24px;
	margin:0;
	padding:2px;
	padding-bottom:0px;
	box-sizing: border-box;
}

#itemListFull select:hover  {
	border: 2px outset #a09f9f;
}

#itemListFull .catToOpen {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height:12px;
	padding:2px 5px;
	background: #000000;
	width: 99%;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: 0px 0px 2px #000000;
	margin-top:5px;
	cursor:pointer;
	font-size:12px;
}
	
#itemListFull .cat {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	grid-row-gap:10px;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 100%;

	min-height:50px;
	border-radius: 2px;
	box-sizing: border-box;
	padding:2px;
	justify-content: center;
	align-items: center;
	/* padding:5px 0; */
}



#itemListFull .catIns {
	display: flex;
	width: 90px;
	height:20px;
	border-radius: 2px;
	box-sizing: border-box;
	background: #00000080;
	/* background: #00000080 url(resource/chart_bar_add.png) no-repeat; */
	/* background-position: top -5px left 0px; */
	/* background-size: 32px;  */
	font-size:11px;
	padding-top:2px;
	padding-left:15px;
	margin-left:10px;
	position: relative;


	align-items: center;
	cursor: pointer;
	box-shadow: 0px 0px 2px #000000;
}

#itemListFull .catIns img {
	position: absolute; /* Obrazek jest pozycjonowany absolutnie */
	top: -5px; /* Ustawienie obrazka na górze */
	left: -13px; /* Ustawienie obrazka na lewo */
	z-index: 1; /* Przesunięcie obrazka za tekst */
	width: 28px; /* Przykładowa szerokość obrazka */
	height: 28px; /* Przykładowa wysokość obrazka */
	filter: drop-shadow(0px 0px 1px #000000);

}

#itemListFull .catInsSel {
		background-color: #c2c2c2;
	color:#000;
	box-shadow: 0px 0px 2px #000;
	text-shadow:none;
}
#itemListFull .monsterColumn {
	display: flex;
	width: 100%;
	justify-content: left;
	align-items: center;
	
	border-radius: 2px;
	flex-wrap: wrap;
	gap: 4px;
	
	min-height:36px;
	background: #dddddd10;
	margin-bottom:2px;	
	font-size:15px;
	cursor:pointer;
}
#itemListFull .monsterColumn:nth-of-type(odd) {
    background-color: #dddddd30;
	border: 1px outset #22222230;
}

#itemListFull .monsterColumn > div:nth-child(1){
	width:28px;
	padding:3px 4px;
	position: relative;
}


#itemListFull .monsterColumn > div:nth-child(1) img {
	position: absolute; /* Obrazek jest pozycjonowany absolutnie */
	bottom: -13px; /* Ustawienie obrazka na górze */
	left: 0; /* Ustawienie obrazka na lewo */
	z-index: 1; /* Przesunięcie obrazka za tekst */
	width: 32px; /* Przykładowa szerokość obrazka */
	max-height: 50px; /* Przykładowa szerokość obrazka */
	filter: drop-shadow(0px 0px 1px #000000);

}

#itemListFull .monsterColumn > div:nth-child(2){
	width:155px;
	padding:2px 0px;
}
#itemListFull .monsterColumn > div:nth-child(3){
	width:90px;
	padding:2px 0px;
}

#itemListFull .monsterColumn > div:nth-child(4){
	width:100px;
	padding:2px 0px;
}


#itemListFull .monsterColumn > div:nth-child(5){
	width:60px;
	padding:2px 0px;
}

#itemListFull .itemColumn > div:nth-child(1){
	width:28px;
	padding:3px 4px;
}
#itemListFull .itemColumn > div:nth-child(1) img {
	max-width:32px;
}

#itemListFull .itemColumn > div:nth-child(1) img.class_0{
	filter: drop-shadow(0px 0px 1px #000000);
}
#itemListFull .itemColumn > div:nth-child(1) img.class_1{
	filter: drop-shadow(0px 0px 2px #00c82f);
}
#itemListFull .itemColumn > div:nth-child(1) img.class_2{
	filter: drop-shadow(0px 0px 2px #0092c8);
}
#itemListFull .itemColumn > div:nth-child(1) img.class_4{
	filter: drop-shadow(0px 0px 2px #c8c100);
}
#itemListFull .itemColumn > div:nth-child(1) img.class_3{
	filter: drop-shadow(0px 0px 2px #b300c8);
}

#itemListFull .itemColumn .classItem_0{
	color: #fff;
}
#itemListFull .itemColumn .classItem_1{
	color: #00c82f;
	text-shadow: 0 0 0 #000000, 0 0 2px #000000, 0 0 2px #000000;
}
#itemListFull .itemColumn .classItem_2{
	text-shadow: 0 0 0 #000000, 0 0 2px #000000, 0 0 2px #000000;
	color:  #0092c8;
}
#itemListFull .itemColumn .classItem_4{
	color:  #c8c100;
	text-shadow: 0 0 0 #000000, 0 0 2px #000000, 0 0 2px #000000;
}

#itemListFull .itemColumn .classItem_3{
	color:  #cc6dd7;
	text-shadow: 0 0 0 #000000, 0 0 2px #000000, 0 0 2px #000000;
}

#itemListFull .itemColumn > div:nth-child(2){
	width:355px;
	padding:2px 0px;

}

#itemListFull .itemColumn > div:nth-child(2) > div:nth-child(1){
	font-size:14px;
	color:#fff;
	display: flex;
}
#itemListFull .itemColumn > div:nth-child(2) > div:nth-child(1)  > div:nth-child(1) {
	font-size:14px;
	display: flex;
	width:75%;
	text-transform: capitalize;
}
#itemListFull .itemColumn > div:nth-child(2) > div:nth-child(1)  > div:nth-child(2) {
	font-size:14px;
	color:#22dc09;
	display: flex;
	width:28%;
	font-size:12px;
	align-items: center;
	justify-content:right;
}

#itemListFull .itemColumn > div:nth-child(2) > div:nth-child(2){
	padding-left:4px;
	
}

#itemListFull .itemColumn .moreIngo{
	display: none;
	width:100%;
	min-height:22px;
	/* background: #afafaf10; */
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 0 0 2px 2px;
	padding:2px;
	cursor: unset;
	overflow: hidden;
	position: relative;
	
}

#itemListFull .catOpenFull{
	max-height:200px;
	box-shadow: unset;
}



#itemListFull .moreIngo.catOpen{
	display: block;
	max-height:20px;
	box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.8);
}



#itemListFull .moreInfoFull{
	display: flex;
	flex-direction: column;
	width: 100%;
}

#itemListFull .monsterColumn .moreIngo{
	display: none;
	width:100%;
	min-height:22px;
	/* background: #afafaf10; */
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 0 0 2px 2px;
	padding:2px;
	cursor: unset;
}

#itemListFull .moreInfoNpc {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
}

#itemListFull .moreInfoNpcTab {
	display: flex;
	width: 49.6%;
	background: #239dbc80;
	border-radius: 2px;
	box-sizing: border-box;
	padding:2px;
	padding-top:4px;
	justify-content: left;
	align-items: center;
	text-shadow:none;
	color:#fff;
	z-index:10;
}


#itemListFull .moreInfo {
	display: flex;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	margin-top:2px;
	font-size: 14px;
	background: #00000020;
	padding:2px;
	padding-top:3px;
	margin-bottom:1px;
}

#itemListFull .moreInfoMonster {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
}

#itemListFull .moreInfoMonsterTab {
	display: flex;
	width: 32px;
	height: 32px;
	background: #00000020;
	border-radius: 2px;
	box-sizing: border-box;
	padding:2px;
	justify-content: left;
	align-items: center;
	text-shadow:none;
	color:#fff;
	position: relative;
	z-index:10;
}


#itemListFull .moreInfoMonsterTab img {
	position: absolute;
	bottom: 2px;
	left: 2px;
	z-index: 1; /* Przesunięcie obrazka za tekst */
	width: 28px; /* Przykładowa wysokość obrazka */


}





div.tooltipsSpell {
    position: relative;
    display: inline;
}
 
div.tooltipsSpell span {
 display: inline-block;
/* display: none; */
  position: absolute;
  visibility: hidden;
  
  min-width:250px;
  color: #FFFFFF;
  background: #000000;
  border: 2px solid #DEBC33;

 
  height: auto;
  line-height: 16px;
  text-align: center;

  border-radius: 7px;
  padding:4px;
}

div.tooltipsSpell span:hover {
 visibility: visible; /* Pokazuje element po najechaniu */
}

div.tooltipsSpell span img {
    width:244px;
}
 
div.tooltipsSpell span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #DEBC33;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
div.tooltipsSpell span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
div:hover.tooltipsSpell span {
  visibility: visible;
  /* opacity: 0.9; */
  bottom: 25px;
  left: 50%;
  margin-left: -131px;
  /* bottom: 25px; */
  /* right: 5%; */
  /* margin-right: 10px; */
  z-index: 999;
}