/*@import url('https://fonts.googleapis.com/css?family=Play');*/
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@1,200&display=swap');
*{font-family: 'Exo 2', sans-serif;
background-color:/*#3D1472*/ rgba(0,0,0,0) !important; 
color: #F6D145 !important;}
    #container{width:900px;margin:10px auto}
    #menu ul li{display:inline-block;padding:5px 10px}
    #menu ul li hr{display:none}
    label{margin:5px;display:block}
    #livevoteContainer .votes{list-style:none;padding-left:20px}
    #livevoteContainer .votes .vote{display:inline-block;box-sizing:border-box;width:32px;height:32px;padding:5px;text-align:center;margin:3px;background:#eee;cursor:pointer;font-size: 40px;}
    #livevoteContainer .votes .vote.selected{background:black; color:white;}
    #livevoteContainer .votes .vote.loading{outline:red 1px solid}
    @media screen and (max-device-width : 900px) {
    #container{width:100%;margin:0}
    }
    #livevoteContainer .votes .vote.loading{background-image:url(data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPj4+Dg4OISEhAYGBiYmJtbW1qioqBYWFnZ2dmZmZuTk5JiYmMbGxkhISFZWVgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAkKAAAALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkECQoAAAAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkECQoAAAAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAkKAAAALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAkKAAAALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==) no-repeat;color:#888}
    .entry{float:left;height:220px;width:250px;margin-right:20px}
    #votesubmit,#votingform h3,#footer{clear:both}
    #visitors td:nth-child(2){font-weight:700}
    .success{color:green;padding:20px;border:2px solid green}
    .failure,.error{color:red;padding:20px;border:2px solid red} 
	
	
	#editmyentries > div > div.entrystatus.entrystatus_qualified{background-color:green; color:white;}
#editmyentries > div > div.entrystatus.entrystatus_new{background-color:rgba(0,0,255,0.4); color:white;}
#editmyentries > div:nth-child(1) > div.entrystatus.entrystatus_notqualified{background-color:yellow; color:black;}
#editmyentries > div:nth-child(3) > div.entrystatus.entrystatus_disqualified{background-color:red; color:black;}



#header{

}
#menu{
		background-color: #4d2a81 !important;
	background: rgb(167,87,235) !important;
background: linear-gradient(0deg, rgba(167,87,235,1) 0%, rgba(80,29,137,1) 100%) !important;
}
#menu > ul > li > a{
	text-shadow: 2px 2px 2px #000; color:#ffa200; background-color:rgba(0,187,255,0.6);
	text-decoration:none; font-size:1.3em;
	
}
#header > h1 > span > img{
	width:100%;
	max-width:500px;
	height:auto;
}
input{width:90%; max-width:600px;}
#compo{color:black;}
#editmyentries > div{
	
		  
  padding: 2px;
  margin: 5px;
}
#editmyentries > div > div.screenshot > a > img{width:100%; max-width:200px; height:auto;}

#votingform > div.entrylist.votelist > div{
  padding: 2px;
  margin: 5px;}
#votingform > div.entrylist.votelist > div> div.screenshot > a > img{width:100%; max-width:200px; height:auto;}
.entrystatus_qualified{color:white !important; background-color:green !important; font-weight:bold !important;}
.entrystatus_notqualified{color:black !important; background-color:yellow !important; font-weight:bold !important;}
.entrystatus_new{background-color:aqua !important; color:blue !important;  font-weight:bold !important;}
.entrystatus_disqualified{color:white !important; background-color:red !important; font-weight:bold !important;}

#content > h2{text-shadow: 2px 2px 2px #000; color:#ff6b00;}
#compoName{text-shadow: 2px 2px 2px #000; color:#ff6b00;}
td.timetableevent > span{font-weight:bold; background-color:#365966;}
td.timetableevent > span{text-shadow: 2px 2px 2px #000; color:#ff6b00;}
td.timetabletime{font-weight:bold;}

textarea {
  width: 99%;
  height: 150px;
}
#votecompolist > li > a
{font-size:1.4em;
text-decoration: none; color: #FDF6D6 !important;}
.vote.selected{background-color:rgba(0,0,0,.25) !important; color:white !important; font-size:4em  !important;  background-size: contain !important; background-size: 100px 50px; }
#news > dt{font-size:1.4em;}
.timetable_eventtype_deadline{color:red !important;}
.timetable_eventtype_mainevent{color:aqua !important;}
#vantajs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* A háttér mögött legyen */
}
select{
  color: white !important;
  font-weight: bold !important;
  font-size: 20px !important;
}
select option { color: black !important;}

.vote {
    position: relative; /* Ez biztosítja, hogy a ::after pozícionálása relatív legyen az li-hez */
    padding-bottom: 0px; /* Extra hely biztosítása a négyzet számára */
    font-size: 2em; /* Ha szükséges, módosíthatod a szöveg méretét is */
}

.vote {
	font-weight: bold !important;
  border-radius: 2px;
  border: 2px solid rgba(255,255,255,0.22);
  padding: 0px;
  
}