body,html{
  height:100%;
}

.dropdown-menu {
	min-width:100px;
}

#map-canvas{
	height: 100%;
}

#chart-canvas {
	height: 300px;
};

#map-container {
	min-height: 300px;
}

.pac-container:after {  /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */
	background-image: none !important;
	height: 0px;
}

.borderless {
	margin-bottom: 0px !important;
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
	border: none;
}

.btn-space {
	margin-bottom: 10px;
}

.vert-space {
	margin-bottom: 10px;
	margin-top: 10px;
}

.slider.slider-horizontal {
  width: 100%;
}

.glyphicon-spin {
	-webkit-animation: spin 1000ms infinite linear;
	animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.footer {
  background-color: #f5f5f5;
  margin-top:20px;
  padding-top:20px;
  padding-bottom:20px;
}

.page-header {
 margin-top: 20px;
}

input:invalid {
  background-image: url("../images/cross.png");
  background-size: 15px 15px;
  background-position: right 2px center;
  background-repeat: no-repeat;
}

input:required {
  background-image: url("../images/warning.png");
  background-size: 15px 15px;
  background-position: right 2px center;
  background-repeat: no-repeat;
}

input:required:valid {
  background-image: url("../images/ok.png");
  background-size: 15px 15px;
  background-position: right 2px center;
  background-repeat: no-repeat;
}

.social-wrap {
	height: 30px;
}

.fb-wrap {
	width: 130px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.gplus-wrap {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}


/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/* By default it's not affixed in mobile views, so undo that */
.bs-docs-sidebar.affix {
  position: static;
}
@media (min-width: 768px) {
  .bs-docs-sidebar {
	padding-left: 20px;
  }
}

/* First level of nav */
.bs-docs-sidenav {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* All levels of nav */
.bs-docs-sidebar .nav > li > a {
  display: block;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #767676;
}
.bs-docs-sidebar .nav > li > a:hover,
.bs-docs-sidebar .nav > li > a:focus {
  padding-left: 19px;
  color: #563d7c;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #563d7c;
}
.bs-docs-sidebar .nav > .active > a,
.bs-docs-sidebar .nav > .active:hover > a,
.bs-docs-sidebar .nav > .active:focus > a {
  padding-left: 18px;
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
  border-left: 2px solid #563d7c;
}

/* Nav: second level (shown on .active) */
.bs-docs-sidebar .nav .nav {
/*  display: none; */ /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
}
.bs-docs-sidebar .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal;
}
.bs-docs-sidebar .nav .nav > li > a:hover,
.bs-docs-sidebar .nav .nav > li > a:focus {
  padding-left: 29px;
}
.bs-docs-sidebar .nav .nav > .active > a,
.bs-docs-sidebar .nav .nav > .active:hover > a,
.bs-docs-sidebar .nav .nav > .active:focus > a {
  padding-left: 28px;
  font-weight: 500;
}

/* Back to top (hidden on mobile) */
.back-to-top,
.bs-docs-theme-toggle {
  display: none;
  padding: 4px 10px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #999;
}
.back-to-top:hover,
.bs-docs-theme-toggle:hover {
  color: #563d7c;
  text-decoration: none;
}
.bs-docs-theme-toggle {
  margin-top: 0;
}

@media (min-width: 768px) {
  .back-to-top,
  .bs-docs-theme-toggle {
	display: block;
  }
}

/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-docs-sidebar .nav > .active > ul {
	display: block;
  }
  /* Widen the fixed sidebar */
  .bs-docs-sidebar.affix,
  .bs-docs-sidebar.affix-bottom {
	width: 213px;
  }
  .bs-docs-sidebar.affix {
	position: fixed; /* Undo the static from mobile first approach */
	top: 20px;
  }
  .bs-docs-sidebar.affix-bottom {
	position: absolute; /* Undo the static from mobile first approach */
  }
  .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
  .bs-docs-sidebar.affix .bs-docs-sidenav {
	margin-top: 0;
	margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-docs-sidebar.affix-bottom,
  .bs-docs-sidebar.affix {
	width: 263px;
  }
}

.cookie-message {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  margin-bottom: 0px !important;
  z-index: 9999;
}

/*
.cookie-message-color {
  background:#fff;
  border-top:1px solid #ccc;
  box-shadow:3px 0px 0px #ccc;
}

.cookie-message p, .cookie-message a {
  color:#333;
  font:bold 11px/18px Arial;
  margin:0.6em 0;
}
*/

.blue {
  border-bottom:1px solid #0E83AE;
  background-color:#0990c3;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e83ae), color-stop(50%, #0990c3), color-stop(100%, #0e9dd2));
  background: -webkit-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -moz-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -o-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -ms-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: linear-gradient(#0e83ae, #0990c3, #0e9dd2);
}
.blue p, .blue a { color:#fff; }

#user-table td {
	padding:0;
	font-size:12px;
	border:0;
	background:transparent;
	vertical-align: middle;
}
#user-table td:first-child {
	padding-right:5px;
	text-align:right;
	font-weight:bold;
}
#user-table input {
	margin:0;
}


/* Added support for full height inner containers (.block-*-height) (eg. full height bg-color but adhering to gutters on the  cols etc.)  Original: http://www.minimit.com/ */
/* vertical alignment styles */
.col-top {
	vertical-align : top;
}
.col-middle {
	vertical-align : middle;
}
.col-bottom {
	vertical-align : bottom;
}

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

/* columns of same height styles */
.container-xs-height {
	display       : table;
	padding-left  : 0px;
	padding-right : 0px;
}
.row-xs-height {
	display : table-row;
}
.col-xs-height {
	display : table-cell;
	float   : none;
	height  : 100%;
}
.block-sm-height {
	display : table;
	height  : 100%;
}

.subscription {
	padding:10px;
	display:inline-block;
	background:#EEE;
	border-color:#DDD;
	margin:5px;
}

.announcement {
	border:1px solid #8D8;
	background:#BFB;
	color:#040;
	font-size:16px;
	padding:10px;
}

.panel-warning {
	border:1px solid #AAA;
	border-radius: 5px;
	background:#DDD;
}
.panel-warning > .panel-heading {
	background:transparent;
	border:none;
	color: #888;
}

@media (min-width : 768px) {
	.container-sm-height {
		display       : table;
		padding-left  : 0px;
		padding-right : 0px;
	}
	.row-sm-height {
		display : table-row;
	}
	.col-sm-height {
		display : table-cell;
		float   : none;
		height  : 100%;
	}
	.block-sm-height {
		display : table;
		height  : 100%;
	}
}
@media (min-width : 992px) {
	.container-md-height {
		display       : table;
		padding-left  : 0px;
		padding-right : 0px;
	}
	.row-md-height {
		display : table-row;
	}
	.col-md-height {
		display : table-cell;
		float   : none;
		height  : 100%;
	}
	.block-md-height {
		display : table;
		height  : 100%;
	}
}
@media (min-width : 1200px) {
	.container-lg-height {
		display       : table;
		padding-left  : 0px;
		padding-right : 0px;
	}
	.row-lg-height {
		display : table-row;
	}
	.col-lg-height {
		display : table-cell;
		float   : none;
		height  : 100%;
	}
	.block-lg-height {
		display : table;
		height  : 100%;
	}
}

@media (prefers-color-scheme: dark) {
	a {
		color:orange;
	}
	.dropdown-menu {
		background-color:#444;
	}
	.dropdown-menu>li>a {
		color:#BBB;
	}
  	.footer {
  		background-color: #333;
  		color:#888;
	}
	.footer a {
		color:#FFF;
	}
	.form-control {
		background:#444;
		color:#BBB;
		border:1px solid gray;
	}
	body {
		background-color:#222;
		color:#BBB;
	}
	.panel {
		background-color:#111;
	}
	.panel-warning {
		border:1px solid #333;
	}
	.panel-warning>.panel-heading {
		color:#666;		
	}
	.table-striped>tbody>tr>td {
		border:1px solid gray;
	}
	.table-striped>tbody>tr {
		background-color: #303030;
	}
	.table-striped>tbody>tr:nth-of-type(odd) {
		background-color: #383838;
	}
	.announcement {
		border-top:1px solid #7C7;
		border-bottom:1px solid #7C7;
		border-left: none;
		border-right: none;
		background:#6A6;
		color:#020;
		font-size:16px;
		padding:10px;
	}
}