.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;
}

.centered-header {
  text-align: center !important;
}

/*login form*/
.invalid_login .webix_header > div {
  background: #f1b3b3;
  transition: background 1s;
}
.invalid_login {
  -webkit-animation: formshake 0.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;
}

/* For header vertical lines */
.webix_hcell {
  border-right: 1px solid #d8d8d8; /* Adjust color as needed */
}

.webix_form_border_all {
  border-width: 1px 1px 1px 1px !important;
  padding: -5px !important;
}

.search_text_highlight {
  background-color: #fff4bd !important;
}

.datatable_bottom_margin {
  margin-bottom: 3px !important;
}
.datatable_padding_bottom {
  margin-bottom: -1px !important;
}

#report_dataview {
  width: 100%;
  height: 100%;
}
a .highlighted-success {
  background-color: #e0ffe0; /* Pastel green */
}

.highlighted-failure {
  background-color: #ffe0e0; /* Pastel red */
}

.completed_row {
  background-color: rgb(212, 233, 212) !important;
  color: black !important;
}
.started_row {
  background-color: rgb(255, 255, 229) !important;
  color: black !important;
}
.failed_row {
  background-color: rgb(255, 210, 210) !important;
  color: black !important;
}

.smallFontLabel.webix_control.webix_el_label {
  font-size: 8px !important;
}