/* General structure and style. */
html
{
	background-color:#333333;
}

body
{
	width:100vmin;
	min-height:100vh;
	background-color:#EFEFEF;
}

/* Structural and formatting elements. */
.padded
{
	width:100vmin;
	padding:5vmin;
}

.navbar
{
	padding:2vmin 5vmin;
}

.border-horizontal
{
	height:2px;
	border-top:1px #CCCCCC solid;
	border-bottom:1px #FFFFFF solid;
}

.border-vertical
{
	width:2px;
	border-left:1px #CCCCCC solid;
	border-right:1px #FFFFFF solid;
}

.align-left
{
	text-align:left;
}

.align-center
{
	text-align:center;
}

.align-right
{
	text-align:right;
}

.w10 { width:10%; }
.w12 { width:12%; }
.w15 { width:15%; }
.w16 { width:16%; }
.w17 { width:17%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w27 { width:27%; }
.w28 { width:28%; }
.w29 { width:29%; }
.w30 { width:30%; }
.w50 { width:50%; }

/* Custom styles. */
h1
{
	font-size:4vmin;
	margin-bottom:3vmin;
}

h5
{
	font-size: 1.75vmin;
	color: #666666;
}

pre
{
	font-size:1.25vmin;
	color:#333333;
	padding:2vmin;
	margin:0;
}

.file-actions
{
	width: 6vmin;
}

#tag-cloud
{
	margin: 3vmin 0 4vmin;
}

/* Bootstrap overrides. */
.dropdown-menu
{
	font-size:2.25vmin;
}

.dropdown-item
{
	padding: 2vmin 3vmin;
}

.nav-link
{
	font-size:2.75vmin;
}

#filelist
{
	color: #666666;
}

#filelist
{
	font-size: 1.75vmin;
}

#filelist .other-user
{
	font-size: 1vmin;
	color: #FFFFFF;
	background-color: #C75C5C;
}

a, a:hover
{
	color: #C75C5C;
}

a.active
{
	color: #686868;
}

.badge-pill
{
	font-size: 1.25vmin;
	background-color:#DDDDDD;
}

.badge-pill a
{
	color: #666666;
}

.badge-pill.active
{
	background-color: #C75C5C;
}

.badge-pill.active a
{
	color: #FFFFFF;
}

span.alert
{
	display:inline-block;
	margin:0;
}

a.alert
{
	display:inline-block;
	margin:0;
}

.alert-light
{
	background-color:#EFEFEF;
	border-color:#EFEFEF;
}

#filelist .row
{
	padding: 2vmin 0;
}

#permissions .row input
{
	margin-top: 1vmin;
}

.mode .alert-light
{
	font-size: 1.5vmin;
	font-weight: bold;
	color: #999999;
}

span.alert.alert-inline
{
	display: inline;
	padding: 1vmin;
}

.btn .badge-pill
{
	position:relative;
	top:-1.5vmin;
	left:-0.5vmin;
}

#foot .badge
{
	font-size:2vmin;
	font-weight:normal;
	border-radius:0;
}

#foot .badge-light
{
	background-color:#EFEFEF;
	border-color:#EFEFEF;
	padding:0;
}

.custom-file-input
{
	height: calc(2.875rem + 2px);
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	font-size: 125%;
}

.badge-danger .alert-link
{
	color: #FFFFFF;
}