body {
	font-family:Verdana,Tahoma,Arial,Sans-Serif; 
	font-size:11px; 
	padding:0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	scrollbar-face-color: #DADADA; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #DEE3E7; 
	scrollbar-3dlight-color: #E9E9E9; 
	scrollbar-arrow-color: #7A9ADF; 
	scrollbar-track-color: #EFEFEF; 
	scrollbar-darkshadow-color: #D4D4D4;
	background: url(images/ct-a_v6_bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	background-color: #000000;
}

a {
	color : #5FFB17;
	font-weight:bold;
	text-decoration : none;
}

a:hover {
	color : #ADFF2F;
	font-weight:bold;
	text-decoration : none;
}

a.side {
	color : #5FFB17;
	font-weight:bold;
	text-decoration : none;
}

a:hover.side {
	color : #ADFF2F;
	font-weight:bold;
	text-decoration : none;
}

a.white {
	color : #;
	font-weight:bold;
	text-decoration : none;
}

a:hover.white {
	color : #;
	font-weight:bold;
	text-decoration : underline;
}

.bodyline {
	background:#9A978E;
	color:#000000;
	border:1px solid #000000;
}

form {
	margin : 0px;
}

hr {
	height:10px; 
	width:px;
	background-position:center;
	background-image:url(images/hr.png);
	border:solid #000000 0px; 
	border-top-width: 0px;
}


hr.side-hr {
	height:0px; 
	border:solid #000000 0px; 
	border-top-width:1px;
}

td {
	font-family : Verdana;
	font-size : 10px;
}

pre {
	font-family : Verdana;
	font-size : 10px;
}

.alt {
	color : #000000;
}
 
.outer-border {
	border : 1px solid #000;
}

.sub-header {
	font-family : Verdana;
	font-size : 10px;
	color : #000000;
	background-color : #3b3b3b;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	padding : 5px;
}

.full-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	background-color : #3b3b3b;
	padding : 10px;
}

.footer {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	background-color : #3b3b3b;
	border : 1px solid #000;
	padding : 5px;
}

.button {
	background-image:url(images/button.gif);
	font-family:Tahoma,Arial,Verdana,Sans-Serif;
	font-size:10px;
	color:#000000; 	
	background-color:#3b3b3b;
	border:#000000 1px solid;
	margin-top:2px;
}

.buttonkroax {
	background-image:url(images/button.gif);
	width:30px; height:13px; 
	font-family:Tahoma,Arial,Verdana,Sans-Serif;
	font-size:10px;
	color:#000000; 	
	background-color:#3b3b3b;
	border:#000000 1px solid;
	margin-top:2px;
}

.button2 {
	background-image:url(images/cta_download.png);
	font-family:Tahoma,Arial,Verdana,Sans-Serif;
	font-size:10px;
	color:#000000; 	
	background-color:#3b3b3b;
	border:#000000 1px solid;
	margin-top:2px;
}
	
.textbox {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	color:#000000; 
	background-image:url(images/eingabe_back.png);
	border:1px #000000 solid;
}

.main-bg {
	padding:5px 0px 5px 0px;
}

.side-border-left {
	color : #777;
	padding:5px 5px 0px 0px;
	width: 175px;
}

.side-border-right {
	padding:5px 5px 0px 0px;
}

.main-body {
	font-size:11px;
	color:#66CDAA; 
	background-image:url(images/ct-a_v6_panel_k.png);
	padding:5px 4px 5px 4px;
}

.center {
	margin : 0 auto;
}

.side-body {
	font-size:9px;
	color:#66CDAA; 
	background-image:url(images/ct-a_v6_panel_k.png);
	padding:5px 4px 5px 4px;
}

.border {
	border-width:0px 1px 1px 1px;
	border-color:#000000;
	border-style:solid;
}

.border2 {
	border-width:1px 1px 0px 1px;
	border-color:#000000;
	border-style:solid;
}

.capmain {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	font-weight:bold;
	border-width:1px 1px 1px 1px;
	border-color:#000000;
	border-style:solid;
	color:#B7B7B7; 
	height:24px; 
	padding:2px 2px 2px 2px;
}

.infobar {
	background-color:;
	background-image:url(images/forum-bg2.png);
	font-size:9px;
	color:#66CDAA; 
	border-top: solid #000000; 
	border-top-width: 1px; 
	border-left: solid #000000; 
	border-left-width: 1px; 
	border-right: solid #000000; 
	border-right-width:1px; 
	border-bottom: solid #000000; 
	border-bottom-width:1px;
	padding:3px 4px 3px 4px;
}

.infobar2 {
	background-color:;
	background-image:url(images/forum-bg2.png);
	font-size:9px;
	color:#66CDAA; 
	border-top: solid #000000; 
	border-top-width: 1px; 
	border-left: solid #000000; 
	border-left-width: 1px; 
	border-right: solid #000000; 
	border-right-width:1px; 
	border-bottom: solid #000000; 
	border-bottom-width:1px;
	padding:3px 4px 3px 4px;
}

.panel-left {
	width:19px; height:34px; 
	background-image:url(images/ct-a_v6_panel_fb.png); 
}

.panel-right {
	width:17px; height:34px;
	background-image:url(images/ct-a_v6_panel_fj.png);
}

.panel-main {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;font-weight:bold;
	color:#EBEBEB;
	height:34px;
	padding:0px 2px 4px 2px;
	background-image:url(images/ct-a_v6_panel_fk.png);
	background-repeat:repeat-x;
}

.border-left2 {
	width:6px; background-image:url(images/ct-a_v6_panel_kb.png);
	background-repeat:repeat-y; 
}

.border-right2 {
	width:6px; background-image:url(images/ct-a_v6_panel_kj.png);
	background-repeat:repeat-y;
}

.border-bleft2 {
	width:19px; height:17px;
	background-image:url(images/ct-a_v6_panel_ab.png);
}

.border-bright2 {
	width:19px; height:17px;
	background-image:url(images/ct-a_v6_panel_aj.png);
}

.border-bmain2 {
	height:17px; background-image:url(images/ct-a_v6_panel_ak.png);
	background-repeat:repeat-x;
}

.panel-left2 {
	width:19px; height:34px; 
	background-image:url(images/ct-a_v6_panel_fb.png); 
}

.panel-right2 {
	width:17px; height:34px;
	background-image:url(images/ct-a_v6_panel_fj.png);
}

.panel-main2 {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;font-weight:bold;
	color:#F6BE00;
	height:34px;
	padding:0px 2px 2px 2px;
	background-image:url(images/ct-a_v6_panel_fk.png);
	background-repeat:repeat-x;
}

/*opentable3*/
.panel-left3 {
	width:19px; height:17px; 
	background-image:url(images/ct-a_v6_panel_fb2.png); 
}

.panel-right3 {
	width:17px; height:17px;
	background-image:url(images/ct-a_v6_panel_fj2.png);
}
.panel-main3 {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;font-weight:bold;
	color:#F6BE00;
	height:17px;
	padding:0px 2px 2px 2px;
	background-image:url(images/ct-a_v6_panel_fk2.png);
	background-repeat:repeat-x;
}
/*opentable3*/

.border-left {
	width:6px; background-image:url(images/ct-a_v6_panel_kb.png);
	background-repeat:repeat-y; 
}

.border-right {
	width:6px; background-image:url(images/ct-a_v6_panel_kj.png);
	background-repeat:repeat-y;
}

.border-bleft {
	width:19px; height:17px;
	background-image:url(images/ct-a_v6_panel_ab.png);
}

.border-bright {
	width:19px; height:17px;
	background-image:url(images/ct-a_v6_panel_aj.png);
}

.border-bmain {
	height:17px; background-image:url(images/ct-a_v6_panel_ak.png);
	background-repeat:repeat-x;
}

.side-caption {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px; font-weight:bold;
	color:#FFFFFF; background-color:#004A80;
	padding:0px 4px 3px 4px;
}

.tbl-border {
	background-color:;
}

.tbl {
	font-size:10px; padding:3px 4px 3px 4px;
}

.tbl1 {
	font-size:10px; color:#66CDAA; 
	background-image:url(images/forum-bg2.png);
	background-color:; padding:4px;
}

.tbll {
	font-size:10px; color:#66CDAA; 
	background-image:url(images/forum-bg2.png);
	background-color:; padding:1px;
}

.tbl2 {
	font-size:10px; color:#66CDAA; 
	background-image:url(images/forum-bg.png);
	background-color:#; padding:4px;
}

.tbl3 {
	font-size:10px; color:#66CDAA; 
	background-image:url(images/tbl3.png);
	background-color:#; padding:4px;
}

.nev-profil-bg1 {
	font-size:10px; color:#9ACD32; 
	background-image:url(images/profil_bg1.png);
	background-color:#; padding:4px;
}

.nev-profil-bg1-1 {
	font-size:10px; color:#9ACD32; 
	background-image:url(images/profil_bg1-1.png);
	background-color:#; padding:4px;
}

.nev-profil-bg2 {
	font-size:10px; color:#9ACD32; 
	background-image:url(images/profil_bg2.png);
	background-color:#; padding:4px;
}

.nev-profil-bg2-1 {
	font-size:10px; color:#9ACD32; 
	background-image:url(images/profil_bg2-1.png);
	background-color:#; padding:4px;
}

.nev-profil-bg3 {
	font-size:10px; color:#9ACD32; 
	background-image:url(images/profil_bg3.png);
	background-color:#; padding:6px;
}

.nev-profil-bg3-1 {
	font-size:10px; color:#191970; 
	background-image:url(images/profil_bg3-1.png);
	background-color:#; padding:2px;
}

.nev-profil-bg3-2 {
	font-size:10px; color:#191970; 
	background-image:url(images/profil_bg3-2.png);
	background-color:#; padding:1px;
}

.nev-profil-bg3-3 {
	font-size:10px; color:#191970; 
	background-image:url(images/profil_bg3-3.png);
	background-color:#; padding:0px;
}

.nev-profil-bg4 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg4.png);
	background-color:; padding:1px;
}

.nev-profil-bg5 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg5.png);
	background-color:; padding:1px;
}

.nev-profil-bg6 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg6.png);
	background-color:; padding:1px;
}

.nev-profil-bg7 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg7.png);
	background-color:; padding:1px;
}

.nev-profil-bg8 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg8.png);
	background-color:; padding:1px;
}

.nev-profil-bg9 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg9.png);
	background-color:; padding:1px;
}

.nev-profil-bg10 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg10.png);
	background-color:; padding:1px;
}

.nev-profil-bg11 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg11.png);
	background-color:; padding:1px;
}

.nev-profil-bg12 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg12.png);
	background-color:; padding:1px;
}

.nev-profil-bg13 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg13.png);
	background-color:; padding:1px;
}

.nev-profil-bg14 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg14.png);
	background-color:; padding:1px;
}

.nev-profil-bg15 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg15.png);
	background-color:; padding:1px;
}

.nev-profil-bg16 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg16.png);
	background-color:; padding:1px;
}

.nev-profil-bg17 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg17.png);
	background-color:; padding:1px;
}

.nev-profil-bg18 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg18.png);
	background-color:; padding:1px;
}

.nev-profil-bg19 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg19.png);
	background-color:; padding:1px;
}

.nev-profil-bg20 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg20.png);
	background-color:; padding:1px;
}

.nev-profil-bg21 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg21.png);
	background-color:; padding:1px;
}

.nev-profil-bg22 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg22.png);
	background-color:; padding:1px;
}

.nev-profil-bg23 {
	font-size:10px; color:#2F4F4F; 
	background-image:url(images/profil_bg23.png);
	background-color:; padding:1px;
}

.forum-panel-t {
	font-size:10px; color:#66CDAA; font-weight:bold;
	background-image:url(images/forum-bg.png);
	background-color:#; padding:4px;
}

.forum-panel {
	font-size:10px; color:#66CDAA; 
	background-image:url(images/forum_panel.png);
	background-color:#; padding:4px;
}

.forum-topic-bg {
	font-size:10px; color:#66CDAA; 
	background-image:url(images/forum_topic_bg.png);
	background-color:#; padding:4px;
}

.forum-post-bg {
	font-size:10px; color:#66CDAA; 
	background-image:url(images/forum-bg2.png);
	background-color:#; padding:4px;
}

.forum-userinfo-bg {
	font-size:10px; color:#66CDAA; 
	background-image:url(images/forum-bg2.png);
	background-color:#; padding:4px;
}
	
.forum-caption {
	font-size:10px; font-weight:bold;
	background-image:url(images/cell-bg.png);
	color:#66CDAA; background-color:#;
	padding:4px 4px 4px 4px;
}

.friends-friends-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_friends_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-friends-bg2 {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_friends_bg2.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-wait-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_wait_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-wait-bg2 {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_wait_bg2.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-select-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_select_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-select-bg2 {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_select_bg2.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-users-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_users_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-users-bg2 {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_users_bg2.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-menu-users-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_menu_users_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-menu-friends-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_menu_friends_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-menu-wait-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_menu_wait_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-menu-select-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_menu_select_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.friends-menu-al-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/friends_menu_al_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.kroax-fav1-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/kroax_fav1_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.kroax-fav2-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/kroax_fav2_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.kroax-fav3-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/kroax_fav3_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.kroax-video-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/kroax_video_bg.png);
	padding:4px;
}

.kroax-videobar-bg {
	font-size:10px; color:#000000; 
	background-image:url(images/kroax_videobar_bg.png);
	background-color:#3b3b3b; padding:4px;
}

.kroax-videobar-bg2 {
	font-size:10px; color:#000000; 
	background-image:url(images/kroax_videobar_bg2.png);
	background-color:#3b3b3b; padding:4px;
}

.quote {
	color:#000066; background-color:#ABABAB;
	padding:2px;
	margin:0px 20px 0px 20px;
	border:1px #000000 solid;
}

.copyright {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:9px;
	color:#000033; 
}
	
.poll {
	height:12px; border:1px #000000 solid;
}

.comment-name {
	font-weight:bold; color:#ffa500; 
}

.shoutboxname {
	font-weight:bold; color:#ffa500; 
}

.shoutbox {
	color:#66CDAA; 
}

.shoutboxdate {
	font-size:9px; color:#ffffff; text-align:right;
}

.small {
	font-size:10px; font-weight:normal;
}

.small2 {
	font-size:10px; font-weight:normal; color:#000033;
}

.side-small {
	font-size:9px; font-weight:normal; color:#000033;
}


.side-label {
	background-color:#000033;
	padding:1px 4px 3px 4px;
	background-image:url(images/side-bg.png);
	background-repeat:repeat-x;
}

.spoiler {
background-color: #000000;
color: #000000;
padding: 2px;
margin-right: 20px;
}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 8pt Tahoma;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: default;
}

#dropmenudiv a:hover{ /*hover background color*/
text-decoration:none;
	background-image:url(images/forum-bg2.png);
}

.bbcode {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	border : 1px solid #ccc;
	margin-top : 2px;
}

/* Page Navigation */

.pagenav {
	padding: 0.4em;
}

.pagenav span {
	color: #000033;
	background-image:url(images/forum-bg.png);
	border: 1px solid #000000;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0em;
}

.pagenav a {
	color: #000033;
	background-image:url(images/forum-bg.png);
	border: 1px solid #000000;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0em;
	text-decoration: none;
}

.pagenav a:hover {
	color: #000033;
	background-image:url(images/forum-bg.png);
	margin: 0em;
	text-decoration: none;
}

.content {
 width: 90%;
}

.container {
        width: 100%;
        height: 250px;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: scroll;
}

.admin-message {
	width: 98%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #FFFF00;
	background-color: #000000;
	border: 1px solid #000000;
	padding: 4px 4px 5px 4px;
	margin-bottom: 5px;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        opacity: 0.6;
}

.tbl2-kroax {
	font-size:10px; font-weight:bold;
	background-image:url(images/tbl2_kroax.png);
	color:#9ACD32; background-color:#;
	padding:4px 4px 4px 4px;
}

/* AnimeChart Cover */
*{box-sizing: border-box;}

/* Animation Card */
.card
{
    position: relative;
    width: 150px;
    height: 235px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 253, 253, 0.25);
}

.card .poster
{
    position: relative;
    overflow: hidden;
}
.card .poster::before
{
    content: '';
    position: absolute;
    bottom: -150px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #1064a5 50%, transparent);
    transition: 0.5s;
    z-index: 1;
}
.card:hover .poster::before
{
    bottom: 0;
}
.card .poster img
{
    width: 110%;
    transition: 0.5s;
}
.card:hover .poster img
{
    transform: translateY(-50px);
    filter: blur(5px);
}
.card .details
{
    position: absolute;
    bottom: -200px;
    left: 0;
    padding: 20px;
    width: 100%;
    z-index: 2;
    transition: 0.5s;
}
.card:hover .details
{
    bottom: 0px;
}
/* Logo */
.card .details .logo
{
    max-width: 100px;
    margin-bottom: -15px;
}
.card .details  h3
{
    font-size: 0.9em ;
    margin-bottom: 10px;
    
}
.card .details .rating
{
    position: relative;
    padding-bottom: 5px 0;
    
}
.card .details .rating .fa-star
{
    color: #f7f406;
    font-size: 1em;
}
.card .details .rating span{
    margin-left: 8px;
}
.card .details .tags
{
    position: relative;
    margin-top:5px ;
}
/* Button one adn two */
.card .details .tags span
{
    background: #03a8f5;
    border-radius: 4px;
    padding-left: 4px;
    padding-right: 4px;
}
.card .details .tags span:nth-child(2)
{
    background: #ff5722;
}
/* Info details */
.card .details .info
{
    margin-top: 20px;
}
/* Animation Picture of Actors Ands Director */
.card .details .cast
{
    position: relative;   
}
.card .details .cast h4
{
    margin-top: 10px;
    margin-top: -10px;
    
}
.card .details .cast ul
{
    position: relative;
    display: flex;
    gap: 10px;
    margin-top: -10px;
}
.card .details .cast ul li
{
    list-style: none;
}
.card .details .cast ul li img
{
    
    max-width: 100%;
}
.card .details .cast ul li img{
    margin-left: -40px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.card .details .cast ul li img:hover{
    margin-left: -40px;
    border-radius: 50%;
    border: 2px solid #f7f406;
    cursor: pointer;
}

/* anime-listához hozzáadás */
.anime-header {
    position: relative;
}

.anime-title {
    display: flex;
    justify-content: space-between; /* balra név+rész, jobbra + gomb */
    align-items: center;            /* vertikálisan középre */
    width: 100%;                    /* teljes szélesség a szülőhöz képest */
}

.anime-title .anime-info {
    flex-grow: 1;                   /* a maradék helyet foglalja */
    overflow: hidden;               /* ha túl hosszú, ne törjön sort */
    white-space: nowrap;            /* ne legyen sortörés */
    text-overflow: ellipsis;        /* túl hosszú szöveg "..." */
}

.anime-add-btn {
    flex: 0 0 24px;          /* keskenyebb (kb fele) */
    height: 28px;            /* magasabb */
    line-height: 26px;       /* + jel függőlegesen középen */
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    padding: 0;              /* fontos: ne növelje oldalra */
    background-color: rgba(255,255,255,0.2);
    border-radius: 0px;
    text-align: center;
    transition: transform 0.15s, background 0.15s;
}

.anime-add-btn:hover {
    transform: scale(1.15);
    background: rgba(255,255,255,0.35);
}


/* státusz színek */
.anime-status-1 { background:#3498db; color:#fff; } /* aktuális */
.anime-status-2 { background:#9b59b6; color:#fff; } /* felfüggesztett */
.anime-status-3 { background:#e67e22; color:#fff; } /* tervezett */
.anime-status-4 { background:#2ecc71; color:#fff; } /* befejezett */
.anime-status-5 { background:#e74c3c; color:#fff; } /* dobott */

/* Popup konténer */
/* ---------------------------- */
/* Anime popup stílusok          */
/* ---------------------------- */

/* Popup konténer */
.anime-popover {
    position: absolute;
    display: none;
    background: rgba(255, 255, 255, 0.25); /* áttetsző, üveges hatás */
    color: white;
    padding: 10px;
	width: 180px;
    border-radius: 0px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3); /* körkörös árnyék a popupnak */
    backdrop-filter: blur(5px); /* üveg hatás elmosással */
    transition: transform 0.25s ease, opacity 0.25s ease;
    transform: scale(0.9);
    opacity: 0;
    z-index: 1000;
}

/* show osztály a felugráshoz */
.anime-popover.show {
    transform: scale(1);
    opacity: 1
}

/* Mentés és mégse gombok hover effekt */
.anime-popover button {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: box-shadow 0.25s ease, filter 0.25s ease;
}

.anime-popover button:hover {
    filter: brightness(1.2);
    box-shadow: 0 2px 12px rgba(255,255,255,0.3); /* fény effekt */
}

/* Select mező */
.anime-select {
    width: 100%;
    padding: 8px 28px 8px 10px; /* hely a nyílnak */
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.4);
    background: rgba(255,255,255,0.6); /* világos üveg */
    color: #111; /* <-- EZ A LÉNYEG */
    font-size: 14px;
    margin-bottom: 10px;
    appearance: none;
    cursor: pointer;
}

/* Select nyíl */
.anime-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23333'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 6px;
}

/* Option lista */
.anime-select option {
    color: #111;
    background: #fff;
}

/* Input mező */
.anime-input {
    width: 100%;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.4);
    background: rgba(255,255,255,0.6);
    color: #111;
    font-size: 14px;
    margin-bottom: 10px;
}

/* Placeholder */
.anime-input::placeholder {
    color: rgba(0,0,0,0.5);
}

/* Gombok konténer */
.anime-buttons {
    display: flex;
    justify-content: space-between;
}

/* Mentés és Mégse gombok */
.save-btn, .cancel-btn {
    padding: 8px 12px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    transition: transform 0.1s, box-shadow 0.1s;
}

/* Mentés: zöld */
.save-btn {
    background-color: #28a745;
}

/* Mégse: piros */
.cancel-btn {
    background-color: #dc3545;
}

.save-btn,
.cancel-btn {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    transition: box-shadow 0.2s ease;
}

/* Gomb hover effekt */
.save-btn:hover {
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.4),
        inset 0 0 12px rgba(255, 255, 255, 0.45);
}

.cancel-btn:hover {
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.4),
        inset 0 0 12px rgba(255, 255, 255, 0.45);
}

/* Placeholder szín inputnál */
.anime-input::placeholder {
    color: rgba(255,255,255,0.7);
}

/* Kis extra: select ikonok helyett pseudo-arrow */
.anime-select {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 6px;
    padding-right: 25px;
}

/* vége */