div,label,input,select,textarea,span,tr,td,th,table {
 box-sizing: border-box;
 font-size: 1rem;}

.label_5 {
 display:inline-block;
 width:5rem;}
.label_6 {
 display:inline-block;
 width:6rem;}
.label_7 {
 display:inline-block;
 width:7rem;}
.label_8 {
 display:inline-block;
 width:8rem;}
.label_9 {
 display:inline-block;
 width:9rem;}
.label_10 {
 display:inline-block;
 width:10rem;}
.label_11 {
 display:inline-block;
 width:11rem;}
.label_12 {
 display:inline-block;
 width:12rem;}
.label_13 {
 display:inline-block;
 width:13rem;}
.label_14 {
 display:inline-block;
 width:14rem;}
.label_15 {
 display:inline-block;
 width:15rem;}
.label_16 {
 display:inline-block;
 width:16rem;}
.label_17 {
 display:inline-block;
 width:17rem;}
.label_18 {
 display:inline-block;
 width:18rem;}
.label_19 {
 display:inline-block;
 width:19rem;}
.label_20 {
 display:inline-block;
 width:20rem;}
.label_30 {
 display:inline-block;
 width:30rem;}
.label_31 {
 display:inline-block;
 width:31rem;}

.input_standard_height {
 height:2rem;}
.input_1 {
 height:2rem;
 width:1rem;}
.input_2 {
 height:2rem;
 width:2rem;}
.input_3 {
 height:2rem;
 width:3rem;}
.input_4 {
 height:2rem;
 width:4rem;}
.input_5 {
 height:2rem;
 width:5rem;}
.input_6 {
 height:2rem;
 width:6rem;}
.input_7 {
 height:2rem;
 width:7rem;}
.input_8 {
 height:2rem;
 width:8rem;}
.input_9 {
 height:2rem;
 width:9rem;}
.input_10 {
 height:2rem;
 width:10rem;}
.input_20 {
 height:2rem;
 width:20rem;}
.input_21 {
 height:2rem;
 width:21rem;}
.input_23 {
 height:2rem;
 width:23rem;}
.input_24 {
 height:2rem;
 width:24rem;}
.input_25 {
 height:2rem;
 width:25rem;}
.input_30 {
 height:2rem;
 width:30rem;}
.input_31 {
 height:2rem;
 width:31rem;}

.progress {
  height: 1.5em;
  width: 100%;
  background-color: #c9c9c9;
  position: relative;}
.progress:before {
  content: attr(data-label);
  font-size: 0.8em;
  position: absolute;
  text-align: center;
  top: 5px;
  left: 0;
  right: 0;}
.progress .value {
  background-color: #7cc4ff;
  display: inline-block;
  height: 100%;}

.footer {
 position: fixed;
 left: 0;
 bottom: 0;
 width: 100%;
 background-color: lightgrey;
 color: white;
 text-align: left;
 height:3rem;}
.header {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 background-color: lightgrey;
 color: white;
 text-align: left;
 height:3rem;}

.img_footer {
 height:3rem;
 margin-left:0.3rem;}
.img_footer_center {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
.img_footer_right {
 float: right;
 height:3rem;
 margin-right:0.3rem;}

table.sortable th {
 background-color: grey;
 color: #fff;}
table.sortable tr:nth-child(1n+2):not(.no_css_color){
 background-color: lightgrey;
 color: #000;}
table.sortable tr:nth-child(2n+3):not(.no_css_color) {
 background-color: #fff;
 color: #000;}

table.sortable tr:nth-child(1n+2):not(.no_css_color):hover{
 background-color: #000;
 color: #fff;}
table.sortable tr:nth-child(2n+3):not(.no_css_color):hover {
 background-color: #000;
 color: #fff;}
table.sortable tr:hover {
 background-color: #000;
 color: #fff;}
table.sortable tr:hover a {
 background-color: #000;
 color: #fff;}

table.sortable tr:hover img {
 -webkit-filter: invert(1);
 filter: invert(1);}

.show_only_on_mobile {
 display: none;}

@media (max-width:40em) {
 table.mobile { width: 100%; }
 td.mobile,th.mobile { display:block; width:100%; }
 div,label,input,select,textarea,span,th,td,table,tr {
  font-size: 1rem;}
 .label_5 {
  width:100%;}
 .label_6 {
  width:100%;}
 .label_7 {
  width:100%;}
 .label_8 {
  width:100%;}
 .label_9 {
  width:100%;}
 .label_10 {
  width:100%;}
 .label_11 {
  width:100%;}
 .label_12 {
  width:100%;}
 .label_13 {
  width:100%;}
 .label_14 {
  width:100%;}
 .label_15 {
  width:100%;}
 .label_16 {
  width:100%;}
 .label_17 {
  width:100%;}
 .label_18 {
  width:100%;}
 .label_19 {
  width:100%;}
 .label_20 {
  width:100%;}
 .label_30 {
  width:100%;}
 .label_31 {
  width:100%;}

 .input_standard_height {
  height:2rem;}

 .input_4 {
  height:2rem;
  width:40%;}
 .input_5 {
  height:2rem;
  width:50%;}

 .input_10 {
  height:2rem;
  width:100%;}
 .input_20 {
  height:2rem;
  width:100%;}
 .input_21 {
  height:2rem;
  width:100%;}
 .input_23 {
  height:2rem;
  width:100%;}
 .input_24 {
  height:2rem;
  width:100%;}
 .input_25 {
  height:2rem;
  width:100%;}
 .input_30 {
  height:2rem;
  width:100%;}
 .input_31 {
  height:2rem;
  width:100%;}

 .progress {
  height: 1.5em;
  width: 100%;
  background-color: #c9c9c9;
  position: relative;}
 .progress:before {
  content: attr(data-label);
  font-size: 0.8em;
  position: absolute;
  text-align: center;
  top: 5px;
  left: 0;
  right: 0;}
 .progress .value {
  background-color: #7cc4ff;
  display: inline-block;
  height: 100%;}

 .mobile_hidden {
  display: none;}

 .show_only_on_mobile {
  display: block;}
}