.chars{
	display:grid;
	grid-template-columns:repeat(4,auto);
	grid-gap:5px;
	width:fit-content;
	padding:5px;
}
.chars span{
	padding:5px;
	border-radius:7px;
	border:none;
	box-shadow:0 0 5px black;
	font-size:12px;
}
.chars span:nth-child(2n+1){
	background:coral;
}
.chars span:nth-child(2n){
	background:lightgreen;
}
.chars span:nth-child(3n){
	background:lightblue;
}
.chars span:nth-child(5n){
	background:#fb1d1d;
}
.labelClick{
	cursor:pointer;
    text-decoration: underline;
    color: #00AB00;
}
.labelClick:hover{
	color:darkcyan;
}
	.grid{
    	display:grid;
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto 1fr auto;
        height:100%;
    }
    .ManagementPageHeader{
      font-size:20px;
      font-weight:bold;
      font-family:Times New Roman;
      color:#4082e6;
      background:#d7dfe8;
      padding-left:5px;
    }
    .ManagementPageDescription{
    	border:solid #4082e6 2px;
      padding:5px;
      margin:5px;
      width:calc(100% - 23px);
      text-indent:15px;
      letter-spacing: 2px;
      line-height: 30px;
      font-family:Times New Roman;
      text-align:justify;
    }
    .ManagementPageFormular{
    	background:#d7dfe8;
      color:#4082e6;
    }
    .ManagementPageFormular > *{
    	float:right;
    }
    .ManagementPageFormular > div:nth-child(1) button{
    	background:none;
        border:none;
        color:inherit;
	    width:150px;
        margin-left:10px;
        cursor:pointer;
    }
    .ManagementPageFormular button:hover{
    	background:#3f8b8b;
    }
    .ManagementPageFormular input:not([class="searchBar"]),.ManagementPageFormular select{
    	padding:5px;
        background:transparent;
        color:#4082e6;
        border:solid #4082e6 1px;
        width:150px;
    }
    .ManagementPageFormular select{
    	padding:4px;
    }
    .ManagementPageFormular select option{
    	background:#4082e6;
        color:white;
    }
    .content{
    	width:100%;
      border-collapse:collapse;
    }
		.content tbody td{
			text-align:center;
		}
		.content tbody td:nth-child(1),th:nth-child(1){
			text-align:left;
		}
		.content tbody td:nth-last-child(1):not(.timeDisplay){
			text-align:right;
		}
    .content b{
    	float:left;
    }
    .content thead button{
      background:transparent;
      border:none;
      color:white
    }
    .ManagementPageFooter{
        padding:5px;
    	position:sticky;
        bottom:0;
        background:#d7dfe8;
        color:#4082e6;
    }
    .ManagementPageContenu{
    	height:100%;
      overflow-y:auto;
    }
    button ol{
    	padding:0;
        margin:0;
        list-style-type:none;
    }
    button ol li{
    	display:inline;
      vertical-align:middle;
    }
.reqDesc{
    text-indent:15px;
    line-height:15px;
    text-align:justify;
    padding:5px;
    border-bottom:solid black 1px;
    font-family:'Times New Roman'
}