.webixappstart {
  opacity: 0;
}
.webixapp {
  transition: opacity 500ms;
  opacity: 1;
}
.webix_view {
  color: #000000 !important;
}
.webix_header > div {
  color: #ffffff;
}
.webix_header.webix_win_title > div {
  color: #000000;
}
.webix_el_label .webix_el_box {
  color: #000000 !important;
  font-size: 13pt;
}
.webix_el_label.judulWin .webix_el_box {
  color: #ffffff !important;
  font-size: 13pt;
}
.webix_inp_label,
.webix_inp_top_label,
.webix_label_right {
  color: #000000 !important;
}
.webix_item_tab {
  background: #239d57 !important;
  color: #ffffff !important;
}
.webix_item_tab.webix_selected {
  background: #6661c3 !important;
  color: #ffffff !important;
}
.webix_column,
.webix_hcolumn {
  color: #000000 !important;
}
.webix_dtable_focused .webix_column > div.webix_row_select,
.webix_dtable_focused .webix_column > div.webix_column_select {
  background: #6661c3 !important;
}
/*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;
}
.currency_format {
  text-align: right !important;
}
.webix_control.webix_el_text.currency_format input {
  text-align: right !important;
}
#loader {
  position: absolute;
  margin-top: -50px;
  margin-left: -50px;
  height: 100px;
  width: 100px;
  top: 50%;
  left: 50%;
  z-index: 999999;
}
.webix_column .webix_cell {
  font-size: 12px;
}
.tabel {
  border-collapse: collapse;
  width: 100%;
}
.tabel tr {
  line-height: 14px;
}
.webix_list_item {
  font-size: 12px;
  line-height: 16px;
}
.webix_win_body .formLogin {
  max-width: 500px !important;
  margin: auto;
}
.btnInfo {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border: 0px;
  color: #ffffff;
  font-size: 12px;
  background: #44a9ec;
  text-decoration: none;
  padding: 2px 10px;
}
.btnInfo:hover {
  background: #fbb43c;
  background-image: -webkit-linear-gradient(top, #fbb43c, #b4d70d);
  background-image: -moz-linear-gradient(top, #fbb43c, #b4d70d);
  background-image: -ms-linear-gradient(top, #fbb43c, #b4d70d);
  background-image: -o-linear-gradient(top, #fbb43c, #b4d70d);
  background-image: linear-gradient(to bottom, #fbb43c, #b4d70d);
  text-decoration: none;
  cursor: pointer;
  color: #230480;
}