iframe#download
	{
		width: 0px;
		height: 0px;
		opacity: 0;
		visibility: hidden;
	}

form#fileupload
	{
		display: none;
	}

body > .container {
	position: fixed;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	font-family: Nunito, sans-serif;
	font-weight: 200;
	letter-spacing: 0.2px;
	color: rgba(255, 255, 255, 0.6);
	background-color: rgb(41, 41, 63);
}
.container > .top {
	color: rgba(255, 255, 255, 0.6);
	background-color: rgb(51, 51, 76);
}

.bottom > .layout-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px 10px;
	position: relative;
	justify-content: space-between;
	height: 50px;
}

.container > .content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	max-height: calc( 100vh - 100px );
	max-height: calc( 100% - 50px );
}

.content > .layout-container {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	overflow-x: hidden;
	overflow-y: auto;
	justify-content: space-evenly;

}


.container > .bottom {
	display: none;
	color: rgba(255, 255, 255, 0.6);
	background-color: rgb(51, 51, 76);
}

.top > .layout-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px 20px;
	position: relative;
	justify-content: space-between;
	height: 50px;
}



.content > .layout-container
	{
		padding: 27px 15px;
		row-gap: 32px;
		column-gap: 20px;
	}

.content .campaign::before,
.content .campaign
	{
		border-radius: 25px;
	}


.content .campaign
	{
		position: relative;
		display: flex;
		height: 220px;
		flex-grow: 1;
		x-border: 4px solid rgb( 51, 51, 76 );
		width: 100%;
		background-color: rgba( 0, 0, 0, 1 );
		max-width: 470px;
	}

.content .campaign.hidden
	{
		display: none;
	}


.content .campaign::before
	{
		position: absolute;
		content: '';
		display: flex;
		width: 100%;
		height: 100%;
		background-image: var(--bg-image);
		background-size: cover;
		/* opacity: 0.7; */
	}

.content .campaign:first-child::before
	{
		opacity: 1.0;
	}


.content .campaign > .layout-container
	{
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		padding: 10px 10px;
		position: relative;
		background-color: rgba(0, 0, 0, 0.7);
		border-radius: 25px;
	}

.content .campaign .labels
	{
		position: absolute;
		top: -24px;
		display: flex;
		x-margin-top: -25px;
		padding: 5px 13px;
		x-margin-bottom: 4px;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 12px;
		color: rgb(255 148 111 / 85%);
		font-weight: 300;
		column-gap: 10px;
		font-size: small;
	}

.content .campaign .labels:empty
	{
		display: none;
	}


.content .campaign .heading
	{
		position: relative;
		font-weight: 600;
		padding-right: 15px; /* to create room for the icon */
	}

.content .campaign .heading a.twitter
	{
		text-transform: lowercase !important;
		x-font-size: smaller;
	}

.campaign .heading .clipboard
	{
		position: absolute;
		right: 0px;
		top: 2px;
	}

.content .campaign .heading .currency
	{
		font-size: larger;
		font-weight: 800;
	}

.campaign .latest
	{
		margin: auto 0px;
	}

.campaign .latest .heading
	{
		margin-top: 10px;
		font-weight: 400;
		font-size: small;
	}
.campaign .latest .contributions
	{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		font-size: smaller;
		font-size: medium;
		font-weight: 800;
		margin: 5px -5px;
		background-color: rgba( 0, 0, 0, 0.2 );
		border-radius: 7px;
	}

.campaign .latest .contributions > div
	{
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		padding: 0px 5px;
		text-align: center;
	}

.campaign .latest .sum
	{
		padding: 5px;
		border-bottom: 1px solid rgba( 255, 255, 255, 1 );
	}

.campaign .latest span
	{
		color: rgb( 0, 200, 0 );
	}

.campaign .latest .red
	{
		color: rgb( 200, 0, 0 );
	}

.campaign .button
	{
		display: flex;
		margin: 0px -10px -10px -10px;
	}

.campaign a.clipboard
	{
		cursor: pointer;
	}

.campaign .button a
	{
		font-size: x-small;
		display: inline-block;
		padding: 10px 10px;
		flex-grow: 1;
		text-align: center;
		background-color: rgba(64, 156, 67, 0.7);
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		font-weight: 400;
	}

input.input_campaign
	{
		width: 200px;
		height: 30px;
		border: 0px;
	}

input.add_campaign
	{
		border: 0px;
		height: 30px;
		width: 50px;
	}

body.loading::after
	{
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-color: rgba(0, 0, 0, 0.8);
		content: "Loading";
		justify-content: center;
		display: flex;
		flex-direction: column;
		color: white;
		text-align: center;
		font-size: xx-large;
	}

body > .editor:not(.visible)
	{
		display: none;
	}

body > .editor
	{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;

		background: rgba(0, 0, 0, 0.8);
	}

body > .editor > .layout-container
	{
		margin: auto 20px;
	}

.editor > .layout-container > .heading
	{
		display: flex;
		flex-direction: row;
		background-color: rgba(255, 255, 255, 1);
		margin: 0px 30px;
		padding: 5px 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border: 2px solid #eee;
		border-bottom: 0px;
		column-gap: 10px;
	}

.editor .heading a
	{
		text-decoration: underline;
		cursor: pointer;
	}

.editor .heading .a-close
	{
		margin-left: auto;
	}


.editor .content.view,
.editor .content.settings
	{
		border: 2px solid #eee;
		border-radius: 10px;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px;
		height: 500px;
		overflow-y: auto;
	}

.editor .content.edit
	{
		height: 500px;
		-webkit-touch-callout: none !important;
		-webkit-user-select: none !important;
	}

div.tox-hugerte
	{
		height: 100% !important;
	}

.editor .content.settings
	{
		display: flex;
		flex-direction: column;
	}

.editor .content.settings input
	{
		height: 30px;
	}


.editor .content:not(.visible),
.campaign.exclude
	{
		display: none;
	}


/*
	Menu
*/

.top .menu-main
	{
		display: flex;
		column-gap: 20px;
		flex-grow: 1;
		z-index: 9;
	}

.menu-item.search
	{
		x-margin-left: auto;
	}

.menu-item.search input
	{
		width: 100%;
		height: 30px;
		border: 0px;
		font-size: medium;
		/* -webkit-user-select: none; */
	}

.menu-item.search .menu-list
	{
		left: 0px;
		right: 0px;
	}

.menu-item .icon
	{
		position: relative;
		display: flex;
		border: 1px solid rgb(41 41 63);
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: rgba(41, 41, 63, 0.9);
		justify-content: center;
		align-items: center;
		color: rgba( 255, 255, 255, 1 );
		cursor: pointer;
	}

.menu-item .menu-list
	{
		position: absolute;
		top: 50px;
		background-color: rgb(51 51 76);
		display: flex;
		flex-direction: column;
		x-padding: 10px 20px;		
	}


.menu-item:not(.open) > .menu-list
	{
		display: none;
	}

.menu-list-item
	{
		display: flex;
		padding: 10px 10px;
		border-bottom: 1px solid rgb(41 41 63);
		column-gap: 10px;
	}

.menu-list-item > *
	{
		display: flex;
		align-self: center;
	}

.menu-list-item > :first-child
	{
		margin-right: auto;
		padding-right: 10px;
	}

.menu-item .icon.fa-file-export
	{
		padding-left: 5px;
	}

.menu-list-item .icon:not( .selected )
	{
		background-color: inherit;
	}

.menu-list-item.selected
	{
	}

.menu-list-item .flip
	{
		rotate: 180deg;
		transform: rotateY(180deg);
	}

.menu-list-item:last-child
	{
		border-bottom: 1px solid transparent;
	}