/*@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('SourceSansPro-Semibold.eot');
    src: local('SourceSansPro-Semibold'), url('SourceSansPro-Semibold.woff') format('woff'), url('SourceSansPro-Semibold.ttf') format('truetype'), url('SourceSansPro-Semibold.svg') format('svg');
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('SourceSansPro-Regular.eot');
    src: local('SourceSansPro-Regular'), url('SourceSansPro-Regular.woff') format('woff'), url('SourceSansPro-Regular.ttf') format('truetype'), url('SourceSansPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('SourceSansPro-Light.eot');
    src: local('SourceSansPro-Light'), url('SourceSansPro-Light.woff') format('woff'), url('SourceSansPro-Light.ttf') format('truetype'), url('SourceSansPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

body {
    background: white;
}

.navbar-brand {
    height: 10px!important;
}
a:hover {
    color: #497e91;
}

.ui-widget-content {
    color: grey!important;
}

.container {
    padding-right: 10px!important;
    padding-left: 10px!important;   
}
.navbar-header-foggo {
    background-color: white!important;
    border-color: white!important;
    margin: 0px!important;
    padding: 15px 0px 18px 0px;
    border-bottom: 3px solid #82c936!important; /* main green color  #82c936 */
    max-height: 88px;
}

.standard-menu-foggo {
    margin-right: 0px!important;
    margin-left: 20px!important;

}
.navbar-nav-hover>li>a {
    color: #434953!important;
    border-bottom: 2px solid white;
    padding: 0px 8px!important;

}
.navbar-nav-hover>li>a:hover {
    color: #434953!important;
    border-bottom: 2px solid var(--blue);
    border-bottom-color: var(--blue);
}
.navbar-nav-hover>li>a:active {
    color: black!important;         
}


.bluehamburgerbtn {
    background-color: var(--blue)!important;
    color: white!important;
    /* border-radius: 50px!important;
    border-color: white!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    margin: 5px!important;
    margin-left: 5px!important;
    margin-top: 5px!important;
    height: 45px; */
}

.icon-bar-foggo {
    background-color: white!important;
}

.navbar-brand {
    padding: 0px!important;
}

li.registera a {
     
    background: linear-gradient(55deg, var(--blue) 0%, #b3d9e6 100%);
    color: white!important;
    border-radius: 50px!important;
    border: 1px solid white!important;
    padding: 11px 5px 11px 5px!important;
    margin: 5px;
    margin-top: 7px;
    font-size: 12px;
}

li.logina a {
    border-radius: 50px!important;
    border: 1px solid #82c936!important;
    padding: 11px 5px 11px 5px!important;
    background: linear-gradient(55deg, #82c936 0%, #a6ea5c 100%);
    color: white!important;
    margin-top: 7px;
    font-size: 12px;
    
}
li.logina a:hover {
    border: 1px solid #82c936!important;
    color: #82c936!important;
    background: white!important;
}


li.registera a:hover {
    background: white!important;
    color: var(--blue)!important;

    border: 1px solid var(--blue)!important;
}

.navbar-text {
    margin: 0px!important;
    
}
.user-icon-header-foggo {
    border: 2px solid #ccc;
    border-radius: 50px!important;
    margin-left: 20px!important;
    min-width: 190px;
   
}
.user-text-foggo , .user-icon-foggo {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
.user-text-foggo {
    margin-top: 5px!important;
    text-align: right;
    padding-left: 2px;
}

.user-icon-foggo {
    margin-right: 0px!important;
}


.btns{
    border-radius: 30px;
   
    color: #fff;
   
    display: table;
    border-right: none;
}
.btns div{
    display: table-cell;
    vertical-align: middle;
}
.btns div.user-name{
    padding: 0px 15px;
}
.btns img.user-iamge{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 30px;
   
    width: 50px;
    height: 50px;
}

.alerth1 {
    color: orangered!important;
    font-size: 36px!important;
    padding-top: 30px;
}

h1, .h1foggo {
    color: #82c936;
    font-size: 36px!important;
}

h2, .h2foggo  {
    color:  #82c936;
    font-size: 28px!important;
}

h3 {
    color: #434953;
    font-size: 22px!important;
}

.breadcrumb-foggo {
    color: #434953!important;
    padding: 20px;
   /* border-bottom: 1px solid #acafb3;*/
    overflow: auto;
}
.breadcrumb-foggo a {
    color: #434953!important;
}

#header{
 
    height: 100%;
    background-image: url(../index_files/header_background_2022_grey.jpg); /*url(../index_files/slide2_grey.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-bottom: 3px solid #2fb9ea;
}




#header-content{
    width: 1100px;
    margin: 0px auto 0px auto;
    padding-top: 30px;
    color: white;
}

#header-content h1{
   
    font-size: 25px;
}

#header-content h2{   
    font-size: 60px!important;
    color: white;
}
.palyafoglalasgreenspan {
    color: #82c936; 
}

.edzokeresesbluespan {
    color: #2fb9ea;
}

#header-content ul {
    margin-top: 50px;
}
#header-content ul li{
    margin-top: 20px;
    font-size: 18px; 
    border-bottom: 1px solid white;
    padding-bottom: 15px;
    overflow: auto;
    text-align: center;
}

.orangespan {
    color: orange;/* #be5b11; #e09054;*/
}

.notonlyforpros {
    
    word-wrap: break-word;
    font-size: 16px;
    vertical-align: middle!important;
}

.textleft {
    text-align: left;    
}


.rapidsearch{
  
    
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    margin: 20px auto 0px auto;
    text-align: center;
}
.rapidsearch input[type="text"]{
    border-radius: 50px;
    width: 80%;
    padding: 20px;
    color: black;
    border: none;
    outline: none;
    padding-right: 50px;
}


.rapidsearch input[type="submit"] {
    margin-left: -50px;    
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    padding: 20px;
    background-color: orange;
    border: none;
    outline: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
   
        .rapidsearch input[type="submit"] {
            margin-left: -50px;    
            border-bottom-right-radius: 50px;
            border-top-right-radius: 50px;
            padding: 20px;
            padding-bottom: 16px;
            background-color: orange;
            border: none;
            outline: none;
        }
}

.reszleteskeresesa {
    color: white;
    font-size:20px;
    
}

.reszleteskeresesa:hover {
    color: white;
}


.ui-autocomplete{
    border: none;
    background-color: transparent;
    position: absolute;
    height: 300px ;
    display: none;
   
}

.ui-menu .ui-menu-item{
    padding: 5px;
    border-top: 1px solid #fff;
    margin-left: 20px;
    margin-right: 20px;
    background-color: rgba(230,230,230,0.7);
    color: #000;   
    font-size: 15px;	
    max-width: 92%!important;
}

.ui-menu-item.ui-state-focus{
    background-color: #4fc1e9;
}

.ui-menu-item.ui-state-focus{
    color: #fff;
}


.center{
    text-align: center;
}


.content-container{
    max-width: 1100px;    
    margin: 0px auto 30px auto;
}
.content-container2{
    max-width: 1100px;    
    margin: 15px auto 10px auto;
}

.content-container-klubedzo{
    max-width: 1100px;    
    margin: 0px auto 30px auto;
}
.header-container {
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
}

#infobar {
    margin-top: 50px;
}

#infobar h2 {
    color: #82c936;
}


#infobar .bluebtn {
   
    background: linear-gradient(55deg, var(--blue) 0%, #b3d9e6 100%);
    color: white!important;
    border-radius: 50px!important;
    border: 1px solid var(--blue)!important;   
    padding: 10px 10px 10px 10px!important;
    cursor: pointer;

}

#infobar .bluebtn:hover {
    text-decoration: none;
    background:  white!important;
    color: var(--blue)!important;
}


#infobar .infolink {
    margin-top: 30px;
    margin-bottom: 50px;
}
#infobar .infotexta {
    text-align: justify;
    font-size: 16px;
}

.reszleteskeresesbtn {
    background-color:  var(--blue)!important;
    color:  white!important;
    border-radius: 50px!important;
    border: 1px solid var(--blue)!important;   
    padding: 10px 10px 10px 10px!important;
    cursor: pointer;
    font-size: 20px;
}

.reszleteskeresesbtn:hover {
    background-color: white!important;
    color: var(--blue)!important;
}




.reginfo {
    text-align: center;
    letter-spacing: 1px; 
    font-size: 16px;
    line-height: 140%;   
    width: 70%;
    margin: 0px auto;
    margin-bottom: 20px;
}
.normalsearchinfo{
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 20px;
}

#search-form{
    text-align: center;
    width: 100%;
    margin: 0px auto;
    margin-top: 20px;
}
#search-form p{
    padding: 0px 0px 20px 0px;
}
#search-form #nev{
    width: 100%;
    margin: 0px auto 15px auto;
    border: 2px solid #ccc;
   
}
#search-form #sportag{
    width: 100%;
    margin: 15px auto 0px auto;
    border: 2px solid #ccc;
   
}
#search-form #helyszin{
    float: none;
    display: block;
    width: 100%;
    margin: 15px auto 0px auto;
    border: 2px solid #ccc;
}
#search-form #datum{
    width: 100%;
    border: 2px solid #ccc;
    margin: 15px auto 0px auto;
}
#search-form div input[type="text"]{
    width: 100%;
    border-radius: 50px;    
    padding: 10px!important;
    border: 2px solid #ccc;
    margin: 15px auto 0px auto;
}
#search-form div input[type="number"]{
    width: 100%;
    border-radius: 50px!important;    
    padding: 10px!important;
    border: 2px solid #ccc;
    margin: 15px auto 0px auto;
}


#search-form button, .szolgaltatovalasztodiv{
    margin: 15px auto 0px auto;
    
}

#search-form .sport-checkbox-label {
    padding: 10px!important;
    margin: 0px auto 15px auto;
    font-size: 16px;
}

.socialsection a, .socialsection a:hover{
    color: transparent;
    text-decoration: none;
    
}


#kapcsolat {
    width: 60%;
    margin: 0px auto;
}
.tablewrapper-klubedzo #kapcsolat {
    width: 100%;
  
}
#kapcsolat p input[type="text"], #kapcsolat p input[type="number"], #kapcsolat p input[type="email"], #kapcsolat p textarea{
    width: 100%;
    border-radius: 50px!important;    
    padding: 10px!important;
    border: 2px solid #ccc;
}
#kapcsolat p input[type="text"]:focus, #kapcsolat p input[type="number"]:focus, #kapcsolat p input[type="email"]:focus, #kapcsolat p textarea:focus{
   
    border: 2px solid #4fc1e9;
}


#kapcsolat p textarea{
    resize: none;
    padding: 20px!important;
}

#kapcsolat input[type="submit"]{
    margin: 20px auto 20px auto;
    
}



.paddingtop30px {
    padding-top: 30px;
}
.paddingbottom30px {
    padding-bottom: 30px;
}

/* Keresési találatok css  */

#search-list{
    width: 1100px;
    margin: 0px auto;
}

.list-style-buttons { 
    margin-bottom: 30px;

}

.list-style-buttons a{
    padding-left: 10px;
} 

#search-list .btn{
    color: #4fc1e9;
    border-color: #4fc1e9;
    border-width: 2px;
    margin-bottom: 50px;
}

#search-list .btn:hover{
    background-color: #82c936;
    color: #fff;
    cursor: pointer;
    border: 2px solid #82c936;
}

/** list view **/
ul.list { 
    list-style: none; 
    width: 100%;
    margin-bottom: 50px;
    margin-top: 10px;
    border-top: 1px solid #ccc;
}


search-list-content
#search-list-content li{ 
    display: block;
    vertical-align: top;
    border: 1px solid #ccc;
}

ul.list li {
    display: block; 
    padding: 0px;
}
ul.list li:hover {
     border: 1px solid powderblue; 
     background-color: powderblue;
}

#search-list ul.list div{
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}




#search-list ul.list div.sr{
    border-bottom: none;
}

#search-list ul.list li:last-child{
    border-bottom: 1px solid #ccc;
}

#search-list ul.list div p{
    
    display: table-cell;
    vertical-align: middle;
  

}

#search-list ul.list div p.list-name{
    
    display: table-cell;    
    vertical-align: middle;   
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    color: #434953;
    font-size: 18px;

}

#search-list ul.list div p.list-arrow {
    display: table-cell;  
    width: 200px;
}

.arrowbtn {
    border: 1px solid var(--blue);
    color: var(--blue);   
    padding:9px;
    border-radius: 1000%;
    width: 40px;
    height: 40px; 
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    cursor: pointer;
}

.arrowbtn:hover {
     color: white;
     background-color: var(--blue);
     text-decoration: none;
     text-transform: none;
}

#search-list ul.list div p.list-name span.list-sport {
    font-size: 16px;
    text-transform: none;
    color: #4ec0eb;
    font-weight: 900;
}

#search-list ul.list div p.list-name img {
     padding-right: 10px;
}

#search-list ul.list div p.list-image{
    width: 85px;
    height: 65px;
    overflow: hidden;
}

#search-list ul.list div p.list-image img{
    width: 100px;
    height: 85px;
    border-radius: 50px;
}

#search-list ul.list div p.list-name a{
   
    font-size: 20px;
    text-transform: uppercase;
    line-height: 130%;
}
#search-list ul.list div p.list-name a.klubedzo-info-div, #search-list ul.grid div p.list-name a.klubedzo-info-div {
    
    text-transform: none!important;
    line-height: 100%!important;
    color: #434953!important;
} 
#search-list ul.list div p.list-name a.klubedzo-info-div:hover, #search-list ul.grid div p.list-name a.klubedzo-info-div:hover {
    text-transform: none!important;
    text-decoration: none!important;
}

#search-list ul.list div p.list-sport{
    color: #4fc1e9;
    font-size: 17px;
}

#search-list ul.list div.list-address {
     border-bottom: 0px ;
    
}

#search-list ul.list div.list-address div{
    display: table;
    table-layout: fixed;
    border-bottom: 0px ;
    padding-top: 0px;
    padding-bottom: 0px;
}

#search-list ul.list div div.list-address{
    line-height: 130%;
    color: #434953;
    font-size: 16px;
}
#search-list ul.list div div.list-address div img {
    padding-right: 10px;
}
    

#search-list ul.list div p.list-price{
    line-height: 130%;
    color: #82c936;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}



/** grid view **/
ul.grid { list-style: none; margin: 0 auto;  }
ul.grid li {  
    border: 1px solid #ccc; 
    float: left; 
    width: 350px; 
    margin-bottom: 20px; 
    margin-right: 10px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    border-radius: 20px;
    height: 470px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

ul.grid li:hover {
     border: 1px solid powderblue; 
     background-color: powderblue;
}

ul.grid li:nth-child(3n+3) {  
    margin-right: 0px;
}

#search-list ul.grid p.list-image{
    width: 350px;
    height: 200px;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#search-list ul.grid p.list-name {
    
    display: table-cell;
    vertical-align: middle;
    color: #4fc1e9;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-transform: uppercase;

    width: 350px;
    color: #434953;
    font-size: 18px;

}

#search-list ul.grid div p.list-name span.list-sport {
    font-size: 16px;
    text-transform: none;
    color: #4ec0eb;
    font-weight: 900;
}

#search-list ul.grid div p.list-name img {
     padding-right: 10px;
}



#search-list ul.grid p.list-name a{
   
    font-size: 20px;
    text-transform: uppercase;   
    line-height: 130%;
 
}


#search-list ul.grid div p.list-sport{
    color: #4fc1e9;
    font-size: 17px;
}

#search-list ul.grid div.list-address {
    margin: 20px 10% 0px 10%;
    overflow: hidden;
    
}

#search-list ul.grid div.list-address div{
    display: table;
    table-layout: fixed;
    border-bottom: 0px ;
    padding-top: 0px;
    padding-bottom: 0px;
    
   
}

#search-list ul.grid div div.list-address div img {
    padding-right: 10px;
}

#search-list ul.grid div div.list-address div img {
    padding-right: 10px;
}

#search-list ul.grid div p.list-price{
    line-height: 130%;
    color: #82c936;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 10px;
}

#search-list ul.grid p.list-image img{
    width: 349px;
}

ul.grid div.biggridcard {
    height: 420px !important;
}

#search-list ul.grid div p.list-arrow {
    text-align: center;   
    padding-top: 10px;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }


/* Keresési találatok css  */


.width100 {
    width: 100%!important;
}

.green {
    color: #82c936;
}

.darkgreen {
    color: #4f9207;
}
.padding10px {
    padding: 10px;
}
.padding20px {
    padding: 20px;
}
.typechoice {
    padding-bottom: 5px;
}


.eloadas{
    margin-top: 50px;
    width: 100%;
  /*  height: 370px;*/
    background-image: url(../index_files/eloadas-jelentkezes_v02.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    clear: both;
    border-top: 3px solid #c0c0c0;
    border-bottom: 3px solid #c0c0c0;
    margin-bottom: 20px;
}


.newsletter{
    margin-top: 50px;
    width: 100%;
  /*  height: 370px;*/
    background-image: url(../index_files/hirlevel-feliratkozas.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    clear: both;
    border-top: 3px solid #c0c0c0;
    border-bottom: 3px solid #c0c0c0;
    margin-bottom: 20px;
}


.newsletter-container{
    width: 1100px;
    margin: 0px auto;
    height: auto;
    padding-top: 0px;
}


.newsletter-container p{
    color: #fff;
    width: 50%;
    text-align: center;
    line-height: 130%;
    font-size: 17px;
    padding-top: 20px;
    margin: 0px auto 20px auto;
    
}

.newsletter-container p.alert-danger{
    color: orangered;
  
}

.newsletterform {
    text-align: center;
}
.newsletterform input[type="text"],.newsletterform input[type="email"]{
    border-radius: 50px;
    width: 50%;
    padding: 10px;
    color: black;
    border: none;
    outline: none;
    margin-bottom: 10px;
    padding-right: 50px;
}


#footer {
    
    background:  #333333;
    border-top: 3px solid #c0c0c0;
    border-bottom: 3px solid #c0c0c0;
}

#footer-content{
    width: 1100px;
    margin: 0px auto;
    padding: 20px 0px;
    
}

#footer-content ul li{
    display: inline-block;
    vertical-align: middle;
    margin: 15px 20px 0px 20px;
    
}

#footer-content ul li a{
    color: #acafb3;
    font-size: 14px;
}

#footer-content ul li a:hover{
    color: #4fc1e9;
}





.vonal{
    width: 50px;
    border-top: 2px solid #4fc1e9;
    margin: 15px auto;
}

.right {
    text-align: right;
}
.left {
    text-align: left;
}

#search-list {
    width: 100%;
}
.list-style-buttons { 
    margin-bottom: 30px;
    
}

.list-style-buttons a{
    padding-left: 10px;
} 


.subpage {
    width: 70%;
    margin: 0px auto;  
    margin-top: 40px;

}
.subpage p {
    text-align: justify;
}
.subpage h2 {
    color:  #82c936!important;
    font-size: 26px!important;
}
.subpage p.center {
    text-align: center;
}


.width80percent {
    width: 80%;
}

#tabs {   
    text-align: center;
    margin: 0px auto;
    border: 0px;
}
#tabs .ui-state-active, #tabs  .ui-widget-content .ui-state-active, #tabs  .ui-widget-header .ui-state-active , #tabs  .ui-widget-header{
     border: 0px!important;
    background: white!important;    
}
#tabs  .ui-state-default, #tabs .ui-widget-content ,#tabs .ui-state-default, #tabs .ui-widget-header, #tabs .ui-state-default {
      border: 0px!important;
    background: white!important;  
}

#dijtablazat .ui-widget-content, #dijtablazat .ui-state-default, #dijtablazat .ui-widget-header,
#dijtablazat2 .ui-widget-content, #dijtablazat2 .ui-state-default, #dijtablazat2 .ui-widget-header{
    border: 0px!important;
    background: transparent!important;
}


#tabs .tabs-menu {
    margin: 0px auto;
}

#tabs .tabs-menu li{
    display: inline-block;
    /* width: 364px;*/
    width: 32%;
    text-align: center;
    padding: 20px 0px;
    outline: none;
    color: var(--blue);
    text-transform: uppercase;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
#tabs .tabs-menu li:hover{

    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

#tabs .tabs-menu li.ui-tabs-active{
    background-color: #fff;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

#tabs .tabs-menu li a{
    display: block;
    color: #4fc1e9;
    outline: none;
}

#tabs-1, #tabs-2, #tabs-3{
    background-color: #fff;
}

#tabs .tabs-menu li.ui-tabs-active img {
    border: 1px solid;
    border-radius: 20px;
    padding: 20px;
}
#tabs li img{
/*    padding-bottom: 20px;*/
    border: 0px;
    border-radius: 20px;
    padding: 20px;
}
.login-form{   
    width: 95%; 
    margin: 0px auto;
}

#content .login-form p{
    padding: 20px 0px;
    text-align: center;
    line-height: 1.3;
}

#content .login-form p.alert-danger {
    color: orangered;   
}

.login-form a{
    color: #4fc1e9;
   
}
/*
.login-form textarea, .login-form input[type="text"], .login-form input[type="email"], .login-form input[type="password"]{
    width: 100%;
    border-radius: 50px!important;    
    padding: 10px!important;
    border: 2px solid #ccc;
    margin-bottom: 10px;
    resize: none;
}
.login-form textarea:focus, .login-form input[type="text"]:focus, .login-form input[type="email"]:focus, .login-form input[type="password"]:focus{
  border: 2px solid #4fc1e9;
}
.login-form textarea {
    padding: 15px!important;
}
.login-form input[type="submit"]{
    margin: 20px auto 20px auto;
    width: 100%;
}
*/

#content .login-form p.alert{
    color: #fc6e51;
    padding: 10px 0px;
}
#content p{
    line-height: 1.9;
    font-size: 16px;
 /*   padding: 5px 0px;*/
}

#tabs div.wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    width: 100%;
    margin: 10px auto;

    /* Styles */
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0px;
    padding: 0px 10px;
    /* Styles */
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
    /* Hiding */
    max-height: 0;
    overflow: hidden;
    overflow-y: scroll;
}

.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
    display: block;
    text-decoration: none;
    color: #333;
    padding: 5px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}
/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover{
    color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    background: #4cbeff;
    box-shadow: none;
    border-bottom: none;
}

.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
    
}

.tag{
    padding: 4px;
    display: inline-block;
    background-color: #F5F5F5;
    font-size: 12px;
    margin-right: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.tag div{
    display: inline;
}

.tag .tag-remove{
    font-weight: bold;
    cursor: pointer;
    padding-left: 5px;
}

.tag .tag-remove:hover{
    color: #449D44;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #434953;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #434953;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #434953;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #434953;
}


.regtypedescription {
    width: 100%;
}


/* SPORTOLÓ és EDZŐ/KLUB BELSŐ LAPOK */

.table{
    display: table;
    width: 100%;
}
.table .col{
    display: table-cell;
    vertical-align: top;
}
.col.fifty{
    width: 50%;
}


#container-left, #container-right{
    display: table-cell;
    vertical-align: top;   
}
#container-right h2{
    padding: 5px 0px;
}
#container-right p{
    padding: 4px 0px;    
}
#container-right h3, #container-left h3{
    padding: 10px 0px;
    color: #4cbeff;
}

#container-right .vonal{
    margin: 10px 0px;

}
#container-right{
    padding-left: 10px;
}

#container-right strong{
    color: #444;
}
.sportolo-adatlap-title {    
    font-size: 22px!important;   
    margin-bottom: 20px;
}

.sportolo-szemelyes-adatok-title {
    padding-bottom: 5px;
    margin-left: 15px;
    border-bottom: 2px solid #4fc1e9;
}
.sportolo-szemelyes-adatok {
    margin-top: 20px;
}

.sportolo-szemelyes-adatok b {
    /* padding-left: 15px; */
}


#container-left h3{
    text-transform: uppercase;
    font-size: 20px;
    padding: 0px;
}
#container-left .bemutatkozas{
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #ccc;
    margin:20px;
}
#container-left .profilkep, .profil{
    width: 125px;
    height: 115px;
    border: 2px solid #fff;
    overflow: hidden;
    margin: 20px auto;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#container-left .profilkep img{
    width: 110px;
}
#container-left{
    width: 270px;
    padding: 20px;
    padding-left: 0px;
    text-align: center;
 
}
#container-left .usercard {
    border-radius: 20px;
    width: 100%;
    border: 1px solid #ccc;
    
}
#container-left .sportolomenu {
    text-align: left;
    padding-top: 25px;
    
}
#container-left .sportolomenu a {
    display: block;
    padding: 10px;
    padding-left: 15px;
    width: 100%;
    color: #434953;    
    border-bottom: 1px solid #ccc;
}
#container-left .sportolomenu a:hover {
    text-decoration: none;
    color: var(--blue);
    
}
#container-left .sportolomenu a:active {
    color: var(--blue);    
}

#container-left .sportolomenu a.lastitem {
    display: block;
    padding-left: 15px;
    width: 100%;
    border-bottom: 0px;
}

#container-left h2{
    color: #444;
    font-size: 18px;
    text-align: center;
}

#container-left select{
    padding: 10px;
    outline: none;
    border-radius: 10px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('../index_files/down-arrow.png');
    background-position: right 15px center;
    background-repeat: no-repeat;
}

#container-left #accordion h3{
    background-color: #4fc1e9;
    color: #fff;
    outline: none;
    padding: 10px 0px;
}





#container-left #accordion li:first-child{
    border-top: 0px;
}
#container-left #accordion li{
    border-top: 1px solid #ccc;
    text-align: left;
}
#container-left #accordion input[type="radio"]{
    display: inline-block;
    margin-right: 10px;
}

#container-naptar {
    display: table-cell;
    vertical-align: top;
    background-color:  #82c936;
    width: 70px;   
    padding-top: 20px;
}

#container-naptar div.displaydesktop {
    display: block;
}
#container-naptar div.displaymobile {
    display: none;
}


#container-naptar a {
    color: white;
}
#container-naptar div {
    font-size: 25px;
}

#accordion label, #accordion input, #accordion select{
    display: block;
    color: #444;
    margin: 8px 0px;
}
#accordion h3:hover{
    background-color: #82c936;
}
.ui-accordion .ui-accordion-content{
    padding: 10px;
    font-size: 15px!important;
}
/* SPORTOLÓ és EDZŐ/KLUB BELSŐ LAPOK */



.forminput {
    width: 100%;
    border-radius: 50px!important;    
    padding: 10px!important;
    border: 2px solid #ccc;
    margin-bottom: 10px;
    resize: none;
    background: transparent;
}
.forminput:focus{
  border: 2px solid #4fc1e9;
}
textarea.forminput {
    padding: 15px!important;
}
input[type="submit"].forminput{
    margin: 20px auto 20px auto;
    width: 100%;
}
select.forminput:active, select.forminput:focus {
    border-radius: 0px!important;
}

.tablewrapper {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.margintop30px {
    margin-top: 30px;
}



/* SPORTOLÓ ÉRTÉKELÉSEIM OLDAL */
.ertekeles{
    text-transform: uppercase;
    font-size: 18px;
    color: #444;
}
.ertekeles span{
    font-size: 50px;
}


#container-right .atlag{
    font-size: 15px;
}
#container-right .atlag span{
    font-size: 30px;
    color: #444;
    padding-bottom: 10px;
}


#container-right .kertekeles p{
    border: 1px solid #ccc;
    padding: 10px;
    margin: 20px auto;
    font-size: 16px;
}

.kertekeles{
    margin: 20px 0px;    
    overflow: auto;
}
.kertekeles .profil{
    width: 60px;
    height: 60px;   
    margin: 10px 20px 0px 0px;
    float: left;
}

.ks {
    margin-top: 10px;
    font-size: 22px;
}

.ertekelesbox {
    border: 1px solid #ccc;
    border-radius: 20px;
}
.greenpipa {
    color: #82c936!important;
    font-size: 15px;
}
.redcross {
    color: orangered;
    font-size: 15px;
}
.sporttype {
    font-size: 15px;
}
.mainertekelesinfo {
    border-bottom: 1px solid #ccc;
}
.ertekelesleiras {
    padding-top: 10px;
    padding-bottom: 20px;
}

.mainstars {
    text-align: left;
    padding: 0px!important;
}

.ertekeles-successinfo {
    float: right;
}
    
/* SPORTOLÓ ÉRTÉKELÉSEIM OLDAL */

.nopadding {
    padding: 0px!important;
}

/* SPORTOLÓ ESEMÉNYEIM ALOLDAL */

#dijtablazat .ui-accordion-header, #dijtablazat2 .ui-accordion-header{
    border: 1px solid #ccc!important;   
    border-radius: 20px;
    padding: 25px;

}

#dijtablazat .ui-accordion-header div.col-xs-3 > span.pull-right, #dijtablazat2 .ui-accordion-header div.col-xs-3 > span.pull-right {
    text-align: right;
}
#dijtablazat .ui-accordion-content, #dijtablazat2 .ui-accordion-content{
    border-top:  0px;
    border-right: 1px solid var(--blue)!important;
    border-left: 1px solid var(--blue)!important;
    border-bottom: 1px solid var(--blue)!important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 25px;
    padding-top: 0px;
    line-height: 150%;

}

#dijtablazat .ui-state-hover, #dijtablazat2 .ui-state-hover  {
    border: 1px solid var(--blue);   
}

#dijtablazat .ui-state-active,  #dijtablazat2 .ui-state-active   {
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px;
     border-top:  1px solid var(--blue)!important;
     border-right: 1px solid var(--blue)!important;
     border-left: 1px solid var(--blue)!important;
     border-bottom: 0px!important;

}


#dijtablazat  .bluespan, #dijtablazat2 .bluespan {
    color: var(--blue);
    text-decoration: underline;
}

.lemondasbtn {
    background-color: var(--blue);
    color: white;
    border-radius: 50px;    
    padding: 10px 10px 10px 10px;
    border: 1px solid var(--blue);
}

.lemondasbtn:hover {
    background-color:  white;
    color: var(--blue);
}



/* SPORTOLÓ ESEMÉNYEIM ALOLDAL */


/* SPORTOLÓ LEMONDÁS ALOLDAL */
.lemondasbtn2 {
    background-color: transparent!important;
    color: var(--blue);
    border-radius: 50px;    
    padding: 10px 10px 10px 10px;
    border: 0px!important;

}


#lemondas p textarea, #esemenyertekeles p textarea {
    width: 50%;
    border-radius: 50px!important;    
    padding: 10px!important;
    border: 2px solid #ccc;
}
#lemondas p textarea:focus, #esemenyertekeles p textarea:focus{
   
    border: 2px solid #4fc1e9;
}


#lemondas p textarea,  #esemenyertekeles p textarea{
    resize: none;
    padding: 20px!important;
}

#esemenyertekeles .mainrating > label,#esemenyertekeles .mainrating {
    float: none;
}
#esemenyertekeles .mainrating {
    float: left;
    
}
#esemenyertekeles .rating > label {
      float: right;
}

 .clearblock:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 .clearblock { display: block; }

/* SPORTOLÓ LEMONDÁS ALOLDAL */





/* KLUB/EDZŐ ALOLDALAK */

/*********BELSŐ MENÜ STYLE ***********/


.belso-menu  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

.belso-menu li {
    max-width: 100%;  
    -moz-box-shadow: 5px 15px 5px 0px transparent!important;
    -webkit-box-shadow: 5px 15px 5px 0px transparent!important;
    box-shadow: 5px 15px 5px 0px transparent!important;
    padding: 0px;
}

.belso-menu > li.btn.belepes.active {
    background: linear-gradient(55deg, #82c936 0%, #a6ea5c 100%);
}
.belso-menu > li.btn.belepes:hover {
    background: linear-gradient(55deg, #82c936 0%, #a6ea5c 100%);
    
}
.belso-menu li a:hover {
    color: white;
}
.belso-menu > li.btn.belepes.active a {
    color: white;
}
.belso-menu li a {
    display: block;
    color: #434953;
    text-align: center;  
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
}
    
   /* BELSŐ MENÜ STYLE */
   
.servicemenu {   
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 400px;
    
}

.servicemenu  .breadcrumb-foggo, .servicemenu  .breadcrumb-foggo a {
    color: white!important;
}

.margintop0px {
    margin-top: 0px!important;
}

.tablewrapper-klubedzo {
    width: 100%;
}
.klubedzo-adatok-title {
    padding-bottom: 5px;
    font-size: 18px;
    border-bottom: 2px solid #4fc1e9;
}


.galeria{
    margin: 10px auto;
    width: 95%;
    
}
.galeriadiv{
    text-align: center;
    background-color: #fff;
    padding: 25px;
    border-top: 1px solid #F5F5F5;
}
.galeria div.img{

    width: auto; 
    max-width: 300px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    margin: 3px;
    border-radius: 20px;
    border: 2px solid #4fc1e9;
    
}
.galeria div img{
  /*  width: 190px; */
   height: inherit; 
   cursor: pointer;
  
}
.galeria div img.edzoklubikon {
     width: 25px;
}




.talalatilista{
    background-color: #fff;
    padding: 20px 0px;

}

.galeria.box2 .sr{
    border: 1px solid #ccc;
  /*  width: 360px; 2/3-olás
     width: 240px;*/

}
.galeria.box2 .list-image{
   /* width: 360px;
    height: 250px; 
    width: 240px;*/
    height: 167px;
    overflow: hidden;
    
}
.galeria.box2 .list-image img{
   /* width: 360px;
    height: 360px; */
    width: 100%;
    height: 100%;
}
.galeria.box2 .list-name{
    padding: 10px 10px 5px 10px;
}
.galeria.box2 .list-name a{
    color: #4cbeff;
    font-size: 20px;
    text-transform: uppercase;
}
.galeria.box2 .list-sport{
    color: #449D44;
    font-size: 17px;
    padding: 0px 10px 10px 10px;
}
.galeria.box2 .list-address{
    height: 100px;
    line-height: 1.3;
    font-size: 16px;
    padding: 0px 10px;
    overflow:auto;
}
.galeria.box2 .list-price{
    font-size: 20px;
    text-transform: uppercase;
    color: #449D44;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 10px 0px;
}


.pricetitle {
    color: rgb(79, 146, 7);
    padding: 0px!important;
}
.clubpricelist-item {
    font-size: 15px!important;
}

/* NAPTÁR */

#accordion label, #accordion input, #accordion select{
    display: block;
    color: #444;
    margin: 8px 0px;
}

#container-left #accordion h3{
    background-color: #4fc1e9;
    color: #fff;
    outline: none;
    padding: 10px 0px;
}


#accordion h3:hover{
    background-color: #82c936;
}

#container-left #accordion li:first-child{
    border-top: 0px;
}
#container-left #accordion li{
    border-top: 1px solid #ccc;
    text-align: left;
}
#container-left #accordion input[type="radio"]{
    display: inline-block;
    margin-right: 10px;
}
#container-left #accordion input[type="submit"], #container-right input[type="submit"]{
    background-color: #82c936;
    color: #fff;
    font-size: 12px;
    margin: 0px auto;
    width: auto;
    text-transform: uppercase;
    font-size: 15px;
}

#klubmaincontent #accordion .ui-state-default, #klubmaincontent #accordion .ui-widget-header, #edzomaincontent #accordion .ui-state-default, #edzomaincontent #accordion .ui-widget-header {
    border: 1px solid #ccc!important;
    background: #434953!important;
    font-size: 15px;
    text-transform: none;
    color: white;
    font-weight: bold;
    padding: 10px;
}
#klubmaincontent  .ui-widget-header,#edzomaincontent  .ui-widget-header, #edzomaincontent  .ui-state-default, #klubmaincontent .ui-state-default{
    background: var(--blue)!important;
    border: 1px solid #ccc!important;
}

#klubmaincontent  .ui-state-default,#edzomaincontent  .ui-state-default {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
}

#klubmaincontent .ui-accordion-content,#edzomaincontent  .ui-accordion-content {

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#klubmaincontent  .ui-state-active, #edzomaincontent  .ui-state-active {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.selectedsportpalya a{
    background-color: var(--blue)!important;
    color: white!important;
    padding: 3px;
    
}



.calendarbtn {
    background: transparent;
    color: #444!important;
    font-style: italic;
    border: 0px;   
    font-size: 16px!important;
    cursor: pointer;
    outline: none;
}
/*.calendarbtn:hover {
    background: var(--blue);
    color: #fff!important;
    text-decoration: none;
    padding: 3px;
   
}*/


#palyaklubedzesmenutext {
    display: block;
}

#palyaklubedzesmenutextmobile {
    display: none;
}

.bluebtn {
    background: linear-gradient(55deg, var(--blue) 0%, #b3d9e6 100%);
    color: white;
    border-radius: 50px!important;
    border: 1px solid white;   
    padding: 10px 10px 10px 10px!important;
    cursor: pointer;
    opacity: 0.9;
}

.bluebtn:hover {
    text-decoration: none;
    background:  white!important;
    color: var(--blue);
    border: 1px solid var(--blue);
}

.elemtorlesbtn {
    display: inline-block;
    border: 0px;
    background: transparent;
    color: red;
    cursor: pointer;
}


.nemfoglalhatodiv {
	display: inline-block;
	background-color: #444;
	height: 25px;
	width: 25px;
	border-radius: 5px;
	vertical-align: text-top;
	opacity: .7;	
}

.kosarbatettdiv {
	display: inline-block;
	background-color: #4fc1e9;
	height: 25px;
	width: 25px;
	border-radius: 5px;
	vertical-align: text-top;
	opacity: .7;	
}

#calendar > div.fc-toolbar > div.fc-center > h2 {
    font-size: 18px;
    font-weight: bold;
}
#desktoppopuptexthover {
    display: block;
}

#mobilpopuptexthover {
       display: none;
}

.naptarsegitsegtitle {
    display: inline-block;
    vertical-align: sub;
    padding-left: 5px;
    padding-right: 5px;
}

.marginbottom15px {
    margin-bottom: 15px;
}

.foglalas-data-content p {
    margin: 5px!important;
}
/* DivTable.com */
.foglalas-data-content .divTable{
    text-align: center;
    display: table;
    width: 100%;
   
}

.foglalas-data-content .divTableosszesito {
    text-align: center;
    display: table;
    width: 100%;
}
.foglalas-data-content .divTableRow {
    display: table-row;
}
.foglalas-data-content .divTableHead {      
    display: table-cell;
    padding: 10px 5px 10px 5px;
    color: #444;
    vertical-align: middle;
    white-space:pre-wrap;
    word-wrap:break-word;
    border: 1px solid #ccc;
    border-bottom: 0px;
}
.foglalas-data-content .divTableCell {
    border: 1px solid #ccc;
    display: table-cell;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    max-width: 100px;        
    white-space:pre-wrap;
    word-wrap:break-word;
    font-size: 13px;
}
.foglalas-data-content .divTableCellDelete {
    border: 1px solid #999999;
    display: table-cell;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    max-width: 100px;        
}
.foglalas-data-content .divTableHeading {

    display: table-header-group;
    font-weight: bold;
}
.foglalas-data-content .divTableFoot {

    display: table-footer-group;
    font-weight: bold;
}
.foglalas-data-content .divTableBody {
    display: table-row-group;
    background: white;
}

.foglalasipopuptable {
    margin-bottom: 20px;
}

.margintopbottom35px {
    margin-top: 35px;
    margin-bottom: 35px;
}
.margintopbottom20px {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margintopbottom10px {
    margin-top: 10px;
    margin-bottom: 10px;
}


.uppercase {
    text-transform: uppercase;
}



.margintop30px {
    margin-top: 30px;
}

.foglalasbtn {
    border-radius: 25px;
    background: #82c936;
    color: white;
    width: 50%;
    font-size: 17px;
    padding: 11px;
    border: 1px solid white;
    outline: none;
    cursor: pointer;
    
}

.vonalwidth100 {
    width: 100%;
    border-top: 2px solid #4fc1e9;
    margin: 15px auto;
    
}


#palyaklubedzesmenutext {
    display: block;
}

#palyaklubedzesmenutextmobile {
    display: none;
}

.naptarinfotext {
    font-size: 20px;
    color: #aaafb1;
    padding-left: 10px;
    padding-right: 10px;
}

.tooltipevent {
    padding: 15px; 
    width:auto; 
    max-width: 200px;
    height: auto; 
    position: absolute; 
    z-index: 1; 
    border-radius: 3px; 
    color: white; 
    text-align: left; 
    font-size: 12px;
}
/* NAPTÁR */


/* FIZETÉS *

/* DivTable.com */
.fizetesdiv {
    padding: 5px;
}
.fizetesdiv .divTable{
    text-align: center;
    display: table;
    width: 100%;
   
}

.fizetesdiv .divTableosszesito {
    text-align: center;
    display: table;
    width: 100%;
}
.fizetesdiv .divTableRow {
    display: table-row;
}
.fizetesdiv .divTableHead {      
    display: table-cell;
    padding: 10px 5px 10px 5px;
    color: #444;
    vertical-align: middle;
    white-space:pre-wrap;
    word-wrap:break-word;
    border: 1px solid #ccc;
    border-bottom: 0px;
}
.fizetesdiv .divTableCell {
    border: 1px solid #ccc;
    display: table-cell;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    max-width: 100px;        
    white-space:pre-wrap;
    word-wrap:break-word;
}
.fizetesdiv .divTableCellDelete {    
    display: table-cell;
    border: 1px solid #ccc;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    max-width: 100px;        
}
.fizetesdiv .divTableHeading {

    display: table-header-group;
    font-weight: bold;
}
.fizetesdiv .divTableFoot {

    display: table-footer-group;
    font-weight: bold;
}
.fizetesdiv .divTableBody {
    display: table-row-group;
    background: white;
}
.fizetesdiv p {
    margin: 5px!important;
}
.fizetesdiv .torlesbtn {
    background-color: transparent;
    border: 0px;
}
.fizetesdiv .torlesbtn:hover {
    background-color: transparent;
    border: 0px;
}

.fizetesform  input[type="radio"]{
    margin-right: 5px;
}

.margintop30px {
    margin-top: 30px;
}
/* FIZETÉS */

/* KLUB/EDZŐ ALOLDALAK */

.inline {
    display: inline;
}
.inline-table {
    display: inline-table;
}
.inlineimportant {
     display: inline!important;
}

.paddingright10px {
    padding-right: 10px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 16px!important;
}


.discountprice {
    color: #82c936;
    font-weight: bold;
}


.scrollToTop {
    width:40px;
    height:40px;
    text-align:center;
    font-weight:700;
    color:#444;
    text-decoration:none;
    position:fixed;
    top:90%;
    right:1%;
    display:none;
    background:transparent url(../index_files/up-arrow.png) no-repeat;
    z-index:100000;
    border:none;
}

.scrollToTop:hover {
    text-decoration:none;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


.fc-toolbar {
    border: 1px solid #8c8c8c;
    background: #f2f2f3;
    color: black;
    border-radius: 5px;
    padding: 5px;
}



.cart-title, .cart-title2 {
    margin-left: 15px;
    word-wrap: break-word;    
}

.fc-toolbar .fc-state-active {
    background: #82c936;
    color: white;
}








.dijkalkulator {
     margin-top: 0px;
     width: 100%;
     margin: auto;
     font-size: 18px;
}
.dijkalkulator .entity {
   margin-top: 10px;
}
.dijkalkulator2 {
     margin-top: 0px;
     margin: auto;
}
.dijkalkulator h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.dijkalkulator .finalprice {
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.75);   
    min-height: 80px;
}

.dijkalkulator  div input[type="text"], .dijkalkulator select,.dijkalkulator  div input[type="number"], .list-arrow select,.dijkalkulator2  div input[type="number"]  {
    width: 100%;
    border-radius: 50px!important;    
    padding: 10px!important;
    border: 2px solid #ccc;
    color: black;
    background: white;
}

.dijkalkulator select, .list-arrow select   {  
    resize: none;
    margin-bottom: 20px;

}
.dijkalkulator select:active, .dijkalkulator select:focus, .list-arrow select:active, .list-arrow select:focus  { 
    border-radius: 0px!important;                              
}


#edzocalculation {
    margin-top: 10px;
    margin-bottom: 0px;


}

#hozzaadottpalyak { 
    margin-bottom: 20px;
    min-height: 50px;
    padding: 5px;
}

.addedpalya {
    background: aliceblue;
    
}
#search-form-mainpage {
    text-align: center;       
    /*background: #ffffff70;*/   
    padding:  5px 5px 0px 5px;
   
    /*border-radius: 20px;*/
/*    border-top-left-radius:  20px;
    border-top-right-radius:  20px;*/
    margin-top: 10px;
    margin-bottom: 30px;
    
}

#search-form-mainpage p, .dijkalkulator p{
    padding: 0px 0px 20px 0px;
}
#search-form-mainpage #nev{
    width: 100%;
    margin: 0px auto 15px auto;
    border: 2px solid #ccc;
   
}
#search-form-mainpage #sportag{
    width: 100%;
    margin: 15px auto 0px auto;
    border: 2px solid #ccc;
   
}
#search-form-mainpage #helyszin{
    float: none;
    display: block;
    width: 100%;
    margin: 15px auto 0px auto;
    border: 2px solid #ccc;
}
#search-form-mainpage #datum{
    width: 100%;
    border: 2px solid #ccc;
    margin: 15px auto 0px auto;
}
#search-form-mainpage div input[type="text"]{
    width: 100%;
    border-radius: 50px;    
    padding: 10px!important;
    border: 2px solid #ccc;
    color: black;
}
#search-form-mainpage div input[type="number"]{
    width: 100%;
    border-radius: 50px!important;    
    padding: 10px!important;
    border: 2px solid #ccc;
}


#search-form-mainpage input[type="submit"]{
    margin: 20px auto 20px auto;
    
}

#search-form-mainpage .sport-checkbox-label {
    margin-top: 10px;
    padding: 10px!important;
    
}

.hidden-search-elements {
    display: none;
}


.sport-checkbox-label {
    padding: 10px;
    border-radius: 50px;
    background: transparent;
}

.pay-select-button {
    border: 1px solid var(--blue);
}
.pay-select-button:hover {
    background: var(--blue)!important;
    color: white!important;
}



.sport-checkbox-input {
    display: none;
}

a.orangespan {
    text-decoration: underline;
}
a.orangespan:hover {
    color: white;
}


.mainsearchbtn {
    font-size: 20px;
}

.viewselector {
    padding: 10px;
    overflow: auto;
}


.general-text-input {  
    border-radius: 50px!important;
    padding: 14px!important;
    float: none;  
    border: 2px solid #ccc;
}


 #search-content { 
     -webkit-box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.75);
    padding: 10px;
 }
                       


 .cimkefelho > div {
     margin-right: 5px;
 }
 .inline-block {
     display: inline-block;
 }
 
 
 .hiddentalalat {
     display: none!important;
 }
 
 ul.grid .showtalalat {
    display: inline-block!important;
    border-bottom: 0px solid #ccc!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
 }
 
 ul.list .showtalalat {
    display: table!important;
    border-bottom: 0px solid #ccc!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
 }
 
 
 .showmorebtn {
    background-color:  var(--blue)!important;
    color:  white!important;
    border-radius: 50px!important;
    border: 1px solid var(--blue)!important;   
    padding: 10px 10px 10px 10px!important;
    cursor: pointer;
    font-size: 20px;
}

.showmorebtn:hover {
    background-color: white!important;
    color: var(--blue)!important;
}


.hiddenclass {
    display: none;
}
.showclass {
    display: block;
}

input[type='text'],
input[type='number'],
textarea {
  font-size: 16px;
}

.popup-buttons-div {
    text-align: right;
}
.popup-buttons-div button {
    font-size: 14px;
}

.small-image-szolgaltato {
    background: white;
    border-radius: 50px;
    width: 50px;
}
.small-image-szolgaltato2 {
    background: white;
    border-radius: 50px;
    width: 30px;
}

.fizetesform .orangebtn {
    font-size: 20px;
    
}

.fizetesform .sport-checkbox-label{
    font-size: 26px;
    margin-bottom: 5px;
}

#finalize_payment {
    display: none;
}

.largebtn {
    font-size: 25px!important;
    margin-bottom: 5px!important;
}

.padding8px {
    padding: 8px;
}

.final-checkbox {
    transform: scale(2);
    margin: 10px!important;
}

.infoikon {
    background-color: #337ab7;
    border-radius: 30px;
    color: white;
    padding: 3px 8px 5px 10px !important;
    cursor: pointer;
    font-size: 25px!important;
}


.large-checkbox {
    transform: scale(2);
    margin: 10px!important;
}

.palyaselector {
    background: orange!important;
    color: white!important;
    font-weight: 900!important;
}

.white {
    color: white;
}
.feltolt
{
	background: url(../index_files/upload-btn-small.png) no-repeat center;	
        height: 100px;
	cursor: pointer;
	text-transform: uppercase;
	margin: 0px auto;
        margin-top: 20px;
}



.uploadify-button
{
	padding: 3px 0px 0px 30px;
	height: auto !important;
	width: auto !important;
	line-height: normal !important;
}



#userimages {
     overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    width: 100%;
    display: block;
    border: 2px solid #ccc;
    border-radius: 50px;
}
#userimages > div
{
    margin: 6px;
    text-align: center;
    display: inline-block;
}

#userimages img
{
    max-width: 100%;
    /* max-height: 100%; */
    max-height: 120px;
    /* border: 1px solid #AAA; */
    border-radius: 10px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.deletethumbnaillink {
    border-radius: 30px;
    color: red;
    background: white;
    padding: 2px 7px 2px 7px;
    border: 2px solid #f00;
    margin-top: 5px;
    float: right;
    font-weight: 800;
}


.deletethumbnaillink:hover {
    color: white;
    background: red;
}

.profile_image_radio {
    float: left;
    margin: 15px 0px 0px 5px !important;
}

.img-container {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 5px;
    max-width: 180px;
}

.cadetblue {
    background: cadetblue;
}



.modal-closer-btn {
    font-size: 20px;
    font-weight: 800;
    margin-top: 10px;
}

#send_invitations {
    margin: 10px;
}

.sportag-lista-adatlap {
    max-height: 150px;
    overflow: auto;     
}


.word-wrap {
    word-wrap: break-word;
}

#search-form-mainpage #ul2,#search-form-mainpage #ul3  {
    margin-top: 0px!important;   
    overflow: auto;
    margin: auto;
    
}

#search-form-mainpage #ul2 li, #search-form-mainpage #ul3 li{
    margin-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
}

#search-form-mainpage .wrapper-dropdown-5.active {
    background: transparent; 
}

#search-form .wrapper-dropdown-5.active {
    background: transparent; 
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}


#fixed-search-bar {
    position: fixed;
    top: 85px;
    width: 100%;  
    margin: auto;
    left: 0;
    text-align: center;
    z-index: 1000;
    background: white;
    border-bottom: 3px solid var(--blue)!important;
}

.close-search-box {
    font-size: 16px;
    padding: 10px;
}

#search-fields-box {
    padding-bottom:10px;
}

#changeviewbox {
    padding: 15px;
}

.tocalendar {
    color: var(--blue);
}


#search-form #ul2,#search-form #ul3  {
    margin-top: 0px!important;  
    margin: auto;
    overflow: auto;  
}

#search-form #ul2 li, #search-form #ul3 li{
    margin-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
}


.blue {
    color: var(--blue);
}

.marginauto {
    margin: auto;
}




.justify {
    text-align: justify;
}


.cikkek p {
    font-size: 16px;
}

.fa-circle-foggo {
    padding: 15px;
    border-radius: 30px;
    border: 1px solid var(--blue);
}

.miert-jo-a-foggo {
    margin-top: 10px;
    width: 100%;    
    clear: both;  
    margin-bottom: 0px;    
    background: mintcream;
    padding: 10px;
    font-size: 16px;
}

.palya-edzo-ajanlo {
    margin-top: 10px;
    width: 100%;    
    clear: both;  
    margin-bottom: 0px;
    background: linear-gradient(55deg, var(--blue) 0%, #b3d9e6 100%);
}

.p-text {   
    font-size: 16px;  
}


.nyeremenyjatek-div {
    margin-top: 10px;
    width: 100%;    
    clear: both;  
    margin-bottom: 0px;
    background: #297f54;
}

.nyeremenyjatek-box {
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-top: 20px;
}

.img-responsive-center {
    margin: 0 auto!important;
}

.maindropdownicon {
    cursor: pointer;
        background-color: var(--blue)!important;
        color: white;
        padding: 10px;
        border-radius: 20px;
        margin: 6px;
}

.width90 {
    width: 90%;
}

.margin-auto {
    margin: auto;
}

.menubar-search-icon {
    padding-top: 12px!important;
}

.fc-event-container {
    cursor: pointer;
}

.package-div {
    
    border-radius: 20px;
    background: cadetblue;
    padding: 10px;
    margin: 2px;
}

.bronze-div {
    background: #cd7f32;
}

.silver-div {
    background: #b4b2b2;
}


.golden-div {
    background: #eecd1d;
}

.courtdivbox {
    display: inline-block;
    margin: 10px;
}

.courtdivbox img {
    width: 100px;

}
.courtdivbox img:hover, .selectedcourt {
    background: #82c936;
    cursor: pointer;
    color: white;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    
    left: 97%!important;
}


button {
    font-weight: 800!important;
}

.dataTable_wrapper .row:nth-child(2)  {
    overflow: auto;    
}





.prices-block {
     border-top-left-radius: 50px;
    border-top-right-radius: 0px;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 15px 0px rgba(50, 50, 50, 0.75);
    max-width: 300px;
    margin: auto;
    color: white;
}

.price-title-bubble {
    position: absolute;
    top: -20px;
    right: 0px;
    background: black;
    padding: 10px;
    border-radius: 50px; 
    font-weight: 900;
   
}

.white-line {
    width: 30px;
    border-top: 5px solid white;
    margin: 15px auto;
}

.price-block-text-block-orange {
    background: linear-gradient(160deg, white 55%, #ffc760 95%);
    padding: 10px;
    border-top-left-radius: 50px;
    color: #403e3e;
    font-size: 16px;
}


.price-block-text-block-blue {
    background: linear-gradient(160deg, white 55%, #52c4ea 95%);
    padding: 10px;
    border-top-left-radius: 50px;
    color: #403e3e;
    font-size: 16px;
}

.price-block-text-block-green {
    background: linear-gradient(160deg, white 55%, #82c936 95%);
    padding: 10px;
    border-top-left-radius: 50px;
    color: #403e3e;
    font-size: 16px;
}

.labelblue {
    background: #52c4ea;  
 
}
.labelgreen {
    background: #82c936;   
}
.labelorange {
    background: orange;       
}


.orangecolor {
    color: orange;
}
.greencolor {
    color: #82c936;
}

.price-block-first-box {
    border-top-left-radius: 50px;
    border-top-right-radius: 0px;
    
}

.price-block-border-bottom-radius {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 50px;
}

.price-button-basic-div {
    padding: 5px;
    color: white;   
    border-radius: 50px!important;
    

}
.price-button-basic-div-orange {
    background: orange;
    width: 80%;
    margin: auto;
}
.price-button-basic-div-blue {
    background: #52c4ea;
    width: 80%;
    margin: auto;
}
.price-button-basic-div-green {
    background: #82c936;
    width: 80%;
    margin: auto;
}



.price-button-basic {
    width: 100%;
    border-radius: 50px!important;
    border: 2px solid white!important;
    color: white!important;
    text-transform: uppercase;
    font-weight: bolder!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.price-button-orange:hover {
     background: white!important;
     color: orange!important;
}
.price-button-blue:hover {
     background: white!important;
     color: #52c4ea!important;
}
.price-button-green:hover {
     background: white!important;
     color: #82c936!important;
}

.price-image-container {
     min-height: 150px;
}
.price-image {
    max-width: 170px;
   
}

.bronze-package  {
    color: #cd7f32;
}
.silver-package  {
    color: #b4b2b2;
}
.gold-package  {
    color: #eecd1d;
}
.paddingleft20px {
    padding-left: 20px;
}

.frontProfileLangMenu {
    flex-direction: row;
}

.navbar-nav .dropdown-menu {
    position: absolute;
}

.smallMenuElement {    
    color: white!important;    
    padding: 10px 10px 10px 10px!important;
    cursor: pointer;

}

#hlogo  {
    width: 65px;
}

.img-responsive-center {
    width: 100%;
}
/* NEXT */


@media screen and (max-width: 1035px) {
    .dataTables_filter .form-control {
        max-width: 150px;
    }
    .content-container {
        width: 100%;
    }
    .content-container2 {
        width: 100%;
    }
    #impressum-content {
        width: 100%;
    }
    .cartelementrow  > div {
        display: block;
    }
    
}

.tablecell {
    display: table-cell;
}



/************************************************* Under 1024px ****************************************************/

@media screen and (max-width: 1023px) {
 
    .login-header {
        margin-top: 0px;
    }
    
    

    #header-content{
        width: 100%;
        margin: 0px auto 0px auto;        
        color: white;
    }
   
    .navbar-header-foggo {
        max-height: 530px;
    }
    .header-logo-div {
        max-width: 130px;
    }
    li.registera , li.logina {
    font-size: 9px;
    
    }
 


    .notonlyforpros {
        display: block;
    }

    .rapidsearchimg {
        width: 70%;
    }
    #infobar {
        text-align: center;
    }    
  
    .user-icon-header-foggo {
      
        min-width: 150px;
        margin-left: 0px!important;

    }
    

    #footer-content{
        width: 100%;
    }
    #impressum-content{
        width: 100%;
    }
    .newsletter-container{
        width: 100%;
        margin: 0px auto;        
    }
    .newsletter-container p{
        width: 90%;
    }
    
    .newsletterform input[type="text"],.newsletterform input[type="email"]{
        width: 70%;        
    }


    .row {
        width: 100%;
        margin-left: 0px!important;
        margin-right: 0px!important;           
    }
    

    /* Keresési találatok css  */

    #search-list{
         margin: 0px auto;
    }


    #search-list .btn{
        color: #4fc1e9;
        border-color: #4fc1e9;
        border-width: 2px;
        margin-bottom: 50px;
    }

    #search-list .btn:hover{
        background-color: #82c936;
        color: #fff;
        cursor: pointer;
        border: 2px solid #82c936;
    }

    /** list view **/
    ul.list { 
        list-style: none; 
        width: 100%;
        margin-bottom: 50px;
        margin-top: 10px;
        border-top: 1px solid #ccc;
    }

    #search-list-content li{ 
        display: block;
        vertical-align: top;
    }

    ul.list li {
        display: block; 
        padding: 0px;
    }
    ul.list li:hover {
         border: 1px solid powderblue; 
         background-color: powderblue;
    }

    #search-list ul.list div{
        display: table;
        table-layout: fixed;
        width: 95%;
        border-bottom: 1px solid #ccc;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: auto;
    }


    #search-list ul.list div.sr{
        border-bottom: none;
    }

    #search-list ul.list li:last-child{
        border-bottom: 1px solid #ccc;
    }

    #search-list ul.list div p{

        display: table-cell;
        vertical-align: middle;


    }

    #search-list ul.list div p.list-name{

        display: table-cell;    
        vertical-align: middle;   
        padding-left: 10px;
        padding-right: 10px;
        text-transform: uppercase;
        color: #434953;
        font-size: 18px;
        word-wrap: break-word;

    }

    #search-list ul.list div p.list-arrow {
        display: table-cell;  
        width: 100px;
    }

    .arrowbtn {
        border: 1px solid var(--blue);
        color: var(--blue);   
        padding:9px;
        border-radius: 1000%;
        width: 40px;
        height: 40px; 
        display:inline-block;
        vertical-align:middle;
        text-align:center;
        cursor: pointer;
    }

    .arrowbtn:hover {
         color: white;
         background-color: var(--blue);
         text-decoration: none;
         text-transform: none;
    }

    #search-list ul.list div p.list-name span.list-sport {
        font-size: 12px;
        text-transform: none;
        color: #4ec0eb;
        font-weight: 900;
    }

    #search-list ul.list div p.list-name img {
         padding-right: 5px;

    }

    #search-list ul.list div p.list-image{
        width: 60px;
        height: 45px;
        overflow: hidden;
    }

    #search-list ul.list div p.list-image img{
        width: 60px;
        height: 60px;
        border-radius: 50px;
       
    }
    
    #search-list ul.list div p.list-name img{
        width: 25px;
        height: 25px;
        
    }

    #search-list ul.list div p.list-name a{

        font-size: 14px;
        text-transform: uppercase;
        line-height: 100%;
    }
    


    #search-list ul.list div p.list-sport{
        color: #4fc1e9;
        font-size: 12px;
    }

    #search-list ul.list div.list-address {
         border-bottom: 0px;
    }

    #search-list ul.list div.list-address div{
        display: table;
        table-layout: fixed;
        border-bottom: 0px ;
        padding-top: 0px;
        padding-bottom: 0px;
        word-wrap: break-word;
    }

    #search-list ul.list div div.list-address{
        line-height: 130%;
        color: #434953;
        font-size: 12px;
    }
    #search-list ul.list div div.list-address div img {
        padding-right: 5px;
    }


    #search-list ul.list div p.list-price{
        line-height: 130%;
        color: #82c936;
        font-size: 20px;
        text-transform: uppercase;
        text-align: center;
    }



    /** grid view **/
    ul.grid .showtalalat {
        width: 50%;
    }
    ul.grid { list-style: none; margin: 0px auto;  }
    ul.grid li {  
        border: 1px solid #ccc; 
        float: left; 
        width: 95%; 
        margin-bottom: 20px; 
        margin-left: 2%; 
        margin-right: 0px; 
        box-sizing: border-box; 
        -moz-box-sizing: border-box; 
        -webkit-box-sizing: border-box;
        border-radius: 20px;
        height: 330px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    ul.grid li:hover {
         border: 1px solid powderblue; 
         background-color: powderblue;
    }

    ul.grid li:nth-child(3n+3) {  
        margin-right: 0px;
    }

    #search-list ul.grid p.list-image{
        width: 100%;
        height: 75px;
        overflow: hidden;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    #search-list ul.grid p.list-image img{
        width: 100%;
    }
    
    #search-list ul.grid p.list-name {

        display: table-cell;
        vertical-align: middle;
        color: #4fc1e9;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        text-transform: uppercase;
        width: 100%;
        color: #434953;
        font-size: 14px;
        word-wrap: break-word;

    }
    
    #search-list ul.grid div p.list-name img{
        width: 25px;
        height: 25px;
        
    }

    #search-list ul.grid div p.list-name span.list-sport {
         font-size: 12px;
         text-transform: none;
    }

    #search-list ul.grid div p.list-name img {
         padding-right: 10px;
    }



    #search-list ul.grid p.list-name a{

        font-size: 12px;
        text-transform: uppercase;   
        line-height: 130%;

    }


    #search-list ul.grid div p.list-sport{
        color: #4fc1e9;
        font-size: 12px;
    }

    #search-list ul.grid div.list-address {
        margin: 20px 10% 0px 10%;
        overflow: hidden;

    }

    #search-list ul.grid div.list-address div{
        display: table;
        table-layout: fixed;
        border-bottom: 0px ;
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 10px;
        word-wrap: break-word;
    }
     

    #search-list ul.grid div div.list-address div img {
        padding-right: 10px;
    }

    #search-list ul.grid div div.list-address div img {
        padding-right: 10px;
    }

    #search-list ul.grid div p.list-price{
        line-height: 130%;
        color: #82c936;
        font-size: 20px;
        text-transform: uppercase;
        text-align: center;
        border-top: 1px solid #ccc;
        padding: 10px;
    }

    

    ul.grid div.biggridcard {
        height: 300px !important;
    }

    #search-list ul.grid div p.list-arrow {
        text-align: center;   
        padding-top: 10px;
    }

    /** clearfix **/
    .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    .clearfix { display: inline-block; }


    /* Keresési találatok css  */

    
    #search-content {
        width: 95%;
        margin: auto;
    }
        
    .content-container{
        width: 100%;        
        padding-left: 3px;
        padding-right: 3px;
    }
    .content-container-klubedzo{
        width: 100%;
        margin-top: 0px;
    }
  
    #kapcsolat {
        width: 75%;
        margin: 0px auto;
    }
    
    .subpage {
        width: 85%;
        margin: 0px auto;   
        margin-top: 40px;
    }
    #tabs .tabs-menu {
        width: 95%;
    }
    #tabs .tabs-menu li.ui-tabs-active img {
        border: 1px solid;
        border-radius: 20px;
        padding: 20px;
        width: 70%;
        height: 70%;
    }
    #tabs li img{
    /*    padding-bottom: 20px;*/
        border: 0px;
        border-radius: 10px;
        padding: 10px;
        width: 70%;
        height: 70%;
    }


    #tabs .tabs-menu li a {
        font-size: 80%;
    }
    
    /******************************** SPORTOLÓ és EDZŐ/KLUB BELSŐ LAPOK ****************************************************/
    .sportololeftcontainer {
        display: none!important;
    }
    #container-right{
        display: block;
        width: 100%;
        vertical-align: top;
        background-color: #fff;
    }
    #container-right h2{
        padding: 5px 0px;
    }
    #container-right p{
        padding: 10px 0px;    
    }
    #container-right h3, #container-left h3{
        padding: 10px 0px;
        color: #4cbeff;
    }
    #container-left h3{
        text-transform: uppercase;
        font-size: 20px;
        padding: 0px;
    }
    #container-left .bemutatkozas{
        font-size: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
       
    }
    #container-left .profilkep, .profil{
        width: 125px;
        height: 115px;
        border: 2px solid #fff;
        overflow: hidden;
        margin: 0px auto;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    #container-left .profilkep img{
        width: 125px;
    }
    #container-right .vonal{
        margin: 10px 0px;
    }
    #container-right{
        padding: 0px;
        margin-top: 35px;
    }
    
    .mobilecenter {
        text-align: center;
    }
    .tablewrapper {
        border-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #container-left{
        width: 100%;        
        padding: 10px;
        text-align: center;
        display: block;
    }
    #container-left h2{
        color: #444;
        font-size: 18px;
        text-align: center;
    }
    #accordion label, #accordion input, #accordion select{
        display: block;
        color: #444;
        margin: 8px 0px;
    }
    #container-left select{
        padding: 10px;
        outline: none;
        border-radius: 10px;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url('../index_files/down-arrow.png');
        background-position: right 15px center;
        background-repeat: no-repeat;
    }

    #container-left #accordion h3{
        background-color: #4fc1e9;
        color: #fff;
        outline: none;
        padding: 10px 0px;
    }


  

    #accordion h3:hover{
        background-color: #82c936;
    }
    
    #container-left #accordion li:first-child{
        border-top: 0px;
    }
    #container-left #accordion li{
        border-top: 1px solid #ccc;
        text-align: left;
    }
    #container-left #accordion input[type="radio"]{
        display: inline-block;
        margin-right: 10px;
    }

    #container-right strong{
        color: #444;
    }
    #palyaklubedzesmenutext {
        display: none;
    }

    #palyaklubedzesmenutextmobile {
        display: block;
    }
    .mainstars, .ratingsummary {
        text-align: center;
       
    }
    #dijtablazat , #dijtablazat2 {
        margin-left: 5px;
        margin-right: 5px;
    }
    #dijtablazat .ui-accordion-header, #dijtablazat2 .ui-accordion-header, #dijtablazat .ui-accordion-content, #dijtablazat2 .ui-accordion-content{
        padding: 15px;
    }

    .lemondasbtn {
        
        padding: 5px 5px 5px 5px;

    }
    
    .messagebox-foggo .userpanel .panel-body {
       height: 200px;
    }
    .messagebox-foggo .chat  .chat-body {
        width: 85%;
    }
    
    .belso-menu {
        margin: 0px auto;
        width: 98%;
    }
    .servicemenu {
        height: 10px;
        background-image: none!important;
    }     
    
    .belso-menu li a {
        padding: 3px;
    }
    
    
    
    /* NAPTÁR */
    #palyaklubedzesmenutext {
        display: block;
    }

    #palyaklubedzesmenutextmobile {
        display: none;
    }

   
    /* Modal Content/Box */
    .modal-content {
        background-color: #fefefe;
        margin: 50px auto; /* 15% from the top and centered */
        padding: 10px;
        border: 1px solid #888;
        width: 100%; /* Could be more or less, depending on screen size */
    }
    .modal-contenttop {
        background-color: #fefefe;
        margin: 0 auto; /* 15% from the top and centered */
        padding: 5px;
        border: 1px solid #888;
        width: 95%; /* Could be more or less, depending on screen size */
        overflow-y: initial !important;
       
    }
    
   
    
    .tooltipevent {
        padding: 15px; 
        width:auto;
        max-width: 200px;
        height: auto; 
        position: absolute; 
        z-index: 1; 
        left: 45%; 
        border-radius: 3px; 
        color: white; 
        text-align: left; 
    }
    
    #desktoppopuptexthover {
        display: none;
    }

    #mobilpopuptexthover {
           display: block;
    }
    #palyaklubedzesmenutext {
        display: none;
    }

    #palyaklubedzesmenutextmobile {
        display: block;
    }    

    
    #container-left #accordion li{
        font-size: 16px!important;
    }

    /*NAPTÁR */
    /******************************** SPORTOLÓ és EDZŐ/KLUB BELSŐ LAPOK ****************************************************/

    /* FIZETÉS *

    /* DivTable.com */
   
    .fizetesdiv  .divTableCell p, .fizetesdiv  .divTableHead {
        padding: 0px 2px 0px 2px;                      
        font-size: 12px!important;
    }
    
    .fizetesdiv .divTableCellDelete {    
        display: table-cell;
        border: 1px solid #ccc;
        padding: 0px 5px 0px 5px;
        vertical-align: middle;
        max-width: 100px;        
    }
    .fizetesdiv .divTableHeading {

        display: table-header-group;
        font-weight: bold;
    }
    .fizetesdiv .divTableFoot {

        display: table-footer-group;
        font-weight: bold;
    }
    .fizetesdiv .divTableBody {
        display: table-row-group;
        background: white;
    }
    .fizetesdiv p {
        margin: 5px!important;
    }
    .fizetesdiv .torlesbtn {
        background-color: transparent;
        border: 0px;
    }
    .fizetesdiv .torlesbtn:hover {
        background-color: transparent;
        border: 0px;
    }

    .fizetesform  input[type="radio"]{
        margin-right: 5px;
    }

    .margintop30px {
        margin-top: 30px;
    }
    /* FIZETÉS */

    
    /* FOGLALÁS */

   

    .foglalas-data-content .divTableCell p, .foglalas-data-content .divTableHead {
       padding: 0px 2px 0px 2px;                      
        font-size: 16px!important;
    }
    .foglalas-data-content .divTableCellDelete {
        border: 1px solid #999999;
        display: table-cell;
        padding: 0px 5px 0px 5px;
        vertical-align: middle;
        max-width: 100px;        
    }
    .foglalas-data-content .divTableHeading {

        display: table-header-group;
        font-weight: bold;
    }
    .foglalas-data-content .divTableFoot {

        display: table-footer-group;
        font-weight: bold;
    }
    .foglalas-data-content .divTableBody {
        display: table-row-group;
        background: white;
    }

    .foglalas-data-content {
        padding: 20px;        
        overflow: auto;
    }

/* FOGLALÁS */
  

    .nodisplayonmobile1024 {
        display: none!important;
    }
    
 

}

@media screen and (max-width: 935px) {
   
   .login-header {
        margin-top: 4px;
    }
    
    #search-form-mainpage {
        width: 100%;
        padding-bottom: 10px;
    }

    .viewselector .col-sm-4 {
        margin-bottom: 10px;
    }
    .popup-buttons-div {
        text-align: center;
    }
    .dijkalkulator {
        width: 95%;
    }
    
    .largebtn {
        font-size: 15px!important;
       
    }      
    
    .nomobile {
        display: none!important;
    }
    
}

@media screen and (max-width: 850px) {
   .login-header {
        margin-top: 0px;
    }
    
    
    .navbar-brand {
        padding: 5px!important;
    }
    #header-content h2 {
        font-size: 25px!important;
    }
}

@media screen and (max-width: 767px) {
    .loadingball {
        left: 40%;
        top: 40%;
    }
    .logged-in-header {
        line-height: 0px;
    }  

    #cart-widget .kosar-body {
         max-height: 250px!important;
         overflow: auto;
    }
    
    h1, .h1foggo {
        font-size: 25px!important;
    }

    h2, .h2foggo  {
        font-size: 20px!important;
    }

    h3 {
        font-size: 18px!important;
    }
    
    .belso-menu li {
        font-size: 14px;
    }
    
    .fizetesform .sport-checkbox-label {
        font-size: 16px;
    }
    .fc-button {
        font-size: 12px!important;
    }
    
    #content p{
    
        font-size: 14px;
    
    }
}



@media screen and (max-width: 380px) {
     .sport-checkbox-label {
        margin-left: 0px!important;
    }
 
    .login-header {
        margin-top: 0px;
    }

   
    .ertekeles-successinfo {
        float: left;
    }
     .lemondasbtn {
        margin-top: 15px;
        padding: 5px 5px 5px 5px;

    }
    .messagebox-foggo .chat  .chat-body {
        width: 75%;
    }
    #search-list ul.list div.list-address {
        display: none;
    }
 
    #search-list ul.grid div.list-address div {
        font-size: 65%!important;
        text-align: center;
        word-break: break-all;
        width: 100%
    }
    #search-list ul.grid div.list-address div img {
        width: 20px!important;
        heigh: 20px!important;
        float: none!important;
        margin: 0px auto;
    }
    #search-list ul.grid div.list-address span.list-address-info {
         display: inline-block;        
    }
    
    .fizetesdiv  .divTableCell p, .fizetesdiv  .divTableHead {
        padding: 0px 2px 0px 2px;                      
        font-size: 10px!important;
    }
     .nodisplayonmobile380 {
        display: none!important;
    }
     
    #dijtablazat div.col-xs-3 > form > button.lemondasbtn,  #dijtablazat2 div.col-xs-3 > form > button.lemondasbtn {
        font-size: 10px!important;
    }
    #dijtablazat div.col-xs-5, #dijtablazat2 div.col-xs-5,#dijtablazat div.col-xs-4, #dijtablazat2 div.col-xs-4,#dijtablazat div.col-xs-3, #dijtablazat2 div.col-xs-3 {
        padding: 5px!important;
    }
    
    #dijtablazat div.col-xs-2 ,  #dijtablazat div.col-xs-2 > form > button.lemondasbtn, #dijtablazat2 div.col-xs-2 ,  #dijtablazat2 div.col-xs-2 > form > button.lemondasbtn {
        font-size: 8px;
    }
    
    #dijtablazat2  div.col-xs-3 > form > button.greenbtn {
        font-size: 10px!important;
        padding: 5px!important;
    }
    #dijtablazat .pricetitle, #dijtablazat2 .pricetitle {
        padding: 6px!important;
        font-size: 12px!important;
    }
    .headertitle-popup {
        max-width: 60%;
        word-break: break-all;
        word-wrap: break-word;
        font-size: 16px!important;
    }
    
    
}

@media screen and (max-width: 350px) {
    #cart-widget {
        top: 135px;         
    }
}
@media screen and (max-width: 300px) {
    
        
    li.registera {
        padding: 5px 5px 5px 5px!important;
        margin: 0px;
        margin-top: 7px;
        margin-left: 2px;
    }
    

    
   
    
}