* {
	margin : 0px;
	padding: 0px;
}

body {
	/*
	background-image: url('../pics/background.jpg');
	background-repeat: no-repeat;
    background-size: cover;
	*/
	background-color: #bdcebe !important;
}

fieldset {
	max-width: 1200px;
	width    : 80%;
	margin   : 0 auto !important;
}

table.foglalasok {
	max-width: 550px !important;
	margin   : 0 auto 40px auto;
}


table.foglalasok {
	font-family    : "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width          : 100%;
}

table.foglalasok td,
.foglalasok th {
	border : 1px solid #ddd;
	padding: 8px;
}

table.foglalasok tr:nth-child(even) {
	background-color: #f2f2f2;
}

table.foglalasok tr:nth-child(odd) {
	background-color: #c1c1c1;
}

table.foglalasok tr:hover {
	background-color: #ddd;
}

table.foglalasok th {
	padding-top     : 12px;
	padding-bottom  : 12px;
	text-align      : center;
	background-color: #91c82e;
	color           : white;
}

table.foglalasok a {
	color: #333;
}

table.foglalasok a:hover {
	color: #f00;
}

td {
	width     : 50px;
	padding   : 5px 20px;
	text-align: center
}

table.foglalasok tr td:first-child {
	width: 150px
}

table.foglalasok tr td:last-child {
	width: 50px
}

.wrapper {
	margin-top: 4rem !important;
	max-width : 1200px;
	width     : 80%;
	margin    : 0 auto;
	padding   : 30px;
}

.navbar-brand {
	font-size: 1.75rem !important;
}

.nav-link {
	font-size: 1.25rem !important;
}

.wrapper p {
	text-align: justify;
}

.form-wrapper {
	max-width       : 500px;
	width           : 90%;
	margin          : 0 auto;
	padding         : 3rem 4rem 1rem 4rem;
	border          : 1px solid rgb(10, 60, 30) !important;
	border-radius   : 10px;
	background-color: white;
	margin-top      : 8rem !important;
	margin-bottom   : 2rem;
}

.bg-green {
	background-color: rgb(10, 60, 30);
}

.fixed {
	position: fixed !important;
	top     : 0;
	left    : 0;
	right   : 0;
	z-index : 100;
}

div#tutorial {
	position  : fixed;
	top       : 250px;
	left      : 100px;
	right     : 100px;
	z-index   : 1000;
	background: #454545;
	display   : none;
	padding   : 20px 30px;
	border    : 1px solid white;
	color     : white;
	text-align: justify;

}

p.tutor {
	line-height: 1.3;
	margin     : 10px;
}

.head {
	height          : 50px;
	margin-top      : 4rem;
	margin-bottom   : 2rem;
	padding         : 1rem 2rem .25rem 2rem;
	background-color: white;
}

.head p {
	font-size: 1rem;
}

div.error {
	width        : 20%;
	margin-left  : auto;
	margin-right : auto;
	color        : red;
	background   : white;
	border       : 2px solid red;
	margin-bottom: 20px;
	text-align   : center;
	padding      : 10px;
	border-radius: 10px;
}

.changepwd {
	max-width: 500px !important;
	width    : 80%;
	margin   : 0 auto;
}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 768px) {

	div.error {
		width: 70%;
	}
}

@media only screen and (max-width: 650px) {

	form {
		width: 100%;
	}

	.form-wrapper {
		width     : 100%;
		margin-top: 5rem !important;
		padding   : 1rem
	}

	.wrapper {
		margin-top: 5rem !important;
		padding   : 10px;
		width     : 100%;
	}

	.wrapper p {
		font-size: 1rem;
	}

	div#tutorial {
		position: fixed;
		top     : 110px;
		left    : 10px;
		right   : 10px;
		padding : 10px;
	}

	@media only screen and (max-width: 450px) {}