ls.webixappstart {
  opacity: 0;
}
button:hover,
.buttonStyle:hover,
.nowbtnEvent:hover,
.btnEvent:hover {
  opacity: 0.7;
  cursor: pointer;
}
button {
  transition: opacity 300ms !important;
}
.webix_el_richselect {
  cursor: pointer;
}
.webixapp {
  transition: opacity 500ms;
  opacity: 1;
}
.deleteLabel {
  text-align: -webkit-center;
  font-size: 16px;
  height: 35px !important;
  line-height: 10px !important;
}
.clearLabel {
  text-align: center;
  text-align: -webkit-center;
  font-size: 16px;
  line-height: 10px !important;
}
.webix_hcell {
  text-align: center !important;
  border-right: solid 1px;
  border-right-color: #bbb !important;
}
.AddBtn {
  height: 50px;
  border-radius: 8px;
  text-align: -webkit-center;
}
.webix_view .webix_control .webix_el_icon .CustomButton {
  border-radius: 25px;
}
.CustomRichSelect .webix_inp_static {
  /*background-color:#1c604f;*/
  border-radius: 12px;
  border: 2px solid #383838;
}
.CustomRichSelect .webix_input_icon.wxi-menu-down {
  background-color: #bce2ff !important;
  padding-right: 5px;
  border-radius: 0px 12px 12px 0px;
}
.CustomRichSelect .webix_input_icon.wxi-menu-down:before {
  content: '';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAATnaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwNSA3OS4xNjQ1OTAsIDIwMjAvMTIvMDktMTE6NTc6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDEtMjRUMTQ6MTg6MzQrMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAxLTI1VDEyOjI3KzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAxLTI1VDEyOjI3KzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiMzEzNTA5YS0zMzcwLTIxNDYtYTgyNy1kNDExMDk0YjcxODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YjMxMzUwOWEtMzM3MC0yMTQ2LWE4MjctZDQxMTA5NGI3MTgyIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjMxMzUwOWEtMzM3MC0yMTQ2LWE4MjctZDQxMTA5NGI3MTgyIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiMzEzNTA5YS0zMzcwLTIxNDYtYTgyNy1kNDExMDk0YjcxODIiIHN0RXZ0OndoZW49IjIwMjItMDEtMjRUMTQ6MTg6MzQrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hnlAUAAAA0ElEQVRoge2X0QrCMBAEN+L//3J8ad/SmNztuZbugFCoXGbQlLT13nFnXmqBLA5Q4wA1DlDjADUOUOMANQ5Q8+iAfnyypOZEA/rF9c/nRAJGC0UWp8xh7oGdxWkv4pGANrm3Ijb7zmz2kOgvEI2gygO5v9BuBF0eyO+B1YgSeYCzib9FlMkDvKdQRCQtD3AfoztCFHmAfxZaEaPJAzWHuZkgVR6oO42OROnyQO1xul1cU3lXDT4oEz959AvNX+AANQ5Q4wA1DlDjADUOUHP7gA+zlRteC31vJQAAAABJRU5ErkJggg==);
  width: 20px;
  height: 20px;
  background-size: 27px;
  margin-top: -2px;
  display: block;
}
.CustomRichSelect .webix_list_item.webix_selected {
  background-color: #fff;
  color: #666;
}
.CustomRichSelect1 .webix_inp_static {
  /*background-color:#1c604f;*/
  border-radius: 12px;
  border: 2px solid #383838;
}
.CustomRichSelect1 .webix_input_icon.wxi-menu-down {
  background-color: #bce2ff !important;
  padding-right: 5px;
  border-radius: 0px 12px 12px 0px;
}
.CustomRichSelect1 .webix_input_icon.wxi-menu-down:before {
  content: '';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAATnaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwNSA3OS4xNjQ1OTAsIDIwMjAvMTIvMDktMTE6NTc6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDEtMjRUMTQ6MTg6MzQrMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAxLTI1VDEyOjI3KzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAxLTI1VDEyOjI3KzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiMzEzNTA5YS0zMzcwLTIxNDYtYTgyNy1kNDExMDk0YjcxODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YjMxMzUwOWEtMzM3MC0yMTQ2LWE4MjctZDQxMTA5NGI3MTgyIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjMxMzUwOWEtMzM3MC0yMTQ2LWE4MjctZDQxMTA5NGI3MTgyIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiMzEzNTA5YS0zMzcwLTIxNDYtYTgyNy1kNDExMDk0YjcxODIiIHN0RXZ0OndoZW49IjIwMjItMDEtMjRUMTQ6MTg6MzQrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hnlAUAAAA0ElEQVRoge2X0QrCMBAEN+L//3J8ad/SmNztuZbugFCoXGbQlLT13nFnXmqBLA5Q4wA1DlDjADUOUOMANQ5Q8+iAfnyypOZEA/rF9c/nRAJGC0UWp8xh7oGdxWkv4pGANrm3Ijb7zmz2kOgvEI2gygO5v9BuBF0eyO+B1YgSeYCzib9FlMkDvKdQRCQtD3AfoztCFHmAfxZaEaPJAzWHuZkgVR6oO42OROnyQO1xul1cU3lXDT4oEz959AvNX+AANQ5Q4wA1DlDjADUOUHP7gA+zlRteC31vJQAAAABJRU5ErkJggg==);
  width: 20px;
  height: 20px;
  background-size: 27px;
  margin-top: -2px;
  display: block;
}
.CustomRichSelect1 .webix_list_item.webix_selected {
  background-color: #fff;
  color: #666;
}
.webix_sidebar.webix_dark {
  border-color: #dadada;
  background-color: #f4f4f4;
}
.columnName {
  background-color: #f4f4f4;
  justify-content: flex-start;
}
.urlText {
  background-color: #f4f4f4;
  justify-content: space-between;
  text-overflow: ellipsis;
}
.windowStyle {
  border-radius: 8px;
  height: 300px;
  background-color: #f4f4f4;
}
.cancelBtn {
  background-color: gray;
  border-radius: 4px;
  margin-left: 15px !important;
}
.btneditsave {
  /* float:right; */
  border-radius: 4px;
  background-color: green;
  /* margin-right: 15px !important; */
}
.btneditdelete {
  /* float:left; */
  border-radius: 4px;
  background-color: red;
  /* margin-left: 15px !important; */
}
.deleteBtn {
  float: right;
  border-radius: 4px;
  background-color: red;
  margin-right: 15px !important;
}
.textPadding {
  padding-top: 10px;
  /* width:350px !important; */
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.urlQuestionnaire {
  padding-left: 30px;
}
.margiiin {
  padding-left: 10px;
}
.closeButton1 {
  cursor: pointer;
  padding-top: 10px;
  padding-left: 500px;
}
.closeButton {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
}
.nowbtnEvent {
  padding-left: 5px;
  padding-top: 5px;
  background-color: white;
  cursor: pointer;
}
.btnEvent {
  padding-left: 5px;
  padding-top: 5px;
  background-color: #e2e2e2;
  cursor: pointer;
}
.editbtnEvent {
  position: absolute !;
}
.buttonStyle {
  padding-top: 5px;
  padding-right: 50px;
}
.buttonWindow {
  padding-top: 10px;
  text-align: center;
  line-height: 0px !important;
}
.nopeForm {
  text-align: center !important;
  font-size: 26px !important;
  height: 80%;
  background-color: white;
}
.addRoom {
  width: 100px;
}
.searchparticipants {
  color: #8fdadc !important;
  text-decoration: underline;
}
.NeutralPastInterval {
  background-color: #a9a9a9;
}
.GreenPastInterval {
  background-color: #9fe2bf;
  cursor: pointer;
}
.YellowPastInterval {
  background-color: #fff44f;
  cursor: pointer;
}
.BluePastInterval {
  background-color: #3f87da;
}
.PastInterval {
  background-color: #e2e2e2 !important;
}
.Interval {
  background-color: white !important;
}
.AcceptPastInterval .webix_el_box {
  background-color: #00b300;
  font-size: x-small !important;
}
.RedPastInterval .webix_el_box {
  background-color: #db5856;
  font-size: x-small !important;
}
.searchInput {
  float: right;
  padding-right: 100px;
}
.righttable {
  width: 550px !important;
  padding: 10px;
}
.webix_column {
  border-right: 1px solid #edeff0;
}
.lefttable {
  padding: 10px;
  padding-right: 20px;
}
.columnStyle {
  background-color: #ffffff;
  text-align: center;
  color: #979797;
  margin-right: 10px;
  font-size: 12px;
}
/*data loading status*/
.status_good,
.status_error,
.status_saving {
  text-align: center;
  margin-left: -12px;
}
.status_error {
  color: #a50e2d;
}
.status_good {
  color: #1c604f;
}
.webix_sidebar .webix_tree_item.webix_selected,
.webix_sidebar .webix_tree_item.webix_sidebar_selected {
  color: #ffffff;
  background-color: #9088d5 !important;
}
.webix_sidebar .webix_tree_item.webix_selected span {
  background-color: transparent;
  color: #fdfdfd;
}
.webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
.webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
.webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
.webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: #ffffff;
}
.webix_sidebar_popup .webix_sidebar_popup_title.webix_selected {
  color: #475466;
}
.webix_layout_line,
.webix_multiview,
.webix_layout_clean,
.webix_layout_accordion {
  background: #ffffff;
}
.webix_sidebar {
  background-color: #f4f4f4;
}
.webix_sidebar.webix_dark .webix_tree_item {
  color: #475466;
}
.webix_list_item.webix_selected {
  box-shadow: inset 2px 0 #e8e8e8;
}
.webix_list_item.webix_selected {
  color: #4d5466;
  background: #f4f4f4;
}
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected + .webix_tree_leaves .webix_tree_item,
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_selected,
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected {
  box-shadow: inset 2px 0 #434246;
}
.webix_sidebar_popup.webix_dark .webix_sidebar_popup_title.webix_selected .webix_template {
  color: #ffffff;
}
.temp {
  background: #f4f4f4;
}
.CustomLabel {
  font-size: 9px;
  margin-left: 8px;
}
.panel {
  max-width: 97%;
  text-align: center !important;
}
.panelbtn {
  margin-left: 20;
  margin-right: 40px;
}
.webix_sidebar_popup.webix_dark .webix_sidebar_popup_title {
  background-color: #a50e2d;
}
.webix_view {
  border-color: #f4f4f4;
}
.webix_el_combo input,
.webix_el_richselect input,
.webix_el_datepicker input,
.webix_el_colorpicker input,
.webix_el_search input,
.webix_el_combo .webix_inp_static,
.webix_el_richselect .webix_inp_static,
.webix_el_datepicker .webix_inp_static,
.webix_el_colorpicker .webix_inp_static,
.webix_el_search .webix_inp_static {
  color: #475466;
  padding-right: 24px;
  background: #ffffff;
  font-family: Roboto, sans-serif;
  border-color: #f4f4f4;
  -webkit-appearance: none;
}
.webix_view.webix_form {
  border-radius: 4px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  color: #5a5a5a;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #fff;
  border: none;
}
.webix_win_title {
  background: #f4f4f4;
}
.webix_cell {
  white-space: pre-wrap;
}
.timetool {
  margin-bottom: 10px !important;
}
.webix_win_head {
  border-bottom: 0px solid #dadee0;
}
.headerItem {
  background-color: white;
  height: 50px !important;
  border-radius: 20px !important;
  text-align: center;
  margin: 5px !important;
}
.headerItemTime {
  background-color: white;
  margin-left: 20px !important;
  border-radius: 20px !important;
  text-align: center;
  height: 50px !important;
  margin: 5px 5px 5px 25px !important;
}
.timetableheader {
  background-color: #f4f4f4;
  margin-top: 10px !important;
  margin-bottom: 5px;
}
.marginBdkCard {
  margin-left: 20px !important;
}
.participantList {
  background-color: white;
  width: 550px !important;
}
.custom_item {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  overflow: hidden;
  /* background-color: white;
    font-size: x-small;
    line-height: 1; */
}
button .btnCancel {
  background-color: #cfaeaf !important;
  border-radius: 20px;
}
.webix_header {
  text-align: center;
}
.webix_secondary .webix_button:hover {
  background-color: #008cffaa;
}
.webix_pager_item {
  background: #f4f5f9 !important;
  color: #008cff !important;
}
.webix_pager_item_selected {
  background: #008cff !important;
  color: white !important;
}
.webix_cal_body .webix_cal_today .webix_cal_day_inner {
  box-shadow: inset 0 0 0 1px #a50e2d;
}
.webix_cal_body .webix_cal_event {
  font-weight: 500;
  color: #a50e2d;
}
.webix_layout_space {
  background-color: #f4f4f4;
}
.webix_el_text input:focus {
  outline: none !important;
  border: 1px solid red;
  box-shadow: 0 0 10px #719ece;
}
.webix_el_datepicker input:focus {
  outline: none !important;
  border: 1px solid red;
  box-shadow: 0 0 10px #719ece;
}
.webix_el_text input,
.webix_el_search input,
.webix_el_combo input,
.webix_el_datepicker input,
.webix_el_colorpicker input {
  font-size: 14px;
  height: 100%;
  padding: 0px 12px;
  border: 1px solid #edeff0;
  color: #475466;
  background: #ffffff;
  font-family: Roboto, sans-serif;
  border-color: #edeff0;
  -webkit-appearance: none;
  border-radius: 2px;
}
.webix_inp_label,
.webix_inp_top_label,
legend.webix_forminput_label,
.webix_el_label .webix_el_box {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: unset;
  color: #313131;
  letter-spacing: 0.2px;
  color: #5a5a5a;
}
.webix_sidebar_left,
.webix_sidebar_expanded {
  border: none;
}
.webix_view.webix_layout_line {
  background-color: #f4f4f4;
  margin-left: 0px;
}
.cardTimeBDK,
.cardBDK {
  border-radius: 25px !important;
  margin: 5px !important;
}
.cardBDKFound {
  box-sizing: border-box;
  border: 3px #ffeb3b solid;
  border-radius: 25px !important;
  margin: 5px !important;
}
.cardTimeBDK > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
button,
.webix_secondary .webix_button {
  color: #fff;
  background-color: #008cff;
  font-size: 0.875rem;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: 500;
  line-height: 1.75;
  border-radius: 4px;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  min-width: 28px;
  min-height: 28px;
}
.webix_inp_label,
.webix_forminput_label {
  padding-left: 8px;
}
.webix_popup_button {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  background: #f4f5f9;
  color: #949494;
  outline: none;
}
.webix_modal_box {
  border-radius: 12px !important;
}
.webix_popup_button {
  background: red !important;
  color: white;
  border-radius: 2px !important;
}
.webix_popup_button.confirm {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #a50e2d;
  letter-spacing: 0px;
  border-radius: 2px !important;
  outline: none;
  background: green !important;
  color: #ffffff;
}
.webix_alert-error .webix_popup_title,
.webix_confirm-error .webix_popup_title,
.webix_alert-error .webix_popup_text,
.webix_confirm-error .webix_popup_text {
  box-shadow: inset 0 4px #383838;
}
/*login form*/
.invalid_login .webix_header > div {
  background: #fc3636;
  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: #f4f4f4;
}
.app_start .webix_template {
  padding: 12px 12px;
}
.app_menu .webix_icon {
  font-size: 20px;
  vertical-align: middle;
}
button .webix_icon {
  width: 28px !important;
  height: 28px !important;
  font-size: 28px !important;
  color: #1e3050 !important;
  margin-top: 5px !important;
}
.imgLogo {
  align: left;
}
.panel2 {
  max-width: 95%;
}
.active {
  background-color: greenyellow !important;
}
.webix_chart_legend_item {
  height: 18px;
  line-height: 18px;
  padding: 2px;
  height: auto !important;
  cursor: pointer;
}
.noborder {
  border: none !important;
}
.webix_cal_prev_button,
.webix_cal_next_button {
  color: #a50e2d !important;
}
.webix_cal_body .webix_cal_block.webix_selected span {
  background-color: #a50e2d !important;
}
.webix_cal_done {
  background-color: #a50e2d !important;
  color: white;
}
.webix_switch_box.webix_switch_on {
  background-color: #008cff;
  height: 30px;
  width: 80px !important;
}
.webix_switch_box .webix_switch_text {
  padding-top: 5px;
}
.webix_view.webix_control.webix_el_tabbar {
  background: #f4f4f4;
}
.webix_item_tab {
  user-select: none;
  transition: all 0.2s linear;
  color: #008cff !important;
}
.webix_item_tab.webix_selected {
  border-bottom-width: 0px;
  background: #ffffff;
  color: white !important;
  background-color: #008cff !important;
  box-shadow: inset 0 -2px #008cff !important;
}
.webix_all_tabs .webix_item_tab:hover {
  background-color: #fff;
  transform: scale(1.02) !important;
}
.webix_multilist .wxi-checkbox-marked,
.webix_checksuggest_select_all .webix_label_right {
  text-transform: none !important;
  color: #008cff !important;
}
.webix_el_tabbar + .webix_multiview {
  background-color: #ffffff;
  border: 2px #b2b2b2 solid;
  border-radius: 12px;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  border-bottom-width: 2px !important;
}
.webix_dtable {
  border: 1px #b2b2b2 solid !important;
  border-width: 1px !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
}
.webix_item_tab:not(.windowStyle .webix_item_tab) {
  width: 150px !important;
  height: 42px !important;
}
.webix_item_tab {
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadee0;
  border-left-width: 0px;
  background: #ffffff;
  font-size: 14px !important;
  color: #1ca1c1;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.windowStyle .webix_item_tab {
  margin: 2px;
}
.webix_switch_box {
  color: #475466;
  background-color: #f4f5f9;
  height: 20px;
  font-size: 14px !important;
  height: 30px;
  width: 80px !important;
}
.webix_cal_body .webix_cal_select .webix_cal_day_inner,
.webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
  background-color: #a50e2d !important;
  color: white;
}
.webix_view .webix_window {
  border-radius: 8px;
}
.timetableHeaderGrey > div,
.timetableHeaderWhite > div {
  padding: 0 !important;
  text-align: left !important;
}
.timetableHeaderGreySmall > div,
.timetableHeaderWhiteSmall > div {
  padding-left: 0 !important;
}
.timetableHeaderGrey button:hover {
  background-color: #e2e2e2 !important;
}
.timetableHeaderGrey button {
  background-color: #e2e2e2 !important;
  color: #475466 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  overflow: hidden !important;
  border-radius: 0px !important;
  text-align: left;
  text-transform: none !important;
  padding-left: 0 !important;
}
.timetableHeaderGreySmall {
  background-color: #e2e2e2;
  color: #475466;
  font-size: 10px;
  line-height: 9px;
  overflow: hidden;
}
.timetableHeaderWhite button:hover {
  background-color: white !important;
}
.timetableHeaderWhite button {
  background-color: white !important;
  color: #475466 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  overflow: hidden !important;
  border-radius: 0px !important;
  text-align: left;
  text-transform: none !important;
  padding-left: 0 !important;
}
.timetableHeaderWhiteSmall {
  background-color: white;
  color: #475466;
  font-size: 10px;
  line-height: 9px;
  overflow: hidden;
}
.webix_overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 16px;
  color: #475466;
}
.time_table_resizer {
  background-color: #a9a9a920;
}
.clear_filter_button button {
  text-transform: none !important;
  line-height: 15px !important;
}
.company_title {
  font-size: 12px;
  color: #999;
}
.status_button {
  width: 106px;
  height: 34px;
  float: right;
  background-color: transparent;
  color: #bbb;
  text-transform: none;
  font-weight: normal;
  border: 1px solid !important;
  text-align: center;
  margin-top: 15px;
}
.status_button:hover {
  background-color: #f00;
  color: #fff;
}
.status_button:hover:before {
  content: '\423\434\430\43B\438\442\44C';
}
.status_button:after {
  content: '\41F\440\438\433\43B\430\448\451\43D';
}
.status_button:hover:after {
  content: '';
}
.reservation_guest_list_item {
  height: auto !important;
  line-height: 15px;
}
.noHover {
  pointer-events: none;
}
.cardBDKEmpty img {
  margin-right: 15px;
  opacity: 0;
}
.cardBDKEmpty:hover {
  opacity: 0.7;
  cursor: pointer;
}
.cardBDKEmpty:hover .webix_toolbar {
  display: none;
}
.cardBDKEmpty:hover img {
  opacity: 1;
  filter: brightness(20%);
  transform: scale(1.2);
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}
.imgcontainer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.createeventbtn {
  cursor: pointer;
  height: 100% !important;
  background-color: white;
  border-top: 1px #f4f4f4 solid !important;
}
.userID {
  position: absolute;
  top: 0px;
  right: 15px;
}
button:disabled {
  border: none !important;
  opacity: 0.4;
}
.webix_disabled {
  background-color: #f4f4f4 !important;
}
.hidden_search span {
  right: 8px !important;
}
.selectedCard {
  box-sizing: border-box !important;
  border: 3px #ffeb3b solid !important;
  border-radius: 25px !important;
  margin: 5px !important;
}
.GreenPastInterval:hover ::after {
  /* background: black; */
  content: '\1F512';
  font-size: x-small;
}
.YellowPastIntervalReserved .webix_el_box {
  background-color: #fff44f;
  font-size: x-small !important;
}
/* .YellowPastIntervalReserved::after {
  content: "🔒";
  font-size: x-small;
} */
.VoteResults {
  border: none !important;
}
.modal-wrapper,
.modal-wrapper .share-block {
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.modal-wrapper .webix_template {
  width: 100%;
}
.share-block {
  display: flex;
  flex-direction: column;
  font-size: 24px;
}
.share-block input {
  width: 100%;
  border-radius: 6px;
}
.share-block img {
  background-color: white;
  border: 1px solid #edeff0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s linear;
}
.share-block img:hover {
  transform: scale(1.02);
  -webkit-box-shadow: 5px 5px 5px -3px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 5px 5px 5px -3px rgba(34, 60, 80, 0.2);
  box-shadow: 5px 5px 5px -3px rgba(34, 60, 80, 0.2);
}
.share-block .webix_control.webix_el_text {
  border-width: 0px;
  margin-left: 0px;
  height: 38px;
  width: 80%;
  margin: 20px 0;
}
.copy-btn {
  position: absolute !important;
  right: 5px;
  background-color: transparent !important;
  width: 32px;
}
.copy-btn .webix_icon {
  font-size: 24px !important;
  margin-top: 0 !important;
}