table.gr_table {
  margin: auto auto auto auto;
  padding: 5px;
  border: 1px solid #1B1D4F;
  border-collapse: collapse;
  font-family: Verdana;
  font-size: 80%;
  font-weight: bold;
  background-color: #FBFCFF;
  clear: both;
}

table.modal_table {
  margin: auto auto auto auto;
  padding: 24px;
  border: 1px solid #1B1D4F;
  border-collapse: collapse;
  font-family: Verdana;
  font-size: 100%;
  font-weight: bold;
  background-color: #FBFCFF;
  clear: both;
}

table.filter_table {
  margin: auto auto auto auto;
  padding: 5px;
  border: 1px solid #1B1D4F;
  border-collapse: collapse;
  font-family: Verdana;
  font-size: 95%;
  font-weight: bold;
  background-color: #E2E2E7;
  clear: both;
}

select.table {
  -moz-appearance: none;
  border: none;
  padding: 8px;
  width: 100%;
  height: 100%;
  font-weight: bold;
  cursor: pointer;
}

select.table:hover {
  background-color: #ABB9FD;
}

select.non_table {
  -moz-appearance: none;
  border: 1px solid black;
  padding: 8px;
  font-weight: bold;
  cursor: pointer;
}

select.non_table:hover {
  background-color: #ABB9FD;
}

input[type=text].table {
  -moz-appearance: none;
  border: none;
  padding: 9px;
  width: 100%;
  height: 100%;
  font-weight: bold;
}

input[type=password].table {
  -moz-appearance: none;
  border: none;
  padding: 9px;
  width: 100%;
  height: 100%;
  font-weight: bold;
}

input.table:hover {
  background-color: #ABB9FD;
}

td {
  padding: 3px 5px 3px 5px;
}

table.modal_table td {
  border: 2px solid #8392B4;
  padding: 6px 10px 6px 10px;
}

table {
  background-color: white;
}

tr:hover {
  background-color: #E7E9EB;
}

th {
  padding: 6px;
  background-color: #F3F2F2;
  font-size: 1.2em;
}

th.th_1 {
  padding: 6px;
  background-color: #A9BCF5;
  font-size: 1.4em;
}

th.th_2 {
  padding: 4px;
  background-color: #7BFCEA;
  font-size: 1.2em;
}

tr.gross_2 {
  padding: 6px;
  background-color: #7BFCEA;
  font-size: 1.4em;
}

table.ranking {
  display: inline-block;
}

button.tabelle_inline {
  padding: 2px;
}

td.padding_0 {
  padding: 0;
}

th.padding_0 {
  padding: 0;
}

input[type=text].kalender_table_tag {
  width: 20%;
  border-right: 1px solid black;
}

input[type=text].kalender_table_monat {
  width: 20%;
  border-right: 1px solid black;
}

input[type=text].kalender_table_jahr {
  width: 40%;
  border-right: 1px solid black;
}

input[type=text].kalender_table_stunde {
  width: 25%;
  border-right: 1px solid black;
}

input[type=text].kalender_table_minute {
  width: 25%;
  border-right: 1px solid black;
}

button.kalender_table_button {
  font-size: 110%;
  height: 100%;
  width: 20%;
}

input[type=checkbox].table {
  -webkit-appearance: none;
  cursor: pointer;
  width: 34px;
  height: 34px;
  background-color: #9FA7FE;
  display: table-cell;
  float: left;
  margin-right: 5px;
  padding: 8px;
  border-right: 1px solid black;
}

input[type=checkbox].table:checked {
  font-weight: bold;
  font-size: 130%;
}

input[type=checkbox].table:checked::before {
  content: "X";
}

input.breite_40_pro {
  width: 40%;
}

input.breite_90_pro {
  width: 90%;
}

input.breite_25_pro {
  width: 25%;
}

input.breite_20_pro {
  width: 20%;
}

input.breite_50_pro {
  width: 50%;
}

td.label {
  background-color: #F3F2F2;
}

td.td_button {
  cursor: pointer;
  -webkit-box-shadow: inset 4px 4px 15px -5px #000000;
  box-shadow: inset 4px 4px 15px -5px #000000;
}

td.td_button:active {
  background-color: #A0A2AB;
  -webkit-box-shadow: inset -4px -4px 15px -5px #000000;
  box-shadow: inset -4px -4px 15px -5px #000000;
}