html body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
	font-size: 0.9rem;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 36px !important;
}

h1 {
	display: block;
	font-size: 1.5em;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

h2 {
	display: block;
	font-size: 1.17em;
	margin-top: 0.83em;
	margin-bottom: 0.83em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

h3 {
	display: block;
	font-size: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

h4 {
	display: block;
	font-size: 1em;
	font-size: .83em;
	margin-bottom: 1.33em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

h5 {
	display: block;
	font-size: .67em;
	margin-top: 1.67em;
	margin-bottom: 1.67em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

h6 {
	display: block;
	font-size: .60em;
	margin-top: 2.33em;
	margin-bottom: 2.33em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

/* header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 40px;
	background-color: #FBF315;
}
 */
footer {
	position: fixed;
	background-color: #434343;
	width: 100%;
	height: 40px;
	bottom: 0;
	padding-top: 10px;
	text-align: center;
	color: white;
	font-weight: bold;
}

footer a, footer a:hover, footer a:visited, footer a:active, footer a:link
	{
	color: #FBF315;
	text-decoration: none;
}

section {
	margin-top: 15px;
	margin-bottom: 15px;
	border: thin solid #EEEEEE;
	padding: 8px 5px 8px 5px;
	box-shadow: 0px 3px 6px 0px #A0A0A0;
	border-radius: 4px;
	background-color: rgba(220, 220, 220, 0.75) !important;
}

#fsspace label {
	width: 230px;
}

div .headdata {
	background-color: #CCCCCC;
	padding: 3px 3px 3px 3px
}

div .headdiv {
	background-color: #FBF315;
}

/* Navigation */
a.anchor {
	display: block;
	position: relative;
	top: -65px;
	visibility: hidden;
}

article aside ul {
	display: table;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	padding: 4px 4px 4px 4px;
}

.list-group {
	margin-bottom: 0;
}

.list-group-item.active {
	background-color: #FBF315;
	border-color: #FBF315;
	color: black;
	font-weight: bold;
}

dl {
	margin: 0;
}

article aside ul li {
	display: table-cell;
	padding: 5px 5px 5px 5px;
}

#horizontal-style {
	display: table;
	width: 100%
}

#horizontal-style li {
	display: table-cell;
}

#horizontal-style a {
	display: block;
	border: 1px solid red;
	text-align: center;
	margin: 0 5px;
	background: #999
}

main {
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 40px;
	text-align: left;
	width: 100%;
	overflow: hidden;
}

div.filterdiv {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.select2 {
	width: 100% !important;
}

.select2-container--default .select2-selection--single {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.select2-container .select2-selection--single {
	height: calc(1.5em + .75rem + 2px) !important;
	padding: .375rem .75rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
	{
	line-height: 1.5 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered
	{
	padding-left: 4px !important;
}

.dropdown-menu {
	/* background: #343a40; */
	background: rgba(251, 243, 21, 0.9);
	color: #000000;
}

.dropdown-item {
	color: #000000;
}

.dropdown-item:hover {
	background: #949013;
}

.dropdown-divider {
	border-top: 1px solid black;
}

.nav-item {
	font-size: 1em;
	font-weight: 600;
}

.navbar {
	padding-left: .5rem;
	padding-right: .5rem;
	padding-top: 0;
	padding-bottom: 0;
	background: #FBF315;
	border-bottom: 1px solid gray;
}

.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, .5);
	border: none;
}

.nav-link {
	color: black;
	padding: .3rem 1rem;
}

.navbar-light .navbar-nav .nav-link {
	color: black;
}

.nav-link:hover {
	background: #949013;
	color: white;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}

.well {
	display: flex;
	align-items: center;
}

.colwell {
	position: relative;
	width: 100%;
}

code {
	display: block;
	font-family: monospace;
	white-space: pre-wrap;
	background-color: black;
	color: white;
	padding: 8px 8px 8px 8px;
	border: 1px solid gray;
}

#login {
	padding-top: 44px;
	text-align: center;
	padding-bottom: 44px;
	display: block;
	margin: 0 auto;
}

/* Table */
table {
	font-size: 1em;
	margin: 0 auto;
}

/* cellspacing="5" */
tbody.tbodysmaller {
	font-size: 0.88em;
}

caption {
	caption-side: top
}

table caption {
	margin-top: 5px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding-left: 25px;
	padding-right: 25px;
	color: black;
	background-color: #FBF315;
	font-weight: bold;
}

table caption span.right {
	float: right;
}

table caption span.left {
	float: left;
}

table.bookingoverview {
	width: 100%;
}

table.bookingoverview caption {
	color: black;
	font-weight: bold;
	font-size: 2em;
}

tfoot tr th {
	text-align: center;
	background-color: #434343;
	color: white;
}

tfoot tr th:first-child {
	border-bottom-left-radius: 10px;
}

tfoot tr th:last-child {
	border-bottom-right-radius: 10px;
}

.table th, .table td {
	padding: .25rem !important;
}

td.valign-middle {
	vertical-align: middle;
}

thead tr th {
	background-color: #434343;
	color: white;
	text-align: center;
	text-transform: uppercase;
}

td.center {
	text-align: center;
}

td.left {
	text-align: left;
}

td.right {
	text-align: right;
}

tr:hover, tr.even:hover, tr.odd:hover {
	background-color: #FEFEFE;
}

tr.even {
	background-color: #EEEEEE;
}

tr.even td {
	border: 1px solid #DDDDDD;
}

tr.odd {
	background-color: #DDDDDD;
}

tr.odd td {
	border: 1px solid #EEEEEE;
}

tr.valid {
	background-color: #4CAF50;
}

tr.valid:hover {
	background-color: #5CBF60;
}

tr.invalid {
	background-color: #ff9800;
}

tr.invalid:hover {
	background-color: #FFA911;
}

/* Alert */
.alert {
	padding: 20px;
	background-color: #f44336;
	color: white;
	opacity: 1;
	transition: opacity 0.6s;
	margin-bottom: 15px;
}

.alert.success {
	background-color: #4CAF50;
}

.alert.info {
	background-color: #2196F3;
}

.alert.warning {
	background-color: #ff9800;
}

.closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

.closebtn:hover {
	color: black;
}

/* Upload */
.ui-draggable, .ui-droppable {
	background-position: top;
}

.upload_form_cont {
	background: -moz-linear-gradient(#ffffff, #f2f2f2);
	background: -ms-linear-gradient(#ffffff, #f2f2f2);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #f2f2f2));
	background: -webkit-linear-gradient(#ffffff, #f2f2f2);
	background: -o-linear-gradient(#ffffff, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#f2f2f2');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')";
	background: linear-gradient(#ffffff, #f2f2f2);
	color: #000;
	overflow: hidden;
}

#upload_form {
	float: left;
	padding: 20px;
	width: 100%;
}

#preview {
	background-color: #fff;
	display: block;
	float: right;
	width: 200px;
}

#upload_form>div {
	margin-bottom: 10px;
}

#speed, #remaining {
	float: left;
	width: 100px;
}

#b_transfered {
	float: right;
	text-align: right;
}

.clear_both {
	clear: both;
}

input {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #ccc;
	font-size: 14pt;
	padding: 5px 10px;
	/* margin: 2px 2px 2px 2px;
	box-shadow: 2px 2px 2px 0px #ccc; */
}

:-webkit-autofill::first-line, :-webkit-autofill, :-webkit-autofill:hover,
	:-webkit-autofill:focus, :-webkit-autofill:active {
	font-size: 1rem !important;
	box-shadow: none;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form-control-file {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	color: #495057;
	background-color: #fff;
	border-radius: .25rem;
}

.btn-primary {
	color: #000;
	background-color: #ffffff;
	border-color: #AAAAAA;
}

.btn-primary:hover {
	color: #000;
	background-color: #FBF315;
	border-color: #AAAAAA;
}

input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}

select {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #ccc;
	font-size: 14pt;
	padding: 5px 10px;
	/* margin: 2px 2px 2px 2px;
	box-shadow: 2px 2px 2px 0px #ccc; */
}

/*
input[type=button] {
	background: -moz-linear-gradient(#ffffff, #dfdfdf);
	background: -ms-linear-gradient(#ffffff, #dfdfdf);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #dfdfdf));
	background: -webkit-linear-gradient(#ffffff, #dfdfdf);
	background: -o-linear-gradient(#ffffff, #dfdfdf);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#dfdfdf');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf')";
	background: linear-gradient(#ffffff, #dfdfdf);
}
*/
button.clipbtn, button.linkbtn, button.sshbtn, button.vncbtn {
	background-repeat: no-repeat;
	background-size: 24px 24px;
	display: inline-block;
	border: none;
	margin: 0 auto;
	background-color: transparent;
	padding: 0;
	width: 24px;
	height: 24px;
	vertical-align: top;
}

button.clipbtn {
	background-image: url('../img/icons/clipboard.png');
}

button.sshbtn {
	background-image: url('../img/icons/console.png');
}

button.linkbtn {
	background-image: url('../img/icons/web.png');
}

button.vncbtn {
	background-image: url('../img/icons/vnc.png');
}

button.clipbtn:active {
	background-image: url('../img/icons/clipboard.active.png');
}

button.sshbtn:active {
	background-image: url('../img/icons/console.active.png');
}

button.linkbtn:active {
	background-image: url('../img/icons/web.active.png');
}

button.vncbtn:active {
	background-image: url('../img/icons/vnc.active.png');
}

*:focus {
	outline: none;
}

.form-control:focus .form-control-mainfo:focus {
	border-color: #ccc;
	outline: none;
	box-shadow: none;
}

.form-control-mainfo {
	font-size: 0.85rem;
	padding: .175rem .4rem;
}

div.searchtext {
	outline: none;
}

textarea {
	vertical-align: middle;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #ccc;
	font-size: 14pt;
	padding: 5px 10px;
	margin: 2px 2px 2px 2px;
	box-shadow: 2px 2px 2px 0px #ccc;
}

figure {
	width: 200px;
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
}

figure img {
	width: 100%;
}

figcaption {
	padding: 0.5em;
	text-align: left;
}

figcaption ul {
	list-style-type: none;
}

div.sectionheader {
	text-align: left;
	margin: 0 auto;
	width: 680px;
	border-bottom: 1px solid black;
	padding: 0;
}

div.sectionheader h2 {
	margin-bottom: 0px;
	display: table;
	padding: 5px 5px 5px 5px;
}

.searchbar {
	text-align: center;
	background-color: #FDFDFD;
}

#image_file {
	width: 400px;
}

#progress_info {
	font-size: 10pt;
}

#fileinfo, #error, #error2, #abort, #warnsize {
	color: #aaa;
	display: none;
	font-size: 10pt;
	font-style: italic;
	margin-top: 10px;
}

#progress {
	border: 1px solid #ccc;
	display: none;
	float: left;
	height: 14px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: -moz-linear-gradient(#66cc00, #4b9500);
	background: -ms-linear-gradient(#66cc00, #4b9500);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc00),
		color-stop(100%, #4b9500));
	background: -webkit-linear-gradient(#66cc00, #4b9500);
	background: -o-linear-gradient(#66cc00, #4b9500);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00',
		endColorstr='#4b9500');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500')";
	background: linear-gradient(#66cc00, #4b9500);
}

#progress_percent {
	float: right;
}

#upload_response {
	margin-top: 10px;
	padding: 20px;
	overflow: hidden;
	display: none;
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 5px #ccc;
	background: -moz-linear-gradient(#bbb, #eee);
	background: -ms-linear-gradient(#bbb, #eee);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb),
		color-stop(100%, #eee));
	background: -webkit-linear-gradient(#bbb, #eee);
	background: -o-linear-gradient(#bbb, #eee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb',
		endColorstr='#eee');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee')";
	background: linear-gradient(#bbb, #eee);
}

.container {
	height: 100%;
	align-content: center;
}

.card {
	background-color: rgba(220, 220, 220, 0.75) !important;
	margin-top: 36px;
}

.card-body section {
	margin: 0;
	padding: 0;
	background-color: transparent !important;
	border: none;
	box-shadow: none;
}

.social_icon span {
	font-size: 60px;
	margin-left: 10px;
	color: #FFC312;
}

.social_icon span:hover {
	color: white;
	cursor: pointer;
}

.social_icon {
	position: absolute;
	right: 20px;
	top: -45px;
}

.input-group-prepend span {
	width: 50px;
	background-color: #FBF315;
	color: black;
	border: 0 !important;
}

input:focus {
	outline: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;
}

.remember {
	color: white;
}

.remember input {
	width: 20px;
	height: 20px;
	margin-left: 15px;
	margin-right: 5px;
}

.login_btn {
	color: black;
	background-color: white;
	width: 100px;
}

.login_btn:hover {
	color: black;
	background-color: white;
}

.links a {
	margin-left: 4px;
	font-weight: 600;
}

.scroll {
	color: #fff;
	margin-top: 100px
}

#toTopBtn {
	position: fixed;
	bottom: 0px;
	right: 15px;
	z-index: 98;
	padding: 20px;
	background-color: rgba(251, 243, 21, .8);
}

.js .cd-top--fade-out {
	opacity: .5
}

.js .cd-top--is-visible {
	visibility: visible;
	opacity: 1
}

.js .cd-top {
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s, visibility .3s, background-color .3s
}

.cd-top {
	position: fixed;
	bottom: 20px;
	bottom: var(- -cd-back-to-top-margin);
	right: 20px;
	right: var(- -cd-back-to-top-margin);
	display: inline-block;
	height: 40px;
	height: var(- -cd-back-to-top-size);
	width: 40px;
	width: var(- -cd-back-to-top-size);
	box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
	background: url(../svgs/cd-top-arrow.svg) no-repeat center 50%;
	background-color: hsla(5, 76%, 62%, .8);
	background-color: hsla(var(- -cd-color-3-h), var(- -cd-color-3-s),
		var(- -cd-color-3-l), 0.8)
}