@import 'theme.css';

:root {
  --floor-background-color:   #FFFFE7;

  --panel-background-color: #FFFFE7;
  --panel-padding: 16px;
  --panel-margin: 8px;
  --panel-border-radius:8px;
  --panel-border-color:#AAAAAA;
  --panel-border-style:solid;

}

.test-class{
  background-color: pink
}
div * {
  overflow-wrap: break-word;
  word-wrap: break-word;  /* For older browsers */
  word-break: break-word;
  white-space: normal;
  
}
body{
  background-color: var(--floor-background-color);
}
body *{
  background-color: var(--floor-background-color);
  font-family: "Tahoma";
  font-weight: bold;
  font-size:16px;
}
ul {
  list-style-type: none;
  padding: 4px;
  margin: 4px;
}
ul label{
  padding: 4px;
  margin: 4px;
}

a{
  color : #000000;
  text-decoration: none;
  display:block;
}
a:hover{
  color:blue;
}

.header div{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:10px;
  color:var(--panel-foreground-color) ;
  background-color:var(--panel-background-color);
  font-weight: bold;
  border-width:1px;
  border-color:#BBBBBB;
  border-style:solid;
  border-radius: 8px;
}
.header *{
  padding: 0px 10px 0px 10px
}
@media (max-width : 1200px){
  .header * {
    font-size: 0px;
    padding:5px;
  }
}

.footer div{
  display:flex;
  margin: 10px 20px 10px 20px;
}

.footer a{
  padding: 10px 20px 10px 20px
}

.menubar{
  /*
  float:left;
  width: 10%;
  padding:0.5%;
  margin-left:0.5%;
  margin-top:0.5%;
  color:var(--panel-foreground-color) ;
  background-color:var(--panel-background-color);
  border-width:1px;
  border-radius: 8px;
  border-color:#BBBBBB;
  border-style:solid;
  */
}
th {
  background-color: #FFFFE7;
  border-radius: 8px;
  border-color:#AAAAAA;
  border-style:solid;
}
.main{
  float:right;
  width: 100%;
  background-color: var(--panel-background-color);
  color:var(--panel-foreground-color) ;
  border-width:1px;
  border-radius: 8px;
  border-color:#BBBBBB;
  border-style:solid;
  padding:1%;
  margin:0.5%;
}