.login-form-outer{
  margin-top:1rem;
}
.login-skin{
  padding:1rem;
  background:#999696;
  color:#fff;
}
.login-skin a{
  color:#f9f9f9;
}
.login-skin label{
  color:#fff;
}

.slidecontainer {
  width: 100%;
}
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}
.loading {
    position:absolute;
    width:100%;
    height:100%;
	display:none;
}
.loading img {
    margin-top: -12px; 
    margin-left: -12px;
    position:absolute;
    top:30%;
    left:50%;
}

/*! CSS for Responsive Hidden Nav */
.responsive-hidden-nav-container {
  min-width: 240px;
  background: #1779ba;
  padding: .5rem 1rem;
  height: 14vh;
}

.responsive-hidden-nav {
  margin: 0;
  padding: 0;
  background-color: #fefefe;
  position: relative;
  min-width: 240px;
  background: #fefefe;
}

.responsive-hidden-nav a {
  display: block;
  padding: 1.25rem 2rem;
  background: #fefefe;
  font-size: 1.1em;
  color: #1779ba;
  text-decoration: none;
}

.responsive-hidden-nav a:hover {
  color: #0c3e5f;
}

.responsive-hidden-nav button {
  position: absolute;
  height: 100%;
  right: 0;
  padding: 0 1rem;
  border: 0;
  outline: none;
  background-color: #115b8d;
  color: #fefefe;
  cursor: pointer;
}

.responsive-hidden-nav button:hover {
  background-color: #0c3e5f;
}

.responsive-hidden-nav button::after {
  content: attr(count);
  position: absolute;
  width: 2rem;
  height: 2rem;
  left: -1rem;
  top: .75rem;
  text-align: center;
  background-color: #0c3e5f;
  color: #fefefe;
  font-size: .9em;
  line-height: 1.6;
  border-radius: 50%;
  border: 0.25rem solid #fefefe;
  font-weight: bold;
}

.responsive-hidden-nav button:hover::after {
  -webkit-transform: scale(1.075);
      -ms-transform: scale(1.075);
          transform: scale(1.075);
}

.responsive-hidden-nav .hamburger {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}

.responsive-hidden-nav .hamburger::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: '';
}

.responsive-hidden-nav .hamburger:hover::after {
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}

.responsive-hidden-nav .visible-links {
  display: inline-table;
  margin: 0;
  padding: 0;
}

.responsive-hidden-nav .visible-links li {
  display: table-cell;
  border-left: 1px solid #1779ba;
}

.responsive-hidden-nav .visible-links li:first-child {
  font-weight: bold;
}

.responsive-hidden-nav .visible-links li:first-child a {
  color: #1779ba !important;
}

.responsive-hidden-nav .hidden-links {
  position: absolute;
  right: 0;
  top: 100%;
  margin: 0;
  padding: 0;
}

.responsive-hidden-nav .hidden-links li {
  display: block;
  border-top: 0.0625rem solid #115b8d;
}

.responsive-hidden-nav .hidden {
  visibility: hidden;
}

.contextMenu {
border: 1px solid gray;
min-width: 125px;
list-style: none;
display: block;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 1em;
}

.contextMenu li {
	cursor: pointer;
	display: block;
	padding: 6px 12px;
}

	.contextMenu li:focus, .contextMenu li:hover {
		background-color: rgba(0,0,0,.05);
	}

.contextMenu a,
.contextMenu a:hover,
.contextMenu a:focus,
.contextMenu a:active {
	text-decoration: none;
	color: black;
	font-size: 14px;
}
.customInfobox {
padding:1em;
}
.name {
font-weight:600;
}
.ui-autocomplete {
z-index:2147483647;
}

.kachel {
	background-color:#f2f2f2;
	padding:0em;
	border:2px solid #6699cc;
	margin:0;
	padding-bottom:0;
}
.acenter
{
	width:100%;
	text-align:center;
	
}
.pheader {
	max-width:90rem;
}
@media (max-width:768px) {
	body,
	h2 {
		font-size: 14px;
	}
	h3 {
		font-size: 16px;
	}
	h1 {
		font-size: 20px;
	}
	.pheader {
		width:100%;
		margin:auto;
		margin-top:0;
		margin-bottom:0;
		padding:0;
		font-weight:900;
		text-align:center;
	}
	.pheader h1{
		font-weight:600;
		font-size:2.5em;
	}
}