.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);
  }
}
/*siberia theme*/
.webix_layout_toolbar.webix_toolbar.form-bottom-bar {
  background: #ECEFF1;
}
.center {
  text-align: center;
}
.app-left-panel .webix_menu .webix_list_item.spacer:hover {
  background: transparent;
  cursor: default;
}
.webixapp {
  background: #ECEFF1;
}
.webix_layout_clean {
  background: white;
}
/* unradius borders */
.webix_menu {
  border-radius: 0px;
}
/*left side menu*/
.app-left-panel,
.app-left-panel .webix_view,
.app-left-panel .webix_menu .webix_list_item {
  background: #ECEFF1;
  color: #ddd;
}
.app-left-panel .webix_menu .webix_list_item.webix_selected {
  color: #fff;
}
.app-left-panel .webix_menu .webix_list_item:hover {
  background-color: #f5f5f5;
  color: #000;
}
.app-left-panel .webix_header .webix_template {
  color: #3498db;
  background-color: #ECEFF1;
  border-bottom: 1px solid #3498db;
  text-align: center;
  padding-left: 0px;
}
/*right side panel*/
.app-right-panel {
  border-top-left-radius: 4px;
}
.app-right-panel .webix_layout_wide {
  background: #fff;
}
/* sync status */
.status_good,
.status_error,
.status_saving {
  text-align: center;
  margin-left: -12px;
  color: #666;
}
.status_error {
  color: red;
}
.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
}
.show-photo:hover .overlay {
  bottom: 0;
  height: 100%;
}
.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.btn-group button {
  background-color: #3498db;
  /* Green background */
  border: 1px solid  #0c0c0c;
  /* Green border */
  color: white;
  /* White text */
  padding: 10px 24px;
  /* Some padding */
  cursor: pointer;
  /* Pointer/hand icon */
  float: left;
  /* Float the buttons side by side */
}
/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}
.btn-group button:not(:last-child) {
  border-right: none;
  /* Prevent double borders */
}
/* Add a background color on hover */
.btn-group button:hover {
  background-color: #6098db;
}
.hidden {
  display: none;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiIuL2FwcC5jc3MiLCJzb3VyY2VSb290IjoiIn0=*/