/*Status Text*/

.info {
	color: #ccc;
	border-color: #ccc;
	background-color: rgba(20, 20, 20, 0.1);
}

.warning {
	color: yellow;
	border-color: yellow;
	background-color: rgba(255, 255, 0, 0.1);
}

.error {
	color: red;
	border-color: red;
	background-color: rgba(255, 0, 0, 0.1);}

.statusNotice {
	padding: 8pt;
	border-radius: 8pt;
	border-width: 2pt;
	border-style: solid;
	font-size: 1.6em;
}

header a {
	border: none;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

header a :hover {
	background-color: rgba(255, 255, 255, 0.075);
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
header a :active {
	background-color: rgba(255, 255, 255, 0.175);
}

#header .content p {
	text-transform: unset;
	letter-spacing: 0.1em;
}

/*SVG Icons*/
/*path {
	color: white;
	border-radius: 0%;
}

path :hover {
	border-radius: 0%;
}

object.svg-embed {
	height: 50%;
	vertical-align: middle;
	padding-bottom: 3pt;
}

object.svg-embed * :hover {
	background-color: transparent !important;
}

object.svg-embed * * :hover {
	background-color: transparent !important;
}

object.svg-embed * * * :hover {
	background-color: transparent !important;
}

object.svg-embed * * * * :hover {
	background-color: transparent !important;
}


header a div.logo object.svg-embed :hover {
	border-radius: unset !important;
	background-color: pink;
}
*/

img.svg-icon {
	height: 50%;
	vertical-align: middle;
	background-color: transparent !important;
}

.svg-container {
	display: inline-block;
}

/*Misc*/
.hide {
	display: none;
}

/*Upload Progress*/
table tbody tr td {
	vertical-align: middle;
}

table tbody tr td.imageColumn {
	max-width: 100pt;
	overflow: hidden;
}

td.progressContainer {
	width: 45%;
}

div.progress {
	border: 1pt solid #ccc;
	margin: 8pt;
	border-radius: 8pt;
}

div.progress-bar {
	background-color: #4acfcf;
	width: 0%;
	height: 24pt;
	border-radius: 8pt;
}

/*Image Gallery*/
.gallery-title {
	display: inline-flex;
}

.gallery-title .svg-container {
	margin-left: 8pt;
}

div#gallery-image-content {
	display: flex;
}

div#gallery-image-content .gallery-control a {
	display: block;
	border-bottom: none;
}

div#gallery-image-content .gallery-control a img {
	height: 44pt;
}

div#gallery-image-content .svg-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

div#gallery-image-content > img {
	margin: 0 16pt;
}

@media (min-width: 80em) {
	#main article {
		min-width: 1000pt;
	}
}

/*Shared Albums*/
#main article#albums .thumbnailColumn {
	display: flex;
	align-content: center;
	justify-content: center;
}

#main article#albums a img {
	max-width: 64px;
	max-height: 64px;
}

#adminAlbumManagement form {
	margin: unset;
}