/* ........................................................................................................................... */
/* Stylesheet Human Factor Services .......................................................................................... */
/* ........................................................................................................................... */
/* ........................................................................................................................... */
/* ........................................................................................................................... */
/* ........................................................................................................................... */
/* ............................................................................................2004-2020.Thomas.Wolter........ */
/*
 color: #2C516B;
*/

nav {
  position: sticky;
  background-color: #f8f8f8;
}

.navi_hier {
 color:yellow;
}

h2 {
 font-size:1.5rem;
 font-weight:normal;
 padding:0;
 padding-bottom:0.1rem;
 color: #2C516B;
}

h3 {
 font-size:1.3rem;
 padding-bottom:0.1rem;
 color: #2C516B;
}

td {
  vertical-align: top;
}

.shrink {
  border-collapse: collapse;
  border-spacing: 0;
  white-space: no-wrap;
  width:1px;
  padding:0px;
  margin:0px;
}

#inhalt {
  padding:0.5rem;
}

.card {
  padding:0.5rem;
  background-color:#fefefe; 
}

.click_mich {
	cursor: pointer;
}

.geklickt:visited {
 color: green;
}

.hfs-button {
  background-color: #2C516B;
}

.copyright {
 position: fixed;
 z-index: 4;
 bottom: 0rem;
 padding:0.2rem;
 width:100%;
 text-align:center;
 font-size:0.7rem;
 background-color: #d7e5e8;
}

@keyframes readybut {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}

.hfs-ready-button {
  animation: readybut 1500ms infinite;
}

.hfs-traeger {
  padding:1rem;
  margin:0.2rem;
  margin-top:0;
  border-radius: .2em;
  border:1px solid #ccc;
  width:100%;
  background-color:#fafafa; 
}

.hfs-inhalt-traeger {
  padding:1.2rem;
  padding-top:0.8rem;
  margin:0;
  width:100%;
}

.right {  text-align:right; }
.left {  text-align:left; }

.topspace {
  padding-top:0.4rem;
}

.hfs-login {
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  background-color: #fafafa;
}

.datentabelle {
 font-size:1rem;
 padding:0.1rem;
}

.datentabelle td {
 padding:0.3rem;
 margin:0.1rem;
 border:1px solid #ccc;
 vertical-align:top;
 word-wrap:break-word;
}

.datentabelle tr:hover {
  background-color: lightblue;
}

#kunden {
  border: 1px solid blue;
  display:inline-block;
  width:auto;
  height:auto;
}

@media (max-width:599px){
 .hide-small {  
  display:none;
 }
}

@media (min-width:599px){
 .show-small {  
  display:none;
 }
}

@media (min-height:300px){
 .hfs-login {  margin-top: 3rem;  }
}
@media (min-height:500px){
 .hfs-login {  margin-top: 6rem;  }
}
@media (min-height:650px){
 .hfs-login {  margin-top: 9rem;  }
}
@media (min-height:800px){
 .hfs-login {  margin-top: 12rem;  }
}

/* jQueryUI Dialoge */
.ui-dialog {
  background-color: #eee;
  border: 1px outset #2C516B;
  border-radius: 0.3rem;
}
.ui-dialog-titlebar {
  background-color: #2C516B;
  color:white;
  border-radius: 0.3rem;
}
.ui-dialog-titlebar-close {
  border-radius: 0.3rem;
  display:none;
}
.ui-dialog-buttonpane {
  background-color: #eee;
}
.ui-widget-overlay {
  opacity:70%;
  background-color:#eee;
}

.remove-all-styles {
    all: revert;
}