body {
	margin: 2%;
	margin-top: 1%;
	padding: 0;	
	overflow-x: hidden;
}

body div p {
	display: none;
}

.loginDiv {
	border-radius: 20px;
	border: 2px solid white;
	background: #02008A;
	min-width: 300px;
	min-height: 200px;
	width: 30vmax;
	height: 20vmax;
	box-shadow: 0px 0px 5px #464646;
	padding: 5px;
	color: white;
}

.loginInput {
	border-radius: 100px;
	padding-left: 5px;
	padding-right: 5px;
	width: 85%;
	height: 85%;
	font-size: 3vmax;
}

.loginIcon {
	font-size: 3vmax;
	position: relative;
}

.loginInputDiv {
	width: 100%;
	height: 33%;
}

.absolutecenter {     
	align-items: center; 
    justify-content: center; 
    text-align: center;
	margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;		
}

@-moz-document url-prefix() { /* Csak mozilla firefoxban érvényes szabályok. */
    .absolutecenter {
        top: 50%;
		transform: translateY(-50%);
    }
}

.bgIndex::after {
	content: "";
    background-image: url("images/oceanBg.jpg");
	background-repeat: no-repeat, repeat;
    background-attachment: fixed;
	position: relative;
    opacity: 0.7;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.bgBlue {
	background: linear-gradient(to bottom, #4286f4, #1b3a6b) !important;
}

.bgDarkBlue {
	background: linear-gradient(135deg, #0900a7, #05005b) !important;
}

input[type=button], button {
	background: linear-gradient(to bottom, #D10000, #750000);
	color: white;
	border: 0;
	border-radius: 0.7vmax;
	position: relative;
	z-index: 5;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	box-shadow: 0 5px 5px RGBA(0, 0, 0, 0.6);
	margin-top: 0;
	transition: all .2s ease-in-out;
}

input[type=button]:hover, button:hover {
	font-weight: bold;	
	transform: scale(1.2);
	z-index: 30;
}

input[type=button]:active, button:active {
	box-shadow: 0 0 0 RGBA(0, 0, 0, 0.6);
	top: 5px;
}

input[type=button]:focus, button:focus {
	outline: 0;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.textContent {	
	user-select: none;	
	text-align: justify;
}

.textContent p {
	display: initial !important;	
	color: black;
}

.sessionPreviewTable {
	border: none;
	box-shadow: 0.1vmin 0.2vmin 1vmin RGBA(150, 150, 150, 0.7);
	cursor: pointer;
	transition: all .2s ease-in-out;
	position: relative;
	border-radius: 1vmin;
	margin-bottom: 2vmin;
	padding: 0.5vmin;
	min-width: 100%;
}

.sessionPreviewTable:hover { 
	transform: scale(1.05); 
	z-index: 999;
}

a {
	color: black;
	text-decoration: none;
}