.profile_layout_0 {display: flex; flex-wrap: nowrap; align-items: top; width: 100%;}
.profile_layout_1 {flex: 0 0 200px; border-right: 2px solid rgba(var(--color_1), 0.1); background: rgba(var(--color_1), 0.0);
                   position: relative; text-align: left;}
.profile_layout_2 {flex: 0 0 25px;}
.profile_layout_3 {flex-basis: 100%; min-height: 400px;}

.profile_menu_0 {display: flex; flex-wrap: nowrap; align-items: center; width: 100%; padding-left: 10px;}
.profile_menu_1 {flex: 0 0 0px; margin: 0px 0px 20px 0px;}
.profile_menu_2 {flex-basis: 100%; margin: 0px 0px 20px 0px;}
  .profile_menu_2 a {color: rgba(var(--color_1), 0.50);}
  .profile_menu_2 a:hover {color: rgba(var(--color_1), 1.00);}
  .profile_menu_2_bold a {color: rgba(var(--color_1), 1.00); font-weight: 1;}
.profile_menu_list {}
.profile_menu_logout {display: flex; flex-wrap: nowrap; align-items: center; width: 100%; cursor: pointer;
                      position: absolute; bottom: 0px; color: rgba(var(--merah_1), 1.00); font-weight: 1; padding-left: 10px;}
  .profile_menu_logout:hover {background: rgba(var(--merah_1), 0.20);}
  .profile_menu_logout_1 {flex-basis: 100%;}
  .profile_menu_logout_2 {flex: 0 0 40px;}
    .profile_menu_logout_2_icon {width: 40px; height: 40px; background: transparent url('/img/icon-logout.png') 50% 50% no-repeat; background-size: 18px;}

.profile_form_0 {}
  .profile_form_0_x {margin-bottom: 20px; padding-top: 20px; border-bottom: 1px solid rgba(var(--color_1), 0.15);}
.profile_form_1 {}
  .profile_form_1_0 {display: flex; flex-wrap: nowrap; align-items: top; width: 100%;}
  .profile_form_1_1 {flex: 0 0 100px; color: rgba(var(--color_1), 0.60);}
  .profile_form_1_2 {flex-basis: 100%; padding: 0px 20px;}
    .profile_form_1_2_data {}
    .profile_form_1_2_0 {display: none;}
    .profile_form_1_2_1 {}
    .profile_form_1_2_2 {font-size: 12px; margin: 5px 5px 15px 11px;}
      .profile_form_1_2_2_a {color: rgba(var(--merah_1), 1.00);}
      .profile_form_1_2_2_b {color: rgba(var(--hijau_1), 1.00);}
    .profile_form_1_2_3 {padding-top: 15px; position: relative;}
      .profile_form_1_2_3_cover {background: rgba(var(--putih), 0.75); position: absolute; top: 0px; bottom: 0px; width: 100%;}
  .profile_form_1_3 {flex: 0 0 50px; text-align: right;}

.profile_form_judul {font-weight: 1; margin-bottom: 20px; font-size: 18px;}
.profile_fisrst_msg {font-size: 12px; padding: 10px; margin-bottom: 30px;
                     border: 2px solid rgba(var(--hijau_1), 0.45); background: rgba(var(--hijau_1), 0.15); color: rgba(var(--hijau_1), 1.00);}

.profile_pic_0 {display: flex; flex-wrap: nowrap; align-items: top; width: 100%;}
.profile_pic_1 {flex-basis: 100%; position: relative;}
  .profile_pic_1_1 {border: 1px solid rgba(var(--hijau_1), 0.3); overflow: hidden;}
.profile_pic_2 {flex-basis: 100%; padding-left: 30px;}
  .profile_pic_2_1 {font-size: 12px;}
    .profile_pic_2_1_1 {font-weight: 2;}
    .profile_pic_2_1_2 {margin: 5px 20px;}
      .profile_pic_2_1_2 ul {list-style-type: square;}
      .profile_pic_2_1_2 li {padding: 0px 5px 5px 5px;}
  .profile_pic_2_2 {margin-top: 20px;}

  .profile_pic_none {background: rgba(var(--color_1), 0.30) url('/img/icon-user.png') 50% 50% no-repeat;}
  .profile_pic_file_0 {position: absolute; width: 100%; top: 0px; bottom: 0px; z-index: 1; opacity: 0.0;}
  .profile_pic_file_0 input {position: absolute; width: 100%; top: 0px; bottom: 0px;}

/* Portrait */
@media only screen and (orientation:portrait) {
  .profile_layout_1 {display: none;}
  .profile_layout_2 {flex: 0 0 0px;}

  .profile_pic_0 {flex-wrap: wrap;}
  .profile_pic_1 {margin-bottom: 20px;}
  .profile_pic_2 {padding-left: 0px;}
}