.table_form_0 {}

.table_form_date_0 {display: flex; flex-wrap: nowrap; align-items: center;}
  .table_form_date_0 input[type="text"] {text-align: center; max-width: 100%;}
.table_form_date_1 {padding: 0px 10px;}

/* Portrait */
@media only screen and (orientation:portrait) {
  .table_form_date_0 input[type="text"] {max-width: 100%;}
}

/* TABLE PAGING (start) */
.pageing_0 {display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;
            margin: 20px 0px 40px 0px;}
.pageing_1 {cursor: pointer; border: 1px solid rgba(var(--color_1), 0.35); padding: 5px 10px; margin: 0px 2px; color: rgba(var(--color_1), 0.75);}
.pageing_2 {cursor: pointer; border: 1px solid rgba(var(--color_1), 0.50); padding: 5px 10px; margin: 0px 2px; background: rgba(var(--color_1), 0.15);}
.pageing_3 {cursor: default; border: 0px solid #d1d1d1; padding: 5px 5px; margin: 0px 0px;}

.pageing_l {flex: 0 0 auto; padding: 10px; font-size: 11px; font-weight: 0; color: rgba(var(--color_1), 0.50); border: 0px solid rgba(var(--color_1), 0.25);}
.pageing_c {flex-basis: 100%;}
.pageing_r {flex: 0 0 auto; display: flex; flex-wrap: nowrap;}

@media screen and (orientation:portrait){
  .pageing_0 {display: flex; flex-wrap: wrap-reverse;}
  .pageing_l {flex: 0 0 auto; padding: 0px 5px 5px 5px; text-align: center;}
  .pageing_c {flex-basis: 100%; margin: 5px;}
}
/* TABLE PAGING (end) */