* {
		color: #fff;
		padding: 0;
		margin: 0;
	}
	body {
		background: #344434;
		/*background: #30303b;*/
		font-family: arial, helvetica, sans-serif;
	}
	
	a {
		color: #fff;
		text-decoration: none;
	}
	
	input {
		/*background: #132214;*/
		background: rgba(0,0,0,.5);
		padding: 3px;
	}
	
/*	tr.account:nth-child(even) {
		background: rgba(0,0,0,.2);
	}
	
	 tr.account:nth-child(odd) {
		background: rgba(0,0,0,.1);
	}
	*/
	
	tr.top-list:nth-child(even) {
		background: rgba(0,0,0,.2);
	}
	
	 tr.top-list:nth-child(odd) {
		background: rgba(0,0,0,.1);
	}

	
	td {
		padding: 5px;
	}
	
	.siteLogo {
		display: inline-block;
		height: 36px;
	}
	
	#register-account > input {
		border: 1px solid rgba(0,0,0,.25);
		margin: 5px 0px;
		padding: 5px;
	}
	
	.container {
		padding: 20px;

	}
	
	.center {
		margin: auto;
	}
	div#notice {
		padding:0.25em;
		position:fixed;
		top:0.5em;
		left:25%;
		width:50%;
		z-index:100;
		color: #000;
	}

	div#notice:not(.ui-state-error) {
		background-color:#FFFBBF;
		color: #000;
		border:1px solid #CCC999;
		padding: 5px;
		text-align: center;
	}


	.header-nav {
		color: #ffffff;
		/*background: #1a221a;*/
		background: rgba(0,0,0,.5);
		width: 100%;
	}
	
	.card {
		width: 100%;
		border-radius: 3px;
	}
	

	
	.card img{
		margin: 6px 0px;
		width: 100% !important;
		border-radius: 3px;
	}
	
	.search {
		position: relative;
		height: 22.5px;
		display: flex;
		align-items: center;
		border-bottom: 1.5px solid rgba(255, 255, 255, 0.25);
		width: 100%;
		font-size: 16px;
	}
	
	.ui-helper-hidden-accessible {
		display: none !important; 
	}
	
	@media only screen and (min-width: 300px) {
		 
		.card	{
		-webkit-column-count: 3 !important;
		-moz-column-count: 3 !important;
		column-count: 3 !important;
		}
	}
		
	@media only screen and (min-width: 600px) {
		.card	{
		-webkit-column-count: 5 !important;
		-moz-column-count: 5 !important;
		column-count: 5 !important;
		}
	}
		
	@media only screen and (min-width: 1200px) {
		.card	{
			-webkit-column-count: 7 !important;
			-moz-column-count: 7 !important;
			column-count: 7 !important;
		}
	}
	
	.thumbail-container {
		padding: 10px;
		display: grid;
		grid-template-columns: auto;
	}

	.thumbnail-preview {
		margin: -10px 10px 30px 10px;
		height: 200px;
		min-width: 150px;
		max-width: 230px;
		overflow: hidden;
		border-radius: 3px;
	}

	.thumbnail-preview img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}

	}
	
	@media only screen and (min-width: 100px) {
		 
		.thumbail-container {
			display: grid;
			grid-template-columns: auto auto;
			margin-left: -25px;
			margin-right: -20px;
			padding: 10px;
			justify-items: center;
		}

	}

	@media only screen and (min-width: 467px) {
		 
		.thumbail-container {
			display: grid;
			grid-template-columns: auto auto;
			padding: 10px;
			margin: unset;
		}
		.thumbnail-preview {
			width: unset;
			max-width: unset;
		}
	}
		
	@media only screen and (min-width: 600px) {
		.thumbail-container {
			display: grid;
			grid-template-columns: auto auto auto;
			padding: 10px;
		}
	}
	
		
	@media only screen and (min-width: 800px) {
		.thumbail-container {
			display: grid;
			grid-template-columns: auto auto auto;
			padding: 10px;
		}
	}
		
	@media only screen and (min-width: 1200px) {
		.thumbail-container {
			display: grid;
			grid-template-columns: auto auto auto auto;
			padding: 10px;
		}
	}
	
	@media only screen and (min-width: 1500px) {
		.thumbail-container {
			display: grid;
			grid-template-columns: auto auto auto auto auto auto;
			padding: 10px;
			overflow-x: hidden;
		}
	}
	
		ul.tag-list-left {
		display: inline-block;
		text-align: left;
		float: left;
		word-break: break-word;
		width: 230px;
		font-size: .9em;
		/*background: rgba(0,0,0,.3);*/
		margin-bottom: 30px;

	}
	
	ul.tag-list-left > li {
		margin: 1px;
		padding: 6px;
		border-radius: 3px;
	}
	
	.switch {
		position: relative;
		display: inline-block;
		width: 32px;
		height: 17px;
	}

	.switch input { 
		opacity: 0;
		width: 0;
		height: 0;
	}

	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,.25);
		-webkit-transition: .4s;
		transition: .4s;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 10px;
		width: 10px;
		left: 4px;
		bottom: 4px;
		background-color: rgba(255,255,255,1);
		-webkit-transition: .4s;
		transition: .4s;
	}

	input:checked + .slider {
		background-color: rgba(255,255,255,.30);
	}

	input:checked + .slider:before {
		-webkit-transform: translateX(16px);
		-ms-transform: translateX(16px);
		transform: translateX(16px);
	}

	/* Rounded sliders */
	.slider.round {
		border-radius: 34px;
	}

	.slider.round:before {
		border-radius: 50%;
	}