/* roboto-condensed-regular - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

html, body {
  height:100%;
} 


body {
  
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400  !important;
    font-size: 18px;
    background-color: #fff;
    color: #000;
    margin: 0px;
  }

body, table{
  margin: 0px;
  overflow-y: scroll;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400  !important;
  font-size: 14px;
}

form {
  margin-top: 0;
  margin-bottom: 0;
}

.inputFields{

  margin: 0px;
  min-width: 50px;
  font-size: 14px; /* Changed fronm 12 */
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;

}

input,textarea,select{
  background-position:right center;
  padding-right: 20px;
  border:1px solid #ccc;
  padding:5px;
  /*font-family: arial;*/
  /*font-size: 12px;*/
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
  a {
    color: #000;
  }


  a:hover {
    color: #000;
  }

.container {
    background-image: url('../images/background-image.jpg');
    background-position: right top;
    background-repeat: repeat-x;
 /*   animation: move-background 40s linear infinite;*/
  }
  
  @keyframes move-background {
   /* from {
      background-position: right top;
    }
    to {
      background-position: left top;
    }*/
   /* 50% {background-position: top;}*/
  }


  .container {
    width: 100%;
    height: 100%;
    background-size: cover;
  }


.login {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
  
  .login {
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    /*padding: 20px; */
    text-align: center;


  }

#login_box{

  /*width: 480px;*/
  
  padding: 10px;
  position: relative;
  /*float: left;*/
  margin: 5px;
  z-index: 998;

}

.login div {
  padding: 5px;
}



#loginAuthorization{
  background-color: #FDD7D8;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 4px;
  text-align: center;
  color: #F00;
  z-index: 999;
  font-size: 16px;
  border: 1px solid #F00;
  text-transform: uppercase;
  position: relative;
}




.loginAuthorizationMessage{

}

.loader {
  width:26px;
  height:26px;
  border-radius:50%;
  border:8px solid;
  border-color:#1274ac #0000;
  animation:s1 1s infinite;
  display: inline-block;
}
@keyframes s1 {to{transform: rotate(.5turn)}}






  .footer {
    position: absolute;
    margin-left: 0px;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color:  #002438 ;
    opacity: 0.5;       /* modern browser */
    -moz-opacity: 0.5;  /* older Mozilla browser */


  }
  
  .footer ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding: 10px;
  }
  
  .footer li {
    display: inline-block;
    margin: 0 20px;
    padding: 0;
  }
  
  .footer a {
    font-size: 15px;
    color: white;
    text-decoration: none;
  }






  /* Stil für das modale Fenster */
#modal {
  display: none; /* Das Fenster wird standardmäßig ausgeblendet */
  position: fixed; /* Das Fenster bleibt an derselben Stelle, wenn der Benutzer die Seite scrollt */
  z-index: 1; /* Stellen Sie das Fenster über alle anderen Elemente */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4); /* Setzen Sie die Hintergrundfarbe des Fensters auf halbtransparent */
}

/* Stil für das Fensterinhalt */
#modal-content {
  background-color: white;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  height: calc(80vh - 10%);
  overflow-y: auto;
}

/* Stil für das Schließen-Symbol */
#close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

#close:hover,
#close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


input  {

  background: linear-gradient(#999, #999), linear-gradient(#999, #999), linear-gradient(#999, #999) !important;
  background-size: 1px 20%, 100% 1px, 1px 20% !important;
  background-position: bottom left, bottom center, bottom right !important;
  background-repeat: no-repeat !important;

  border: none !important;
  color: #000 !important;
}



.button {
  background-color: #d3d3d3;
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

.button {
  transition-duration: 0.4s;
}

.button:hover {
  background-color: #1274ac;
  color: white;
}

.button grey {
  background-color: #1274ac;
  color: white;

}
.button grey:hover {
  background-color: #d3d3d3;
  color: black;
}