/*Folgend der allgemeine Style für Formatierung der Objekte, am Ende kann das Theme projektspezifisch angepasst werden*/
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,600&display=swap');
/* Style der XPlanValidator Startseite */
html, body, tr{
  margin: 0;
  padding: 0;
  top:0;
  }
body, table td, select, button {
  font-family: Arial Unicode MS, Arial, sans-serif;
  font-size: small;
  }
h1, h2, h3 {
  font-family: 'Exo', sans-serif;
}
select {
  background: white;
  border-bottom-color: #000000;
  border-bottom-width: 1px;
  padding:2px;
  }
.gwt-Label{
  padding-right:30px;
  padding-top: 5px;
  padding-bottom: 10px;
  }
.gwt-TextBox {
  padding: 3px 5px;
  font-size: small;
  font-family: Arial Unicode MS, Arial, sans-serif;
  margin-left:10px;
  }

body {
  background-color: #e6e6e6;
  background: rgb(128,128,128);
  background: -moz-linear-gradient(top,rgba(128,128,128,1) 0%,rgba(230,230,230,1) 75%,rgba(230,230,230,1) 100%);
  background: -webkit-linear-gradient(top,rgba(128,128,128,1) 0%,rgba(230,230,230,1) 75%,rgba(230,230,230,1) 100%);
  background: linear-gradient(to bottom,rgba(128,128,128,1) 0%,rgba(230,230,230,1) 75%,rgba(230,230,230,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080',endColorstr='#e6e6e6',GradientType=0);
  min-height: 100vh;
}

.main {
  background: url(img/XLeitstelle_web_background_2.png);
  background-repeat: no-repeat;
  background-size: contain;
  width:100%;
  height:100%;
  position: absolute;
}
#maincontent {
  width: 900px;
  height: 100%;
  margin: 0 auto;
  background: #fff;
  background-image: url(img/xleitstelle-x.svg);
  background-size: 80em;
  background-repeat: no-repeat;
  background-position: -200px 150px;
  background-size: cover;
}

#maincontent #header {
  background: #e6e6e6;
  padding: 1em 3.3em;
  text-align: right;
  margin-bottom: 1em;
}
#header h1 {
  display: inline-block;
  float: left;
  font-size: 3em;
  font-weight: bold;
  margin: 0.1em 0 0;
}

button.helpBt {
  float: right;
  margin-right: 3.3em;
}

#header img {
  width: 240px;
  display: inline-block;
}

div#footer-second {
  position: absolute;
  bottom: 0;
  background: #e6e6e6;
  width: 100%;
}
div#footer-second ul li a:hover {
  color: #337ab7;
}
div#footer-second ul li a {
  text-decoration: none;
  color: #757575;
}
div#footer-second ul li {
  display: inline-block;
  margin-right: 10px;
}
div#footer-second ul {
  list-style: none;
  padding: 0;
}

/* Buttons */
button{
  padding: 3px 5px;
  cursor:pointer;
  border-radius:4px;
  color:#fff;
  }
button:hover, button:focus, button:active:focus, button:active{
  text-decoration:none;
  color:#fff;
  }
button:active{
  -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
  }
button[disabled], button[disabled]:hover, button[disabled]:active, button[disabled]:focus, button[disabled]:active:focus{
  cursor: default;
  color: #666;
  background-color: #bbb;
  border-color: #bbb;
  -webkit-box-shadow:none;
  box-shadow:none;
  }

/*Dialogboxen*/
.gwt-DialogBox{
  background-color: #FFF;
  padding:20px;
  border: 1em solid #bbb;
  margin: 1em;
  }
.gwt-DialogBox .Caption {
  padding: 5px 5px 5px 16px;
  margin-bottom: 20px;
  cursor: default;
  font-weight: bold;
  font-size: larger;
  letter-spacing: 1px;
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #D2D2D2;
  }
.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  }


/*Projektspezifisches Theme*/

/*xplanweb*/
h1{
  color: #757575;
  }
h2{
  color: #8e8e8e;
  }

/*form{
	padding-top:15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #e0e0e0;
	background-image: -webkit-linear-gradient(#e6e6e6 0%, #b3b3b3 100%);
	background-image: -moz-linear-gradient(#e6e6e6 0%, #b3b3b3 100%);
	background-image: -o-linear-gradient(#e6e6e6 0%, #b3b3b3 100%);
	background-image: linear-gradient(#e6e6e6 0%, #b3b3b3 100%);
	margin:auto;
	width:1000px;
  }*/
  
form {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: #fff;
    margin: 1em auto;
    width: 800px;
    border: 1px solid #9d9d9c;
}
button{
	background-color:#337ab7;
  font-family: Arial;
  padding: 1em;
  border-radius: 2px;
  border: none;
  }
button:hover, button:focus, button:active:focus, button:active{
	background-color:#006ec0;
}
.removeButtonColumn button{
  border:1px solid #e70026;
  background-color:#cd0022;
  font-family: Arial;
  }
.removeButtonColumn button:hover, .removeButtonColumn button:focus, .removeButtonColumn button:active:focus, .removeButtonColumn button:active{
  background-color:#ff012b;
  border-color:#e70026;
  }
button[disabled], button[disabled]:hover, button[disabled]:active, button[disabled]:focus, button[disabled]:active:focus{
  color: #666;
  background-color: #bbb;
  border-color: #bbb;
  }
.gwt-DialogBox{
	background-color: #FFF;
	padding:20px;
	border: 1em solid #bbb;
	margin: 1em;
	}

#footer{
	font-size: small;
	color: #005fa6;
	text-align:center;
	width: 100%;
}

.valOptionsPanel {
    margin-left: auto;
    margin-right: auto;
}

.valOptionsPanel button{
    margin-top: 15px;
}

.valOptionTitle {
  color: #000000;
  font-weight: bold;
  font-size: larger;
}

.valOptionLabel {
    color: #000000;
    font-weight: bold;
    margin-top: 10px;
}

.valOptionsForm {
  padding-left: 25px;
}

.valOption {
    margin-left: 30px;
}

.helpBt {
    margin-right: 15px;
}

/*Stylingversuch für den Durchsuchenbutton*/
input[type=file] button {
	background-color:#005fa6;	
}