body.webix_full_screen {
  margin: 0;
  padding: 0;
  overflow-x: scroll;
  overflow-y: scroll;
}
.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;
}
.webix_gage_gradient_point {
  display: none !important;
}
.webix_gage_value {
  font-size: 26px;
  color: #A3A5A5;
  font-weight: bold !important;
  font-family: 'Azo Sans' !important;
}
.webix_cell:nth-child(2n) {
  background-color: #ffffff;
}
.webix_cell.webix_row_select {
  color: #FFF;
  background: #ED1C24;
}
.webix_column > div,
.webix_table_cell {
  border-right: 1px solid #ebebeb;
  padding: 0 10px;
  border-bottom: 1px solid #ebebeb;
  font-family: "Lato", sans-serif !important;
  background-color: #f2f2f2;
}
.webix_dd_drag_column,
.webix_ss_header,
.webix_ss_header TD,
.webix_ss_vscroll_header {
  font-size: 15px !important;
  font-weight: bold !important;
  color: #fff !important;
  background: #a3a3a3 !important;
}
.webix_ss_header td {
  border-right: 0px solid #b0cee3 !important;
  border-bottom: 0px solid #b0cee3 !important;
}
/*.webix_axis_item_x{  
    padding-top:10px;
    padding-left:10px;
    transform: rotate(30deg);	    	
}*/
.webix_radio_option {
  display: table;
  float: left;
  height: auto;
  margin-right: 20px;
}
.webix_gage_label {
  font-size: 27px;
  text-align: center;
  margin-top: 10px;
  color: #000;
  font-family: "Nunito";
}
.webix_gage_min_range,
.webix_gage_max_range {
  display: inline-block;
  margin-top: 20px;
  position: absolute;
  text-align: center;
  width: 150px;
  font-size: 14px;
}
.webix_gage_range_info {
  font-size: 18px;
  line-height: 1;
}
.webix_gage_animated {
  stroke: #00ff00;
  stroke-width: 16px !important;
  animation: gage_dash 1.3s linear forwards;
  transition: stroke 1.3s linear, stroke-dasharray 1.3s linear;
}
.webix_gage_box > div {
  display: table-cell;
  vertical-align: top;
}
.webix_pager_item_selected {
  background-color: gray !important;
}
.webix_img_btn,
.webix_img_btn_top {
  vertical-align: top;
  border: none;
  width: 100%;
  padding: 1px;
}
.webix_icon_btn {
  font-size: 17px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  width: 20px;
  margin: 0px !important;
  color: #FFF !important;
  line-height: 2 !important;
}
.webix_inp_label,
.webix_inp_top_label,
.webix_label_right {
  margin-bottom: 0px;
  color: #999 !important;
  font-family: 'Nunito' !important;
  font-size: 17px !important;
  font-style: normal !important;
}
.webix_alert .webix_popup_title,
.webix_confirm .webix_popup_title,
.webix_alert .webix_popup_text,
.webix_confirm .webix_popup_text {
  box-shadow: inset 0 4px #ed241a;
}
.webix_popup_button {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  background: #F4F5F9;
  color: #89D6E1;
  outline: none;
}
.webix_popup_button.confirm {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #89D6E1;
  letter-spacing: 0px;
  outline: none;
  background: #89D6E1;
  color: #FFFFFF;
}
.webix_popup_button.confirm:hover {
  background-color: #a3a3a3;
}
.webix_popup_button.confirm:focus {
  background-color: #a3a3a3;
}
.webix_popup_button.confirm:active {
  background-color: #a3a3a3;
}
label.webix_required:after,
legend.webix_required:after,
.webix_richtext_inp_label.webix_required .webix_template:after {
  padding-left: 4px;
  content: "*";
  color: #89D6E1;
}