@charset "utf-8";


body{
	
	background: url(../images/bg2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color: #f0f0e8;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: black;

}
a{
	text-decoration: none;
	color: #fcce00;
}
a:hover{
	color: white;
}
.clear{
	clear: both;
}

.cb-container{width: 90%; margin-left: 5%}
.col{position: relative; min-height: 1px; float:left;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%}
.col-10 {width: 83.33333333%}
.col-9 {width: 75%}
.col-8 {width: 66.66666667%}
.col-7 {width: 58.33333333%}
.col-6 {width: 50%}
.col-5 {width: 41.66666667%}
.col-4 {width: 33.33333333%}
.col-3 {width: 25%}
.col-2 {width: 16.66666667%}
.col-1 {width: 8.33333333%}

/*CAGEBALL FITNESS SWITCH 18.10.21*/
.cageballSwitch{width: 90%; margin: 0px auto; border-bottom: 1px solid #FCCE00; margin-bottom: 20px; padding-bottom: 10px }
.cageballSwitch img{height: 30px; transition: transform .2s;}
.cageballSwitch-active{}
.cageballSwitch-inactive{opacity: 0.5}
.cageballSwitch-inactive:hover{opacity: 1}

.blur{
	background: url(../images/cageball_bg_3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color: #f0f0e8;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: black;
}
.wrap{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
}
.fitness-switch{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;

}
.log-data{
	width: 90%;
	margin: 20px auto;
	text-align: right;
	font-size: 0.9em;
	color:#fcce00;
}
.log-data a{
	color: #fcce00;
	font-weight: bold;
	text-decoration: none;
}
.log-data a:hover{
	color: white;
}
.log-data img{
	height: 15px;
	padding-left: 10px;
}

.header{
	width: 90%;
	margin: 5px auto;
	color: #fcce00;
	font-family: 'Oswald', sans-serif;
	font-size: 2em;
}
.header-sub{
	width: 90%;
	margin-left: 5%;
	margin-bottom: 20px;
	margin-top: 20px;
	/*color: #fcce00;*/
	color: white;
	font-family: 'Oswald', sans-serif;
	font-size: 1.4em;
	float: left;

}
.completed{
	color: #f97000;
}
.refreshtime{
	width: 90%;
	margin-left: 5%;
	font-size: 0.8em;
	margin-bottom: 20px;
	margin-top: 20px;
}
.description{
	width: 90%;
	margin: 20px auto;
	font-size: 0.8em;
}
.step-wrap{
	width: 80%;
	min-height: 100px;
	margin: 10px auto;
}
.step-number{
	width: 10%;
	min-height: 100px;
	float: left;
	font-size: 4em;
	line-height: 100px;
}
.step-description{
	float: left;
	width: 90%;
	min-height: 100px;
	vertical-align: middle;
	padding-top: 30px;
	color: #fcce00;
	font-weight: bold;
	font-size: 2em;

}
.order-type{
	width: 50%;
	margin: 25px auto;
	text-align: center;
	background-color:#fcce00; 

}
.order-type a{
	text-decoration: none;
	color: black;
	font-size: 2em;
	padding-top: 30px;
	padding-bottom: 30px;
}
.order-type a:hover{
	color: #262523;
}

.lemondas{
	background-color: #fc5000;
}
.main{
	padding-top: 35px;
	padding-bottom: 35px;
}
.login{
	width: 400px;
	min-height: 100px;
	border: 1px solid #fcce00;
	border-radius: 10px;
	margin: 0 auto;
	background-color: black;
	opacity: 0.8;

}
.login-head{
	width: 100%;
	text-align: center;
	color:#fcce00;
	font-weight: bold;
	padding-top: 15px;
}
.login-forget{
	width: 100%;
	text-align: center;
}
.login-reg{
	width: 100%;
	text-align: center;
}
.login-reg a{
	text-decoration: none;
	color: #fcce00;
	font-size: 0.9em;
}
.login-reg a:hover{
	color: white;
}
.login-forget a{
	text-decoration: none;
	color: #fcce00;
	font-size: 0.6em;
}
.login-forget a:hover{
	color: white;
}
.form-input{
	height: 50px;
}

.form-label{
	padding-left: 5%;
	font-size: 0.8em;
	margin-bottom: -8px;
}
.csillag{
	color: #fcce00;
	font-size: 0.6em;
	padding-top: 20px;
}
.sarga-kiemel{
	color: #fcce00;
	font-size: 0.9em; 
}
.arak-row{width: 100%;}


.arak-h2{
	font-weight: bold;
	color: #fcce00;
	/*padding-left: 5%;*/
	padding-left: 0%;
}

 a.links{
	width: 20px;
	height: 20px;
	background: url(../images/not-paid-link.png) right -20px no-repeat;
	display:inline-block;
	cursor: default;
}
a.links:hover{
	background: url(../images/not-paid-link.png) right top no-repeat;
}
a.links-nfc-add{
	width: 20px;
	height: 20px;
	background: url(../images/nfc-add-link.png) right -20px no-repeat;
	display:inline-block;
	cursor: default;
}
a.links-nfc-add:hover{
	background: url(../images/nfc-add-link.png) right top no-repeat;
}
a.links-nfc-re{
	width: 20px;
	height: 20px;
	background: url(../images/nfc-re-link.png) right -20px no-repeat;
	display:inline-block;
	cursor: default;
}
a.links-nfc-re:hover{
	background: url(../images/nfc-re-link.png) right top no-repeat;
}



::-webkit-input-placeholder { color:#5b5a59; }
::-moz-placeholder { color:#5b5a59; } /* firefox 19+ */
:-ms-input-placeholder { color:#5b5a59; } /* ie */
input:-moz-placeholder { color:#5b5a59; }

:focus::-webkit-input-placeholder { color:#000; -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out; }
:focus::-moz-placeholder { color:#000; -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;} /* firefox 19+ */
:focus:-ms-input-placeholder { color:#000; -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out; } /* ie */
input:focus:-moz-placeholder { color:#000; -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 90%;
    margin-left: 5%;
    margin-top: 10px;
    background: #fcce00;
    margin-bottom: 4%;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 2%;
    color: #000;
    font-weight: bold;

}
.form-input input[type="text"],
.form-input input[type="password"],
.form-input input[type="email"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 90%;
    margin-left: 5%;
    margin-top: 10px;
    background: #fcce00;
    margin-bottom: 4%;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 5px;
    color: #000;
    font-weight: bold;

}
.form-input-arak input[type="text"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*width: 10%;*/
    width: 90%;
    /*margin-left: 5%;*/
    margin-top: 10px;
    background: #fcce00;
    margin-bottom: 5px;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 5px;
    color: #000;
    font-weight: bold;
}
.login input[type="submit"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 40%;
	min-width: 100px;
    padding: 3%;
    background: #fcce00;
	background-image: url(../icons/buttoneffect.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
    border-bottom: 1px solid #101010;
    border-top: 1px solid #303030;
    border-right: 1px solid #101010;
    border-left: 1px solid #303030;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30%;
	font-weight: bold;
	text-transform: uppercase;  
    color: #000;
	float: left;
	cursor: pointer;
}
.form-label input[type="submit"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 20%;
	min-width: 100px;
    padding: 10px;
    background: #fcce00;
	background-image: url(../icons/buttoneffect.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
    border-bottom: 1px solid #101010;
    border-top: 1px solid #303030;
    border-right: 1px solid #101010;
    border-left: 1px solid #303030;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bold;
	text-transform: uppercase;  
    color: #000;
	float: left;
	cursor: pointer;
}
input[type="number"]{
	width: 50px;
}
.input20{
	width: 20%;
}
.input70{
	width: 70%;
}
.form-label{

}
.login input[type="checkbox"] {
    display: none;
}
.login input[type="checkbox"] {
    display: inline-block;
    border: 1px solid #000;
    width: 18px;
    height: 18px;
    position: relative;
	margin-right: 5px;
	float: left;
	margin-left: 5%;
}
.form-input-arak input[type="checkbox"] {
    display: none;
}
.form-input-arak input[type="checkbox"] {
    display: inline-block;
    border: 1px solid #000;
    width: 18px;
    height: 18px;
    position: relative;
	margin-right: 5px;
	float: left;
	margin-left: 5%;
}

.small{
	font-size: 0.7em;
	color: #fcce00;
	padding-top: -5px;
}
.small-red{
	font-size: 0.7em;
	color: red;
	padding-top: -5px;
}
.small a{
	color: white;
}
.order-result-col .small{
	color: white;
}

.error{
	text-align: center;
	font-size: 0.9em;
}
.profil-wrap{
	width: 100%;


}
.profil-adatok{
	width: 50%;
	float: left;
}
.yellowbold{
	font-weight: bold;
	color: #fcce00;
}
.redbold{
	font-weight: bold;
	color: #bc3532;
}
.messages{
	/*position: relative;*/
	position:absolute;
	left:15%;
	width: 70%;
	font-size: 1.2em;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 10px;
	text-align: left;
	color:black;
	background-color: white;
	z-index: 99999999;
	margin: 80px auto;
	border-bottom: 5px solid #101010;
    border-top: 5px solid #303030;
    border-right: 5px solid #101010;
    border-left: 5px solid #303030;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
.messages a{
	color: #f97000;
}
.messages a:hover{
	color:#fcce00;
}

.messages-fitness a{
	color: black;
}

.messages img{
	position: absolute;
   	right: 2px;
    top: 2px;
    width: 20px;
    z-index: -1;

}
.messages input[type="number"]{
 	width: 40%;
 	height: 75px;
 	border: 2px dashed black;
 	border-radius: 10px; 
 	padding-left: 5%;
 	background: #F4F5F0;
 	margin: 20px auto;
 }

 .messages textarea{
 	width: 80%;
 	height: 75px;
 	border: 2px dashed black;
 	border-radius: 10px; 
 	padding-left: 5%;
 	background: #F4F5F0;
 	margin: 20px auto;
 }
.warn-sign{
	width: 100px;
	height: 100px;
	z-index: 999999991;
	position: absolute;
   	left: -50px;
    top: 20px;
}
.warn-sign img{
	width: 100%;
	height: 100%;
	z-index: -1;
}
.warn-figyelem{
	width: 100%;
	color:#E86800;
	font-size: 1.8em;
	letter-spacing: 2px;
	margin-bottom: 15px;
	font-weight: bold;
}
.warn-valid{
	width: 100%;
	color:#E86800;
	font-size: 1.4em;
	letter-spacing: 2px;
	margin-bottom: 15px;
	font-weight: bold;

}
.warn-btn a{
	margin-top: 15px;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FBCD00;
	color: black;
	font-weight: bold;
	float: left;
	margin-left: 15px;
}
.warn-btn a:hover{
	color: #4f4d47;
}
.warn-btn-buttons{
	float: left;
	margin-right: 20px;
}

.messages-small{
	color: #2c2c2c;
	font-size: 0.6em;
	padding-top: 10px;
}

.sub-link{
	margin-left: 5%;
	float: left;
	font-size: 0.7em;
	color: #fcce00;
	padding-right: 5px;
}
.sub-link img{
	height: 10px;
	padding-right: 3px;
}
.sub-sub-link{
	margin-left: 0%;
	float: left;
	font-size: 0.7em;
	color: #fcce00;
	padding-right: 5px;
}
.current-link{
	float: left;
	font-size: 0.7em;
	color: white;
	
}
.time-table-mobile{
	display: none !important;
	visibility: hidden !important;
}
.time-table-content{
	width: 96%;
	margin: 0 auto;

}
.time-arrows-prew{
	width: 9%;
	float: left;

}
.time-arrows-prew img{
	float: right;
	margin-top: 200px;
}
.time-arrows-next{
	width: 9%;
	float: left;
}
.time-arrows-next img{
	margin-top: 200px;
}
.shortarrow{
	/*margin-top: -170px;*/
}

.time-table-wrap{
	float: left;
	display: block !important;
	visibility: visible !important;
	width: 81%;
	background-color: #141414;
	min-height: 520px;
	margin: 0 auto;
	margin-bottom: 25px;
	border-bottom: 1px solid #fcce00;;
    border-top: 1px solid #fcce00;
    border-right: 1px solid #fcce00;
    border-left: 1px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	padding-bottom: 25px;
	
}
.shortlist{
	min-height: 220px;
}
.time-table-wrap-header{
	width: 100%;
	height: 50px;
	color: white;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 20px;
}
.time-table-wrap-times{
	width: 100%;
	height: 30px;
	background-color: #0b0b0b
}
.time-table-rows{
	width: 100%;
	height: 50px;
	background-color: #3f3f3f;
	border-bottom: 1px solid #141414;

}
.rows-bg-dark{
	background-color: #2b2a2a;
}

.rows-bg-gyali{
	background-color: #535c75;
}

.rows-bg-gyali-dark{
	background-color: #1f2b49;
}
.letesitmeny{font-size: 10px; padding-left: 10px}




.time-table-track{
	width: 18%;
	float: left;
	color: #fcce00;
	font-weight: bold;
	font-size: 1em;
	padding-top: 15px; 
	padding-top: 3px; /*2018-09-14*/
	text-align: left;
	padding-left: 2%;

}
.time-table-track-time{
	width: 4.9%;
	height: 50px;
	float: left;
	border-left: 1px solid #0b0b0b;
}
.time-table-track-time2{
	width: 4.3%;
	height: 50px;
	float: left;
	border-left: 1px solid #0b0b0b;
}
.time-table-track-time img{
	width: 100%;
	height: 100%;
}
.time-table-track-time2 img{
	width: 100%;
	height: 100%;
}
.time-table-track-description{
	width: 100%;
	font-size: 0.7em;
	font-style: italic;
}
.time-table-track-description img{
	height: 12px;
	padding-top: 15px;
	padding-left: 2%;
}
.time{
	float: left;
	width: 4.9%;
	font-size: 0.7em;
	padding-top: 10px;
	border-left: 1px solid #0b0b0b;
}
.time0{
	float: left;
	width: 0%;
	font-size: 0.7em;
	padding-top: 10px;
	border-left: 1px solid #0b0b0b;
}
.time2{
	float: left;
	width: 4.3%;
	font-size: 0.7em;
	padding-top: 10px;
	border-left: 1px solid #0b0b0b;
}
.time3{
	width: 3.5%;
}


.time-first{
	padding-left: 19%;
}
.time-first2{
	padding-left: 19%;
}
.time-back{
	float: left;
	padding-left: 15%;
	padding-right: 2%;
}
.order-results-wrap{
	width: 70%;
	margin: 0 auto;


}
.order-result-row-header{
	width: 100%;
	color: #fcce00;
	font-size: 1.2em;
	margin-top: 20px;
	font-weight: bold;
}
.order-result-row-wrap{
	width: 100%
}
.order-result-col{
	width: 50%;
	float: left;
	margin-top: 5px;
}
.col1{
	width: 40%;
	float: left;
	color: #fcce00;
	padding-left: 15%;
}
.col2{
	width: 45%;
	float: left;
}
.col3{
	width: 85%;
	float: left;
	padding-left: 15%;
}
.col4{
	width: 45%;
	float: left;
}
.col2 input[type="text"]{
	width: 20px;
	float: left;
}
.col2 input[type="range"]{
	width: 100px;
	float: left;
	margin-left: 10px;
}
.error{
	color: red;
	font-size: 0.8em;

}
.order-results-submit{
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.order-results-submit input[type="submit"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 20%;
	min-width: 100px;
    padding: 1.5%;
    background: #fcce00;
	background-image: url(../icons/buttoneffect.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
    border-bottom: 1px solid #101010;
    border-top: 1px solid #303030;
    border-right: 1px solid #101010;
    border-left: 1px solid #303030;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 40%;
	font-weight: bold;
	text-transform: uppercase;  
    color: #000;
	float: left;
	cursor: pointer;
}
.form-input-arak input[type="submit"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 20%;
	min-width: 100px;
    padding: 1.5%;
    background: #fcce00;
	background-image: url(../icons/buttoneffect.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
    border-bottom: 1px solid #101010;
    border-top: 1px solid #303030;
    border-right: 1px solid #101010;
    border-left: 1px solid #303030;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 40%;
	font-weight: bold;
	text-transform: uppercase;  
    color: #000;
	float: left;
	cursor: pointer;
}
.date-input{
	width: 40%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 15px;
}
.date-input input[type="text"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 40%;
    margin-left: 2%;
    margin-top: 10px;
    background: #fcce00;
    margin-bottom: 4%;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 5px;
    color: #000;
    font-weight: bold;
    padding-left: 10%;
    background-image: url(../images/date-icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 80% 50%;

}

.date-input img{
	height: 20px;
	padding-right: 0px;
	padding-left: 25px;
	
}
.open-input{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

.open-input input[type="text"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 30%;
    margin-top: 10px;
    background: #fcce00;
    margin-bottom: 15px;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 5px;
    color: #000;
    font-weight: bold;
    padding-left: 10%;
    background-image: url(../images/date-icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 80% 50%;

}

.open-input img{
	height: 20px;
	padding-right: 0px;
	padding-left: 25px;
	
}
.open-input input[type="submit"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 40%;
	min-width: 100px;
    padding: 10px;
    background: #fcce00;
	background-image: url(../icons/buttoneffect.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
    border-bottom: 1px solid #101010;
    border-top: 1px solid #303030;
    border-right: 1px solid #101010;
    border-left: 1px solid #303030;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30%;
	font-weight: bold;
	text-transform: uppercase;  
    color: #000;
	float: left;
	cursor: pointer;
}.open-input input[type="text"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 10%;
    margin-top: 3px;
    background: #fcce00;
    margin-bottom: 5px;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 5px;
    color: #000;
    font-weight: bold;

}
.open-input-checkbox{
	width: 20%;
	margin: 0px auto;
}
.open-input input[type="checkbox"] {
    display: none;
}
.open-input input[type="checkbox"] {
    display: inline-block;
    border: 1px solid #000;
    width: 18px;
    height: 18px;
    position: relative;
	margin-right: 5px;
	float: left;
	margin-left: 5%;
}
.admin-registration input[type="text"],
.admin-registration input[type="password"],
.admin-registration input[type="email"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 90%;
    margin-left: 5%;
    margin-top: 3px;
    background: #fcce00;
    margin-bottom: 5px;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 5px;
    color: #000;
    font-weight: bold;

}
.time-img{
	height: 10px;
	padding-top: 10px;
}

.welcome{
	width: 90%;
	height: 20px;
	margin: 20px auto;
	text-align: center;
	font-size: 0.5em;
}
.footer{
	position: fixed;
	right: 10px;
	bottom: 0px;
	height: 12px;
	font-size: 0.6em;
	color: grey;
	text-align: right;
}
.footer a{
	color: grey;
}
.admin-registration{
	width: 90%;
	margin: 0 auto;
}
.admin-registration input[type="text"],
.admin-registration input[type="password"],
.admin-registration input[type="email"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 90%;
    margin-left: 5%;
    margin-top: 3px;
    background: #fcce00;
    margin-bottom: 5px;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 5px;
    color: #000;
    font-weight: bold;

}
.admin-registration input[type="submit"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 40%;
	min-width: 100px;
    padding: 10px;
    background: #fcce00;
	background-image: url(../icons/buttoneffect.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
    border-bottom: 1px solid #101010;
    border-top: 1px solid #303030;
    border-right: 1px solid #101010;
    border-left: 1px solid #303030;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30%;
	font-weight: bold;
	text-transform: uppercase;  
    color: #000;
	float: left;
	cursor: pointer;
}
.admin-registration input[type="checkbox"] {
    display: none;
}
.admin-registration input[type="checkbox"] {
    display: inline-block;
    border: 1px solid #000;
    width: 18px;
    height: 18px;
    position: relative;
	margin-right: 5px;
	float: left;
	margin-left: 5%;
}
.admin-order-list{
	width: 90%;
	margin: 5px auto;
	font-size: 0.7em;
}
.admin-order-list a{
	color: white;
}
.admin-order-list a:hover{
	color: #FCCE00;
	/*background-color: rgba(252, 206, 0, 0.8);*/
}
.display {
	font-size: 0.6em;
}

.admin-order-list-dashed{
	width: 90%;
	height: 2px;
	margin: 0 auto;
	border-bottom: 1px dashed #FCCE00;
	margin-bottom: 2px;

}
.dashed {
	border: 1px dashed #9b9b9b;
}
.admin-order-list-2{
	width: 80%;
	margin: 0 auto;
	font-size: 0.8em;
}

.admin-col1{
	float: left;
	width: 150px;
	margin-bottom: 5px;
}
.admin-col2{
	float: left;
	width: 150px;
}
.admin-col3{
	float: left;
	width: 150px;
}
.admin-col4{
	float: left;
	width: 75px;
}
.admin-col5{
	float: left;
	width: 180px;
}
.admin-col6{
	float: left;
	width: 200px;
}
.admin-col7{
	float: left;
	width: 40px;
}
.admin-col8{
	float: left;
	width: 40px;
}
.admin-col9{
	float: left;
	width: 40px;
}
.admin-col10{
	float: left;
	width: 40px;
}
.admin-col11{
	float: left;
	width: 300px;
}
.admin-col110{
	float: left;
	width: 110px;
}
.changemod img{
	height: 12px;
	padding-left: 5px;
}
.admin-small{
	font-size: 0.5em;
}
.user-col1{
	float: left;
	width: 30px;
}
.user-col2{
	float: left;
	width: 120px;
}
.user-col80{
	float: left;
	width: 80px;
}
.user-col3{
	float: left;
	width: 150px;
}
.user-col4{
	float: left;
	width: 160px;
}
.user-col5{
	float: left;
	width: 150px;
}
.user-col6{
	float: left;
	width: 200px;
}

.user-col6 select{
	max-width: 170px;
}
.user-col7{
	float: left;
	width: 100px;
}
.user-col8{
	float: left;
	width: 50px;
}

.valid-link a{
	width: 100px;
	background-color:#fcce00;
	padding: 5px;
	color: black;
}
.valid-link a:hover{
	color: white;
}
.header-sub-data{
	font-size: 0.7em;
	width: 90%;
	margin: 0 auto;
}
.arak-wrap{
	width: 45%;
	float: left;
}
.downloadLink{ display:none; margin-left: 5%; margin-bottom: 15px}
.downloadLink a{padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: #F9D900; color: black; border:1px solid white; border-radius: 3px}



/*TABLE*/
strong {
	font-weight: bold; 
}

em {
	font-style: italic; 
}

table {
	background: #f5f5f5;
	border-collapse: separate;
	box-shadow: inset 0 1px 0 #fff;
	font-size: 12px;
	line-height: 24px;
	margin: 30px auto;
	text-align: left;
	width: 90%;
	color: #444;
	font-size: 0.6em;
	text-shadow: 0 1px 0 #fff;
}	

th {
	background: url(http://jackrugile.com/images/misc/noise-diagonal.png), linear-gradient(#777, #444);
	border-left: 1px solid #555;
	border-right: 1px solid #777;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 0 #999;
	color: #fff;
  	font-weight: bold;
	padding: 10px 15px;
	position: relative;
	text-shadow: 0 1px 0 #000;	
}

th:after {
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
	content: '';
	display: block;
	height: 25%;
	left: 0;
	margin: 1px 0 0 0;
	position: absolute;
	top: 25%;
	width: 100%;
}

th:first-child {
	border-left: 1px solid #777;	
	box-shadow: inset 1px 1px 0 #999;
}

th:last-child {
	box-shadow: inset -1px 1px 0 #999;
}

td {
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 15px;
	position: relative;
	/*transition: all 300ms;*/
}
/*
td:first-child {
	box-shadow: inset 1px 0 0 #fff;
}	

td:last-child {
	border-right: 1px solid #e8e8e8;
	box-shadow: inset -1px 0 0 #fff;
}	

tr {
	background: url(http://jackrugile.com/images/misc/noise-diagonal.png);	
}

tr:nth-child(odd) td {
	background: #f1f1f1 url(http://jackrugile.com/images/misc/noise-diagonal.png);	
}

tr:last-of-type td {
	box-shadow: inset 0 -1px 0 #fff; 
}

tr:last-of-type td:first-child {
	box-shadow: inset 1px -1px 0 #fff;
}	

tr:last-of-type td:last-child {
	box-shadow: inset -1px -1px 0 #fff;
}	

tbody:hover td {
	color: transparent;
	text-shadow: 0 0 3px #aaa;
}

tbody:hover tr:hover td {
	color: #444;
	text-shadow: 0 1px 0 #fff;
}
*/
.csv-export{
	display: none !important;
	visibility: hidden !important;
}
.alapinfok{
	margin: 0px auto;
	margin-bottom: 2px;
}

.row30percent{
	width: 30%;
	float: left;
	margin-left: 5%;


}
.row70percent{
	width: 60%;
	float: left;


}

.input-rfid input[type="text"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 20%;
    margin-left: 5%;
    margin-top: 10px;
    background: #fcce00;
    margin-bottom: 0px;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 5px;
    color: #000;
    font-weight: bold;
}
.input-rfid-new input[type="text"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 30%;
    margin-left: 5%;
    margin-top: 10px;
    background: #fcce00;
    margin-bottom: 0px;
    border: 2px solid #fcce00;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 5px;
    color: #000;
    font-weight: bold;
}

.input-rfid input[type="submit"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 20%;
	min-width: 100px;
    padding: 10px;
    background: #f97000;
	background-image: url(../icons/buttoneffect.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
    border-bottom: 1px solid #101010;
    border-top: 1px solid #303030;
    border-right: 1px solid #101010;
    border-left: 1px solid #303030;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15%;
	font-weight: bold;
	text-transform: uppercase;  
    color: #000;
	cursor: pointer;
}


.input-rfid a{
	width: 20%;
    margin-left: 5%;
    margin-top: 10px;
    background: #f97000;
    margin-bottom: 0px;
    border: 2px solid #f97000;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 2px;
    padding-left: 40px;
    padding-right: 40px;
    color: #000;
    font-weight: bold;
}
.input-rfid-new a{
	width: 20%;
    margin-left: 5%;
    margin-top: 10px;
    background: #f97000;
    margin-bottom: 0px;
    border: 2px solid #f97000;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    padding: 2px;
    padding-left: 40px;
    padding-right: 40px;
    color: #000;
    font-weight: bold;
}
.block-event-yellow{
	background-color: rgba(252, 206, 0, 0.1);

}



/* SWITCH */
.onoffswitch {
    position: relative; width: 170px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin-left: 5%;
    margin-bottom: 5px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #000; border-radius: 5px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Labdavisszavétel";
    padding-left: 10px;
    background-color: #FCCE00; color: #121111;
}
.onoffswitch-inner:after {
    content: "Labdakiadás";
    padding-right: 10px;
    background-color: #FCCE00; color: #f97000;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background-image: url(../images/ball-black.png);
    background-repeat: no-repeat;
    background-size:100%;
    background-position:0px 4px; 
    position: absolute; top: 0; bottom: 0;
    right: 136px;
    /*border: 2px solid #999999; border-radius: 20px;*/
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.admin-bevetelek{
	width: 90%;
	margin: 5px auto;
	border-bottom: 1px dashed #2f2d22;
	font-size: 0.7em;
}

.admin-bevetelek-col{
	width: 9%; /*DEC 31-ig*/
	float: left;
}

.berlet-tipus{
   width: 20%;
   height: 24px;
   overflow: hidden;
   background: url(../images/down-arrow.jpg) no-repeat right #fcce00;
   border: 1px solid #fcce00;
   margin-left: 5%;
   font-weight: bold;

}
.berlet-tipus select {
   background: transparent;
   width: 100%;
   padding: 2px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 24px;
   -webkit-appearance: none;
  }
 .ceges-berlet-checkbox{
 	width: 80%;
  	margin-top: 10px;
  	margin-left: 5%;
  	margin-bottom: 10px;
  	color: #fecc00;
  	border: 1px solid #fcce00;
	border-radius: 10px;
	padding: 5px;
	background-color: rgba(252, 206, 0, 0.1);

  }

 /*RFID PROJECT START*/

.rfidLeft{position: fixed; left: 0px;z-index: 99999999999; -webkit-transition: width 2s; transition: width 1s;}
.rfidRight{position: fixed; right: 0px;z-index: 99999999999;}
.addRfid{width: 100px; height: 100px; bottom: 100px; margin-left: -50px; overflow: hidden; opacity: 0.3}
.deleteRfid{width: 50px; height:50px; bottom: 40px; margin-left: -25px; overflow: hidden; opacity: 0.3}
.readRfid{width: 100px; height: 100px; bottom: 100px; opacity: 0.3}

.addRfid:hover	{margin-left: 0px; opacity: 1 }
.deleteRfid:hover	{margin-left: 0px; opacity: 1}
.readRfid:hover{opacity: 1}

.newRfidMessages{position: fixed; z-index: 99999999; top:100px; margin: 0px auto}
.newRfidMessages input[type="password"] {width: 30%;height: 75px;border: 2px dashed black;border-radius: 10px;background: #F4F5F0; text-align: center; font-size: 30px}
.newRfidMessages input[type="text"] {width: 30%;height: 35px;border: 2px dashed black;border-radius: 10px; padding-left: 15px;background: #F4F5F0; font-size: 28px}
.newRfidMessages select {height: 35px;border: 1px dashed black;border-radius: 3px; padding-left: 5px;background: #F4F5F0}
.newRfidTime{float: left; width: 55px; height: 35px; line-height: 35px; text-align: center; background-color: #FCCE00; border: 1px solid black; margin: 10px }
.newRfidTime a{color: black; padding: 5px}
.newRfidTime:hover{background-color: #cca80c; }

 /*RFID PROJECT END*/




 /* F I T T N E S S     P A G E */

 .fitness-body{
 	background-image: none;
 	background-color: #cecece;
 	font-family: 'Open Sans', sans-serif;
 	color: #463d36;
 	margin: 0px;
 	padding: 0px;
 	font-size: 0.9em

 }
.font-smaller{
	font-size: 0.8em;
}
.font-smallest{
	font-size: 0.6em;
}
.font-color-light-grey{
	color: #ccb29f;
}
.fitness-body a{
	color: #fb8c00;
	text-decoration: none;
	font-weight: bold;
}
.fitness-body a:hover{
	color: #73b440;
}
.messages-fitness a{
	color: black;
}
.messages-fitness a:hover{
	color: white;
}
.messages-fitness a{
	color: black;
}
.messages-fitness input[type="text"]{
 	width: 40%;
 	height: 75px;
 	border: 2px dashed black;
 	border-radius: 10px; 
 	padding-left: 5%;
 	background: #F4F5F0;
 	margin: 20px auto;
 }

 .fitness-wrap{
 	width: 80%;
 	min-height: 300px;
 	margin: 0px auto;
 	background-color: #e5e5db;
 }
 .fittness-change{
 	width: 95%;
 	background-color: #4a433b;
 	color: #cecece;
 	padding-left: 5%;
 }
 .fittness-change-cageball{
 	width: 30%;
 	float: left;
 	min-height: 75px;
 }
  .fittness-change-cageball img{
	padding-top: 20px;
 }
  .fittness-change-fitness{
 	width: 70%;
 	float: left;
 	height: 75px;
 	background-color: #F4F5F0;
 }
 .fittness-dashboard-main{
 	width: 100%;
 	min-height: 100px;
 	background-color: #f4f5f0;
 	border-bottom: 1px solid #e5e5db;
 }
 .fittness-dashboard-main-icon-wrap{
 	width: 100px;
 	float: left;
 	margin-top: 20px;
 	margin-bottom: 30px;
 	margin-left: 50px;
 }
 .fittness-dashboard-main-icon-wrap img{
 	width: 100px;
 }

 .fittness-dashboard-main-icon-img{

 }
 .fittness-dashboard-main-icon-img a:hover img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
 }
 .fittness-dashboard-main-icon-desc{
 	font-size: 0.7em;
 	text-align: center;
 }
 .fittness-dashboard-content{
 	width: 100%;
 	min-height: 200ox;
 	background-color: #e4e4da;
 }
 .fitness-sub-menu{
 	width: width: 100%;
 	min-height: 50px;
 	line-height: 50px;
 }
 .fitness-sub-menu a{
 	padding-left: 15px;
 	font-size: 0.75em;
 }
 .fitness-sub-menu a hover{
 	color: black;
 }
 .fittness-dashboard-content-content{
 	width: 90%;
 	margin: 0 auto;
 }
 .fittness-dashboard-content-content-header{
 	width: 100%;
 	min-height: 50px;
 	font-size: 1.8em;
 	margin-top: 50px;
 	margin-bottom: 15px;
 }
 .fittness-dashboard-content-content-rows a{
	color: #fb8c00;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 1.2em;
	text-transform: uppercase;

}
 .fittness-dashboard-content-content-rows a:hover{
	color: #73b440;
}

 .fittness-dashboard-content-content-rows{
 	width: 100%;
 	min-height: 70px;
 	margin-bottom: 2px;
 	color: #5d544d;
 	font-size: 0.9em;
 	border-bottom: 1px solid #858271;
 }
 .slidingDivSlide{
 	width: 100%;
 	padding-left: 100px;

 }

 .slidingDivSlide-RFID{
 	width: 30%;
 	float: left;
 	min-height: 120px;
 	border: 3px dotted black;
 	border-radius: 10px; 
 	text-align: center;
 	padding: 10px;
 	font-size: 1.3em;
 	letter-spacing: 1px;
 	font-weight: bold;
 	margin-bottom: 25px;

 }
  .slidingDivSlide-RFID img{
 	width: 100%;
 }
   .slidingDivSlide-BERLET img{
 	width: 100%;
 }
  .slidingDivSlide-BERLET{
  	width: 30%;
 	float: left;
 	margin-left: 0;
 	min-height: 120px;
 	border: 3px dotted black;
 	border-radius: 10px; 
 	text-align: center;
 	padding: 10px;
 	font-size: 1.3em;
 	letter-spacing: 1px;
 	font-weight: bold;
 	margin-bottom: 25px;

 }
 .rfid-wrap{
 	width: 90%;
 	margin: 20px auto;
 	
 }
 .rfid-wrap input[type="text"]{
 	width: 95%;
 	height: 75px;
 	border: 2px dashed black;
 	border-radius: 10px; 
 	padding-left: 5%;
 	background: #F4F5F0;
 }

 .fittness-dashboard-content-content-rows-past{
 	background-color: #edece7;

 }
 .fittness-dashboard-content-content-rows-fitness{
 	background-color: rgba(54, 177, 228, 0.3)
  
 }
  .fittness-dashboard-content-content-rows-dance{
  	background-color: rgba(110, 89, 165, 0.3)

 }
 .fittness-dashboard-content-content-rows1{
 	width: 100px;
 	height: 50px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	border-right: 1px solid #858271;
 	float: left;
 }
  .fittness-dashboard-content-content-rows1 img{
  	width: 50%;
  	padding-left: 25px;
  }
  .fittness-dashboard-content-content-rows-time{
 	width: 150px;
 	height: 50px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	float: left;
 	line-height: 50px;
 	padding-left: 10px;
 	font-size: 1.2em;
 	font-weight: bold;
 }
  .fittness-dashboard-content-content-rows2{
 	min-width: 100px;
 	height: 50px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	float: left;
 	padding-left: 5px;
 }
.fittness-dashboard-content-content-rows-buttons{
 	width: 100px;
 	height: 50px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	float: right;
 	padding-right: 5px;
 	padding-left: 5px;
 	border-left: 1px solid #858271;
 	font-size: 0.8em;
 	line-height: 25px;
 }
 .fittness-dashboard-content-content-rows-buttons img{
 	padding-left: 25px;
 	padding-top: 10px;
 }
  .fittness-dashboard-content-content-rows-buttons a:hover img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
 }
 .span-4{
	width: 4%;
	margin-right: 1%;
	float: left;
}
.span-9{
	width: 9%;
	margin-right: 1%;
	float: left;
}
.span-9 a:hover img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.span-14{
	width: 14%;
	margin-right: 1%;
	float: left;
}

.span-14 img{
	position: relative;
	top: -2px;
}
.span-14 a:hover img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.span-19{
	width: 19%;
	margin-right: 1%;
	float: left;
}
.span-19{
	width: 29%;
	margin-right: 1%;
	float: left;
	min-height: 40px;

}
.span-14 a{
	font-weight: normal;
}
.span-19 a{
	font-weight: normal;
}
.span-14 a:hover{
	color: #E86800;
}
.span-19 a:hover{
	color: #E86800;
}
.span-59{
	width: 59%;
	margin-right: 1%;
	float: left;

}
.span-orarend-wrap{
	min-width: 70%;
	margin: 0 auto;
	border: 2px solid #4a433b;
	background-color: #F4F5F0;
}
.span-orarend-col-10{
	width: 14%;
	height: 20px;
	border: 1px solid #d3d3cb;
	float: left;
}
.span-orarend-bal-felsosarok{

}
.span-orarend-jobb-felsosarok{
	
}
.span-orarend-bal-alsoosarok{

}
.span-orarend-jobb-alsosarok{
	
}
.span-orarend-bal-oldal{
	
}
.span-orarend-alja{

}
.span-orarend-col-10-ora-tanc{
	width: 100%;
	background-color: #ffcd5e;	
}
.span-orarend-col-10-ora-fitness{
	width: 100%;
	background-color: #68d5f4;
}
.span-orarend-col-10-ora-white{
	width: 100%;
	background-color: #C1BACA;
	height: 20px;
	font-size: 0.8em;
	line-height: 20px;
	text-align: center; 
}


.spans textarea{
	width: 100%;
	min-height: 100px;
}
.spans input[type="text"]{
	width: 100%;
	height: 25px;
	margin-bottom: 10px;

}
.spans input[type="number"],input[type="email"] {
	width: 100%;
	height: 25px;
	margin-bottom: 10px;


}
.spans select{
	width: 100%;
	height: 25px;
}
.spansdate input[type="text"]{
	-webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 98%;
    margin-left: 2%;
    margin-top: 0px;
    margin-bottom: 4%;
    padding: 1px;
    color: #000;
    font-weight: bold;
    padding-left: 10%;
    background-image: url(../images/date-icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 90% 50%;
}
.fitness-lease-money{

}
.fitness-lease-money a{
	background: none;
	border: none;
}
.fitness-lease-money input[type="text"]{
	margin-left: 2%;
	width: 12%;
}
.fittness-dashboard-content-content .dashed{
	margin-top: 3px;
	margin-bottom: 3px;
}

/*Fizetési mód */
.fitness-cc-selector input{
	margin:0;padding:0;
	-webkit-appearance:none;
   -moz-appearance:none;
        appearance:none;
}
.fitness-radio-kp{background-image:url(../images/coins.png);}
.fitness-radio-card{background-image:url(../images/credit-card.png);}
.fitness-radio-multi{background-image:url(../images/multipaid.png);}

.fitness-cc-selector input:active +.fitness-fizetes-modja{opacity: .9;}
.fitness-cc-selector input:checked +.fitness-fizetes-modja{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}

.fitness-fizetes-modja{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:70px;height:35px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(0.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(0.8) grayscale(1) opacity(.7);
            filter: brightness(0.8) grayscale(1) opacity(.7);
}
.fitness-fizetes-modja:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
/* Extras */
.fitness-cc-selector a:visited{color:#888}
.fitness-cc-selector a{color:#444;text-decoration:none;}
.fitness-cc-selector p{margin-bottom:.3em;}
.fitness-cc-selector {float: left; padding-left: 25px;}

.fizetes-modja-icons{
	float: left;
	width: 40px;
}
.fizetes-modja-icons a{
	padding-right: 30px;
	-webkit-filter: brightness(0.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(0.8) grayscale(1) opacity(.7);
            filter: brightness(0.8) grayscale(1) opacity(.7);
}
.fizetes-modja-icons a:hover{
	-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.fizetes-modja-icons-checked a{
	 -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}





.cageball-cc-selector input{
	margin:0;padding:0;
	-webkit-appearance:none;
   -moz-appearance:none;
        appearance:none;
}
.fitness-radio-kp{background-image:url(../images/coins.png);}
.fitness-radio-card{background-image:url(../images/credit-card.png);}

.cageball-cc-selector input:active +.fitness-fizetes-modja{opacity: .9;}
.cageball-cc-selector input:checked +.fitness-fizetes-modja{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}

.fitness-fizetes-modja{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:70px;height:35px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(0.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(0.8) grayscale(1) opacity(.7);
            filter: brightness(0.8) grayscale(1) opacity(.7);
}
.fitness-fizetes-modja:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
/* Extras */
.cageball-cc-selector a:visited{color:#888}
.cageball-cc-selector a{color:#444;text-decoration:none;}
.cageball-cc-selector p{margin-bottom:.3em;}
.cageball-cc-selector {float: left; width: 90%; margin-left: 5%; margin-top: 15px}

.fizetes-modja-icons{
	float: left;
	width: 40px;
}
.fizetes-modja-icons a{
	padding-right: 30px;
	-webkit-filter: brightness(0.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(0.8) grayscale(1) opacity(.7);
            filter: brightness(0.8) grayscale(1) opacity(.7);
}
.fizetes-modja-icons a:hover{
	-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.fizetes-modja-icons-checked a{
	 -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}





/*RESPONSIVE*/
/*álló mobil*/
@media all and (max-width: 479px) {
.description{
	font-size: 0.7em;
}
.date-input{
	display: none !important;
	visibility: hidden !important;
}
.time-table-wrap{
	display: none !important;
	visibility: hidden !important;
}
.time-table-mobile{
	display: block !important;
	visibility: visible !important;
	font-size: 1em;
	color: #fcce00;
	font-weight: bold;
	text-align: center;
}
.time-table-mobile img{
	width: 100%;
}
.time-arrows-prew{
	display: none !important;
	visibility: hidden !important;
}
.time-arrows-next{
	display: none !important;
	visibility: hidden !important;
}
.step-number{
	width: 10%;
	font-size: 2.2em;

}
.step-description{
	font-size: 1em;
}
.order-type {
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
}


.main {
	padding-top: 30px;
	padding-bottom: 30px;
}
.order-type a{
	font-size: 1em;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
}
.order-result-col{
	width: 90%;
	font-size: 0.8em;
}
.order-result-col .robot1{
	width: 60%;
}
.order-result-col .robot2{
	width: 10%;
}
.profil-adatok{
	width: 100%;
}
.header-sub-data{
	width: 90%;
	font-size: 0.8em;
}
.admin-bevetelek{
	font-size: 0.7em;
}
.admin-bevetelek-col{
	width: 10%;
	float: left;
}

}
@media all and (min-width : 480px) and (max-width : 1280px){ 
/*fekvő mobil*/
.description{
	font-size: 0.7em;
}
.step-number{
	width: 10%;
	font-size: 2.2em;
}
.step-description{
	font-size: 1em;
}
.order-type {
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main {
	padding-top: 30px;
	padding-bottom: 30px;
}
.order-type a{
	font-size: 1em;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
}
.date-input{
	width: 90%;
}
.date-input input[type="text"]{
	width: 50%;
}
.time-table-content{
	width: 100%;
	font-size: 0.5em;
}

.time-table-wrap{
	width: 92%;
	height: 350px;	
	margin-bottom: 50px;
}
.time-table-rows{
	height: 30px; 
}
.time-table-track{
	width: 18%;
	font-size: 1em;
	padding-top: 2px;
	padding-left: 2%;
}
.time-table-track-time{
	height: 30px;
}
.time-table-track-time2{
	height: 30px;
}
.time{
	width: 4.7%;
	font-size: 1em;
}
.time2{
	width: 4.1%;
	font-size: 1em;
}
.time-table-track-time{
	width: 4.7%;
}
.time-table-track-time2{
	width: 4.1%;
}
.time-table-mobile{
	display: none !important;
	visibility: hidden !important;
}
.time-arrows-prew {
	width: 3.8%;
}
.time-arrows-prew img {
	width: 50%;
	margin-top: 75px;
}
.time-arrows-next {
	width: 3.8%;
}
.time-arrows-next img {
	width: 50%;
	margin-top: 75px;
}
.order-result-col{
	width: 90%;
	font-size: 0.8em;
}
.order-result-col .robot1{
	width: 60%;
}
.order-result-col .robot2{
	width: 10%;
}
.profil-adatok{
	width: 100%;
}
.header-sub-data{
	width: 90%;
	font-size: 0.8em;
}
.admin-bevetelek{
	font-size: 0.7em;
}
.admin-bevetelek-col{
	width: 10%;
	float: left;
}
.letesitmeny{font-size: 6px; padding-left: 7px}

}

@media all and (min-width : 1281px) and (max-width : 1366px){ 
/*laptop*/
.fitness-wrap{
	width: 95%;
}