@charset "utf-8";

/* class: .
	id: #
tag: tag neve */

.categoryButton_2017 {
    background-color: #1C70B0;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	margin-bottom: 2px;
	margin-right: 2px;
    cursor: pointer;
	width: 372px;
	float: left;
}

.categoryButton_2018 {
    background-color: #1C70B0;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	margin-bottom: 2px;
	margin-right: 2px;
    cursor: pointer;
	width: 247px;
	float: left;
}


/*Az utolsó .categoryButton_2017 marginját módosítjuk:*/
.categoryButton_2017:last-of-type {
	margin-right: 0px;
}

.singleNameButton {
    background-color: #1C70B0;
    border: none;
    color: white;
    padding: 15px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	margin: 2px 1px;
    cursor: pointer;
	min-width: 245px;
	max-width: 245px;
	float: left;
	
}

/*Ha az egeret a kapcsoló fölé visszük, átszínezi a hátterét:*/
.singleNameButton:hover, .categoryButton_2017:hover, .categoryButton_2018:hover {
	background-color: #0364AF  !important;
}

.singleNameButton:active{
    background: #035594 !important;
}

.singleNameButton:focus, .doubleNameButton:focus{
    outline: none;
}

.selectButton {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	min-width: 175px;
}


.buttonPlaceNumber{
	background-color: #1C70B0;
    border: none;
    color: white;
    padding: 14px 0px;
    text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px 1px;
	float: left;
	width: 46px;
	height: 16px;
}

.buttonScoreNumber{
	background-color: #1C70B0;
    border: none;
    color: white;
    padding: 14px 0px;
    text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px 1px;
	float: left;
	width: 52px;
	height: 16px;
}

#buttonDiv{
	/*border:1px solid black;*/
	float: left;
	display: inline-block;
	width:367px;
	height:394px;
	/*Ha mindkét (horizontális és vertikális) scroll kell:*/
	/*overflow:scroll;*/
	/*Horizontális scroll rejtve a vertikális működik:*/
	overflow-y: scroll;
	overflow-x: hidden;
}

#pictureAndDataDiv{
	/*border:1px solid black;*/
	/*background-color: #019fde;*/
	width:366px;
	height:394px;
	/*Azért kell, hogy egymásmellé kerüljenek a divek:*/
	display: inline-block;
	
}


#photoDiv{
	background: linear-gradient(to top, rgba(40,101,158,1), rgba(0,48,102,1));
	width:302px;
	height:180px;
	/*Azért kell, hogy egymásmellé kerüljenek a divek:*/
	float: left;
	display: inline-block;
	margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 2px;
    margin-left: 0px;
}

/*A versenyző fotók meletti jobb felső helyezés kijelző:*/
#rankingSignalDiv {
	border:1px solid black;
	float: right;
	display: inline-block;
	background: linear-gradient(to top, rgba(40,101,158,1), rgba(0,48,102,1));
	width:58px;
	height:85px; 
	margin-left: 0px; 
	
}

/*A .nevinzertDiv-ben elhelyezett paragrafusok stílusa lesz:*/
#rankingSignalDiv  p{	
	margin-top: 30px;
	text-align: center;
    font-size: 22px;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	
}

#positionChangeSignalDiv {
	border:1px solid black;
	float: right;
	display: inline-block;
	background: linear-gradient(to bottom, rgba(40,101,158,1), rgba(0,48,102,1));
	width:58px;
	height:85px; 
	margin-left: 0px;
	margin-top: 7px; 
}

/*egéni foto:*/
#positionChangeSignalDiv img {
	width: 100%;
	height: 100%;
	/*Ez teszi vertikálisan középre az ebben található DIV-eket:*/
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	/*Eddig teszi vertikálisan középre az ebben található DIV-eket:*/
}


.nevinzertDiv {
	/*border:1px solid black;*/
	/*background-color: #B64A26;*/
	background-color:rgba(0, 0, 0, 0.5);
	width:150px;
	height:36px; 
	margin-top: 144px;
    
}

/*A .nevinzertDiv-ben elhelyezett paragrafusok stílusa lesz:*/
.nevinzertDiv  p{	
	/*Ez teszi vertikálisan középre az ebben található DIV-eket:*/
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	/*Eddig teszi vertikálisan középre az ebben található DIV-eket:*/
	text-align: center;
    font-size: 11px;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	
}

#singlePhoto{
	/* border:1px solid black; */
	/*background-color: #B64A26;*/
	width:150px;
	height:180px; 
    margin-left: 78px;
	background-size: 150px 180px;
	/*Azért kell, hogy egymásmellé kerüljenek a divek:*/
	float: left;
	display: inline-block;
}

.doublePhoto{
	/*border:1px solid black;*/
	/*background-color: #B64A26;*/
	width:150px;
	height:180px; 
	background-size: 150px 180px;
	/*Azért kell, hogy egymásmellé kerüljenek a divek:*/
	float: left;
	display: inline-block;
	/*background-image: url("../foto_versenyzok/bianco.jpg");*/
}

#photoSeparationDiv{
	/*border:1px solid black;*/
	width:2px;
	height:180px;
	/*Azért kell, hogy egymásmellé kerüljenek a divek:*/
	float: left;
	display: inline-block;
}

/*egéni foto:*/
#photoDivSingle img {
	width: 100%;
	height: 100%;
	/* background: url(loading.gif) 50% no-repeat;
		border: 1px solid black;
	border-radius: 5px; */
}

/*páros fotó:*/
#photoDivDouble img {
	width: 100%;
	height: 100%;
	/* background: url(loading.gif) 50% no-repeat;
		border: 1px solid black;
	border-radius: 5px; */
}


#gameNameDiv{
	width:152px;
	text-align: left;	
	padding-left: 10px;
	margin-right: 18px; 
}

#positionDiv{
	width:72px;
    text-align: center;	
	margin-right: 18px;  
}

#scoreDiv{
	width:86px;
    text-align: right;
}

.roundDataDiv{	
	background-color: #1C70B0;
	width:366px;
	height:50px;
	margin-top: 1px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;	
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

/*Az utolsó rounDataDiv marginját módosítjuk:*/
.roundDataDiv:last-of-type {
	/*background-color: #B64A86;*/
}


/*A .roundDataDiv-ben elhelyezett divekre mindre igaz lesz:*/
.roundDataDiv div{
	/*border:1px solid black;*/
	/*Ez teszi vertikálisan középre az ebben található DIV-eket:*/
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	/*Eddig teszi vertikálisan középre az ebben található DIV-eket:*/
    font-size: 12px;
	/*Azért kell, hogy egymásmellé kerüljenek a divek:*/
	display: inline-block;
	float: left;
}

#mainSocket{
	/*border:1px solid black;*/
	width: 734px;
	padding: 6px 6px;
	/*height:280px;*/
	background: linear-gradient(to bottom, rgba(40,101,158,1), rgba(0,48,102,1));
}