/* TABLE SEARCH (start) */
.table_search_0 {display: flex; flex-wrap: nowrap; align-items: top; justify-content: center; width: 100%;
                 padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid var(--color_1_015);}
.table_search_1 {flex-basis: 100%;}
  .table_search_1_0 {display: flex; flex-wrap: nowrap; align-items: top; justify-content: center; width: 100%;
                     padding-top: 5px;}
  .table_search_1_1 {flex: 0 0 auto;}
    .table_search_1_1_1 {height: 22px; width: 20px; margin-right: 15px; cursor: pointer;}
  .table_search_1_2 {display: flex; flex-wrap: wrap; align-items: center; justify-content: left; width: 100%;
                     flex-basis: 100%; padding-top: 0px; font-size: 12px;}
    .table_search_1_2_1 {color: var(--color_1_035); margin-right: 10px;}
.table_search_2 {flex: 0 0 auto;}
  .table_search_2 .tombol_0 {padding: 7px 20px; font-size: 12px;}

.table_search_menu_0 {position: relative; margin-left: 0px; margin-top: -25px; font-size: 11px; display: block; width: 150px;}
  .table_search_menu_0_1 {position: absolute; top: 0px; left: 0px; width: 150px; box-shadow: 5px 5px 0px var(--black_010);
                          border: 1px solid var(--color_1_025); background: var(--white_100); padding: 10px 10px; border-radius: 5px;}
.table_search_blok {}
.table_search_blok_judul {font-weight: 1; border-bottom: 1px solid var(--color_1_025); padding-bottom: 5px; margin-bottom: 5px; font-size: 12px;}
.table_search_blok_tombol {font-weight: 1; border-top: 1px solid var(--color_1_025); padding-top: 5px; margin-top: 5px; text-align: right;}
.table_search_menu_search {display: inline-block; color: var(--white_100); background-color: var(--color_button_biru); padding: 5px 10px; cursor: pointer;}

.table_search_menu_list {padding: 3px 0px; cursor: pointer;}
  .table_search_menu_list:hover {font-weight: 1; color: var(--color_button_biru);}

.table_search_view_0 {display: flex; flex-wrap: nowrap; align-items: center; justify-content: left;
                      background-color: var(--white_100); border: 1px solid var(--color_1_025); font-size: 10px; padding: 0px 5px 0px 7px; margin: 0px 5px 2px 0px; border-radius: 5px;}
.table_search_view_1 {font-weight: 1;}
.table_search_view_2 {padding: 0px 10px 0px 5px;}
.table_search_view_3 {font-weight: 1; font-size: 18px; cursor: pointer; color: var(--color_button_merah);}

.table_search_form_status_0 {display: flex; flex-wrap: nowrap; align-items: center; justify-content: left; width: 100%; padding: 3px 0px;}
.table_search_form_status_1 {flex: 0 0 25px;}
.table_search_form_status_2 {flex-basis: 100%; cursor: pointer;}

.table_search_form_text_0 {}
.table_search_form_text_1 {padding-top: 5px; color: var(--color_1_075);}
.table_search_form_text_2 {padding-bottom: 5px;}
.table_search_form_text_2 input[type=text] {border-top: 0px; border-left: 0px; border-right: 0px; border-radius: 0px; font-size: 11px; padding: 5px 0px 2px 0px;}

.table_search_form_date {text-align: center;}

@media screen and (orientation:portrait){
  .table_search_0 {display: flex; flex-wrap: wrap-reverse; align-items: center; justify-content: center; width: 100%;
                   padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d1d1d1;}
  .table_search_1 {padding-bottom: 5px; width: 100%;}
  .table_search_2 {margin-bottom: 10px; width: 100%;}

  .table_search_menu_0 {margin-top: 2px;}
}
/* TABLE SEARCH (end) */

/* TABLE DATA (start) */
.table_head_0 {display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%;
               font-weight: 1; background: var(--color_1_000); border-top: 0px solid var(--color_1_035); border-bottom: 2px solid var(--color_1_035); font-size: 12px;}

.table_data_0 {display: flex; flex-wrap: nowrap; align-items: top; justify-content: center; width: 100%;
              border-bottom: 1px solid var(--color_1_035); font-size: 12px;}
.table_data_0:hover {background: var(--yellow_025);}

.table_col_1 {flex: 0 0 75px; padding: 10px;}
.table_col_2 {flex: 0 0 100px; padding: 10px;}
.table_col_3 {flex: 0 0 150px; padding: 10px;}
.table_col_4 {flex: 0 0 200px; padding: 10px;}
.table_col_5 {flex: 0 0 250px; padding: 10px;}
.table_col_6 {flex: 0 0 300px; padding: 10px;}
.table_col_99 {flex-basis: 100%; padding: 10px;}

.table_col_head {display: none;}

.table_number {font-family: 'Number'; letter-spacing: 1.0px !important;}

@media screen and (orientation:portrait){
  .table_head_0 {display: none;}
  .table_data_0 {flex-wrap: wrap; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;}

  .table_col_1,
  .table_col_2,
  .table_col_3,
  .table_col_4,
  .table_col_5,
  .table_col_6,
  .table_col_99 {flex-basis: 100%; padding: 1px 0px; display: flex; flex-wrap: nowrap; align-items: top; width: 100%;}

  .table_col_head {flex: 1 0 100px; padding: 10px 10px; font-size: 11px; background: var(--color_1_010); display: block;}
  .table_col_text {flex-basis: 100%; padding: 10px 10px; overflow: hidden; overflow-wrap: break-word;}

  .table_number {text-align: left !important;}
}
/* TABLE DATA (end) */

/* TABLE ICON (start) */
.table_stat_0 {width: 20px; height: 18px; background-size: 18px; border-radius: 10px; cursor: help; margin-left: 5px;}
.table_icon_0 {display: flex; flex-wrap: nowrap; align-items: top; justify-content: right; width: 100%;}
.table_icon_1 {width: 28px; height: 20px; background-size: 18px; border-radius: 10px; cursor: pointer;}
.table_icon_1:hover {background-color: var(--black_010);}

@media screen and (orientation:portrait){
  .table_icon_0 {justify-content: left !important;}
}
/* TABLE ICON (end) */

/* TABLE OTHER (start) */
.table_create_0 {display: none; position: fixed; right: 20px; bottom: 15px;}
.table_create_1 {width: 50px; height: 50px; border-radius: 50%; cursor: pointer; background: var(--color_button_hijau) url('/img/icon-plus_white.png') 50% 50% no-repeat; background-size: 24px; box-shadow: 0px 0px 20px var(--color_button_hijau_gelap);}

@media screen and (orientation:portrait){
  .table_create_0 {display: block;}
  .table_create_2 {display: none;}
}
/* TABLE OTHER (end) */

/* TABLE PAGING (start) */
.pageing_0 {display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;
            margin-top: 20px;}
.pageing_1 {cursor: pointer; border: 1px solid var(--color_1_035); padding: 5px 10px; margin: 0px 2px; color: var(--color_1_075);}
.pageing_2 {cursor: pointer; border: 1px solid var(--color_1_050); padding: 5px 10px; margin: 0px 2px; background: var(--color_1_015);}
.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: var(--color_1_050); border: 0px solid var(--color_1_025);}
.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) */


/* .table_data_1 {flex: 0 0 75px; padding: 10px;}
.table_data_2 {flex: 0 0 100px; padding: 10px;}
.table_data_3 {flex: 0 0 150px; padding: 10px;}
.table_data_4 {flex: 0 0 200px; padding: 10px;}
.table_data_5 {flex: 0 0 250px; padding: 10px;}
.table_data_6 {flex: 0 0 300px; padding: 10px;}
.table_data_99 {flex-basis: 100%; padding: 10px; overflow: hidden; overflow-wrap: break-word;}

.table_data_head {display: none;}
.table_data_text {} */

.table_stat_0_1 {position: relative; width: 30px; height: 21px; border-radius: 5px; padding: 1px 2px;
                 border: 2px solid #4a8737; background: #c4e6ba; cursor: pointer;}
.table_stat_1_1 {position: absolute; width: 15px; height: 15px; border-radius: 3px; right: 1px; margin: 0px;
                 border: 2px solid #4a8737; background: #ffffff;}
.table_stat_0_2 {position: relative; width: 30px; height: 21px; border-radius: 5px; padding: 1px 2px;
                 border: 2px solid #a1a1a1; background: #f1f1f1; cursor: pointer;}
.table_stat_1_2 {position: absolute; width: 15px; height: 15px; border-radius: 3px; left: 1px; margin: 0px;
                 border: 2px solid #a1a1a1; background: #ffffff;}

.table_view_0 {display: flex; flex-wrap: nowrap; align-items: center; width: 100%;}
.table_view_1 {flex: 0 0 100px; padding: 5px 10px; font-size: 11px; background: #f1f1f1;}
.table_view_2 {flex-basis: 100%; padding: 5px 10px;}
.table_view_judul {font-weight: bold; border: 1px solid #d1d1d1; background: #f1f1f1; padding: 10px; margin-bottom: 5px;}
.table_view_space_1 {padding: 10px;}
.table_view_space_2 {padding: 20px;}

.table_form_0 {border: 1px solid #d1d1d1; margin-bottom: 20px;}
.table_form_judul {font-weight: bold; border-bottom: 1px solid #d1d1d1; background: #333333; color: #ffffff; padding: 10px; margin-bottom: 0px;}
.table_form_warning {text-align: center; padding: 10px 15%; margin: 0px 0px 20px 0px;
                     color: #d49b00; border: 2px dotted #d49b00; background: #fff5db;}
.table_form_konten {margin: 20px;}
.table_form_block {margin-bottom: 20px;}
.table_form_label {font-weight: bold; padding-bottom: 2px;}
.table_form_tombol_0 {display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-top: 20px;}
.table_form_tombol_1 {flex: 0 1 100%;}
.table_form_tombol_space {flex: 0 0 20px;}

.table_form_block_flex {margin-bottom: 20px; display: flex; flex-wrap: nowrap; align-items: top; width: 100%;}
.table_form_block_flex_button {margin-bottom: 20px; display: flex; flex-wrap: nowrap; align-items: top; width: 100%;}
.table_form_block_flex_div {flex-basis: 100%;}
.table_form_block_flex_space {flex: 5%;}

.table_form_must  {font-weight: lighter; font-size: 14px; color: #ff0000;}
.table_form_mustx {font-weight: lighter; font-size: 14px; color: var(--black_000);}



/* Portrait */
@media screen and (orientation:portrait) {
  .table_form_block_flex {flex-wrap: wrap;}
  .table_form_block_flex_div {flex-basis: 100%;}
  .table_form_block_flex_space {flex: 5%; height: 20px;}

  .table_form_warning {padding: 10px;}
}

.table_no_data {text-align: center; margin: 50px; font-size: 24px; color: #a1a1a1;}