﻿html, body {
  margin:0;
  padding:0;
  font-family: Arial, sans-serif;
  height:100%;
}

html {
  font-size: 10px;
}

body {
  font-size: 1.4rem;
  background-color: #eaeff2;
}

legend 
{
  display: none;
}

.content {
  max-width: 400px;
  height:100%;
  background-color: gray;
}

form {
  padding: 10px;
}

fieldset 
{
  border:0;
  margin:0;
  padding:0;
}

.jshide 
{
  display: none;
}

.dropdown select {
  width:100%;
  padding: 0 0 0 11px;
  margin: 0;
  height: 45px;
  border-radius: 5px;
  border: 0;
  outline: none;
  font-size: 1em;
  font-weight: bold;
}

.dropdown select:focus 
{
  border: 0;
  outline: none;
}

.dropdown select::-ms-expand 
{
  background-color: #ffffff;
  border-radius: 5px;
  border: 0;
}

.dropdown select::-ms-value
{
  border-radius: 5px;
  background-color: white;
  color: inherit;
  border: 0;
}

option {
  padding: 0;
}

.geography input, .date input {
  width:100%;
  height: 45px;
  padding: 0;
  margin: 0;
  text-indent: 15px;
  border-radius: 5px;
  border: none;
  font-size: 1em;
  font-weight: bold;
}

.geography input:focus, .date input:focus {
  border:0;
  outline:0;
}

.errors-alternates ul {
  margin:0;
  padding:0;
}

.errors-alternates li {
  margin:0;
  padding:0;
  list-style:none;
}

a.submit {
  display: inline-block;
  background-color: #cb1b24;
  color: #ffffff;
  font-weight: bold;
  font-size: 1em;
  border-radius: 5px;
  cursor: pointer;
  outline:0;
  text-decoration:none;
  height: 45px;
  line-height: 45px;
  padding: 0 11px;
}

a.submit span {
  display: inline-block;
  vertical-align: middle;
}

div.date label, div.geography, div.dropdown label
{
  display: block;
  color: white;
  margin-top: 0.5em;
}

.js div.date
{
  position: relative;
  padding: 0 40px 0 0;
}

.js div.date input
{
   border-radius: 5px 0 0 5px;
}
  
.js .errors input {
  display: none;
}

.js .errors label {
  text-indent: 5px;
  display: inline-block;
}

div.date button {
  display: none;
  background-image: url(Images/Kalender.png);
  background-repeat: no-repeat;
}

.js div.date button
{
  border-radius: 0 5px 5px 0;
  background-color: #ffffff;
  border: 0;
  position: absolute;
  display: inline-block;
  outline: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .dropdown select {
    padding: 0 0 0 13px;
  }
}

.tabs {
    background-color: #eaeff2;
    overflow: hidden;
}

.tab {
  width: 50%;
  display: inline-block;
  text-align: center;
  float: left;
}

.tab a {
  display: block;
  padding: 5px;
  color: black;
  height: 16px;
}

.tab-active a {
  color: white;
  background-color: gray;
  border-radius: 5px 5px 0 0;
}

.count-and-submit {
  margin-top: 0.5em;
  overflow: hidden;
  line-height: 45px;
}

div.count, div.submit {
  display: inline-block;
  vertical-align: middle;
}

div.count {
  font-weight: bold;
  color: white;
}

div.submit {
  float: right;
}

.errors {
  margin-top: 0.5em;
}

.fieldsets {
  position: relative;
}

.ui-autocomplete .ui-state-focus
{
  background: #cb1b24;
  color: white;
  border-color: transparent;
}