contextmenu fix .webix_menu.webix_view .webix_icon {
  vertical-align: middle;
}

.webix_icon {
  vertical-align: middle;
  text-align: center;
}

.pointer {
  cursor: pointer;
}

/* sidebar menu fix */

.mdi::before,
.webix_sidebar_icon {
  box-sizing: content-box;
}

/* message to bottom */

.webix_message_area {
  top: initial !important;
  bottom: 1px;
}

.webix_window {
  border-radius: 12px;
}

.theSidebarPopup {
  border-radius: 0 !important;
}

body {
  font-family: "Alata" !important;
}

.centered {
  text-align: center;
}

.centered .webix_custom_checkbox {
  float: unset;
}

.myhover {
  background: #dddddd;
}

.tagCheckbox {
  background: #fff !important;
}

.tagBorder {
  border-top: 1px solid #dadee0 !important;
  border-left: 1px solid #dadee0 !important;
  border-right: 1px solid #dadee0 !important;
}

.checkboxed .webix_cell {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.checkbox,
.radio {
  text-align: center;
}

.radio .webix_inp_radio_border {
  display: inline-block;
}

.checkbox .webix_custom_checkbox {
  float: unset;
  top: unset;
}


.req {
  color: red;
  font-weight: bold;
}

.button-rounded {
  border-radius: 0 0 20px 20px;
}

.button-roundedr {
  border-radius: 0 0 20px 0;
}

.button-roundedl {
  border-radius: 0 0 0 20px;
}

.center-text .webix_cell {
  display: table;
}
div.multiline {
  display: table-cell;
  vertical-align: middle;
}

.row-validated-yes {
  background-color: #9fffac;
}
.row-validated-no {
  background-color: #ffdae9;
}

.webix_column > div.webix_row_select.row-validated-yes {
  background-color: #9fffac;
}
.webix_column > div.webix_row_select.row-validated-no {
  background-color: #ffdae9;
}


 .grip-center > .webix_cell{
  padding-left: 0px;
  padding-right: 0px;
  text-align:center;
} 


.webix_column > div.webix_cell_select,
.webix_column > div.webix_column_select,
.webix_column > div.webix_row_select {
  color: #000;
  background: #ddd;
}


/* .webix_list_item.webix_selected {
  color: #475466;
  background: #9efffe;
}

.webix_column > div.webix_cell_select:focus,
.webix_column > div.webix_column_select:focus,
.webix_column > div.webix_row_select:focus {
  background: #94fffe;c
} */

/* .webix_dtable_focused .webix_column > div.webix_row_select,
.webix_dtable_focused .webix_column > div.webix_column_select {
  background: #64adbf;
} */

.mycustom_property .webix_property_label {
  text-align: right;
  /* padding-right: 200px; */
}


.webix_cell{
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.mdi {
  transition: all 300ms; 
}

/* .mdi:hover {
  color: #000 !important;
}  */