.form_div_0 {padding: 0px 10px 0px 10px;}
.form_div_1 {display: flex; flex-wrap: nowrap; align-items: top; max-width: 100%; justify-content: left; margin: 0px auto;}
  .form_div_1a {flex: 0 0 150px; padding: 15px 15px 5px 0px; font-size: 12px; font-weight: 1;}
    .form_div_1a_text {padding: 5px 15px 5px 0px !important;}
  .form_div_1b {flex-basis: 100%; padding: 5px 25px 5px 20px; font-size: 12px; position: relative;}
    .form_div_1b input[type="password"] {padding-right: 40px;}
  .form_div_1c {flex: 0 0 250px; padding: 5px 0px 5px 22px; font-size: 11px; margin-top: 10px; color: var(--color_1_075); background-size: 16px !important;}

.form_div_0_but {display: flex; flex-wrap: nowrap; align-items: top; max: 100%; margin: 40px 0px 10px 0px;}
.form_div_1_but {flex-basis: 100%;}
.form_div_2_but {flex: 0 0 auto; padding: 0px 5px;}

.form_input_eye {position: absolute; right: 35px; top: 15px; width: 20px; height: 20px; cursor: pointer; background-size: 16px !important;}

.form_onoff_0 {border-radius: 5px; height: 20px; width: 40px; margin: 10px 0px 0px 0px; cursor: pointer;}
  .form_onoff_0_1 {border: 1px solid var(--color_button_hijau); background: var(--color_button_hijau_015);}
  .form_onoff_0_2 {border: 1px solid var(--color_1_035); background: var(--color_1_010);}
.form_onoff_1 {border-radius: 5px; height: 14px; width: 14px;}
  .form_onoff_1_1 {border: 1px solid var(--color_button_hijau); background: var(--color_button_hijau); margin-top: 2px; margin-left: 22px;}
  .form_onoff_1_2 {border: 1px solid var(--color_1_035); background: var(--color_1_035); margin-top: 2px; margin-left: 2px;}

.upload_data  {display: flex; flex-wrap: nowrap; align-items: end; justify-content: left; min-width: 100%;}
.upload_pic {width: 20em; height: 10em; border: 2px solid var(--color_1_025); margin-bottom: 5px; background-size: auto 100% !important;}
.upload_file {flex: 0 0 auto; padding-left: 7px; margin-bottom: 5px;}
  .upload_file a {font-weight: 2;}
  .upload_file_icon {width: 14px; height: 14px; margin-bottom: 7px; background-size: cover !important;}
.upload_del {flex-basis: 100%; margin-bottom: 5px; padding-left: 15px; font-size: 12px;}
  .upload_del a {color: var(--color_button_merah);}

/* Portrait */
@media only screen and (orientation:portrait) {
  .form_div_1 {display: flex; flex-wrap: wrap;}
    .form_div_1b {padding: 0px 0px 5px 0px;}
    .form_div_1c {margin-top: 0px;}
  .form_div_1_but {display: none;}
  .form_div_2_but {flex: 1 0 auto;}
  .form_input_eye {right: 10px; top: 10px;}

  .form_onoff_0 {margin: 5px 0px 5px 0px;}
}


input[type="text"] {width: 100%; border: 1px solid var(--color_1_050); border-radius: 5px; padding: 10px 10px; font-size: 12px;}
input[type="text"]:focus {border: 1px solid var(--color_1_100);}

input[type="number"] {width: 100%; border: 1px solid var(--color_1_050); border-radius: 5px; padding: 10px 10px; font-size: 12px;}
input[type="number"]:focus {border: 1px solid var(--color_1_100);}

input[type="file"] {width: 100%; border: 1px solid var(--color_1_050); border-radius: 5px; padding: 10px 10px; font-size: 12px;}
input[type="file"]:focus {border: 1px solid var(--color_1_100);}

input[type="password"] {width: 100%; border: 1px solid var(--color_1_050); border-radius: 5px; padding: 10px 10px; font-size: 12px;}
input[type="password"]:focus {border: 1px solid var(--color_1_100);}

label {cursor: pointer;}

textarea {width: 100%; border: 1px solid var(--color_1_050); border-radius: 5px; padding: 10px 10px; font-size: 12px; resize: vertical;}
textarea:focus {border: 1px solid var(--color_1_100);}

select {min-width: 100%; border: 1px solid var(--color_1_050); border-radius: 5px; padding: 10px 10px; font-size: 12px; cursor: pointer; background: #ffffff;
        -webkit-appearance: none; appearance: none;}
select:focus {border: 1px solid var(--color_1_100);}
.select-wrapper {position: relative;}
.select-wrapper::after {content: "⮟"; color: var(--color_button_biru); font-size: 14px; top: 10px; right: 12px; position: absolute;}

input:disabled {background: #f1f1f1; color: #999999;}
input:read-only {background: var(--color_1_010); cursor: pointer;}
select:disabled {background: #f1f1f1; color: #999999;}

.waktu {background: #ffffff !important; color: #333333 !important; text-align: center; cursor: pointer;}