.webixappstart {
  opacity: 0;
}
.webixapp {
  transition: opacity 500ms;
  opacity: 1;
}
/*data loading status*/
.status_good,
.status_error,
.status_saving {
  text-align: center;
  margin-left: -12px;
}
.status_error {
  color: red;
}
.status_good {
  color: green;
}
/*login form*/
.invalid_login .webix_header > div {
  background: #FC3636;
  transition: background 1s;
}
.invalid_login {
  -webkit-animation: formshake .5s linear;
}
@-webkit-keyframes formshake {
  8%,
  41% {
    -webkit-transform: translateX(-10px);
  }
  25%,
  58% {
    -webkit-transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-5px);
  }
  92% {
    -webkit-transform: translateX(5px);
  }
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
}
.app_header.webix_header {
  text-align: center;
}
.app_layout.webix_layout_clean {
  background: #EBEDF0;
}
.app_start .webix_template {
  padding: 12px 12px;
}
.app_menu .webix_icon {
  font-size: 20px;
  vertical-align: middle;
}
.app_header {
  vertical-align: middle;
}
.webix_tree_item {
  cursor: pointer;
  padding: 0px;
}
.webix_tree .webix_tree_item.webix_selected {
  background-color: #03ad77;
  color: #fff;
}
.webix_tree_item:hover {
  background: #ededed;
}
.app_header > .webix_template {
  font-weight: bold;
  font-size: 20px;
  padding-top: 3px !important;
  background: #080965;
  color: #fffc15;
}
.title {
  background: #080965;
  border-radius: 0px !important;
}
.title > .webix_template {
  padding-top: 10px;
  padding-left: 18px;
}
.title .breadcrumb {
  float: left;
  font-size: 14px;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
}
/*.webix_tree_item {
	border-top: 1px solid #eee;
}*/
#loader {
  position: absolute;
  margin-top: -50px;
  margin-left: -50px;
  height: 100px;
  width: 100px;
  top: 50%;
  left: 50%;
  z-index: 999999;
}
.webix_img_btn_abs .webix_icon {
  font-size: 13px;
  margin: 0px 0px;
  vertical-align: top !important;
  margin-left: 5px !important;
}
.webix_modal_box .webix_popup_title {
  font-size: 18px;
  color: #2f89c5;
}
.webix_modal_box .webix_popup_title + .webix_popup_text {
  box-shadow: none;
  padding: 0px 14px;
}
.webix_layout_toolbar.webix_toolbar .webix_el_icon,
.webix_layout_toolbar.webix_toolbar .webix_icon_btn,
.webix_layout_toolbar.webix_toolbar .webix_icon_button,
.webix_layout_toolbar.webix_toolbar .webix_img_btn,
.webix_layout_toolbar.webix_toolbar .webix_img_btn_abs,
.webix_layout_toolbar.webix_toolbar .webix_img_btn_abs .webix_icon,
.webix_layout_toolbar.webix_toolbar .webix_img_btn_abs .webix_img_btn_text,
.webix_layout_toolbar.webix_toolbar .webix_img_btn_top .webix_icon,
.webix_layout_toolbar.webix_toolbar .webix_img_btn_top .webix_img_btn_text {
  color: #080965 !important;
}
.webix_layout_toolbar.webix_toolbar .webix_inp_counter_next,
.webix_layout_toolbar.webix_toolbar .webix_inp_counter_prev,
.webix_layout_toolbar.webix_toolbar .webix_segment_0,
.webix_layout_toolbar.webix_toolbar .webix_segment_1,
.webix_layout_toolbar.webix_toolbar .webix_segment_N,
.webix_layout_toolbar.webix_toolbar .webixtype_base,
.webix_layout_toolbar.webix_toolbar .webixtype_next,
.webix_layout_toolbar.webix_toolbar .webixtype_prev {
  background-color: #f7b446;
  border-color: #f0a426;
}
.combo-tree .webix_scroll_cont > .webix_tree_leaves {
  padding: 0px;
}
/* START - SOPINGI */
.formLogin {
  border-radius: 10px;
  box-shadow: 1px 3px 4px #000000b8;
}
.blur {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}
/* END - SOPINGI */
.pilih_mahasiswa,
.pilih_pendaftar,
.tombol_laporan {
  width: 60px;
  padding: 1px;
  cursor: pointer;
  color: #080965 !important;
  background-color: #f7b446;
  border-color: #f0a426;
  border-radius: 5px;
}
.pilih_mahasiswa:hover,
.pilih_pendaftar:hover,
.tombol_laporan:hover {
  background-color: #3498db;
}
.btn_detail {
  padding: 2px;
  cursor: pointer;
  color: #3b1592 !important;
  background-color: #c9f3b5;
  border-color: #f0a426;
  border-radius: 5px;
}
.btn_detail:hover {
  background-color: #a4dd8a;
}
.tombol_laporan_excel {
  width: 120px;
  padding: 1px;
  cursor: pointer;
  color: #080965 !important;
  background-color: #f5f5s5f;
  border-color: #f0a426;
  border-radius: 5px;
}
.tombol_laporan_excel:hover {
  background-color: #3498db;
}
.webix_modal,
.webix_modal_cover {
  opacity: 0.6 !important;
  background-color: #061722 !important;
}
.tableHover {
  background: #eee;
}
.webix_el_box {
  padding-bottom: 5px;
}
.btn_lg button {
  background: #3498DB !important;
  border: 1px solid #105786;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
}
.btn_lg button:hover {
  background: #396D9E !important;
}
.btn_lg_on button {
  background: #29B73F !important;
  border: 1px solid #456212;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
}
.btn_lg_on button:hover {
  background: #14CA30 !important;
}
.btn_print button {
  background: #E3E3E3 !important;
  border: 1px solid #a6a6a6;
  color: #111;
  font-size: 18px;
  font-weight: bold;
}
.btn_print button:hover {
  background: #a6a6a6 !important;
}
div.row_profile {
  text-align: center;
  /*padding-top:30px;*/
  height: 100px;
}
p.nama_mahasiswa {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #095588;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}
img.profile_mahasiswa {
  border-radius: 50%;
  width: 100px;
  border: 5px solid #000;
}
dt.identitas {
  text-align: left;
  color: #3c3c3c;
  margin-left: 10px;
  margin-top: 10px;
}
dd.identitas {
  font-weight: bold;
  font-size: 16px;
  color: #df980f;
  margin-left: 10px;
  text-align: left;
  margin-top: 2px;
}
.ganti_mhs {
  margin-top: 30px;
  border: 2px solid #3498db !important;
  background: #fff;
  cursor: pointer;
  padding: 7px;
  border-radius: 11px;
  color: #3498db;
  font-weight: bold;
}
.ganti_mhs:hover {
  background: #e6e6e6;
}
.load_biaya {
  margin-top: 30px;
  border: 2px solid #3498db !important;
  background: #1448b9;
  cursor: pointer;
  padding: 7px;
  border-radius: 11px;
  color: #ffffff;
  font-weight: bold;
}
.load_biaya:hover {
  background: #654bc4;
}
.row_tidak_aktif {
  color: #574fa1;
}
.webix_column.webix_first {
  background: #d2e3ef;
  font-weight: bold;
  cursor: pointer;
}
.webix_column {
  border-left: 1px solid #ebebeb;
}
div.webix_overlay > h1 {
  color: #df3f29;
}
.currency_format {
  text-align: right !important;
}
.webix_control.webix_el_text.currency_format input {
  text-align: right !important;
}
.reset_form {
  background: #fff;
  text-decoration: underline;
  color: #f96102;
  font-size: 14px;
  cursor: pointer;
}
.reset_form:hover {
  color: #444;
}
.menu .webix_scroll_cont > .webix_tree_leaves {
  padding: 0px !important;
}
.menu .webix_tree_branch_1 {
  border-bottom: 1px solid #ddd;
}
.menu .webix_tree_branch_1 > div.webix_tree_item,
.menu .webix_tree_branch_2 > div.webix_tree_item {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  color: #373737;
}
.menu .webix_tree_item.webix_selected,
.menu .webix_tree_branch_2 > div.webix_tree_item.webix_selected {
  background-color: #3498db;
  color: #fff;
  border-right: 5px solid yellow;
}
.menu .webix_tree_branch_1 > div.webix_tree_item:hover,
.menu .webix_tree_branch_2 > div.webix_tree_item:hover {
  background: #3498db;
}
.menu .webix_tree_branch_1 > div.webix_tree_item:hover span,
.menu .webix_tree_branch_2 > div.webix_tree_item:hover span {
  color: #fff !important;
}
.menu .webix_tree_branch_1 > div.webix_tree_item,
.menu .webix_tree_branch_3 > div.webix_tree_item {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  color: #373737;
}
.menu .webix_tree_item.webix_selected,
.menu .webix_tree_branch_3 > div.webix_tree_item.webix_selected {
  background-color: #3498db;
  color: #fff;
  border-right: 5px solid yellow;
}
.menu .webix_tree_branch_1 > div.webix_tree_item:hover,
.menu .webix_tree_branch_3 > div.webix_tree_item:hover {
  background: #3498db;
}
.menu .webix_tree_branch_1 > div.webix_tree_item:hover span,
.menu .webix_tree_branch_3 > div.webix_tree_item:hover span {
  color: #fff !important;
}
.menu .webix_tree_branch_1 > div.webix_tree_item[aria-expanded="true"]:hover span {
  color: #373737 !important;
}
.menu .webix_tree_branch_1 > div.webix_tree_item[aria-expanded=true] {
  background: #c5e8ff;
  border-bottom: 1px solid #b6c8d5;
}
.menu .webix_tree_leaves .webix_tree_leaves {
  margin-left: 0px;
  padding-left: 30px;
  background: #e4f4ff;
}
.text-right input {
  text-align: right !important;
  color: #000e13;
  font-weight: bold;
}
.text-center {
  text-align: center !important;
}
.col_bg_green {
  background: #ade3be;
  color: #045535;
  font-weight: bold;
}
.col_bg_red {
  background: #faa;
  color: #b92323;
  font-weight: bold;
}
.webix_view.webix_list {
  overflow-y: scroll !important;
}
.fs-keterangan {
  padding-right: 5px;
}
.fs-keterangan fieldset {
  border: 2px solid #7dc0ec !important;
  border-radius: 8px;
}
.fs-keterangan legend {
  color: #0f6097 !important;
  text-transform: inherit;
}
/* SPINNER */
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.profil {
  vertical-align: middle;
  background: #FFFFaa;
}
.tempat_ttd {
  background: #f0f0f0;
}
#ttd canvas {
  box-shadow: 0px 0px 8px 3px #c0c0c0;
}
.webix_all_tabs .webix_item_tab:hover {
  background-color: #f4f5f9;
}
.webix_all_tabs .webix_item_tab {
  color: #463096;
}
.webix_item_tab.webix_selected {
  background: #e0f902;
}
.siswaStatus {
  margin-top: -2px !important;
}
.riwayat .webix_column.webix_first {
  background: #fff;
}
.riwayat .webix_tree_close,
.riwayat .webix_tree_open {
  display: none !important;
}
.surat {
  width: 595pt !important;
  border: 0px solid #000 !important;
}
.kop {
  line-height: 20px !important;
}
.kop1 {
  font-size: 12pt !important;
}
.kop2 {
  font-size: 14pt !important;
}
.kop3 {
  font-size: 20pt !important;
  font-weight: bold !important;
}
.alamat {
  font-size: 10pt !important;
}
.garis1 {
  background-color: #000 ;
  height: 4px;
  margin-top: 3px;
  width: 590pt;
  display: block;
}
.garis2 {
  background-color: #000;
  height: 2px;
  margin-top: 2px;
  width: 590pt;
  display: block;
}
.rincian {
  margin-left: 50px;
  border-collapse: collapse !important;
}
.rincian tr td,
.rincian tr th {
  border: 1px solid #000000;
}

.webix_view {
	color: #000000;
}

.webix_view > .webix_disabled {
	opacity: 0.1;
}