body {
	background-repeat:round;
	background-size:40% 40%;
	background-repeat:no-repat;
	background-attachment:fixed;
	
	margin:0px;
	padding:0px;
	
}

.body {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	min-height:350px;
	padding:15px;
}


input[type=button]:disabled, input[type=submit]:disabled, button:disabled {
	opacity:0.6;
	box-shadow:0px 0px 0px transparent;
}

input[type=button]:focus, input[type=submit]:focus, button:focus {
	border:1px solid blue;
}

input[type=button], input[type=submit], button {
	cursor:pointer;
	padding:5px;
	margin:4px;
}

button img {
	width:14px;
	height:14px;
	vertical-align:middle;
}


.title {
	background-repeat:no-repeat;
	background-size:100% 100%;
	
	width:100%;
	margin-bottom:15px;
	padding:0px;
	margin-top:0px;
	top:0;
	position:sticky;
	z-index:1;
	height:10%;
}

.title .account_icon {
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	border-radius:3px;
	display:inline-block;
	opacity:0.7;
	cursor:pointer;
	transition:0.2s;
	font-style:italic;
}

.title .account_icon:hover {
	opacity:1;
}

.title .account_icon img {
	height:23px;
	vertical-align:middle;
}

.title .umenu {
	width:300px;
	position:fixed;
	top:30px;
	right:10px;
	padding:15px;
	/*border-radius:6px;*/
	font-size:0.9em;
	
	transition-duration:0.2s;
	transform:translateY(-25px);
	opacity:0;
	visibility:hidden;
}

/*.title .umenu table tr td:first-child {
	text-align:right;
}*/

.reg_spinner {
	vertical-align:middle;
	height:35px;
	opacity:0;
	transform:scale(0, 0);
	transition:0.3s;
}

.m_btn img {
	width:1.3em;
	height:1.3em;
	vertical-align:middle;
	margin:0px;
	margin-right:3px;
}

.youtbob {
	font-weight:bold;
}

.youtbob .bob {
	background:red;
	color:white;
}

.fieldset_big {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	margin-top:5px;
	display:block;
	width:90%;
	transition:0.5s;
	word-break: break-all;
	word-break: break-word;
}

.modal_bck {
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	background:rgba(0, 0, 0, 0.7);
	top:0px;
	left:0px;
	transition:0.3s;
	opacity:0;
	visibility:hidden;
}

.list {
	width:75%;
	padding:5px;
}

.list tr {
	cursor:pointer;
}

.list tr td {
	padding:1px;
}


.edit_box {
	width:50%;
	position:fixed;
	left:25%;
	top:15%;
	padding:15px;
	overflow:auto;
	transition:0.3s;
	transform:scale(1, 0);
	opacity:0;
}

.edit_box_mini {
	width:30%;
	top:30%;
	left:32.5%;
}

.quote legend {
	text-decoration:none;
}

.quote .quote_foot {
	text-align:right;
	display:block;
	font-size:0.8em;
	font-style:italic;
	margin-top:5px;
}

.quote .hashtag_box .new_hashtag input[type="text"] {
	 width:50px;
}

.likes {
	cursor:pointer;
}

.likes +.likes_list {
	margin:5px;
	position:absolute;
	display:inline-block;
	text-align:left;
	padding:8px;
	border-radius:3px;
	box-shadow:2px 3px 6px rgba(0, 0, 0, 0.7);
	z-index:1;
	
	transition:0.3s;
	visibility:hidden;
	opacity:0;
}

@keyframes hashtag_flash {
	from {
		background:rgb(150, 170, 190);
		color:white;
	}
}

.hashtag_text {
	text-align:center;
}

.likes:hover +.likes_list {
	visibility:visible;
	opacity:1;
	margin-top:15px;
}

.hashtag_data {
	padding:10px;
	display:inline-box;
	position:absolute;
	border-radius:4px;
	box-shadow:1px 2px 4px rgba(0, 0, 0, 0.7);
	
	transition:0.3s;
	margin-top:-10px;
	visibility:hidden;
	opacity:0;
	z-index:2;
}

.hashtag:hover +.hashtag_data, .hashtag_data:hover {
	visibility:visible;
	margin-top:0px;
	opacity:1;
}

.jpage {
	opacity:0.6;
	padding:5px;
	border-radius:4px;
	cursor:pointer;
	margin:3px;
}

.jpage:hover {
	opacity:1;
	box-shadow:0px 0px 1px rgba(0, 0, 0, 0.4);
}

.content_thumbnail {
	position:absolute;
	visibility:hidden;
	margin-top:3px;
	border-radius:5px;
	box-shadow:2px 3px 7px rgba(0, 0, 0, 0.8);
	background-size:100% 100%;
	background-repeat:no-repeat;
	padding:3px;
	z-index:2;
	
	transition:0.3s;
	opacity:0;
}

.content_thumbnail img {
	width:400px;
}

a:hover + .content_thumbnail, a +.content_thumbnail_youtube:hover {
	visibility:visible;
	opacity:1;
	
}

.fooldal_table {
	width:100%;
	margin:auto;
}

.fooldal_table tr td {
	vertical-align:top;
	padding:5px;
	
}

.fooldal_table tr td:first-child {
	width:50%;
}

.icon {
	vertical-align:middle;
	height:15px;
	margin-left:4px;
	margin-right:4px;
}

.loginbox {
	margin-left:auto;
	margin-right:auto;
	width:85%;
	padding:15px;
	overflow:hidden;
}

.login_tinp {
	margin:15px;
	text-align:center;
}

.login_tinp input[type="text"], .login_tinp input[type="password"] {
	padding:5px;
	text-align:center;
	font-size:1em;
}

.loginbox hr {
	border:1px solid rgba(150, 170, 190, 0.7);
}

.loginbox .tinp_pwd {
	opacity:0;
	visibility:hidden;
	transition:1s;
	height:0px;
}

.canv_status  {
}

.notice { 
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	padding-left:15px;
	width:60%;
	border-radius:3px;
	font-size:0.8em;
}

.smenu_btn {
	width:30px;
	height:30px;
	position:fixed;
	cursor:pointer;
	top:130px;
	left:15px;
	border-radius:7px;
	text-align:center;
	padding:2px;
	transition:0.3s;
	opacity:0.7;
	
}

.smenu_btn:hover {
	opacity:1;
}

.smenu {
	-webkit-user-select: none;
    user-select: none;
	
	
	width:220px;
	
	height:90%;
	position:fixed;
	top:50px;
	transition:0.3s;
	overflow:auto;
	font-size:0.8em;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	z-index:4;
	font-weight:bold;
}


.smenu_phone {
	left:-240px;
	opacity:.0;
}

.smenu_modal {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	transition:0.5s;
	z-index:2;
	opacity:0;
	visibility:hidden;
	background:rgba(0, 0, 0, 0.7);
}

.smenu hr {
	margin:15px;
	height:1px;
	border:none;
	background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(150, 150, 150, 0.6), rgba(255, 255, 255, 0));
}

.smenu .smenu_item {
	display:block;
	padding:8px;
	margin:3px;
	margin-bottom:0px;
	cursor:pointer;
	font-size:1.1em;
	/*border-radius:3px;*/
	transition:font-size 0.4s;
	
	
	
}

.smenu .smenu_item img {
	width:30px;
	height:30px;
	vertical-align:middle;
	margin-right:8px;
}

.smenu .smenu_item:hover {
	opacity:1;
}

.myhash {
	transition:0.3s;
	display:inline-block;
	padding:5px;
	margin:3px;
	border:1px solid rgba(150, 150, 150, 0.2);
	background:rgba(150, 150, 150, 0.2);
	border-radius:8px;
	font-size:0.75em;
	opacity:0.8;
	z-index:0;
}


.nmyhash_span {
	opacity:0;
	transform:scale(1, 0);
	transition:0.3s;
}

.quote:hover .nmyhash_span {
	opacity:1;
	transform:scale(1, 1);
}

@keyframes error_flash {
	from {
		border: 1px solid red;
		opacity: 0.2;
		background:rgb(150, 0, 0);
	}
}

/*------*/


/*.smenu_item:hover +.listhash, .listhash:hover {
	visibility:visible;
	opacity:1;
	height:40%;
}*/

.fieldset_hashtag {
	border:0px solid transparent;
	/*background:rgba(255, 255, 255, 0.9);*/
	background:none;
	border-radius:0px;
	padding:2px;
	margin:2px;
	/*margin-bottom:2px;*/
	width:75%;
	/*border-bottom:1px solid rgba(50, 70, 90, 0.1);*/
}

.fieldset_hashtag legend {
	border-left:0px solid transparent;
	border-right:0px solid transparent;
	/*background:rgba(255, 255, 255, 0.9);*/
	background:none;
}

hr {
	opacity:0.4;
}

.format_text tr td {
	vertical-align:top;
}

.hash_icon {
	height:13px;
	vertical-align:middle;
	cursor:pointer;
	opacity:0.8;
}

.hash_icon:hover {
	opacity:1;
}


.select_wn {
	width:75%;
}

.select_wn tr td {
	text-align:center;
	width:50%;
	cursor:pointer;
}

.select_wn tr:nth-child(2) td {
	height:150px;
	border-radius:3px;
}

.select_wn tr:nth-child(2) td:hover  {
	background:linear-gradient(rgba(230, 230, 230, 0.5), rgba(190, 190, 190, 0.3));
}

.minibox {
	position:absolute;
	width:330px;
	height:200px;
	margin-left:-400px;
	margin-top:30px;
	padding:10px;
	z-index:4;
	background:linear-gradient(rgba(255, 255, 255, 1), rgba(230, 235, 240, 1));
	border-radius:7px;
	border:3px solid rgba(190, 190, 190, 0.5);
	
	color:black;
	font-size:0.8;
	transition:0.5s;
	
	
	box-shadow:8px 10px 10px rgba(0, 0, 0, 0.6);
	opacity:0;
	visibility:hidden;
	transform:translateY(-30px);
} Vissza

.minibox table {
	width:99%;
}

.minibox table tr td img {
	height:50px;
}

nav {
	position:sticky;
}

.zsugorcso {
	margin:3px;
	height:270px;
	overflow:hidden;
	transition:0.5s;
}

.resizer {
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	padding-top:10px;
	padding-bottom:10px;
	width:60%;
	border-radius:7px;
	transition:0.3s;
}

.resizer:hover {
	opacity:1;
}

.resizer div {
	margin-left:auto;
	margin-right:auto;
	width:15px;
	height:15px;
	display:block;
	transform:rotate(45deg);
	transition:0.5s;
}

.smenu_notify {
	position:fixed;
	height:350px;
	width:220px;
	border-right:0px solid transparent;
	float:right;
	right:0px;
	bottom:0px;
	padding:10px;
	border-radius: 4px 0px 0px 0px;
	box-shadow:0px 2px 6px rgba(0, 0, 0, 0.4);
	font-size:0.8em;
	transition:0.5s;
	transform:translateY(360px);
	opacity:0;
	overflow:auto;
}

/*-----------------------------*/

.img_uplbox {
	display:block;
	width:45%;
	margin-left:auto;
	margin-right:auto;
	padding:7px;
	margin-top:25px;
	transition:0.5s;
	border-radius:6px;
	overflow:hidden;
}

.img_uplbox #upl_icon {
	transition:0.2s;
	opacity:0.6;
	filter:blur(2px);
	transform:scale(0.9, 0.9);
}


.img_uplbox #upl_progress {
	display:block;
	margin-left:auto;
	margin-right:auto;
	transition:0.2s;
	opacity:0;
	font-size:0.65em;
	overflow:hidden;
	text-align:center;
	padding:1px;
	border-radius:4px;
	
	width:0%;
}

.errorBox {
	position:fixed;
	padding:9px;
	width:20%;
	left:40%;
	font-size:0.9em;
	margin:0px;
	box-shadow:2px 3px 5px rgba(0, 0, 0, 0.3);
	top:0px;
	border-radius:0px 0px 4px 4px;
	transition:0.5s;
	text-align:center;
	z-index:999;
	
	
	transform:translateY(-75px);
}

.modal_uplbox {
	width:25%;
	height: 250px;
	left: 37.5%;
}

.upload_gallery {
	/*display:flex;
	display:-webkit-flex;
	
	flex-wrap:wrap;
	justify-content:center;*/
	
	
}

.thumbbox {
	margin:10px;
	transition:0.2s;
	opacity:0.8;
	border-radius:6px;
	box-shadow:2px 3px 6px rgba(0, 0, 0, 0.2);
	border:3px solid rgba(50, 70, 90, 0.4);
	width:170px;
	height:160px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 100%;
	padding-top:10px;
	
	
	
	display:inline-block;
	float:left;
}

.thumbbox input[type="text"] {
	width:85%;
}

.thumbbox img {
	vertical-align:middle;
	height:20px;
}

fieldset legend img {
	height:20px;
}

/*-------------------------------------*/

.thumbbox_paste input[type="text"] {
	transition:0.2s;
}

select[multiple] {
	transition:0.3s;
}

.miniloginbox tr td{
	vertical-align:middle;
}

#shortedUrl {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:90%;
	padding-top:8px;
	padding-bottom:8px;
	border-top:0px solid transparent;
	margin-top:0px;
	margin-bottom:3px;
	font-size:0.8em;
	border-radius:3px;
	transition:0.5s;
	
	transform:translateY(-25px);
	opacity:0;
	visibility:hidden;
	
}

#diabox {
	/*border:1px solid red;*/
	height: 220px;
	margin-left:auto;
	margin-right:auto;
	width:95%;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}

.dia {
	cursor:pointer;
	margin:2px;
	border:1px solid rgba(210, 220, 250, 0.6);
	border-radius:7px;
	box-shadow:1px 2px 4px rgba(0, 0, 0, 0.4);
	margin-top:90px;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:100px;
	opacity: 0.4;
	
	background-size:100% 100%;
	background-repeat:no-repeat;
	transition:0.8s;
}

.userAdminPoint {
	background:grey;
	
	width:10px;
	height:10px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	border-radius:6px;
	
	box-shadow:0px 0px 1px black;
}

.userAdminPointAdmin {
	background:linear-gradient(rgb(255, 100, 100), rgb(200, 0, 0));
	border:1px solid rgba(120, 120, 120, 1);
}

.userAdminPointMod {
	background:linear-gradient(rgb(0, 255, 0), rgb(0, 200, 0));
	border:1px solid rgba(120, 120, 120, 1);
}

.gxModalBox {
	width:50%;
	height:50%;
	position:fixed;
	left:25%;
	top:15%;
	padding:15px;
	overflow:auto;
}

input[type=range] {
	width:100%;
}

input[value=2] {
	background:red;
}

#permissionList {
	display:flex;
	font-size:0.85em;
	width:120%;
}

#permissionList option {
	flex-grow:1
}

#uploadArrow {
	transition:1s;
}

.gxConfirmBox {
	position:fixed;
	width:30%;
	min-height:75px;
	border:1px solid rgba(150, 150, 170, 0.2);
	background: rgba(50, 70, 90, 0.9);
	left:35%;
	top: 150px;
	display:block;
	padding:15px;
	transform:scale(1, 0);
	transition:0.3s;
}