body {
  font-family: "Open sans", sans-serif;
  color: #000000;

}

@media (min-width: 768px) {
	h1,
	h2,
	h3,
	h4 {
	  font-family: "Dosis", sans-serif;
	}
}

@media (max-width: 767px) {
	h1,
	h2,
	h3,
	h4 {
	  font-family: "Dosis", sans-serif;
	  
	}
	
	h1 {
		font-size: 25px;
		
	}
	h2 {
		font-size: 20px;
		
	}
	h3 {
		font-size: 18px;
		
	}
	h4 {
		font-size: 14px;
		
	}
	
}


a {
  color: inherit;
}
a:hover, a:focus, a:active {
  color: inherit;
}

/* =============================================================================
  Layout
========================================================================== */
/* Header 
================================= */
.main-header
{
    max-height: 10%;

}
.navbar-static-top {
  margin: 0;
  border: 0;
  color: #fff;
}

.navbar-top {
  background: #ffcc33;
  font-size: 12px;
  padding: 3px 0;
}
.navbar-top .list-inline {
  margin-bottom: 0;
}
.navbar-top .header-contact li {
  margin-right: 15px;
}
.navbar-top .header-contact li .fa {
  margin-right: 5px;
}

.navbar-main {
  margin-bottom: 0;
  color: #fff;
  background: #ffcc33;
}
.navbar-main .navbar-brand {
  border-bottom: none !important;
}
.navbar-main a:hover,
.navbar-main a:active,
.navbar-main a:focus,
.navbar-main a.is-active {
  background: none !important;
  color: inherit;
  border-bottom: 2px solid #fff;
}
.navbar-main .submenu {
  position: absolute;
  list-style: none;
  background: #ffcc33;
  padding: 0;
  width: 150px;
  left: -35px;
  visibility: hidden;
  top: 85px;
  -moz-transition: all, 0.05s;
  -o-transition: all, 0.05s;
  -webkit-transition: all, 0.05s;
  transition: all, 0.05s;
}
.navbar-main .submenu li {
  border-top: 1px solid #ffcc33;
}
.navbar-main .submenu li:hover {
  background: #ffcc33;
  -moz-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
}
.navbar-main .submenu li a {
  width: 100%;
  border-bottom: none;
  text-decoration: none;
  padding: 5px 25px;
  display: block;
  font-size: 16px;
}
.navbar-main li a {
  font-family: "Dosis", sans-serif;
  font-size: 18px;
  padding: 20px 15px;
  border-bottom: 2px solid transparent;
}
.navbar-main li:hover .submenu {
  top: 62px;
  visibility: visible;
  -moz-transition: all, 0.25s;
  -o-transition: all, 0.25s;
  -webkit-transition: all, 0.25s;
  transition: all, 0.25s;
}
.navbar-main .icon-bar {
  background: #fff;
}




/* Header 2
================================= */

#headerline {
	width: 100%;
	height: 200px;
	text-align: center; 
	background: url("images/arena01_h_300.jpeg") center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	
	 /* #595959; #BBBBBB;  #a6a6a6; */
}

#menuline {
	padding-bottom:10px;
	padding-top:20px;
	
}

@media (min-width: 768px) {
	#menutitle {
		text-align:left; 
		color: white; 
		font-size:25px; 
		padding-left: 0px;
                font-weight: bolder;
		
	}
}

@media (max-width: 767px) {
	#menutitle {
		text-align:left; 
		color: white; 
		font-size:18px; 
		padding-left: 0px;
                font-weight: bolder;
		
	}
}
/* Home Slider 
================================= */

.container {
	padding: 0px;
	
}
.carousel-home img {
  width: 100%;
  max-height: 500px;
 /* max-height: 30%;*/
}
.carousel-home .carousel-control {
  background: #ffcc33;
  height: 80px;
  width: 40px;
  top: 70%;
  margin-top: -40px;
  -moz-transition: width, 0.3s;
  -o-transition: width, 0.3s;
  -webkit-transition: width, 0.3s;
  transition: width, 0.3s;
}
.carousel-home .carousel-control .fa {
  font-size: 2.5em;
  padding-top: 12px;
}
.carousel-home .carousel-control:hover {
  width: 50px;
}
.carousel-home .carousel-caption {
  top: 70%;
  bottom: auto;
  transform: translateY(-50%);
}


.carousel-home .carousel-title {
  color: #fff;
  font-family: "Dosis", sans-serif;
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
}
.carousel-home .carousel-subtitle {
  font-size: 25px;
  text-transform: uppercase;
}
.carousel-home .btn {
  margin-top: 30px;
}

.section-home {
  margin: 30px 0;
}

@media (min-width: 768px) {
	.menubar {
		position: absolute;
		top: 100px;
		width: 100%;
	}
}
@media (max-width: 768px) {
	.menubar {
		position: absolute;
		top: 90px;
		width: 100%;
	}
	.navbar-toggle {
     position: none; 
     float: left; 
	/* margin-left: 20px;*/
	}
}

.loginbar {
	background:#ffcc33;
	color:black;
	overflow: hidden;
	font-size: 14px;
        border-top: 1px solid white;
        border-right:  1px solid white;
}

.loginbar:hover {
	background:white;
	text-transform: none;
	color:#ffcc33;
        border-top: 1px solid white;
        border-right:  1px solid white;
}



.loginmenumobilebutton
{
	color: black;
    background: white;
}
.loginmenu > ul.navbar-nav > li > a:hover {
    background: #ffcc33;
    color: white;
}
.loginmenuitem {
  border: 1px solid white;
  border-radius: 6px;
}


.centermenu {
    width: 100%;
    background: transparent;
    text-align: center;
	
}
.centermenumobile {
	z-index: 2;
    position: relative;
	padding: 0px;
	
}
.centermenumobile  > div{
	width: 100%;
    background: white;
	text-align: center;
	font-size: 20px;
	
}

.loginmenumobile {
	z-index: 2;
    position: relative;
	padding: 0px;
}
.loginmenumobile  > div{
	width: 100%;
    background: #ffcc33;
	text-align: center;
	font-size: 20px;
	
}


.centermenumobilebutton {
  width: 50%;
  background: white;
  border-radius: 0px;
}
.centermenumobilebuttonlogin {
  width: 50%;
  background: #ffcc33;
  border-radius: 0px;
	
}

.nopadding {
	
	padding: 0px;
}
.nomargin {
	
	margin: 0px;
	
}

.centermenuitem {
    background-color: whitesmoke;
    color: #000000;
    font-size: 17px;
    padding-top: 2%;
    padding-bottom: 2%;

}


.centermenuitem:hover {
  background: #ffcc33;
  color: white;
  text-decoration: none;

}


.maincontainer {
	
	min-height: 250px;
	
}


.dropdown {

    text-decoration: none;
  list-style:none;
}


.dropdown-menu {
  text-align: center;

}
.dropdown-menu>li>a:hover {
  background: #ffcc33;
  color: white;

}

.welcomecontainer {
	margin-top: 3em;
        padding-left: 20px;
        padding-right: 20px;
}
.imagecontaineritem {
	padding: 1em;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	min-height: 350px;
}
.textunderimage {
	background: #ffcc33;
	width: 100%;
	height: 50px;
	font-size: 16px;
	padding: 14px;
}
.textunderimage:hover {
	background: #595959;
	color: white;

	
}

.textunderimage3 {
	background: white;
	color: #595959;
	width: 100%;
	min-height: 60px;
	font-size: 16px;
	padding-top: 15px;
	
}

.imagecontaineritem img {
	
	width: 100%;
	height: 250px;
}

.imagecontaineritem3 img {
	width: 100%;
	height: 150px;
	
}
.secondrowitem {
	padding: 1em;
	color: 	#595959;
	
	font-weight: bold;
	/*min-height: 300px;*/
}
.secondrowitem img {
	
	width: 100%;
	height: 250px;
}

.secondrowitem > div > li {
	padding-bottom: 5px;
	list-style: none;
}
.secondrowitem  > div >  li > .fa-star {
	color: #ffcc33;
}

.fourthrowitem img {
	width: 100%;
	height: 250px;
	
}

.focim {
	font-size: 25px;
	color:#ffcc33;
	font-weight: bold;
	text-transform: uppercase;
}

.focim2 {
	font-size: 25px;
	color:#595959;
	font-weight: bold;      
	text-transform: uppercase;
}

.minifocim {
	color:#ffcc33;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
}
.minialcim {
	font-size: 14px;
	text-transform: uppercase;
	color: #000000;
}
.miniszoveg {
	font-size: 12px;
	color: #595959;
}


/* Flashing */
.hoverflashing  img:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.welcomefourthrow {
	margin-top: 50px;
	margin-bottom: 50px;
	
}

.pointercursor {
	cursor: pointer;
	
}

.footer {
	height: auto;
	background: #595959;
	color: #ffcc33;
	padding-top: 25px;
        padding-bottom: 25px;
	text-align: center;
	
}

.panel-default {
	
	border: 0px;
	
}
.panelyellow {
	background-color: white;
	margin-top: 0px;
	margin-bottom: 0px;
        width: 100%;
}

.panelyellow > .panel-heading-yellow {
	background-color: #ffcc33;
	text-transform: uppercase;
	color: #595959;
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.panel-heading-fordulo {
	background-color: #595959;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.panel-heading-fordulo:hover {
	background-color: #ffcc33;
	color: #595959;

}

@media (max-width:767px) { 
	a.back-to-top {
		
		display: none;
		width: 50px;
		height: 50px;
		position: fixed;
		bottom: 10px;
		left: 10px;
		background: white url("up_arrow.png") no-repeat center 30%;
		text-indent: -9999px;
		border-radius: 0px;
		border: 1px solid #C0C0C0;
		z-index: 1;
	}

}
@media (min-width:768px) { 
	a.back-to-top {
		
		display: none;
		width: 50px;
		height: 50px;
		position: fixed;
		bottom: 40px;
		right: 40px;
		background: white url("up_arrow.png") no-repeat center 30%;
		text-indent: -9999px;
		border-radius: 0px;
		border: 1px solid #C0C0C0;
		z-index: 1;
	}
	a.back-to-top:hover {
		background-color: #ffcc33;
	}

}

.tabellatable {
	width: 99%;
}
.tabellatable th , .tabellatable td {
	text-align: center;
	border: 1px solid #333300;
	height: 40px;
}

.tabellatable tr:nth-child(even){
		background: #d9d9d9;
}

.tabellatable thead {
	background-color: #a6a6a6;
	color: white;
	
}

.kereszttable {
	width: 100%;
	
}
.kereszttable th, .kereszttable td {
	height: 40px;
	text-align: center;
	border: 1px solid #333300;
	padding-left: 0px;
	padding-right: 0px;
	
}

.kereszttable tr:nth-child(even){
		background: #d9d9d9;
}
.kereszttable thead {
	background-color: #a6a6a6;
	color: white;
	
}

.kereszttable td.teamname {
	text-align: left;
	padding-left: 15px;
	
}


.fordulotable {
	
	width: 100%;
}

.fordulotable th, .fordulotable td {
	height: 40px;
	text-align: center;
	border: 1px solid #333300;
	padding-left: 0px;
	padding-right: 0px;
	
}

.fordulotable tr:nth-child(even){
		background: #d9d9d9;
}
.fordulotable thead {
	background-color: #a6a6a6;
	color: white;
	
}

.fordulotable td > a {
	text-transform: underline;
	color: blue;
	
}





.emptycell {
	
	background-color: #595959;
}

.nav-tabs>li.active>a
{
	background-color: #ffcc33;
}

.nav-tabs> li > a:hover
{
	background-color: #ffcc33;
}

.max20pix {
	
	max-width: 10px;
}

.navbar-collapse > .mobilemainmenuitem {
	width: 100%;
	font-size: 12px;
	padding: 0px;
	
}

@media (min-width: 768px) {
#app-centermenu-collapse-mobilemenu {
	display: none !important;
	
}

#app-loginmenu-collapse-mobilemenu {
	display: none !important;
	
}

}


.bluelink {
	
	color: #0073aa;
	background-color: transparent;
	border: 0px;
	
}

.addresulttable, .matchresulttable {
	width: 100%;
	border-collapse: collapse;
	
	
}
.addresulttable td, .addresulttable th, .matchresulttable td, .matchresulttable th{
	border: 0px;
}
.addresulttable tr, .addresulttable tr:nth-child(even), .matchresulttable tr, .matchresulttable tr:nth-child(even){
	background-color: white;
	background: white;
}

.matchresulttable td, .matchresulttable th{
	width: 50%;
}

.addresulttable select {
	width: 66px;
}
.addresulttable	input {
	width: 66px;
}
			
			
@media (min-width: 768px) {
ul.nav-stacked li.winnerplayerlabel {
	text-align: center;
	font-size: 20px;
	}
}

@media (max-width: 767px) {
ul.nav-stacked li.winnerplayerlabel {
	text-align: center;
	font-size: 15px;
	}
}



.nav-pills li > a:hover  {
	background-color: #3884c7;
	color: white;
}

.playerbox {
	
	border: 1px solid #ffcc33;
}
.playerbox:hover {
	
	background-color: #ffcc33;
}


.matchresulttab>.active, .yellowborderdiv, .resultelement {
	border: 1px solid #ffcc33;
}

.resultelement {
	padding-bottom: 2px;
        font-style: italic;
        font-weight: 700;
        animation: blinker 1s linear infinite;
}


@keyframes blinker {  
  50% { opacity: 0; }
}


.addresultbtn {
	
	padding: 5px;
	background: #337ab7;
	color: white;
}
.addresultbtn:hover, .addresultbtn:focus, .addresultbtn:active {
	background: #ffcc33;
	text-transform: none;
	text-decoration: none;
	color: white;
}
	
.noborder {
	border: 0px;
	
}

.writeresultbtn {
	
	background-color: #337ab7;
	color: white;
	border: 0px;
		
}


.modal-body {
    overflow-y: auto;
}

.paddingbottom2px {
	padding-bottom: 2px;
	
}

@media (max-width: 1023px) {
	body.modal-open {
		overflow: hidden;
		position: fixed;
	}
}
@media (min-width: 1024px) {
	body.modal-open {
		overflow: hidden;
		
	}
}



#registerdivisionstable {
	width: 100%;
	
}

#ui-datepicker-div {
	
	display:none;
}


.drawtable  {
        width:99%;
        background: white;
        color: #595959;
        height: 100%;

}

.drawtable th {
        text-align:center;
}


.drawtable tfoot td {
        text-align:center;
        font-weight: 700;
}




.drawtable td > div {
        margin-left: -1px;
        margin-top: -1px;
        border: 1px solid  #595959;
}

.drawtable td > div.rightborder {
        border-right: 1px solid  #595959;
        border-bottom: 0px;
        border-left: 0px;
        border-top: 0px;
        margin-left: 0px;
        margin-top: 0px;
        height: 100%;
}       

.drawtable td > div > label {
        margin: 0px;
        width: 10px;
}

.drawtable td > div > div > label.name {
        margin: 0px;
        width: 130px;
        padding-left: 10px;
}
.drawtable td  > div > label.name {
        margin: 0px;
        width: 130px;
        padding-left: 10px;
}




        
.uppercase {
    
    text-transform: uppercase;
    
}

.resulthints {
    background-color: #337ab7;
    color: white;
    padding: 5px;
}

.resultlabeldiv {
    margin-top: 10px;
    font-style: italic;
    border-top: 1px solid #ffcc33;
    border-left: 1px solid #ffcc33;
    border-right: 1px solid #ffcc33;
   
    font-weight: 700;
    
}

label {
    margin-bottom: 0px;
}

.overflowhidden {
   overflow: hidden;
}

.leftfloat {
    float: left;    
}
.rightfloat {
    float: right;    
}

.width40px {
    width: 40px;
}
.width50px {
    width: 50px;
}
.rightfloat > label {
    padding-right: 2px;
    padding-left: 2px;
}

.tableviewlabel {
    padding: 5px;
    margin-right: 10px;
}

.registerdivrow {
    font-size: 120%;
}

.registerdivrow {
    padding-left: 0px;
}

.margintop5percent {
    margin-top: 5%;
}

.inline {
    display: inline;
}


.ui-dialog-titlebar-close {
    top: 2px!important;
    background: url("images/x_button2_small.jpg") center center !important;
    color: #444!important;
    
}

.center {
    text-align: center;
}

.modal-header {
    border-bottom: 0px!important;
}

.close {
    opacity: initial;
    font-size: 30px!important;
}

* {
    outline: none!important;
}

.szabalyzatcontent {
    padding: 20px;
}

.szabalyzatcontent > p > a {
    color: #337ab7; 
    text-decoration: none;
}

.registerwarningmessagepetyo {
    text-align: center;
    font-size: 12px;
    color: red;
}

.egyebhirek > li {
    display: inline;
}

.hirlist {
    list-style-type: none!important;
    padding-left: 0px;
}

.clear {
    clear: both;
}

.hirimage {
    width: 80%;
}

.img-responsive {
    display: inline!important;
}

.width50percent {
    width: 50%;
}

.paddingleftright20px {
    padding-left: 20px;
    padding-right: 20px;
}

.hircontent {
    padding-left: 15%;
    padding-right: 15%;
}

.margintop20px {
    margin-top: 20px;
}

hr {
    border-top: 1px solid #444;
}

.vonal {
    border-bottom: 1px solid #999;
    width: 100%;
}

.greenbtn {
    border-radius: 10px;
    background: #a0d468;
    color: white;
    text-transform: uppercase; 
    padding: 5px;
    border: 1px solid #a0d468;
    outline: none;
    cursor: pointer;
}
.greenbtn:hover {
    background: transparent;
    color: #a0d468;
}

.marginbottom20px {
    margin-bottom: 20px;
}


.underline {
    text-decoration:  underline;
}

.kereszttabla, .fordulopanel, .tabellapane, .footer {
    width: 100%;
}

.row , .container > .navbar-header {
    margin-right: 0px!important;
    margin-left: 0px!important; 
}


.modal-dialog{
    overflow-y: initial!important
}
.modal-body2{
    max-height: 600px;
    overflow-y: auto;
    width: 100%;
}


.footer > div{
/*    display: inline;
    vertical-align: middle;
    float: none;*/
}


.headercim {
    color:#ffcc33;
    font-weight: bold;
    text-transform: uppercase;
}

.width80percent {
    width: 80%;
}


#content > div > ul > li > div > p > img  {
    max-width: 100%;
    max-height: 50%;
}
#content > div > div > p > img {
    max-width: 100%;
    max-height: 50%;
}


.content > .container {
    width: 100%;
}

.egyebhirek > li {
    padding-right: 10px;
    padding-bottom: 5px;
}


.rankgingtablehead {
   background-color: #595959;
  
}
.whitecolor {
     color: white!important;
}


.marginbottom20px {
    margin-bottom: 20px!important;
}



/*Ranglista tábla CSS */

.tabletocenter {
    margin: 0 auto;
}

.center_80percent {
    text-align: center; 
    font-size: 80%;
}

.fixedcolumns {
    overflow: hidden;
    height:480px
}

.pointscolumns {
    overflow: scroll;
    height:497px;
    position:relative; 
}

.best4score {
    color: red;
}

.rankingtable tr:nth-child(even) {
    background: khaki;
}

.rankingtableparentdivclass {
    width: 100%;
}

/*Ranglista tábla CSS */




.teaminfotable1, .teaminfotable2{
    width: 100%;
}
.teaminfotable2 tr:nth-child(even) {
    background: #d9d9d9;

}


.teaminfotable1  td.infotitle, .teaminfotable1  th.infotitle, .teaminfotable2  th.infotitle,  .teaminfotable2  td.infotitle {
   color: #0073aa;
}

.teaminfotable1 td {
    width: 25%!important;
    word-wrap: break-word;
}

.teaminfotable2 td:nth-child(2) {
    width: 60%;
}


.infoikon {
    background-color: #337ab7;
    border-radius: 10px;
    color: white;    
    cursor: pointer;
   
    border: 0px;
}


.mentesbtn {
     background: #ffcc33;
     color: #595959;
     margin: 5px;
}

.bezarbtn {
    background: #d9d9d9;
    color: #595959;
    margin: 5px;
}

.veglegesitesbtn {
    background: #a0d468;
    color: #595959;
    margin: 5px;
}
.mentesbtn:hover {
     background: white;
     color: #ffcc33;
}

.bezarbtn:hover {
    background: white;
    color: #d9d9d9;
}

.veglegesitesbtn:hover {
    background: white;
    color: #a0d468;
}

.teammatchresultformmodal {
    width: 70%!important;
    text-align: center!important;
    margin: 0 auto; 
}
.modal {
    z-index: 100000!important;
}


.teammatchresultsingletable, .teammatchresultdoubletable  {
    width: 100%;
}


.teammatchresultsingletable td:nth-child(2), .teammatchresultsingletable td:nth-child(3), .teammatchresultdoubletable td:nth-child(2),
.teammatchresultdoubletable td:nth-child(3){
    width: 35%;
    word-wrap: break-word;
    padding: 5px;
}
.teammatchresultformmodal select {
    max-width: 140px;
}



.bluecolor {
    color: #337ab7;
}








@media (max-width: 1023px) {
   
    #content > div > ul > li > div > p > img  {
        max-width: 100%;
        max-height: 300px;
    }
    #content > div > div > p > img {
        max-width: 100%;
        max-height: 300px;
    }
    .ui-datepicker {

            position: absolute;
            top: 0px;
            left: 20%;

    }
    .mobilewidth90 {
        width: 90%;
    }

    .hircontent {
        padding-left: 3px;
        padding-right: 3px;
    }
     .maincontainer {
        padding-left: 10px;
        padding-right: 10px;
    }
    .welcomecontainer {
	margin-top: 3em;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .imagecontaineritem img {
	
	display: none;
    }
    
    .imagecontaineritem {
	padding: 1em;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	min-height: 50px;
    }
    
    .imagecontaineritem3 img {
	
	display: none!important;
    }
    
    .teammatchresultformmodal {
        width: 95%!important;
        text-align: center!important;
        margin: 0 auto; 
    }
    
    .teammatchresultsingletable td:nth-child(2), .teammatchresultsingletable td:nth-child(3), .teammatchresultdoubletable td:nth-child(2),
    .teammatchresultdoubletable td:nth-child(3){
        width: 30%;
        word-wrap: break-word;
        padding: 5px;
    }
    .teammatchresultformmodal select {
        max-width: 100px;
    }
   
}