/*
Product Name: dhtmlxSuite
Version: 5.1.0
Edition: Professional
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/
/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhtmlxcalendar_material {
  position: absolute;
  display: block;
  background-color: white;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_month_cont,
.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_days_cont,
.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_dates_cont,
.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont {
  border-color: white;
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont {
  border-top: 1px solid #dfdfdf;
}

.dhtmlxcalendar_material ul.dhtmlxcalendar_line {
  position: relative;
  display: block;
  clear: both;
  font: inherit;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* 	margin-left: 12px; */
  width: 225px;
}

.dhtmlxcalendar_material ul.dhtmlxcalendar_line li {
  float: left;
  position: relative;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  font: inherit;
  cursor: default;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont {
  position: relative;
  display: block;
  /* 	width: 249px; */
  margin: 0;
  padding: 7px 12px 0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dfdfdf;
  overflow: hidden;
  font: inherit;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
  width: 225px;
  height: 31px;
  line-height: 31px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
  position: absolute;
  top: 0;
  width: 18px;
  height: 31px;
  color: inherit;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
  left: 4px;
  background-image:
    url("imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
  right: 4px;
  background-image:
    url("imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
  position: relative;
  font: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont {
  position: relative;
  display: block;
  /* 	width: 249px; */
  margin: 0;
  padding: 0 12px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  overflow: hidden;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
  height: 31px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin-left: 1px;
  font-size: 12px;
  color: #9a9a9a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
  margin-left: 1px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_day_weekday_cell_first {
  margin-left: 1px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont {
  position: relative;
  display: block;
  /* 	width: 249px; */
  margin: 0;
  padding: 0 12px 8px;
  /* 	padding-bottom: 8px; */
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
  overflow: hidden;
  font: inherit;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
  /* 	margin-top: 1px; */
  /* 	margin-left: 13px; */
  height: 31px;
  line-height: 31px;
  font: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin-right: 1px;
  border-radius: 50%;
  overflow: visible;
  font: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
  position: relative;
  width: 100%;
  height: 100%;
  font: inherit;
  line-height: 31px;
  text-align: center;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
  background-image:
    url("imgs/dhxcalendar_material/dhxcalendar_marker.gif");
  background-position: top right;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  color: #a6a6a6;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend {
  color: #e6918e;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend:last-child {
  color: #99cde6;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date {
  color: #a6a6a6;
  background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend {
  color: #e6918e;
  background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_dis {
  color: #c0c0c0;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_dis {
  color: #e6918e;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday {
  color: #e6918e;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_dis {
  color: #d43f3a;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_hover {
  color: #a6a6a6;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_hover {
  color: #a6a6a6;
  background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_hover {
  color: #e6918e;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_hover {
  color: #e6918e;
  background-color: #dcdcdc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_hover {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month {
  color: #404040;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend {
  color: #d43f3a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend:last-child {
  color: #339acc;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date {
  color: white;
  background-color: #39c;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_dis {
  color: #c0c0c0;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_dis {
  color: #d43f3a;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday {
  color: #d43f3a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday {
  color: #d43f3a;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_dis,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
  color: #d43f3a;
  background-color: #f2f2f2;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_hover {
  color: #404040;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_hover {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_hover {
  color: white;
  background-color: #39c;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_hover {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_hover {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_hover {
  color: #d43f3a;
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_hover {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
  color: white;
  background-color: #ef5350;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont {
  position: relative;
  display: block;
  /* 	width: 249px; */
  /* 	width: 298px; */
  height: 31px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
  width: 225px;
  height: 31px;
  line-height: 31px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr {
  text-align: left;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
  margin-left: 42px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  position: absolute;
  left: 22px;
  top: 7px;
  width: 18px;
  height: 18px;
  background-image: url("imgs/dhxcalendar_material/dhxcalendar_clock.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  left: 75px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
  text-align: center;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
  margin-left: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
  display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
  float: right;
  margin-right: 8px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  float: right;
  margin-right: 74px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_selected_date {
  border-bottom: 2px solid red;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
  float: right;
  margin-right: 8px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
  float: right;
  margin-right: 22px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 27px;
  color: #3da0e3;
  background-color: - #060606;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
  height: 28px;
  line-height: 27px;
  margin-top: 2px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell div {
  line-height: inherit;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 27px;
  color: #3da0e3;
  background-color: - #060606;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_cover {
  position: absolute;
  left: 1px;
  background-color: white;
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj {
  position: absolute;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
  position: absolute;
  bottom: auto;
  top: 1px;
  left: 0;
  width: 100%;
  height: 9px;
  overflow: hidden;
  background-image:
    url("imgs/dhxcalendar_material/dhxcalendar_selector_top.gif");
  background-position: top center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
  border-bottom: 1px solid #dfdfdf;
  border-top: 0 solid white;
  background-color: white;
  margin-top: 9px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  width: 24px;
  text-align: center;
  border-color: #dfdfdf;
  border-style: solid;
  padding: 0;
  margin: 0;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
  border-width: 1px 0 0 1px;
  background-image:
    url("imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  border-width: 1px 1px 0 0;
  background-image:
    url("imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
  cursor: default;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
  display: block;
  clear: both;
  background-color: white;
  border-left: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
  float: left;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border-right: 1px solid #dfdfdf;
  background-color: white;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  font-size: .9em;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
  background-color: #ebebeb;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  height: 28px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 0 solid white;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line:first-child {
  border-top: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line:last-child {
  border-bottom: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  /* 	width: 50px; */
  width: calc(100%/3 - 1px);
  height: 28px;
  line-height: 28px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
  top: auto;
  bottom: 1px;
  background-image:
    url("imgs/dhxcalendar_material/dhxcalendar_selector_bottom.gif");
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line {
  height: 28px;
  border-top: 0 solid white;
  border-bottom: 1px solid #dfdfdf;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
  margin-top: 0;
  margin-bottom: 9px;
  border-bottom: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  width: 34px;
  height: 28px;
  line-height: 28px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
  display: none;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
  display: block;
}

.dhtmlxcalendar_ifr {
  position: absolute;
  overflow: hidden;
  background-color: white;
}

div.dhtmlxcalendar_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
div.dhxcombo_material {
  position: relative;
  border-bottom: 1px solid #dfdfdf;
  /* 	border: 1px solid #dfdfdf; */
  padding-bottom: 1px;
  overflow: hidden;
  vertical-align: middle;
  background-color: white;
  font-size: 1px;
  /* height: 29px; */
  height: 28px;  /* 2023.07.24 源��쁺�썕 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div.dhxcombo_material.dhxcombo_actv {
  padding-bottom: 0;
/*  border-bottom: 2px solid #39c; */
}

div.dhxcombo_material input.dhxcombo_input {
  position: absolute;
  left: 4px;
  top: 0;
  *top: 1px;
  height: 29px;
  line-height: 28px;
  *height: 27px;
  *line-height: 26px;
  border: 0 solid white;
  outline: 0 solid white;
  padding: 0;
  margin: 0 0 0 2px;
  background-color: white;
  vertical-align: top;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.dhxcombo_material input.dhxcombo_input::-ms-clear {
  display: none;
}

div.dhxcombo_material div.dhxcombo_select_button {
  position: absolute;
  width: 21px;
  height: 22px;
  top: 4px;
  right: 2px;
  font-size: 1px;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombo_material div.dhxcombo_select_button div.dhxcombo_select_img {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("imgs/dhxcombo_material/ic_select_arrow.png");
  background-repeat: no-repeat;
  background-position: center 0;
  /* 	background-position: center -3px; */
}

div.dhxcombo_material div.dhxcombo_top_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 29px;
  height: 29px;
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombo_material div.dhxcombo_top_image div.dhxcombo_image {
  position: absolute;
  top: 6px;
  left: 5px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material {
  position: absolute;
  border: 1px solid #dfdfdf;
  background-color: #fafafa;
  overflow-x: none;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.2);
}

div.dhxcombolist_material div.dhxcombo_option {
  position: relative;
  font: inherit;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  overflow: hidden;
  cursor: default;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.dhxcombolist_material div.dhxcombo_option.dhxcombo_option_selected {
  background-color: #ebebeb;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text {
  position: relative;
  padding: 0 4px;
  font: inherit;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_chbx {
  position: relative;
  padding: 0 4px;
  margin-left: 26px;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_image {
  position: relative;
  padding: 0 4px 0 4px;
  margin-left: 26px;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image,
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox {
  position: absolute;
  width: 18px;
  margin: 0 5px;
  height: 32px;
  line-height: 32px;
  background-image: url("imgs/dhxcombo_material/dhxcombo_chbx.gif");
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image.dhxcombo_chbx_1,
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1 {
  background-position: 0 7px;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image.dhxcombo_chbx_0,
div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0 {
  background-position: -18px 7px;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image {
  top: 7px;
  margin: 0 0 0 6px;
  width: 18px;
  height: 18px;
}

div.dhxcombo_material.dhxcombo_disabled input.dhxcombo_input {
  color: #a6a6a6;
}

div.dhxcombo_material.dhxcombo_disabled div.dhxcombo_select_button div.dhxcombo_select_img {
  background-image:
    url("imgs/dhxcombo_material/dhxcombo_arrow_down_dis.gif");
  cursor: default;
  margin-top: 7px;
}

.dhxgrid_combo_icon {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

div.dhxcombo_in_grid_parent {
  position: relative;
  height: 100%;
  top: 0;
}

div.dhxcombo_in_grid_parent div.dhxcombo_material {
  position: absolute;
  top: 0;
  left: -1px;
}

div.dhxcombolist_material.dhxcombolist_hdr {
  border-bottom-width: 0;
  height: 36px;
  line-height: 36px;
  box-shadow: none;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext {
  position: relative;
  padding: 0;
  white-space: nowrap;
  cursor: default;
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell,
div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 2;
  border-left: 1px solid #dfdfdf;
  padding: 0;
  margin: 0;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first,
div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell:first-child {
  border-left-width: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option {
  height: 32px;
  line-height: 32px;
  margin-top: -1px;
  z-index: 0;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  background-color: white;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_option_text {
  padding: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell,
div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  border-left: 1px solid #dfdfdf;
  padding: 0;
  margin: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first,
div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell:first-child {
  border-left-width: 0;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected {
  z-index: 1;
  background-color: #ebebeb;
  border-top-color: #dfdfdf;
  border-bottom-color: #dfdfdf;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected div.dhxcombo_cell {
  border-left-color: #dfdfdf;
}

div.dhxcombolist_material.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_text,
div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_text {
  position: relative;
  margin: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  min-height: 32px;
}

.dhxcombo_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhtmlxcp_material {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxcp_material * {
  line-height: normal;
}

.dhtmlxcp_material.dhxcp_shadow div.dhxcp_g_area {
  border-width: 1px 0 0 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhtmlxcp_material div.dhxcp_g_area {
  position: absolute;
  width: 235px;
  height: 262px;
  background-color: white;
  border: 1px solid #dfdfdf;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area {
  width: 235px;
  height: 262px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area {
  padding-bottom: 2px;
  width: 235px;
  height: 122px;
  margin: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_color_selector {
  position: absolute;
  width: 210px;
  height: 120px;
  background-image: url("imgs/dhxcp_material/dhxcp_colors.png");
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_color_selector div.dhxcp_h_line {
  width: 210px;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_color_selector div.dhxcp_v_line {
  position: absolute;
  width: 0;
  height: 120px;
  border-left: 1px solid white;
  cursor: pointer;
  overflow: hidden;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_contrast_area {
  position: relative;
  height: 120px;
  width: 24px;
  cursor: pointer;
  float: right;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_contrast_area div.dhxcp_ie_gradient {
  height: 120px;
  width: 24px;
  margin: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_contrast_area div.dhxcp_h_line {
  width: 24px;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_h_line {
  position: absolute;
  height: 0;
  border-top: 1px solid white;
  cursor: pointer;
  overflow: hidden;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area {
  position: relative;
  padding: 0 14px;
  width: auto;
  height: 78px;
  margin: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont {
  height: 78px;
  float: left;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont div.dhxcp_value_color {
  margin-top: 5px;
  width: 52px;
  height: 48px;
  border: 1px solid #dfdfdf;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont input.dhxcp_value {
  width: 54px;
  margin-top: 3px;
  line-height: 1em;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfdf;
  background-color: white;
  padding: 3px 3px 3px 3px;
  text-align: left;
  font: inherit;
  font-size: 13px;
  outline: none;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont input.dhxcp_value:focus {
  border-bottom-color: #39c;
  border-bottom-width: 2px;
  padding-bottom: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont {
  position: absolute;
  right: 14px;
  top: 4px;
  border: none;
  border-spacing: 0;
  width: 130px;
  height: 78px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont .dhxcp_label_hsl,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont .dhxcp_label_rgb {
  text-align: right;
  padding: 0 7px 0 0;
  font: inherit;
  font-size: 13px;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont td.dhxcp_input_hsl,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont td.dhxcp_input_rgb {
  width: 28px;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  vertical-align: top;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_hsl,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_rgb {
  width: 26px;
  margin-top: 2px;
  line-height: 1em;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfdf;
  background-color: white;
  padding: 3px 3px 3px 3px;
  text-align: left;
  font: inherit;
  font-size: 13px;
  outline: none;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_hsl:focus,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_rgb:focus {
  border-bottom-color: #39c;
  border-bottom-width: 2px;
  padding-bottom: 0;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_memory_area {
  display: none;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area {
  position: relative;
  width: auto;
  height: 32px;
  padding: 0 14px;
  text-align: right;
  margin-top: 18px;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_save,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_cancel {
  height: 32px;
  line-height: 22px;
  margin: 0 2px;
  padding-left: 12px;
  padding-right: 12px;
  overflow: hidden;
  text-align: center;
  outline: none;
  border: none;
  background-color: white;
  font-weight: 500;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #39c;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_save:hover,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_cancel:hover {
  background-color: #ededed;
}

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_save:active,
.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_cancel:active {
  background-color: #e1e1e1;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory {
  height: 315px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area {
  height: 315px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_buttons_area {
  margin-top: 0;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 14px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont {
  position: relative;
  width: auto;
  height: 24px;
  margin-top: 14px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory {
  width: 100%;
  height: 24px;
  margin: 0;
  outline: none;
  border: none;
  background-color: white;
  font-weight: 500;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #39c;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory:hover {
  background-color: #ededed;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory:active {
  background-color: #e1e1e1;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory div.dhxcp_label_bm {
  display: inherit;
  width: 90px;
  margin: 0 auto;
  height: 16px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont {
  position: relative;
  width: auto;
  height: 25px;
  margin-top: 3px;
  text-align: center;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont a.dhxcp_memory_el {
  width: 21px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  display: inline-block;
  margin-right: 2px;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont a.dhxcp_memory_el.dhxcp_memory_el_select {
  border: 1px dashed black;
}

.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont a.dhxcp_memory_el.dhxcp_memory_el_next {
  border: 1px dashed red;
}

.dhxcp_colorBox {
  float: right;
}

.dhxcp_colorInput {
  float: left;
}

.dhxcp_frm {
  position: absolute;
  background-color: white;
  width: 256px;
  height: 274px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxcolorpicker_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhtmlxslider_material {
  z-index: 0;
}

.dhtmlxslider_material .dhxsl_hidden {
  display: none;
}

.dhtmlxslider_material .dhxsl_container {
  position: relative;
  float: left;
  clear: left;
  margin: 0;
  padding: 1px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxslider_material .dhxsl_container.dhxsl_cont_hr {
  margin-top: 4px;
}

.dhtmlxslider_material .dhxsl_container.dhxsl_cont_vr {
  margin-left: 4px;
}

.dhtmlxslider_material .dhxsl_runner {
  position: absolute;
  background-color: #39c;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  z-index: 1;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.dhtmlxslider_material .dhxsl_runner.dhxsl_runner_actv {
  z-index: 2;
}

.dhtmlxslider_material .dhxsl_runner_dis {
  background-color: #dfdfdf;
  border: 1px solid white;
  width: 10px;
  height: 10px;
}

.dhtmlxslider_material .dhxsl_track {
  background-color: #dfdfdf;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
}

.dhtmlxslider_material .dhxsl_track div.dhxsl_track_bg {
  position: absolute;
  font-size: 1px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxslider_material .dhxsl_cont_vr .dhxsl_track {
  height: 100%;
  width: 2px;
}

.dhtmlxslider_material .dhxsl_cont_vr .dhxsl_track div.dhxsl_track_bg {
  left: 0;
  width: 100%;
}

.dhtmlxslider_material .dhxsl_cont_hr .dhxsl_track {
  width: 100%;
  height: 2px;
}

.dhtmlxslider_material .dhxsl_cont_hr .dhxsl_track div.dhxsl_track_bg {
  top: 0;
  height: 100%;
}

.dhxslider_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
div.dhx_popup_material {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
}

div.dhx_popup_material div.dhx_popup_area {
  position: relative;
  margin: 10px;
  padding: 5px 0;
  border: 1px solid #dfdfdf;
  background-color: #fafafa;
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.2);
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td {
  text-align: left;
  line-height: normal;
  padding: 0 10px 0 10px;
  white-space: nowrap;
  cursor: default;
  height: 30px;
  line-height: 30px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td * {
  white-space: normal;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material {
  position: relative;
  float: left;
  box-shadow: none;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont {
  border-color: #fafafa;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxeditor_material {
  border: 1px solid #dfdfdf;
  margin: 15px 0;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_material div.dhxcp_g_area {
  position: relative;
  box-shadow: none;
  border-width: 0;
  background-color: #fafafa;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxtabbar_base_material {
  z-index: 1;
}

div.dhx_popup_material div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep {
  font-size: 1px;
  padding: 5px 0;
  position: relative;
}

div.dhx_popup_material div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep div.dhx_popup_sep {
  position: relative;
  font-size: 1px;
  line-height: 1px;
  height: 0;
  width: 100%;
  border-top: 1px solid #dfdfdf;
  overflow: hidden;
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td:first-child {
  padding-left: 23px;
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td:last-child {
  padding-right: 21px;
}

div.dhx_popup_material div.dhx_popup_area tr:hover td.dhx_popup_td {
  background-color: #ebebeb;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode:hover td.dhx_popup_td {
  background: none;
}

div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_single {
  padding-left: 23px;
  padding-right: 21px;
}

div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_first {
  padding-left: 23px;
}

div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_last {
  padding-right: 21px;
}

div.dhx_popup_material div.dhx_popup_area.dhx_popup_area_ie tr.tr_hover td.dhx_popup_td {
  background-color: #ebebeb;
}

div.dhx_popup_material div.dhx_popup_arrow {
  position: absolute;
  background-repeat: no-repeat;
}

div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_bottom {
  width: 19px;
  height: 16px;
  background-image:
    url("imgs/dhxpopup_material/dhxpopup_arrow_bottom.gif");
  background-position: top center;
}

div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_top {
  width: 19px;
  height: 16px;
  background-image: url("imgs/dhxpopup_material/dhxpopup_arrow_top.gif");
  background-position: bottom center;
}

div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_right {
  width: 16px;
  height: 19px;
  background-image: url("imgs/dhxpopup_material/dhxpopup_arrow_right.gif");
  background-position: center left;
}

div.dhx_popup_material div.dhx_popup_arrow.dhx_popup_arrow_left {
  width: 16px;
  height: 19px;
  background-image: url("imgs/dhxpopup_material/dhxpopup_arrow_left.gif");
  background-position: center right;
}

div.dhx_popup_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhtmlxMenu_material_Middle {
  position: relative;
  height: 28px;
  line-height: 28px;
  background-color: #f5f5f5;
  overflow: hidden;
  border: none;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected {
  position: relative;
  float: left;
  font: inherit;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0 8px;
  cursor: default;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal div.top_level_text,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled div.top_level_text,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected div.top_level_text {
  float: left;
  margin: 0 3px;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal i,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled i,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected i {
  height: inherit;
  line-height: inherit;
  float: left;
  color: inherit;
  margin: 0 4px;
  font-size: 1.2em;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled {
  color: #a6a6a6;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected {
  background-color: #ebebeb;
}

.dhtmlxMenu_material_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
  float: left;
  margin: 5px 3px 0 3px;
  width: 18px;
  height: 18px;
  cursor: default;
}

.dhtmlxMenu_material_Middle div.top_sep {
  position: relative;
  float: left;
  height: 22px;
  width: 0;
  border-left: 1px solid #dfdfdf;
  margin: 3px 8px 0 8px;
  font-size: 1px;
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_right,
.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_left {
  position: absolute;
  top: 0;
  height: 28px;
  line-height: 28px;
  cursor: default;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_right {
  right: 6px;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_left {
  left: 6px;
}

/* �윜諛몄굡占쎈뉴�뜝�럥援� �뛾�룆���억옙 context menu */
div.dhtmlxMenu_material_SubLevelArea_Polygon {
  width: 230px !important;
  /* context menu width */
  position: absolute;
  padding: 5px 0;
  background-color: #fafafa;
  overflow: hidden;
  cursor: default;
  line-height: normal;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td {
  padding: 0;
  margin: 0;
  line-height: normal;
  white-space: nowrap;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon {
  width: 18px;
  text-align: center;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon img.sub_icon {
  margin: 4px 6px 0 6px;
  width: 18px;
  height: 18px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon i {
  width: 18px;
  height: 30px;
  line-height: 29px;
  margin: 0 6px;
  font-size: 1.2em;
  text-align: center;
  color: inherit;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon {
  margin: 0 6px;
  width: 18px;
  height: 30px;
  line-height: 30px;
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-image: url("imgs/dhxmenu_material/dhxmenu_chrd.png");
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.chbx_0 {
  background-position: 0 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.chbx_1 {
  background-position: -18px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.rdbt_0 {
  background-position: -72px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_icon div.sub_icon.rdbt_1 {
  background-position: -90px 5px;
}

/* �윜諛몄굡占쎈뉴�뜝�럥援▼뜝�럥�뿕�뜝�럥�맠 context menu */
div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_text div.sub_item_text {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 22px 0 1px;
  overflow: hidden;
  padding-left: 9px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_hk {
  padding: 0 10px 0 8px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_hk div.sub_item_hk {
  color: #8d8d8d;
  font-size: 12px;
  text-align: right;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td div.complex_arrow {
  float: right;
  width: 10px;
  margin: 0 1px 0 11px;
  height: 30px;
  line-height: 30px;
  background-image: url("imgs/dhxmenu_material/dhxmenu_subar.png");
  background-repeat: no-repeat;
  background-position: 0 10px;
  overflow: hidden;
  font-size: 1px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td div.complex_arrow_loading {
  width: 16px;
  height: 30px;
  line-height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("imgs/dhxmenu_material/dhxmenu_loader.gif");
  float: right;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td {
  background-color: transparent;
  color: #000;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td div.complex_arrow {
  background-position: -10px 10px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
  color: #c0c0c0;
}

/* �윜諛몄굡占쎈뉴�뜝�럥援←뛾�룆���억옙 context menu item width */
div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_item_text,
div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td td.sub_item_icon i {
  color: #a6a6a6;
  min-width: 165px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.complex_arrow {
  background-position: -20px 10px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.chbx_0 {
  background-position: -36px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.chbx_1 {
  background-position: -54px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.rdbt_0 {
  background-position: -108px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td div.sub_icon.rdbt_1 {
  background-position: -126px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td i {
  color: #a6a6a6;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_sep td {
  padding: 5px 3px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_sep td div.sub_sep {
  position: relative;
  font-size: 1px;
  line-height: 1px;
  height: 0;
  width: 100%;
  border-top: 1px solid #dfdfdf;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp_Over,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp_Disabled {
  position: relative;
  font-size: 1px;
  border-bottom: 1px solid #dfdfdf;
  background-image: url("imgs/dhxmenu_material/dhxmenu_arrow_up.png");
  background-repeat: no-repeat;
  background-position: center 2px;
  padding: 8px 0;
  margin-bottom: 3px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowUp_Disabled {
  background-image: url("imgs/dhxmenu_material/dhxmenu_arrow_up_dis.png");
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown_Over,
div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown_Disabled {
  position: relative;
  font-size: 1px;
  border-top: 1px solid #dfdfdf;
  background-image: url("imgs/dhxmenu_material/dhxmenu_arrow_down.png");
  background-repeat: no-repeat;
  background-position: center 6px;
  padding: 8px 0;
  margin-top: 3px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon div.dhtmlxMenu_material_SubLevelArea_ArrowDown_Disabled {
  background-image:
    url("imgs/dhxmenu_material/dhxmenu_arrow_down_dis.png");
}

iframe.dhtmlxMenu_IE6CoverFix_material {
  position: absolute;
  border: none;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhtmlxMenu_material_Middle.dir_left div.align_left {
  float: left;
}

.dhtmlxMenu_material_Middle.dir_left div.align_right {
  float: right;
}

.dhxmenu_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhtmlxribbon_material {
  overflow: hidden;
  width: 100%;
}

.dhtmlxribbon_material.dhxrb_without_tabbar {
  background-color: #fafafa;
  border: 1px solid #dfdfdf;
}

.dhtmlxribbon_material .dhxrb_background_area {
  height: 126px;
  background-color: #fafafa;
  margin: 1px;
}

.dhtmlxribbon_material .dhxrb_with_tabbar {
  height: 171px;
}

.dhtmlxribbon_material div.dhx_cell_tabbar {
  background-color: #fafafa;
}

.dhtmlxribbon_material .dhxrb_g_area {
  height: 124px;
  float: left;
  clear: left;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_material .dhxrb_block_base {
  margin: 3px 0 3px 3px;
  float: left;
  border: 1px solid #dfdfdf;
  background-color: #fafafa;
  height: 118px;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_material .dhxrb_block_base .dhxrb_block_items {
  height: 95px;
  float: left;
  padding: 2px 0;
  overflow: hidden;
}

.dhtmlxribbon_material .dhxrb_block_base>.dhxrb_block_label {
  height: 19px;
  line-height: 18px;
  *height: auto;
  *line-height: 1em;
}

.dhtmlxribbon_material .dhxrb_block_base .dhxrb_block_label {
  text-align: center;
  clear: left;
  background-color: #ebebeb;
  *font-size: 12px;
  *padding: 1px 3px 3px;
  *font-family: Arial;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_big_button {
  margin: 1px 3px;
  float: left;
  text-align: center;
  padding: 4px 10px;
  height: 82px;
  border: 1px solid #fafafa;
  background-color: #fafafa;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_image {
  width: 48px;
  height: 48px;
  border: none;
}

.dhtmlxribbon_material .dhxrb_big_button i {
  position: relative;
  display: block;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 48px;
  height: 48px;
  line-height: 47px;
  font-size: 30px;
  color: inherit;
  cursor: default;
  text-align: center;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_label_button {
  margin: 0 auto;
  cursor: default;
  line-height: 14px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_invisible {
  visibility: hidden;
}

.dhtmlxribbon_material .dhxrb_3rows_block {
  float: left;
  margin: 0 3px;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_material .dhxrb_3rows_block .dhxrb_invisible {
  display: none;
}

.dhtmlxribbon_material .dhxrb_3rows_button {
  height: 25px;
  margin: 1px 0;
  float: left;
  clear: left;
  padding: 1px 8px;
  border: 1px solid #fafafa;
  background-color: #fafafa;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_in_row {
  height: 22px;
  margin: 1px 0;
  float: left;
  padding: 1px 8px;
  white-space: nowrap;
  border: 1px solid #fafafa;
  background-color: #fafafa;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_group .dhxrb_buttoncombo_cont {
  height: 20px;
}

.dhtmlxribbon_material .dhxrb_buttoncombo_cont {
  height: 24px;
  padding: 0 2px;
}

.dhtmlxribbon_material .dhxrb_buttoncombo {
  float: left;
}

.dhtmlxribbon_material .dhxrb_in_row .dhxrb_slider,
.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_slider {
  float: left;
  margin-right: 5px;
}

.dhtmlxribbon_material .dhxrb_in_row center,
.dhtmlxribbon_material .dhxrb_in_group center,
.dhtmlxribbon_material .dhxrb_3rows_button center {
  float: left;
  margin: 0;
  padding: 0;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_slider {
  float: left;
  margin-right: 5px;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_slider {
  width: 16px;
  margin: 2px 0;
  height: 50px;
}

.dhtmlxribbon_material .dhxrb_in_group {
  height: 23px;
  float: left;
  padding: 1px 4px;
  border: 1px solid #ebebeb;
}

.dhtmlxribbon_material .dhxrb_input {
  float: left;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  height: 18px;
  width: 80px;
  padding: 1px 2px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_input:disabled {
  color: #a6a6a6;
}

.dhtmlxribbon_material div.dhxcombo_material {
  height: 24px;
  line-height: 24px;
}

.dhtmlxribbon_material div.dhxcombo_material input.dhxcombo_input {
  float: left;
  height: 24px;
  width: 80px;
  padding: 0 2px;
  line-height: 24px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_input {
  height: 16px;
  padding: 1px 1px;
  line-height: 16px;
}

.dhtmlxribbon_material .dhxrb_in_group div.dhxcombo_material {
  height: 20px;
  line-height: 20px;
}

.dhtmlxribbon_material .dhxrb_in_group div.dhxcombo_material input.dhxcombo_input {
  height: 20px;
  line-height: 20px;
}

.dhtmlxribbon_material .dhxrb_in_group div.dhxcombo_material div.dhxcombo_select_button {
  top: 0;
}

.dhtmlxribbon_material div.dhxcombo_material div.dhxcombo_select_button {
  top: 2px;
}

.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_image,
.dhtmlxribbon_material .dhxrb_in_row .dhxrb_image,
.dhtmlxribbon_material .dhxrb_in_group .dhxrb_image {
  margin: 3px 0;
  width: 18px;
  height: 18px;
  float: left;
}

.dhtmlxribbon_material .dhxrb_3rows_button i,
.dhtmlxribbon_material .dhxrb_in_row i,
.dhtmlxribbon_material .dhxrb_in_group i {
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  line-height: 17px;
  font-size: 15px;
  margin-top: 3px;
  color: inherit;
  cursor: default;
  text-align: center;
}

.dhtmlxribbon_material .dhxrb_item_disable i {
  color: #a6a6a6;
}

.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_label_button,
.dhtmlxribbon_material .dhxrb_in_row .dhxrb_label_button,
.dhtmlxribbon_material .dhxrb_in_group .dhxrb_label_button {
  float: left;
  cursor: default;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_label_button,
.dhtmlxribbon_material .dhxrb_in_row .dhxrb_label_button {
  margin: 1px 0 1px 6px;
  line-height: 22px;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_label_button {
  margin: 1px;
  line-height: 22px;
}

.dhtmlxribbon_material .dhxrb_label_checkbox {
  float: left;
  margin: 0 4px;
  cursor: default;
  line-height: 21px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_group .dhxrb_label_checkbox {
  line-height: 19px;
}

.dhtmlxribbon_material .dhxrb_disable_text_style,
.dhtmlxribbon_material .dhxrb_item_disable .dhxrb_label_checkbox {
  color: #a6a6a6;
}

.dhtmlxribbon_material .dhxrb_highlight0 {
  background-color: #ebebeb;
  border-color: #ebebeb;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxribbon_material .dhxrb_highlight1 {
  background-color: #dcdcdc;
  border-color: #d2d2d2;
  box-shadow: 0 0 4px rgba(127, 127, 127, 0.2) inset;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxribbon_material .dhxrb_item_hide {
  display: none;
}

.dhtmlxribbon_material .dhxrb_block_rows {
  float: left;
  margin: 0 3px;
}

.dhtmlxribbon_material .dhxrb_block_row {
  float: left;
  clear: left;
  height: 28px;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_material .dhxrb_arrow {
  padding: 0 5px;
  margin-left: 2px;
  background: url("imgs/dhxribbon_material/dhxribbon_arrow.gif") no-repeat 50%;
}

.dhtmlxribbon_material .dhxrb_item_disable .dhxrb_arrow {
  opacity: .4;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.dhtmlxribbon_material .dhxrb_3rows_block .dhxrb_group {
  border: 1px solid #dcdcdc;
  background-color: #ebebeb;
  height: 26px;
  float: left;
  clear: left;
  margin: 1px 0;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_material .dhxrb_block_row .dhxrb_group {
  border: 1px solid #dfdfdf;
  background-color: #fafafa;
  height: 24px;
  float: left;
  margin: 1px 0;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_label_hide {
  display: none;
}

.dhtmlxribbon_material .dhxrb_separator_groupp {
  height: 27px;
  width: 0;
  border-left: 1px solid #dcdcdc;
  overflow: hidden;
  float: left;
}

.dhtmlxribbon_material .dhxrb_checkbox {
  border: 1px solid #dfdfdf;
  background-color: white;
  float: left;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  overflow: hidden;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_checkbox {
  margin-top: 3px;
}

.dhtmlxribbon_material .dhxrb_checked .dhxrb_checkbox {
  background-image: url("imgs/dhxribbon_material/dhxribbon_checked.gif");
  background-repeat: no-repeat;
}

.dhtmlxribbon_material .dhxrb_checked.dhxrb_item_disable>.dhxrb_checkbox {
  background-image:
    url("imgs/dhxribbon_material/dhxribbon_checked_dis.gif");
}

.dhtmlxribbon_material .dhxrb_item_disable .dhxrb_checkbox {
  background-color: #fafafa;
}

.dhtmlxribbon_material .dhxrb_item_text {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_in_group .dhxrb_item_text {
  height: 20px;
  line-height: 19px;
  *float: left;
  *clear: left;
}

.dhtmlxribbon_material .dhxrb_3rows_button .dhxrb_item_text,
.dhtmlxribbon_material .dhxrb_in_row .dhxrb_item_text {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_material .dhxrb_big_button .dhxrb_item_text {
  line-height: 82px;
  height: 82px;
  float: left;
  clear: left;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhtmlxribbon_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhx_toolbar_material {
  background-color: #fff;
  position: relative;
  padding: 0 5px;
  cursor: default;
  overflow: hidden;
  border: 1px solid #dfdfdf;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhx_toolbar_material.dhx_toolbar_shadow {
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhx_toolbar_material div.dhxtoolbar_float_left {
  float: left;
}

.dhx_toolbar_material div.dhxtoolbar_float_right {
  float: right;
}

.dhx_toolbar_material div.dhx_toolbar_btn,
.dhx_toolbar_material div.dhx_toolbar_arw {
  position: relative;
  float: left;
  border-style: solid;
  border-color: #fafafa;
  border-width: 0 1px 0 1px;
  line-height: inherit;
  cursor: default;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis {
  color: #a6a6a6;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis i,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis i {
  color: #c0c0c0;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_r,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_r {
  border-color: #dfdfdf;
  background-color: #fafafa;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_pen,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.dhxtoolbar_sl_pen {
  background-color: #dfdfdf;
  border: 1px solid white;
  width: 10px;
  height: 10px;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over {
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_pres,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
  background-color: #dcdcdc;
  border-color: #d2d2d2;
  box-shadow: 0 0 4px rgba(127, 127, 127, 0.2) inset;
}

.dhx_toolbar_material div.dhx_toolbar_btn {
  padding: 0 5px;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_pres_dis {
  background-color: #ececec;
  border-color: #dfdfdf;
  color: #a6a6a6;
  box-shadow: 0 0 4px rgba(127, 127, 127, 0.2) inset;
}

.dhx_toolbar_material div.dhx_toolbar_btn img {
  float: left;
  margin-right: 2px;
  margin-left: 2px;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn i {
  float: left;
  margin: 0 2px;
  text-align: center;
  cursor: default;
  color: #666;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn div.dhxtoolbar_text {
  float: left;
  position: relative;
  font: inherit;
  margin: 0 4px;
  padding: 0;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_btn input.dhxtoolbar_input {
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  margin: 0 4px;
  padding: 2px 4px 3px 4px;
  line-height: normal;
  direction: ltr;
  outline: none;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhx_toolbar_material div.dhx_toolbar_btn input.dhxtoolbar_input:disabled {
  color: #a6a6a6;
}

.dhx_toolbar_material div.dhx_toolbar_arw {
  padding: 0 6px;
  margin-left: -1px;
  z-index: 1;
}

.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over {
  border-left-color: #e3e3e3;
}

.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
  border-left-color: #cbcbcb;
  box-shadow: 0 0 3px rgba(127, 127, 127, 0.18) inset;
}

/* �럹�씠吏� �솕硫댁“�쉶 肄ㅻ낫�뒪���씪 �씠誘몄�蹂�寃� 2023.07.24 源��쁺�썕*/
.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
  position: relative;
  /* width: 7px; */
  /* background-image: url("imgs/dhxtoolbar_material/dhxtoolbar_arrow.gif"); */
  width: 21px;
  background-image: url("/html/images/common/arr_select.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.arwimg {
  background-image:
    url("imgs/dhxtoolbar_material/dhxtoolbar_arrow_dis.gif");
}

.dhx_toolbar_material div.dhx_toolbar_sep {
  float: left;
  position: relative;
  border-left: 1px solid #dfdfdf;
  margin: 3px 8px 0 8px;
  width: 0;
  overflow: hidden;
  cursor: default;
  font-size: 1px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhx_toolbar_text {
  float: left;
  position: relative;
  padding: 0 5px;
  font: inherit;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material div.dhxtoolbar_sl_bg_r {
  float: left;
  line-height: 1px;
  padding: 0;
  width: 2px;
  font-size: 1px;
  border-color: #d2d2d2;
  border-width: 1px 0 1px 0;
  border-style: solid;
  overflow: hidden;
}

.dhx_toolbar_material div.dhxtoolbar_sl_bg_l {
  margin-left: 4px;
  border-left-width: 1px;
}

.dhx_toolbar_material div.dhxtoolbar_sl_bg_r {
  margin-right: 4px;
  border-right-width: 1px;
}

.dhx_toolbar_material div.dhxtoolbar_sl_pen,
.dhx_toolbar_material div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  position: absolute;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #39c;
  cursor: default;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 {
  height: 32px;
  line-height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_text {
  height: 32px;
  line-height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn img {
  margin-top: 7px;
  width: 18px;
  height: 18px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn i {
  width: 18px;
  height: 32px;
  line-height: 31px;
  font-size: 17px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 32px;
  line-height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_sep {
  height: 26px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_bg_r {
  margin-top: 16px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  top: 11px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 {
  height: 42px;
  line-height: 42px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_text {
  height: 42px;
  line-height: 42px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn img {
  margin-top: 9px;
  width: 24px;
  height: 24px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn i {
  width: 24px;
  height: 42px;
  line-height: 41px;
  font-size: 22px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 42px;
  line-height: 42px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhx_toolbar_sep {
  height: 36px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_r {
  margin-top: 21px;
}

.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_24 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  top: 16px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 {
  height: 52px;
  line-height: 52px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_text {
  height: 52px;
  line-height: 52px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn img {
  margin-top: 10px;
  width: 32px;
  height: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn i {
  width: 32px;
  height: 52px;
  line-height: 51px;
  font-size: 27px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 52px;
  line-height: 52px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhx_toolbar_sep {
  height: 46px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_r {
  margin-top: 26px;
}

.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_32 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  top: 21px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 {
  height: 62px;
  line-height: 62px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_text {
  height: 62px;
  line-height: 62px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn img {
  margin-top: 7px;
  width: 48px;
  height: 48px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn i {
  width: 48px;
  height: 62px;
  line-height: 61px;
  font-size: 32px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 62px;
  line-height: 62px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhx_toolbar_sep {
  height: 56px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_r {
  margin-top: 31px;
}

.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_pen,
.dhx_toolbar_material.dhxtoolbar_icons_48 div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  top: 26px;
}

div.dhx_toolbar_poly_material {
  width: 100px !important;
  /*�럹�씠吏� �솕硫댁“�쉶 肄ㅻ낫�삎�깭 �븞�쓽 蹂대뱶 �궗�씠利� 2023.07.24 源��쁺�썕*/
  position: absolute;
  padding: 5px 0;
  background-color: #fafafa;
  overflow: hidden;
  cursor: default;
  line-height: normal;
  overflow-y: auto;
  border: 1px solid #dfdfdf;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhx_toolbar_poly_material.dhx_toolbar_shadow {
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

div.dhx_toolbar_poly_material td {
  line-height: normal;
  padding: 0;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.dhx_toolbar_poly_material td.td_btn_img {
  width: 18px;
  text-align: center;
}

div.dhx_toolbar_poly_material td.td_btn_img img.btn_sel_img {
  margin: 4px 6px 0 6px;
  width: 10px;
  height: 18px;
}

div.dhx_toolbar_poly_material td.td_btn_img i {
  width: 18px;
  height: 30px;
  line-height: 29px;
  margin: 0 6px;
  font-size: 1.12em;
  text-align: center;
  color: #5a5a5a;
}

div.dhx_toolbar_poly_material td.td_btn_txt div.btn_sel_text {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 22px 0 1px;
  overflow: hidden;
}

div.dhx_toolbar_poly_material .tr_btn_over td,
div.dhx_toolbar_poly_material .tr_btn_selected td {
/*�럹�씠吏� �솕硫댁“�쉶 肄ㅻ낫�삎�깭 �븞�쓽 蹂대뱶 �깋 2023.07.24 源��쁺�썕
  background-color: #ebebeb; */
  background-color: #fff5ed;
  padding: 0 0px;
}

/* 2023-07-21 div 肄ㅻ낫 異붽� �닔�젙  源��쁺�썕 */
div.dhx_toolbar_poly_material .tr_btn_over {
	border: #f0c9a8 1px solid;
}

/* 2023-07-21 div 肄ㅻ낫 異붽� �닔�젙 源��쁺�썕  */
div.dhx_toolbar_poly_material .tr_btn_over span {
	font-weight: 700;
}

div.dhx_toolbar_poly_material .tr_btn_disabled td,
div.dhx_toolbar_poly_material .tr_btn_disabled td i {
  color: #a6a6a6;
}

div.dhx_toolbar_poly_material tr.tr_sep td {
  padding: 5px 3px;
}

div.dhx_toolbar_poly_material tr.tr_sep td div.btn_sep {
  position: relative;
  font-size: 1px;
  line-height: 1px;
  height: 0;
  width: 100%;
  border-top: 1px solid #dfdfdf;
}

div.dhx_toolbar_slider_label_material {
  position: absolute;
  background-color: #fafafa;
  padding: 6px 12px;
  overflow: hidden;
  cursor: default;
  line-height: normal;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtoolbar_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

.dhxtoolbar_maxopen_test {
  position: absolute;
  width: 200px;
  height: 50px;
  overflow-x: none;
  overflow-y: auto;
  left: -300px;
  top: 100px;
  border: 1px solid white;
  visibility: hidden;
}

.dhxtoolbar_maxopen_test2 {
  height: 200px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxcarousel_base_material div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxsidebar_base_material div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
  height: 33px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxcarousel_base_material div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material,
.dhxsidebar_base_material div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material {
  box-shadow: none;
  border-width: 0 1px 1px 1px;
}

.dhxwins_vp_material div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
  height: 32px;
}

.dhxwins_vp_material div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_material {
  border-width: 0 1px 1px 0;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhxeditor_material {
  position: relative;
}

.dhxeditor_material iframe.dhxeditor_mainiframe {
  position: absolute;
  overflow: hidden;
  font: inherit;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dhxeditor_material div.dhx_cell_editor {
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  z-index: 0;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_cont_editor {
  position: absolute;
  overflow: hidden;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb {
  position: relative;
  height: 32px;
  line-height: 32px;
  padding: 0 5px;
  margin: 7px;
  border: 1px solid #dfdfdf;
  background-color: #fafafa;
  overflow: hidden;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb.dhx_cell_stb_shadow {
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a {
  position: relative;
  float: left;
  padding: 0 8px;
  border-style: solid;
  border-color: #fafafa;
  border-width: 0 1px 0 1px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button {
  position: relative;
  float: left;
  width: 18px;
  height: 32px;
  line-height: 32px;
  font-size: 1px;
  cursor: pointer;
  background-image: url("imgs/dhxeditor_material/buttons.png");
  background-position: 0 7px;
  background-repeat: no-repeat;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button.btn_italic {
  background-position: -18px 7px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button.btn_underline {
  background-position: -36px 7px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button.btn_clearformat {
  background-position: -54px 7px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
  padding: 7px;
}

.dhxeditor_material div.dhx_cell_editor div.dhx_cell_toolbar_def div.dhx_toolbar_material {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhxeditor_material.stb_height_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 50px;
  height: 1px;
  overflow: hidden;
}

.dhxeditor_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhx_tooltip {
  display: none;
  position: absolute;
  color: #626262;
  z-index: 10000;
  padding: 4px 10px 4px 10px;
  border: 1px solid #fff;
  border-radius: 2px;
  text-shadow: 0 1px 1px #fff;
  box-shadow: 0 0 5px #d9d9d9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef),
      color-stop(0.5, #f6f6f6), color-stop(1, #efefef));
  background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
  background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
  background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
  background: #efefef;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhx_chart {
  position: relative;
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  color: #404040;
  overflow: hidden;
  z-index: 0;
}

.dhx_chart canvas {
  position: absolute;
  left: 0;
  top: 0;
}

.dhx_canvas_text {
  position: absolute;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1000;
}

.dhx_map_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhx_axis_item_y {
  position: absolute;
  height: 18px;
  line-height: 18px;
  margin-top: -4px;
  text-align: right;
}

.dhx_axis_title_x {
  text-align: center;
}

.dhx_axis_title_y {
  text-align: center;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.dhx_ie_filter {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  zoom: 1;
  font-family: serif;
}

.dhx_chart_legend {
  position: absolute;
  z-index: 1000;
}

.dhx_chart_legend_item {
  height: 18px;
  line-height: 18px;
  padding: 2px;
  cursor: pointer;
}

.dhx_chart_legend_item.hidden {
  color: #aaa;
}

.dhx_axis_item_y.dhx_radar {
  color: #404040;
  font-size: 12px;
  padding-right: 3px;
  height: 13px;
  line-height: 13px;
  margin-top: 0;
}

.dhx_canvas_text.dhx_axis_radar_title {
  margin-top: 0;
  padding-top: 0;
}

.dhx_axis_item_y,
.dhx_axis_item_x {
  color: #404040;
}

.dhx_axis_item_x {
  padding-top: 2px;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhx_tooltip {
  display: none;
  position: absolute;
  font-family: Roboto, Arial, Helvetica;
  color: #626262;
  font-size: 14px;
  z-index: 10000;
  padding: 4px 10px 4px 10px;
  border: 1px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 0 3px #d9d9d9;
  -webkit-box-shadow: 0 0 3px #d9d9d9;
  text-shadow: 0 1px 1px #fff;
  box-shadow: 0 0 5px #d9d9d9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef),
      color-stop(0.5, #f6f6f6), color-stop(1, #efefef));
  background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
  background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
  background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
  background: #efefef;
}

.dhx_noselect {
  -moz-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
}

.dhx_allow_selection {
  -moz-user-select: text;
  -user-select: text;
}

.dhx_dataview {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -moz-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-select: none;
}

.dhx_drag_zone {
  position: absolute;
  border: 1px solid #A4BED4;
  z-index: 8000;
  -moz-box-shadow: 5px 5px 5px #888;
  -khtml-box-shadow: 5px 5px 5px #888;
  background: #fff;
}

.dhx_dataview_default_item,
.dhx_dataview_default_item_selected {
  cursor: pointer;
  background-color: white;
}

.dhx_dataview .dhx_dataview_default_item,
.dhx_dataview .dhx_dataview_default_item_selected {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.dhx_dataview .dhx_dataview_default_item_selected {
  background-color: #eee;
  border-color: #eee;
  color: #404040;
  background-repeat: repeat-y;
  background-image:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABAQMAAADO7O3JAAAAA1BMVEUzmc3EAelNAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==");
  position: relative;
}

.dhx_dataview_item {
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  color: #404040;
}

.dhx_dataview_item .dhx_strong {
  font-weight: bold;
  display: block;
  padding-bottom: 6px;
}

.dhx_dataview_default_item_selected .dhx_light {
  color: #C3C3C3;
}

.dhx_dataview_item .dhx_light {
  color: #919191;
}

.dhx_drag_over {
  background-color: #eee;
  background-repeat: repeat-x;
}

.dhx_pager_item,
.dhx_pager_item_selected {
  float: left;
  text-align: center;
  height: 16px;
  font-family: Roboto, Arial, Helvetica;
  font-size: 10pt;
  border: 1px solid gray;
  padding: 2px 4px;
  margin-left: 5px;
  cursor: pointer;
  background-color: white;
}

.dhx_pager_item_selected {
  background-color: lightgrey;
  color: white;
  cursor: default;
  font-weight: bold;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhx_list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -moz-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-select: none;
}

.dhx_list_default_item,
.dhx_list_default_item_selected {
  cursor: pointer;
}

.dhx_list .dhx_list_default_item,
.dhx_list .dhx_list_default_item_selected {
  border-right: none;
  border-bottom: 1px solid #eee;
  border-left: 2px solid transparent;
}

.dhx_list .dhx_list_default_item_selected {
  background-color: #eee;
  color: #404040;
  border-color: #eee;
  background-repeat: repeat-x;
  border-left: 2px solid #39c;
}

.dhx_list_item {
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  color: #404040;
  box-sizing: border-box;
  line-height: normal;
}

.dhx_list_item textarea {
  resize: none;
  margin-top: -8px;
}

.dhx_list_item .dhx_strong {
  font-weight: bold;
  display: block;
  padding-bottom: 6px;
}

.dhx_list_default_item_selected .dhx_light {
  color: #C3C3C3;
}

.dhx_list_item .dhx_light {
  color: #919191;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.defaultTreeTable {
  margin: 0;
  padding: 0;
  border: 0;
}

.containerTableStyle {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  top: 0;
  font-size: 12px;
  -khtml-user-select: none;
}

.containerTableStyleRTL span {
  direction: rtl;
  unicode-bidi: bidi-override;
}

.containerTableStyleRTL {
  direction: rtl;
  overflow: auto;
  position: relative;
  top: 0;
  font-size: 12px;
}

.standartTreeRow {
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  -moz-user-select: none;
  line-height: 24px;
}

.selectedTreeRow {
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  -moz-user-select: none;
  background-color: #eee;
  color: #39c;
}

.dhxtree_material .selectedTreeRowFull .dhxTextCell {
  background-color: #eee;
  color: #39c;
}

.dragAndDropRow {
  color: #39c;
}

.standartTreeRow_lor {
  text-decoration: underline;
  background-color: white;
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  -moz-user-select: none;
}

.standartTreeImage {
  height: 24px;
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1px;
}

.standartTreeImage img {
  width: 18px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.hiddenRow {
  width: 1px;
  overflow: hidden;
}

.dragSpanDiv,
.dragSpanDiv td {
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  line-height: 14px;
  vertical-align: center;
  background-color: white;
  z-index: 999;
}

.dragSpanDiv td {
  padding: 5px;
}

.a_dhx_hidden_input {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  border: none;
  background: none;
}

.a_dhx_hidden_input {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  border: none;
  background: none;
}

.selectionBar {
  top: 0;
  background-color: black;
  position: absolute;
  overflow: hidden;
  height: 2px;
  z-index: 11;
}

.intreeeditRow {
  font-size: 8pt;
  height: 16px;
  border: 1px solid silver;
  padding: 0;
  margin: 0;
  margin-left: 4px;
  -moz-user-select: text;
  -khtml-user-select: text;
}

.dhx_tree_textSign {
  font-size: 8pt;
  font-family: monospace;
  width: 21px;
  color: #404040;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: center;
}

.dhx_tree_opacity {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_bg_img_fix {
  width: 18px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: center;
  background-position-y: center;
}

.dhxtree_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhxtreeview_material {
  position: relative;
  overflow: hidden;
  background-color: white;
}

.dhxtreeview_material div.dhxtreeview_cont {
  position: absolute;
  overflow: auto;
  background-color: white;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area {
  position: relative;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_kids_cont {
  position: relative;
  -webkit-transition: opacity .1s;
  -moz-transition: opacity .1s;
  -ms-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item {
  position: relative;
  white-space: nowrap;
  cursor: default;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text {
  position: relative;
  padding: 0;
  margin: 0;
  height: 32px;
  line-height: 31px;
  color: inherit;
  vertical-align: middle;
  border-left: 3px solid white;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_label {
  position: absolute;
  top: 0;
  padding: 0 10px 0 4px;
  height: 32px;
  line-height: inherit;
  font: inherit;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected,
.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover {
  background-color: #ebebeb;
  border-color: #39c;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label,
.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label {
  background-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label {
  background-color: #f5f5f5;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon {
  position: absolute;
  width: 22px;
  top: 0;
  height: 32px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #737373;
  overflow: hidden;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_plus {
  background-image: url(imgs/dhxtreeview_material/icon_plus.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_minus {
  background-image: url(imgs/dhxtreeview_material/icon_minus.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_file {
  background-image: url(imgs/dhxtreeview_material/icon_file.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_closed {
  background-image: url(imgs/dhxtreeview_material/icon_folder_closed.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_opened {
  background-image: url(imgs/dhxtreeview_material/icon_folder_opened.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_loading {
  background-image: url(imgs/dhxtreeview_material/loading.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_0 {
  background-image: url(imgs/dhxtreeview_material/icon_chbx_0.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_1 {
  background-image: url(imgs/dhxtreeview_material/icon_chbx_1.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_0 {
  background-image: url(imgs/dhxtreeview_material/icon_chbx_dis_0.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_1 {
  background-image: url(imgs/dhxtreeview_material/icon_chbx_dis_1.gif);
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa {
  position: absolute;
  line-height: 32px;
  left: 4px;
  width: 10px;
  text-align: left;
  overflow: visible;
}

.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-square-o.dhx-disabled,
.dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-check-square-o.dhx-disabled {
  color: #b3b3b3;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview {
  display: none;
  position: absolute;
  height: 0;
  width: 40px;
  border-bottom: 2px dotted #39c;
  z-index: 1;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_0 {
  display: block;
  top: -1px;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_2 {
  display: block;
  top: 31px;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item.dhxtreeview_item_dragged {
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1,
.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1 div.dhxtreeview_item_label,
.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover div.dhxtreeview_item_label {
  background-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected,
.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover {
  border-color: #ebebeb;
  background-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label,
.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label {
  background-color: #ebebeb;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover {
  background-color: white;
  border-color: white;
}

.dhxtreeview_material div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label {
  background-color: white;
}

.dhxtreeview_material.dhxtreeview_with_border {
  border: 1px solid white;
}

.dhxtreeview_material.dhxtreeview_icon_width {
  position: absolute;
  left: 0;
  top: -100px;
  width: 22px;
  height: 1px;
  font-size: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.dhxtreeview_dragged_obj_material {
  position: absolute;
  color: #3f3f3f;
  font-family: Roboto, Arial, Helvetica;
  font-size: 14px;
  white-space: nowrap;
  cursor: default;
  background-color: #fafafa;
  border-radius: 1px;
  box-shadow: 0 0 10px rgba(90, 90, 90, 0.2);
  padding: 6px 14px;
  border: 1px solid #e0e0e0;
}

html.dhxtreeview_dnd_mode,
html.dhxtreeview_dnd_mode *,
body.dhxtreeview_dnd_mode,
body.dhxtreeview_dnd_mode * {
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhx_popup_material div.dhx_popup_area td.dhx_popup_td div.dhxtreeview_material div.dhxtreeview_item div.dhxtreeview_item_label {
  white-space: nowrap;
}

.dhxtreeview_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
div.gridbox {
  overflow: hidden;
  text-align: left;
}

.dhx_sub_row {
  background-color: white;
}

div.gridbox .xhdr {
  background-color: #D4D0C8;
}

div.gridbox table.obj {
  height: 1px;
}

div.gridbox table.hdr td {
  line-height: normal;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: blue;
  background-color: #D4D0C8;
  border: 1px solid #7b9abb;
  text-align: center;
  margin: 0;
  padding: 5px 0 5px 0;
  font-weight: normal;
  overflow: hidden;
  empty-cells: show;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.gridbox table.obj td {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  empty-cells: show;
  white-space: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.gridbox table.obj th,
div.gridbox table.hdr th {
  padding: 0;
  margin: 0;
}

div.gridbox table.row20px tr td {
  height: 20px;
  white-space: nowrap;
  padding: 0;
}

div.gridbox .objbox {
  background-color: white;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

div.gridbox table.obj td span.space,
div.gridbox table.obj td img.space {
  width: 18px;
}

div.gridbox table.obj td.editable {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

div.gridbox table.obj td.group_row {
  vertical-align: middle;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  font-weight: bold;
  height: 30px;
  border: 0;
  border-bottom: 2px solid navy;
}

.dragSpanDiv {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  border: 1px solid grey;
  background-color: white;
  z-index: 999;
}

.dhx_combo_select {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  border: 1px solid;
  border-color: black silver silver black;
  background-color: white;
  overflow: auto;
  cursor: default;
  position: absolute;
  height: auto;
  z-index: 600;
}

.dhx_combo_edit {
  width: 100%;
  border: 0;
  padding: 0;
  padding-right: 1px !ie;
  margin: 0;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  overflow: hidden;
  display: block;
}

table.obj.row20px .dhx_combo_edit {
  line-height: 28px;
}

.dhx_textarea {
  border: 1px solid;
  border-color: black silver silver black;
  position: absolute;
  height: 100px;
  z-index: 600;
}

.dhx_clist {
  background-color: white;
  border: 1px solid black;
  padding: 2px 2px 2px 2px;
  z-index: 300;
}

.gridDragLine {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black;
  overflow: hidden;
  pointer-events: none;
}

div.pagingBlock {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.pagingBlock .pagingCurrentPage {
  font-weight: bold;
  cursor: default;
}

div.pagingBlock .pagingPage {
  cursor: pointer;
  text-decoration: underline;
}

span.recordsInfoBlock {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.pagingBlock a {
  text-decoration: none;
  padding-right: 2px;
  color: black;
  cursor: pointer;
}

div.pagingBlock a.dhx_not_active {
  text-decoration: none;
  cursor: default;
}

.toolbar_select {
  font-size: 10px;
}

.dhtmlxGrid_selection {
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  background-color: yellow;
  border: 1px dotted black;
}

div.gridbox div.ftr {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  overflow: hidden;
}

div.gridbox div.ftr td {
  padding: 5px 5px 5px 10px;
  border-top: 1px solid gray;
  border-right: 1px solid white;
  background-color: white;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  overflow: hidden;
}

div.gridbox table.hdr td.columnTargetR div.hdrcell {
  border-right: 3px double #F60;
  border-left: 3px solid #D4D0C8;
}

div.gridbox table.hdr td.columnTargetL div.hdrcell {
  border-right: 3px solid #D4D0C8;
  border-left: 3px double #F60;
}

.dhx_dragColDiv {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  background-color: #D4D0C8;
  border: 1px solid;
  border-color: white Gray Gray white;
  text-align: center;
  margin: 0;
  padding: 5px 20px 5px 20px;
  font-weight: normal;
  opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  z-index: 100;
}

.dhtmlx_live_validation_error {
  background-color: #FFE0E0;
}

.dhtmlx_validation_error {
  border-bottom: 2px solid red;
}

.dhx_header_cmenu {
  background-color: #fff;
  border: 2px outset silver;
  z-index: 2;
}

.dhx_header_cmenu_item {
  white-space: nowrap;
}

div.gridbox .filter input,
div.gridbox .filter select {
  width: 100%;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  padding: 2px;
  box-sizing: border-box;
}

div.gridbox .filter input::-ms-clear {
  display: none;
}

div.gridbox_material.gridbox .xhdr {
  background-color: white;
  border-bottom: 1px solid #dfdfdf;
}

div.gridbox_material.gridbox table.hdr tr {
  background-color: white;
}

div.gridbox_material.grid table.obj {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr td {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
}

div.gridbox_material.gridbox table.hdr td div.hdrcell {
  overflow: hidden;
  width: auto;
  padding-left: 4px;
  width: 100% !ie;
}

div.gridbox_material.gridbox table.hdr td {
  border-width: 0 1px 0 0;
  border: 1px solid white;
  overflow: hidden;
  empty-cells: show;
  white-space: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 9px 0 8px 0;
  background-color: white;
  font-size: 12px;
  font-family: Roboto, Arial, Helvetica;
  color: #9f9f9f;
  font-weight: 500;
  vertical-align: top;
  text-align: left;
  position: relative;
}

div.gridbox_material.gridbox table.hdr tr:nth-child(2) td {
  border-top: 1px solid white;
}

div.gridbox_material.gridbox {
  border: 1px solid #dfdfdf;
}

div.gridbox_material.gridbox table.obj tr td,
.dhx_grid_adjust {
  padding-top: 3px;
  padding-bottom: 4px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

div.gridbox_material.gridbox table.obj.row20px tr td {
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid white;
}

div.gridbox_material.gridbox table.obj.row20px tr td:last-child {
  border-right: 1px solid white;
}

div.gridbox_material.gridbox table.obj tr td.editable .dhx_combo_edit {
  margin-left: -3px;
}

div.gridbox_material.gridbox table.obj tr td.editable .dhxcombo_in_grid_parent {
  margin-left: -3px;
}

div.gridbox_material.gridbox table.obj tr td.editable:first-child {
  border: 0 solid white;
  padding-left: 4px;
}

div.gridbox_material.gridbox table.obj tr td.editable div.treegrid_cell {
  padding: 1px 4px;
}

div.gridbox_material.gridbox table.obj tr.rowselected {
  background-color: #eee;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr.rowselected td {
  background-color: #eee;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr td:first-child {
  padding-left: 10px;
}

div.gridbox_material.gridbox table.obj tr.rowselected td:first-child {
  border-left: 2px solid #39c;
  padding-left: 8px;
}

div.gridbox_material.gridbox table.obj.row20px tr.rowselected td {
  background-color: #eee;
  border-right-color: #eee;
  color: #404040;
}

div.gridbox_material.gridbox table.obj tr td.cellselected {
  background-color: #eee;
  color: #404040;
}

div.gridbox_material.gridbox .odd_material {
  background-color: #fff;
  color: #404040;
}

.dhx_combo_select,
.gridbox_material.gridbox .dhx_combo_edit,
.gridbox_material.gridbox .dhx_textarea {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.gridbox_material.gridbox .dhx_combo_edit {
  padding: 1px 0 0 4px;
}

.gridbox_material.gridbox .dhx_sub_row {
  background-color: transparent;
}

.dhx_header_cmenu {
  background-color: #fff;
  border: 2px outset silver;
  z-index: 2;
}

.dhx_header_cmenu_item {
  white-space: nowrap;
}

.dhx_pbox {
  margin-top: 3px;
  border: 1px solid #D4D0C8;
  border-top: 0;
  font-size: 10px;
}

.dhx_pline {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0 5px 0 5px;
  float: left;
}

.dhx_page,
.dhx_pager_info {
  margin: 3px;
  text-align: center;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  float: left;
  cursor: pointer;
  color: black;
  background-color: gray;
  padding: 1px;
}

.dhx_pager_info {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0 5px 0 5px;
  cursor: default;
}

.dhx_page div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active {
  font-weight: bold;
  background-color: lightgrey;
  cursor: default;
  color: white;
}

.dhx_pbox_modern {
  margin-top: 3px;
  border: 1px solid #D6D6D6;
  border-top: 0;
  font-size: 10px;
}

.dhx_pline_modern {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0 5px 0 5px;
  float: left;
}

.dhx_page_modern,
.dhx_pager_info_modern {
  margin: 3px;
  text-align: center;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  float: left;
  cursor: pointer;
  color: #055A78;
  background-color: #D6D6D6;
  padding: 1px;
}

.dhx_pager_info_modern {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0 5px 0 5px;
  cursor: default;
}

.dhx_page_modern div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active_modern {
  font-weight: bold;
  background-color: #055A78;
  cursor: default;
  color: white;
}

.dhx_pbox_light {
  margin-top: 3px;
  border: 1px solid #C2D5DC;
  border-top: 0;
  font-size: 10px;
}

.dhx_pline_light {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0 5px 0 5px;
  float: left;
}

.dhx_page_light,
.dhx_pager_info_light {
  margin: 3px;
  text-align: center;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  float: left;
  cursor: pointer;
  color: #055A78;
  background-color: #93AFBA;
  padding: 1px;
}

.dhx_pager_info_light {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0 5px 0 5px;
  cursor: default;
}

.dhx_page_light div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active_light {
  font-weight: bold;
  background-color: #D1DFE3;
  cursor: default;
  color: white;
}

.calcTable {
  width: 100px;
  background-color: silver;
  border: 1px black solid;
}

.calcButton {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
}

.calcPressed {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

.calcInput {
  background-color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetica;
}

.calkSubmit {
  padding: 2px;
  cursor: pointer;
  text-align: center;
  background-color: silver;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid white;
  border-right: 1px solid white;
}

.calcTable {
  width: 100px;
  background-color: silver;
  border: 1px black solid;
}

.calcButton {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
}

.calcPressed {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

.calcInput {
  background-color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetica;
}

.calkSubmit {
  padding: 2px;
  cursor: pointer;
  text-align: center;
  background-color: silver;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid white;
  border-right: 1px solid white;
}

.dhxgrid_sort_desc,
.dhxgrid_sort_asc {
  /* 	width:0;height:0; */

}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
  background-image: url("imgs/dhxgrid_material/sort_desc.gif");
  background-position: 3px 7px;
  background-repeat: no-repeat;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col div,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col div {
  padding-left: 18px;
  padding-right: 14px;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
  background-image: url("imgs/dhxgrid_material/sort_asc.gif");
}

.dhxgrid_rh_material {
  position: absolute;
  top: -20px;
  left: -33px;
  width: 29px;
  height: 10px;
  margin: 0;
  padding: 0;
  border-width: 0;
  font-size: 1px;
  overflow: hidden;
}

.dhxgrid_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

div.gridbox_material.gridbox table.obj.row20px tr td img {
  display: block;
}

div.gridbox_material.gridbox table.obj.row20px tr td.group_row img,
div.gridbox_material.gridbox table.obj.row20px tr td .treegrid_cell img {
  display: inline;
}

.grid_cell_dyn {
  position: relative;
  padding-right: 2px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.grid_cell_dyn img {
  position: absolute;
  top: 7px;
  left: 0;
  height: 15px;
}

.grid_cell_dyn span {
  padding-left: 20px;
  width: 100%;
}

.grid_collapse_icon {
  margin-top: 1px;
}

.treegrid_cell>i {
  padding-right: 5px;
  padding-left: 3px;
  font-size: 16px;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhxform_obj_material {
  float: left;
  line-height: normal;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxform_obj_material div.dhxform_base {
  position: relative;
  float: left;
}

.dhxform_obj_material div.dhxform_base_nested {
  padding: 0;
  clear: both;
  *display: inline-block;
}

.dhxform_obj_material.dhxform_block {
  clear: both;
}

.dhxform_obj_material div.block_dhxform_item_label_left {
  display: block;
  clear: both;
  *clear: none;
}

.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:visited,
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:active,
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:hover {
  outline: 0 solid white;
  text-decoration: none;
  color: inherit;
  cursor: default;
  overflow: hidden;
  white-space: normal;
}

.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:focus {
  color: #39c;
}

.dhxform_obj_material div.disabled span.nav_link {
  color: inherit;
}

.dhxform_obj_material div.dhxform_img,
.dhxform_obj_material div.dhxform_actv_c,
.dhxform_obj_material div.dhxform_actv_r {
  width: 24px;
  height: 24px;
  font-size: 1px;
}

.dhxform_obj_material div.dhxform_img.chbx0,
.dhxform_obj_material div.dhxform_img.chbx1,
.dhxform_obj_material div.disabled div.dhxform_img.chbx0,
.dhxform_obj_material div.disabled div.dhxform_img.chbx1,
.dhxform_obj_material div.dhxform_img.rdbt0,
.dhxform_obj_material div.dhxform_img.rdbt1,
.dhxform_obj_material div.disabled div.dhxform_img.rdbt0,
.dhxform_obj_material div.disabled div.dhxform_img.rdbt1,
.dhxform_obj_material div.dhxform_actv_c.chbx0,
.dhxform_obj_material div.dhxform_actv_c.chbx1,
.dhxform_obj_material div.dhxform_actv_r.rdbt0,
.dhxform_obj_material div.dhxform_actv_r.rdbt1 {
  background-image: url("imgs/dhxform_material/dhxform_chbxrd.png");
  background-repeat: no-repeat;
}

.dhxform_obj_material div.dhxform_img.chbx0 {
  background-position: -24px 0;
}

.dhxform_obj_material div.dhxform_img.chbx1 {
  background-position: 0 0;
}

.dhxform_obj_material div.disabled div.dhxform_img.chbx0 {
  background-position: -72px 0;
}

.dhxform_obj_material div.disabled div.dhxform_img.chbx1 {
  background-position: -48px 0;
}

.dhxform_obj_material div.dhxform_img.rdbt0 {
  background-position: -120px 0;
}

.dhxform_obj_material div.dhxform_img.rdbt1 {
  background-position: -96px 0;
}

.dhxform_obj_material div.disabled div.dhxform_img.rdbt0 {
  background-position: -168px 0;
}

.dhxform_obj_material div.disabled div.dhxform_img.rdbt1 {
  background-position: -144px 0;
}

.dhxform_obj_material div.dhxform_actv_c.chbx0 {
  background-position: -216px 0;
}

.dhxform_obj_material div.dhxform_actv_c.chbx1 {
  background-position: -192px 0;
}

.dhxform_obj_material div.dhxform_actv_r.rdbt0 {
  background-position: -264px 0;
}

.dhxform_obj_material div.dhxform_actv_r.rdbt1 {
  background-position: -240px 0;
}

.dhxform_obj_material div.dhxform_label_nav_link {
  line-height: 22px;
}

.dhxform_obj_material div.dhxform_label {
  overflow-x: hidden;
  overflow: hidden;
  white-space: normal;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxform_obj_material div.dhxform_label.dhxform_label_align_left {
  text-align: left;
}

.dhxform_obj_material div.dhxform_label.dhxform_label_align_center {
  text-align: center;
}

.dhxform_obj_material div.dhxform_label.dhxform_label_align_right {
  text-align: right;
}

.dhxform_obj_material div.disabled div.dhxform_label,
.dhxform_obj_material div.disabled div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_material div.disabled div.dhxform_label span.dhxform_item_required {
  color: #a6a6a6;
}

.dhxform_obj_material div.dhxform_label span.dhxform_item_required {
  margin-left: 5px;
  color: red;
}

.dhxform_obj_material input.dhxform_textarea,
.dhxform_obj_material textarea.dhxform_textarea {
  padding: 4px 2px;
  margin: 0;
  font-size: 1em;
  background-color: white;
}

.dhxform_obj_material input.dhxform_textarea::-ms-clear,
.dhxform_obj_material textarea.dhxform_textarea::-ms-clear {
  display: none;
}

.dhxform_obj_material input.dhxform_textarea:focus,
.dhxform_obj_material textarea.dhxform_textarea:focus {
  border-bottom-color: #39c;
  border-bottom-width: 2px;
  padding-bottom: 3px;
  outline: none;
}

.dhxform_obj_material .dhxform_textarea {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfdf;
  resize: none;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxform_obj_material div.disabled .dhxform_textarea {
  color: #a6a6a6;
  border-style: dashed;
}

.dhxform_obj_material input.dhxform_textarea.calendar {
  background-image:
    url("imgs/dhxform_material/dhxform_image_calendar.png");
  background-repeat: no-repeat;
  background-position: right 6px;
}

.dhxform_obj_material div.disabled input.dhxform_textarea.calendar {
  background-image:
    url("imgs/dhxform_material/dhxform_image_calendar_dis.png");
}

.dhxform_obj_material div.dhxform_control.dhxform_img_node {
  position: relative;
}

.dhxform_obj_material div.dhxform_control.dhxform_img_node .dhxform_textarea {
  border: 1px solid white;
  background-color: white;
  color: white;
  visibility: hidden;
  *height: 1px;
  *line-height: 1px;
  *display: inline;
}

.dhxform_obj_material div.dhxform_control.dhxform_img_node div.dhxform_img {
  float: none;
  top: 3px;
  left: 0;
  position: absolute;
  margin: 0;
}

.dhxform_obj_material div.dhxform_control.dhxform_img_node div.dhxform_actv_c,
.dhxform_obj_material div.dhxform_control.dhxform_img_node div.dhxform_actv_r {
  float: none;
  position: absolute;
  margin: 0;
  top: 3px;
  left: 0;
}

.dhxform_obj_material .dhxform_select {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfdf;
  background-color: white;
  margin: 0;
  padding: 2px;
  line-height: normal;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: -ms-none;
  appearance: none;
  background-image: url(imgs/dhxform_material/dhxform_arrow_down.gif);
  background-repeat: no-repeat;
  background-position: right 13px;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxform_obj_material .dhxform_select option {
  padding: 1px 2px;
  outline: none;
}

.dhxform_obj_material .dhxform_select option:focus,
.dhxform_obj_material .dhxform_select option:active {
  outline: none;
}

.dhxform_obj_material .dhxform_select:focus {
  border-color: #39c;
  border-bottom-width: 2px;
  padding-bottom: 1px;
  outline: none;
}

.dhxform_obj_material .dhxform_select.dhxform_arrow_fix_webkit {
  background-position: right 6px;
}

.dhxform_obj_material .dhxform_select.dhxform_arrow_fix_edge {
  background-position: right 7px;
}

.dhxform_obj_material .dhxform_select.dhxform_fix_ff {
  height: 28px;
}

.dhxform_obj_material div.disabled .dhxform_select {
  color: #a6a6a6;
  border-style: dashed;
  background-image: url(imgs/dhxform_material/dhxform_arrow_down_dis.gif);
}

.dhxform_obj_material div.disabled .dhxform_select option {
  color: #a6a6a6;
}

.dhxform_obj_material div.fs_dhxform_item_label_left {
  padding: 5px 0 5px 0;
}

.dhxform_obj_material div.fs_dhxform_item_label_left fieldset.dhxform_fs div.dhxform_base_nested.dhxform_fs_nested {
  margin-right: 19px;
  margin-left: 5px;
}

.dhxform_obj_material fieldset.dhxform_fs {
  border: 1px solid #dfdfdf;
  margin: 0;
  padding: 5px 0 12px 0;
  clear: left;
  width: 100%;
}

.dhxform_obj_material div.disabled fieldset.dhxform_fs {
  border-style: dashed;
}

.dhxform_obj_material fieldset.dhxform_fs legend.fs_legend {
  font-weight: normal;
  padding: 0 4px 1px 4px;
  margin-left: 5px;
  text-align: left;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxform_obj_material div.disabled fieldset.dhxform_fs legend.fs_legend {
  color: #a6a6a6;
}

.dhxform_obj_material div.dhxform_item_label_right {
  clear: both;
  padding-top: 9px;
  cursor: default;
  *display: inline-block;
}

.dhxform_obj_material div.dhxform_item_label_right div.dhxform_img,
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_actv_c,
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_actv_r {
  float: left;
  margin: 0;
}

.dhxform_obj_material div.dhxform_item_label_right div.dhxform_label {
  float: left;
  padding: 2px 0 1px 0;
  margin: 2px 0 2px 0;
  *padding-top: 0;
  *display: inline-block;
}

.dhxform_obj_material div.dhxform_item_label_right div.dhxform_control {
  float: left;
  margin-right: 7px;
}

.dhxform_obj_material div.dhxform_item_label_left {
  clear: both;
  padding-top: 9px;
  cursor: default;
  *display: inline-block;
}

.dhxform_obj_material div.dhxform_item_label_left div.dhxform_img,
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_actv_c,
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_actv_r {
  float: right;
  margin: 3px 1px 0 5px;
}

.dhxform_obj_material div.dhxform_item_label_left div.dhxform_label {
  float: left;
  padding: 2px 0 1px 0;
  margin: 2px 0 2px 0;
}

.dhxform_obj_material div.dhxform_item_label_left div.dhxform_control {
  float: left;
  margin-left: 3px;
}

.dhxform_obj_material div.dhxform_item_label_top {
  clear: both;
}

.dhxform_obj_material div.dhxform_item_label_top div.dhxform_label {
  float: none;
  margin-bottom: 5px;
  margin-top: 8px;
}

.dhxform_obj_material div.dhxform_item_label_top div.dhxform_control {
  float: none;
  margin-left: 0;
  margin-bottom: 5px;
}

.dhxform_obj_material div.dhxform_item_absolute {
  position: absolute;
  left: 0;
  top: 0;
  cursor: default;
}

.dhxform_obj_material div.item_absolute div.dhxform_img,
.dhxform_obj_material div.item_absolute div.dhxform_actv_c,
.dhxform_obj_material div.item_absolute div.dhxform_actv_r {
  position: absolute;
}

.dhxform_obj_material div.dhxform_item_absolute div.dhxform_control,
.dhxform_obj_material div.dhxform_item_absolute div.dhxform_label,
.dhxform_obj_material div.dhxform_item_absolute div.dhxform_control.dhxform_img_node,
.dhxform_obj_material div.dhxform_item_absolute div.dhxform_txt_label2,
.dhxform_obj_material div.dhxform_item_absolute div.dhxform_btn,
.dhxform_obj_material div.block_item_absolute div.dhxform_block {
  position: absolute;
}

.dhxform_obj_material div.dhxform_txt_label2 {
  font-weight: bold;
  margin: 0 3px;
  padding: 5px 0;
  cursor: default;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxform_obj_material div.disabled div.dhxform_txt_label2 {
  color: #a6a6a6;
}

.dhxform_obj_material div.dhxform_btn {
  margin: 1px 2px;
  background-color: #f5f5f5;
  float: left;
  cursor: default;
  clear: both;
  position: relative;
  overflow: hidden;
  border: 1px solid #dfdfdf;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxform_obj_material.dhxform_rtl div.dhxform_btn {
  float: right;
}

.dhxform_obj_material div.dhxform_btn.dhxform_btn_over {
  background-color: #ededed;
  outline: none;
}

.dhxform_obj_material div.dhxform_btn.dhxform_btn_pressed {
  background-color: #e1e1e1;
  border-color: #d2d2d2;
  outline: none;
}

.dhxform_obj_material div.dhxform_btn:focus {
  outline: none;
  border-color: #39c;
  border-width: 2px;
  margin: 0 1px;
  color: #545454;
}

dhxform_obj_material div.disabled div.dhxform_btn {
  background-color: #ededed;
  border-color: #ededed;
}

dhxform_obj_material div.disabled div.dhxform_btn div.dhxform_btn_txt {
  color: #a6a6a6;
}

.dhxform_obj_material div.dhxform_btn div.dhxform_btn_txt {
  float: left;
  margin: 0 18px;
  height: 28px;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 3px;
  *display: inline;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhxform_obj_material div.dhxform_btn div.dhxform_btn_txt.dhxform_btn_txt_autowidth {
  width: 100%;
  margin: 0;
}

.dhxform_obj_material div.dhxform_btn div.dhxform_btn_filler {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100px;
  left: 0;
  top: 0;
  background-color: white;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxform_obj_material div.dhxform_control div.dhxform_note {
  font: inherit;
  color: #5a5a5a;
  font-size: .8em;
  padding-bottom: 3px;
  white-space: normal;
}

.dhxform_obj_material div.disabled div.dhxform_control div.dhxform_note {
  color: #a6a6a6;
}

.dhxform_obj_material div.dhxform_label span.dhxform_info {
  font: inherit;
  color: #5a5a5a;
  font-size: .6em;
  margin-left: 3px;
  padding-bottom: 2px;
  line-height: normal;
  vertical-align: middle;
  cursor: pointer;
}

.dhxform_obj_material .validate_error .dhxform_label,
.dhxform_obj_material .validate_error .dhxform_textarea,
.dhxform_obj_material .validate_error .dhxform_select,
.dhxform_obj_material .validate_error div.dhxform_label_nav_link,
.dhxform_obj_material .validate_error div.dhxform_label div.dhxform_label_nav_link:focus {
  color: red;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material {
  height: 24px;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material input.dhxcombo_input {
  height: 24px;
  line-height: 24px;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material div.dhxcombo_image {
  top: 3px;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material div.dhxcombo_select_button {
  top: 1px;
}

.dhxform_obj_material div.disabled div.dhxcombo_material {
  color: #a6a6a6;
  border-bottom-style: dashed;
}

.dhxform_obj_material div.dhxform_item_template.dhxeditor_material div.dhx_cell_editor {
  border: 1px solid #dfdfdf;
}

.dhxform_obj_material div.dhxform_item_template.dhxeditor_material div.dhx_cell_editor div.dhx_cell_toolbar_def {
  padding: 0;
  border-top: 1px solid #dfdfdf;
}

.dhxform_obj_material div.dhxeditor_focus div.dhxform_item_template.dhxeditor_material {
  box-shadow: 0 0 3px #c0c0c0;
  outline: none;
}

.dhxform_obj_material div.dhxeditor_focus div.dhxform_item_template.dhxeditor_material div.dhx_cell_editor {
  border-color: #39c;
}

.dhxform_obj_material div.dhxform_item_template.dhxeditor_material div.dhxcont_content_blocker {
  display: none;
}

.dhxform_obj_material div.disabled div.dhxform_item_template.dhxeditor_material div.dhxcont_content_blocker {
  display: inline;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fafafa;
  opacity: .7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.dhtmlx_skin_material div.dhtmlx_wins_body_inner .dhxform_obj_material {
  background-color: white;
}

.dhxform_obj_material div.dhxform_control .dhx_combo_box.material .dhx_combo_input,
.dhx_combo_list.material_list div {
  font-size: 1em;
}

.dhxform_obj_material .dhx_file_uploader {
  position: relative;
  width: 100%;
  margin-bottom: 4px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls {
  position: relative;
  width: 100%;
  height: 35px;
  font-size: 2px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  background-image:
    url("imgs/dhxform_material/dhxform_upload_buttons.png");
  background-repeat: no-repeat;
  font-size: 2px;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  display: none;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
  background-position: 0 0;
  right: 108px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_upload {
  background-position: -24px 0;
  right: 79px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_cancel {
  background-position: -72px 0;
  right: 79px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_clear {
  background-position: -48px 0;
  right: 50px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls .dhx_uploader_input {
  position: absolute;
  left: -1000px;
  top: 0;
  visibility: hidden;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont {
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0;
  top: 0;
  cursor: pointer;
  overflow: hidden;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form .dhx_file_input {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  cursor: pointer;
  outline: none;
  height: 19px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  overflow: auto;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file {
  position: relative;
  width: 100%;
  height: 25px;
  overflow: hidden;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_added,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_uploading {
  color: black;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_uploaded {
  color: #646464;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_fail {
  color: #e94a4a;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param {
  position: absolute;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  top: 0;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  overflow: hidden;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_name {
  left: 20px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_progress {
  right: 50px;
  width: 38px;
  text-align: right;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_delete {
  right: 30px;
  width: 12px;
  background-image:
    url("imgs/dhxform_material/dhxform_upload_buttons.png");
  background-position: -96px 1px;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_uploading {
  right: 50px;
  width: 38px;
  text-align: right;
  background-image:
    url("imgs/dhxform_material/dhxform_upload_uploading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls {
  height: 60px;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_files {
  display: none;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  display: inline;
  background-image: none;
  height: auto;
  top: 0;
  left: 35px;
  vertical-align: top;
  padding-top: 6px;
  line-height: 20px;
  cursor: default;
  filter: none;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
  top: 0;
  width: 54px;
  height: 54px;
  right: 35px;
  background-image:
    url("imgs/dhxform_material/dhxform_upload_buttons.png");
  background-position: 0 -48px;
  background-repeat: no-repeat;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_upload,
.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_cancel,
.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_clear {
  display: none;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_form_cont {
  width: 54px;
  height: 54px;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form .dhx_file_input {
  height: 54px;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_info,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_added,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploading,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploaded,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_fail {
  color: #a6a6a6;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_browse {
  background-position: -54px -48px;
  cursor: default;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_form_cont {
  display: none;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button {
  cursor: default;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_browse {
  background-position: 0 -24px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_upload {
  background-position: -24px -24px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_cancel {
  background-position: -72px -24px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_clear {
  background-position: -48px -24px;
}

.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file_param.dhx_file_delete {
  background-position: -108px 1px;
  cursor: default;
}

.dhxform_obj_material div.dhxform_image {
  position: relative;
  overflow: hidden;
  border: 1px solid #dfdfdf;
}

.dhxform_obj_material div.dhxform_image img.dhxform_image_img {
  position: absolute;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap {
  position: absolute;
  background-color: white;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  *border: 1px solid white;
  *height: 1000px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -ms-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap.dhxform_image_in_progress {
  background-image:
    url("imgs/dhxform_material/dhxform_image_uploading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  *border-width: 0;
  *height: 100%;
  opacity: .85;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  -webkit-transition: opacity .1s;
  -moz-transition: opacity .1s;
  -ms-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap.dhxform_image_in_progress form.dhxform_image_form {
  display: none;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap form.dhxform_image_form {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.dhxform_obj_material div.dhxform_image div.dhxform_image_wrap form.dhxform_image_form input.dhxform_image_input {
  cursor: pointer;
  outline: none;
  height: 1000px;
  font-size: 100px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxform_obj_material div.disabled div.dhxform_image {
  border-color: #f9f9f9;
}

.dhxform_obj_material div.disabled div.dhxform_image img.dhxform_image_img {
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxform_obj_material div.disabled div.dhxform_image div.dhxform_image_wrap {
  cursor: default;
}

.dhxform_obj_material div.disabled div.dhxform_image form.dhxform_image_form {
  display: none;
}

div.dhx_form_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhxacc_base_material {
  position: relative;
  cursor: default;
  overflow: hidden;
}

.dhxacc_base_material div.dhxacc_cont {
  position: absolute;
  *overflow: hidden;
}

.dhxacc_base_material div.dhx_cell_acc {
  position: relative;
  background-color: white;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1px;
  background-color: white;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1;
  opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  background-image: url('imgs/dhxacc_material/dhxacc_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg {
  border: 1px solid #e4e4e4;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_toolbar_def .dhx_toolbar_material {
  border-width: 0 1px 1px 1px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def {
  position: relative;
  overflow: hidden;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
  border-top-width: 0;
  margin-top: -1px;
  width: auto;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-top-width: 0;
  width: auto;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
  z-index: 1;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 12px;
  color: #737373;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cont_acc {
  position: absolute;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  overflow: hidden;
  z-index: 0;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr {
  position: relative;
  height: 42px;
  line-height: 42px;
  background-color: #fafafa;
  overflow: hidden;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
  cursor: default;
  z-index: 3;
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.2);
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #39c;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
  border-width: 1px 0 0 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  box-shadow: none;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
  position: relative;
  margin-left: 14px;
  margin-right: 44px;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
  margin-left: 44px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
  position: absolute;
  top: 13px;
  left: 14px;
  width: 16px;
  height: 16px;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr i {
  position: absolute;
  left: 14px;
  width: 16px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  cursor: default;
  font-size: 1.1em;
  color: inherit;
}

.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
  position: absolute;
  top: 13px;
  right: 14px;
  width: 16px;
  height: 16px;
  background-image: url("imgs/dhxacc_material/dhxacc_btns.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_material div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr {
  box-shadow: none;
  color: #404040;
}

.dhxacc_base_material div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
  background-position: -16px 0;
}

.dhxacc_base_material div.dhx_cell_acc.acc_cell_dragged {
  z-index: 5;
}

.dhxacc_base_material div.dhxcelltop_hdr {
  position: relative;
}

.dhxacc_base_material div.dhxcelltop_ftr {
  position: absolute;
}

.dhxacc_base_material div.dhxcelltop_progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 3;
  opacity: .55;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_material div.dhxcelltop_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('imgs/dhxacc_material/dhxacc_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 4;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_material div.dhxcelltop_progress_svg {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxacc_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxacc_base_material div.dhxcelltop_menu {
  position: relative;
  overflow: hidden;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dfdfdf;
}

.dhxacc_base_material div.dhxcelltop_toolbar {
  position: relative;
  overflow: hidden;
}

.dhxacc_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
  border-width: 1px 1px 0 1px;
}

.dhxacc_base_material div.dhxcelltop_ribbon {
  position: relative;
  overflow: hidden;
}

.dhxacc_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-bottom-width: 0;
  width: auto;
}

.dhxacc_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-bottom-width: 0;
}

.dhxacc_base_material div.dhxcelltop_statusbar {
  position: absolute;
  overflow: hidden;
  background-color: #fafafa;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxacc_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
  position: relative;
  background-color: #fafafa;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
}

body.dhxacc_base_material {
  background-color: #fafafa;
}

.dhxacc_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhxlayout_base_material {
  position: relative;
  cursor: default;
  overflow: visible;
}

.dhxlayout_base_material div.dhxlayout_cont {
  position: absolute;
}

.dhxlayout_base_material div.dhx_cell_layout {
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  cursor: default;
  z-index: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.12);
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1px;
  background-color: white;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1;
  opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  background-image:
    url('imgs/dhxlayout_material/dhxlayout_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_svg {
  border: 1px solid #e4e4e4;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_toolbar_def .dhx_toolbar_material {
  border-width: 0 1px 1px 1px;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_ribbon_def {
  position: relative;
  overflow: hidden;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
  border-top-width: 0;
  margin-top: -1px;
  width: auto;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-top-width: 0;
  width: auto;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
  z-index: 1;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 12px;
  color: #737373;
}

.dhxlayout_base_material div.dhx_cell_layout.dhx_cell_nested_layout {
  box-shadow: none;
  background: none;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_cont_layout,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_menu_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_toolbar_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_ribbon_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_statusbar_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_cont_layout,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_menu_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_toolbar_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_ribbon_def,
.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_statusbar_def {
  display: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cont_layout {
  position: absolute;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  z-index: 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cont_layout.dhx_cell_cont_no_borders {
  border-width: 0;
  padding: 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr {
  position: relative;
  height: 42px;
  line-height: 42px;
  background-color: #39c;
  overflow: hidden;
  font-family: Roboto, Arial, Helvetica;
  font-size: 17px;
  color: #ecf3f9;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden {
  height: 0;
  line-height: 0;
  border-top: 1px solid #dfdfdf;
  overflow: hidden;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden_no_borders {
  height: 0;
  line-height: 0;
  border-width: 0;
  overflow: hidden;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhx_cell_hdr_text {
  position: relative;
  margin: 0 39px 0 14px;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow {
  position: absolute;
  right: 13px;
  top: 13px;
  width: 16px;
  height: 16px;
  background-image: url('imgs/dhxlayout_material/dhxlayout_cell_btns.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va {
  background-position: -16px 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb {
  background-position: -48px 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha {
  background-position: -32px 0;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
  background-position: 0 0;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr {
  font-size: 15px;
  height: 28px;
  line-height: 28px;
  color: white;
  font-weight: normal;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha {
  background-position: 0 0;
  top: 6px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
  background-position: -32px 0;
  top: 6px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr {
  font-size: 15px;
  width: 28px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va {
  background-position: -48px 0;
  right: 6px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb {
  background-position: -16px 0;
  right: 6px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform-origin: left center;
  font-weight: normal;
  text-overflow: ellipsis;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 {
  left: -7px;
  line-height: 27px;
  padding-bottom: 10px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 span {
  float: left;
  filter: progid:DXImageTransform.Microsoft.Matrix(M11='6.123031769111886e-17',
      M12='1', M21='-1', M22='6.123031769111886e-17', sizingMethod='auto expand');
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 {
  left: -7px;
  line-height: 27px;
  padding-bottom: 10px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 span {
  float: left;
  filter: progid:DXImageTransform.Microsoft.Matrix(M11='6.123031769111886e-17',
      M12='1', M21='-1', M22='6.123031769111886e-17', sizingMethod='auto expand');
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 {
  left: -6px;
  line-height: 27px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 span {
  float: left;
  filter: progid:DXImageTransform.Microsoft.Matrix(M11='6.123031769111886e-17',
      M12='1', M21='-1', M22='6.123031769111886e-17', sizingMethod='auto expand');
  margin-bottom: 95%;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie9 {
  left: 0;
  line-height: 27px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie9 span {
  float: left;
  filter: none;
  margin-bottom: 95%;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_chrome {
  left: 3px;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: left center;
}

.dhxlayout_base_material div.dhxlayout_sep {
  position: absolute;
  font-size: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxlayout_base_material div.dhxlayout_sep.dhxlayout_sep_resize_v {
  cursor: w-resize;
  background-image: url('imgs/dhxlayout_material/dhxlayout_sep_ver.gif');
}

.dhxlayout_base_material div.dhxlayout_sep.dhxlayout_sep_resize_h {
  cursor: n-resize;
  background-image: url('imgs/dhxlayout_material/dhxlayout_sep_hor.gif');
}

.dhxlayout_base_material div.dhxlayout_sep.dhxlayout_sep_resize_actv {
  background-color: #f2f2f2;
}

.dhxlayout_base_material div.dhxlayout_resize_area {
  position: absolute;
  background-color: #cfcfcf;
  opacity: .3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  z-index: 1;
  border: 1px dashed black;
  cursor: inherit;
}

.dhxlayout_base_material div.dhxlayout_resize_sep {
  position: absolute;
  background-color: #39c;
  overflow: hidden;
  display: block;
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  z-index: 2;
  cursor: inherit;
}

.dhxlayout_base_material div.dhxcelltop_hdr {
  position: relative;
}

.dhxlayout_base_material div.dhxcelltop_ftr {
  position: absolute;
}

.dhxlayout_base_material div.dhxcelltop_progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 3;
  opacity: .55;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxlayout_base_material div.dhxcelltop_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image:
    url('imgs/dhxlayout_material/dhxlayout_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 4;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxlayout_base_material div.dhxcelltop_progress_svg {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxlayout_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxlayout_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxlayout_base_material div.dhxcelltop_menu {
  position: relative;
  overflow: hidden;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dfdfdf;
}

.dhxlayout_base_material div.dhxcelltop_toolbar {
  position: relative;
  overflow: hidden;
}

.dhxlayout_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
  border-width: 1px 1px 0 1px;
}

.dhxlayout_base_material div.dhxcelltop_ribbon {
  position: relative;
  overflow: hidden;
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-bottom-width: 0;
  width: auto;
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-bottom-width: 0;
}

.dhxlayout_base_material div.dhxcelltop_statusbar {
  position: absolute;
  overflow: hidden;
  background-color: #fafafa;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxlayout_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
  position: relative;
  background-color: #fafafa;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
}

.dhxlayout_base_material div.dhxcelltop_menu {
  border-width: 0;
  padding-bottom: 4px;
  background: none;
}

.dhxlayout_base_material div.dhxcelltop_toolbar {
  padding-bottom: 10px;
}

.dhxlayout_base_material div.dhxcelltop_ribbon {
  padding-bottom: 10px;
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-bottom-width: 0;
}

.dhxlayout_base_material div.dhxcelltop_statusbar {
  padding-top: 10px;
  overflow: visible;
}

.dhxlayout_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dhxlayout_base_material.dhxlayout_collapsed_height {
  position: absolute;
  left: 0;
  top: -100px;
  width: 28px;
  height: 1px;
  font-size: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div.dhxlayout_sep_sw_material {
  position: absolute;
  left: 0;
  top: -100px;
  width: 14px;
  height: 1px;
  font-size: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body.dhxlayout_resize_v,
body.dhxlayout_resize_v * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: w-resize;
}

body.dhxlayout_resize_h,
body.dhxlayout_resize_h * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: n-resize;
}

html.dhxlayout_base_material,
body.dhxlayout_base_material {
  overflow: hidden;
}

.dhxlayout_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhxtabbar_base_material {
  position: relative;
  /* 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.09); */
}

.dhxtabbar_base_material div.dhxtabbar_cont {
  position: absolute;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhxtabbar_tabs {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 42px;
  line-height: 42px;
  background-color: #fff;
  /* 	background-color: #022b62; */
  /* 	border-color: #dbdbdb;
	border-style: solid;
	border-width: 1px; */
  overflow: hidden;
  white-space: nowrap;
  z-index: 2;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #fff;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
  position: absolute;
  /* 	height: 42px; */
  height: 30px;
  overflow: hidden;
}

/* 嶺뚮∥�뾼占쎈데 �뜝�럡�떃�뛾�룊�삕 �뛾�룄�쀧몭�씥占쎈쉸�맩�몠 �뜝�럥裕욃뜝�룞�삕�뜝�럩逾� �뜝�럩�쓤�뜝�럩�뮔 */
.dhxtabbar_tabs.dhxtabbar_tabs_top.main_tab {
  background-color: #fff;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
  position: absolute;
  top: 0;
  width: 5000px;
  height: 42px;
  margin: 0 1px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-color: transparent;
  /* 	background-color: #fff; */
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
  display: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab {
  position: relative;
  height: 42px;
  line-height: 42px;
  /* 	background-color: #ffffff; */
  background-color: transparent;
  font: inherit;
  margin-right: 0;
  cursor: pointer;
  z-index: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*  占쎈슓維귨옙���럹�뜝占� �뜝�럩�꼨嶺뚮〕�삕 �뜝�럡�떃 �뜝�럥裕욃뜝�룞�삕�뜝�럩逾� active �뜝�럥六�*/
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv {
  padding: 1px;
  height: 30px;
  background-color: #7486c5;
  border-radius: 3px 3px 0 0;
  border: 1px solid #7486c5;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
  font-weight: normal !important;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
  color: #a6a6a6;
  background-color: #a6a6a6;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_dis {
  color: #a6a6a6;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text {
  position: relative;
  height: 40px;
  line-height: 42px;
  color: #000;
  background-color: transparent;
  vertical-align: middle;
  text-align: center;
  padding: 0 16px;
  overflow: hidden;
  font: inherit;
  text-transform: uppercase;
  /* 	font-weight: bold; */
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
  padding-right: 42px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 14px;
  height: 14px;
   background-image:
    url("../js/dhtmlxSuite_v51/codebase/imgs/dhxtabbar_material/dhxtabbar_button_close.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 99;
  color: red;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close {
  background-position: -14px 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
  float: left;
  border-radius: 3px 3px 0 0;
  border: 1px solid #7486c5;
  margin-left: 1px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
  float: right;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main {
  position: absolute;
  height: 42px;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tabs_cont_right {
  position: absolute;
  top: 0;
  width: 5000px;
  height: 42px;
  margin: 0 1px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tabs_line {
  display: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab {
  position: relative;
  height: 42px;
  line-height: 42px;
  background-color: #fff;
  font: inherit;
  margin-right: 0;
  cursor: pointer;
  z-index: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv .dhxtabbar_tab_text {
  color: #fff !important;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab.dhxtabbar_tab_actv {
  color: #ff6a4d !important;
  background-color: transparent;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab.dhxtabbar_tab_actv:hover {
  border-bottom: 3px solid #ffc000;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
  color: #a6a6a6;
  background-color: #a6a6a6;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab.dhxtabbar_tab_dis {
  color: #a6a6a6;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab div.dhxtabbar_tab_text {
  position: relative;
  height: 40px;
  line-height: 42px;
  background-color: #fff;
  /* 	color: #fff; */
  vertical-align: middle;
  text-align: center;
  /* 	padding: 0 16px; */
  overflow: hidden;
  font: inherit;
  text-transform: uppercase;
}

/*  占쎈슓維귨옙���럹�넫濡る쭜�뜝�럡�돪 �뜝�럡�떃 �뜝�럥裕욃뜝�룞�삕�뜝�럩逾� _�뜝�럥嫄쀧뛾�룄�쀧몭�씥占쎈쉸�맩�몠 �뜝�럥占쎈낑�삕占쎈츩�뜝�럥諭� */
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab div.dhxtabbar_tab_text {
  position: relative;
  top: 1.5px;
  height: 30px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  font: inherit;
  text-transform: uppercase;
  border-radius: 5px 5px 0 0;
  margin: 0 0.5px;
}

/*  占쎈슓維귨옙���럹�넫濡る쭜�뜝�럡�돪 �뜝�럡�떃 �뜝�럥裕욃뜝�룞�삕�뜝�럩逾� _�뜝�럥嫄쀧뛾�룄�쀧몭�씥占쎈쉸�맩�몠 */
.dhxtabbar_base_material div.dhxtabbar_tabs {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 42px;
  line-height: 42px;
  background-color: #fff;
  overflow: hidden;
  white-space: nowrap;
  z-index: 2;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #999;
  border-bottom: 1px solid #d9d9d9;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
  padding-right: 42px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab div.dhxtabbar_tab_close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 14px;
  height: 14px;
  background-image:
    url("../js/dhtmlxSuite_v51/codebase/imgs/dhxtabbar_material/dhxtabbar_button_close.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 1;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close {
  background-position: -14px 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
  float: left;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base_main div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
  float: right;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
  position: absolute;
  top: 0;
  width: 35px;
  height: 42px;
  line-height: 42px;
  z-index: 4;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
  display: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
  position: absolute;
  width: 16px;
  height: 16px;
  line-height: 16px;
  left: 10px;
  top: 13px;
  background-image: url("imgs/dhxtabbar_material/dhxtabbar_arrows.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
  left: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img:hover {
  background-position: 0 -16px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
  right: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
  background-position: -16px 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img:hover {
  background-position: -16px -16px;
}

.dhxtabbar_base_material div.dhx_cell_tabbar {
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  z-index: 0;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1px;
  background-color: white;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1;
  opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  background-image:
    url('imgs/dhxtabbar_material/dhxtabbar_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_svg {
  border: 1px solid #e4e4e4;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_toolbar_def .dhx_toolbar_material {
  border-width: 0 1px 1px 1px;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def {
  position: relative;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
  border-top-width: 0;
  margin-top: -1px;
  width: auto;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-top-width: 0;
  width: auto;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
  z-index: 1;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 12px;
  color: #737373;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  position: absolute;
  /* 	border-color: #dfdfdf; */
  border-color: #fff;
  border-style: solid;
  overflow: hidden;
  z-index: 0;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
  border-width: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhxtabbar_tabs {
  top: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhxtabbar_tabs div.dhxtabbar_tab_text {
  margin-bottom: 2px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-width: 0 1px 1px 1px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_progress_img,
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_progress_svg {
  border-top-width: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
  bottom: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab_text {
  margin-top: 2px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-width: 1px 1px 0 1px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_progress_img,
.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_progress_svg {
  border-bottom-width: 0;
}

.dhxtabbar_base_material div.dhxcelltop_hdr {
  position: relative;
}

.dhxtabbar_base_material div.dhxcelltop_ftr {
  position: absolute;
}

.dhxtabbar_base_material div.dhxcelltop_progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 3;
  opacity: .55;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhxcelltop_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image:
    url('imgs/dhxtabbar_material/dhxtabbar_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 4;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhxcelltop_progress_svg {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxtabbar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxtabbar_base_material div.dhxcelltop_menu {
  position: relative;
  overflow: hidden;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dfdfdf;
}

.dhxtabbar_base_material div.dhxcelltop_toolbar {
  position: relative;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
  border-width: 1px 1px 0 1px;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon {
  position: relative;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-bottom-width: 0;
  width: auto;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-bottom-width: 0;
}

.dhxtabbar_base_material div.dhxcelltop_statusbar {
  position: absolute;
  overflow: hidden;
  background-color: #fafafa;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxtabbar_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
  position: relative;
  background-color: #fafafa;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
}

span.dhxtabbar_tabs_text_test_material {
  position: absolute;
  visibility: hidden;
  right: 0;
  top: 0;
  padding: 0 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxtabbar_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhxsidebar_base_material {
  position: relative;
  cursor: default;
}

.dhxsidebar_base_material div.dhxsidebar_cont {
  position: absolute;
  cursor: default;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fafafa;
  border-style: solid;
  border-color: #dfdfdf;
  border-width: 1px 1px 0 1px;
  overflow: hidden;
  z-index: 5;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items {
  position: absolute;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -ms-touch-action: none;
  -webkit-transition: top .2s;
  -moz-transition: top .2s;
  -ms-transition: top .2s;
  -o-transition: top .2s;
  transition: top .2s;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item {
  position: relative;
  padding: 0 10px;
  z-index: 1;
  cursor: default;
  margin: 1px 0;
  background-color: #fafafa;
  overflow: hidden;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  -ms-touch-action: none;
  -webkit-touch-callout: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_hidden {
  height: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover {
  background-color: #f5f5f5;
  z-index: 2;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
  z-index: 3;
  background-color: #ebebeb;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
  position: absolute;
  left: 9px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
  position: absolute;
  left: 0;
  top: 0;
  height: inherit;
  line-height: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
  position: absolute;
  width: 15px;
  height: 15px;
  line-height: 14px;
  right: 5px;
  top: 5px;
  border-radius: 10px;
  background-color: #fafafa;
  border: 1px solid #39c;
  font-family: Tahoma;
  font-size: 10px;
  text-align: center;
  font-weight: normal;
  color: #39c;
  cursor: default;
  overflow: hidden;
  z-index: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover div.dhxsidebar_bubble {
  background-color: #f5f5f5;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected div.dhxsidebar_bubble {
  background-color: #ebebeb;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_sep {
  position: relative;
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #ededed;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item:hover {
  background-color: #fafafa;
  z-index: 1;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
  z-index: 3;
  background-color: #ebebeb;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item {
  height: 27px;
  line-height: 27px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
  top: 5px;
  width: 16px;
  height: 16px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
  padding-left: 34px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item {
  height: 47px;
  line-height: 47px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
  top: 7px;
  width: 32px;
  height: 32px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
  padding-left: 50px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
  top: 15px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item {
  height: 47px;
  line-height: 47px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
  position: relative;
  display: inline;
  left: 0;
  top: 7px;
  width: 32px;
  height: 32px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item {
  height: 66px;
  line-height: 1em;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
  position: relative;
  display: inline;
  left: 0;
  top: 4px;
  width: 32px;
  height: 32px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
  position: relative;
  display: block;
  height: 16px;
  margin-top: 10px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item {
  height: 27px;
  line-height: 27px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
  padding-left: 14px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar {
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  z-index: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1px;
  background-color: white;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1;
  opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  background-image:
    url('imgs/dhxsidebar_material/dhxsidebar_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_svg {
  border: 1px solid #e4e4e4;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def .dhx_toolbar_material {
  border-width: 0 1px 1px 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def {
  position: relative;
  overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
  border-top-width: 0;
  margin-top: -1px;
  width: auto;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-top-width: 0;
  width: auto;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
  z-index: 1;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 12px;
  color: #737373;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_def,
.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-width: 1px 1px 0 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
  border-width: 1px 1px 0 0;
  margin-top: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs {
  border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-width: 0 1px 0 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_img {
  border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar.dhx_cell_cont_no_top div.dhx_cell_cont_sidebar {
  border-top-color: white;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar {
  position: absolute;
  border-style: solid;
  border-color: #dfdfdf;
  border-width: 1px 1px 1px 0;
  overflow: hidden;
  z-index: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders {
  border-width: 0;
  padding: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr {
  position: relative;
  background-color: #fafafa;
  height: 36px;
  line-height: 35px;
  font-weight: normal;
  overflow: hidden;
  cursor: default;
  z-index: 1;
  border-style: solid;
  border-color: #dfdfdf;
  border-width: 1px 1px 0 0;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr.dhx_cell_sidebar_hdr_hidden {
  border-width: 1px 0 0 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text {
  position: relative;
  margin: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
  text-align: left;
  height: 100%;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text.dhx_cell_sidebar_hdr_text_icon {
  margin-left: 34px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_icon {
  position: absolute;
  top: 0;
  left: 10px;
  width: 16px;
  height: 100%;
  background-image:
    url("imgs/dhxsidebar_material/dhxsidebar_side_icon.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr {
  border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar {
  border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders {
  border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_menu_def,
.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar,
.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs {
  border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-left-width: 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide {
  overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_side {
  -webkit-transition: left .2s;
  -moz-transition: left .2s;
  -ms-transition: left .2s;
  -o-transition: left .2s;
  transition: left .2s;
  box-shadow: 0 2px 8px rgba(127, 127, 127, 0.4);
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_arrows {
  -webkit-transition: left .2s;
  -moz-transition: left .2s;
  -ms-transition: left .2s;
  -o-transition: left .2s;
  transition: left .2s;
  box-shadow: 0 4px 6px rgba(127, 127, 127, 0.4);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  z-index: 3;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: .0001;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side_cover.dhxsidebar_side_cover_actv {
  opacity: .6;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 24px;
  border: 1px solid #dfdfdf;
  background-color: #fafafa;
  font-size: 1px;
  overflow: hidden;
  z-index: 6;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-touch-action: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows.dhxsidebar_arrows_hidden {
  height: 0;
  border-width: 0 1px 1px 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  font-size: 1px;
  overflow: hidden;
  z-index: 1;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left {
  left: 0;
  border-right: 1px solid #dfdfdf;
  z-index: 2;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left div.dhxsidebar_arrow_image {
  background-image:
    url("imgs/dhxsidebar_material/dhxsidebar_arrow_up.gif");
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right {
  right: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right div.dhxsidebar_arrow_image {
  background-image:
    url("imgs/dhxsidebar_material/dhxsidebar_arrow_down.gif");
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow div.dhxsidebar_arrow_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 1px;
  overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:hover {
  background-color: #f5f5f5;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:active {
  background-color: #f0f0f0;
}

.dhxsidebar_base_material div.dhxcelltop_hdr {
  position: relative;
}

.dhxsidebar_base_material div.dhxcelltop_ftr {
  position: absolute;
}

.dhxsidebar_base_material div.dhxcelltop_progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 3;
  opacity: .55;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxsidebar_base_material div.dhxcelltop_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image:
    url('imgs/dhxsidebar_material/dhxsidebar_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 4;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxsidebar_base_material div.dhxcelltop_progress_svg {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxsidebar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxsidebar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxsidebar_base_material div.dhxcelltop_menu {
  position: relative;
  overflow: hidden;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dfdfdf;
}

.dhxsidebar_base_material div.dhxcelltop_toolbar {
  position: relative;
  overflow: hidden;
}

.dhxsidebar_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
  border-width: 1px 1px 0 1px;
}

.dhxsidebar_base_material div.dhxcelltop_ribbon {
  position: relative;
  overflow: hidden;
}

.dhxsidebar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-bottom-width: 0;
  width: auto;
}

.dhxsidebar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-bottom-width: 0;
}

.dhxsidebar_base_material div.dhxcelltop_statusbar {
  position: absolute;
  overflow: hidden;
  background-color: #fafafa;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxsidebar_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
  position: relative;
  background-color: #fafafa;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
}

.dhxsidebar_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhxcarousel_base_material {
  background-color: white;
  position: relative;
  cursor: default;
}

.dhxcarousel_base_material div.dhxcarousel_cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area {
  position: relative;
  overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area.dhxcarousel_area_flip {
  perspective: 900px;
  -webkit-perspective: 900;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel {
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  z-index: 0;
  -webkit-transform-style: preserve-3d;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1px;
  background-color: white;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1;
  opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  background-image:
    url('imgs/dhxcarousel_material/dhxcarousel_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_svg {
  border: 1px solid #e4e4e4;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def .dhx_toolbar_material {
  border-width: 0 1px 1px 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def {
  position: relative;
  overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
  border-top-width: 0;
  margin-top: -1px;
  width: auto;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-top-width: 0;
  width: auto;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
  z-index: 1;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 12px;
  color: #737373;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel {
  position: absolute;
  border: 1px solid #dfdfdf;
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel.dhx_cell_cont_no_borders {
  border-width: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
  border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def .dhx_toolbar_material {
  border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
  border-top-width: 1px;
  margin-top: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-bottom-width: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls {
  position: absolute;
  width: 100%;
  height: 34px;
  bottom: 0;
  left: 0;
  z-index: 3;
  overflow: visible;
  border-top: 1px solid #dfdfdf;
  background-color: #fafafa;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn {
  position: absolute;
  bottom: 0;
  width: 38px;
  height: 100%;
  overflow: hidden;
  line-height: 33px;
  background-color: #fafafa;
  border: 0 solid #dfdfdf;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev {
  background-image:
    url(imgs/dhxcarousel_material/dhxcarousel_arrow_left.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
  background-image:
    url(imgs/dhxcarousel_material/dhxcarousel_arrow_left_dis.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next {
  background-image:
    url(imgs/dhxcarousel_material/dhxcarousel_arrow_right.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
  background-image:
    url(imgs/dhxcarousel_material/dhxcarousel_arrow_right_dis.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:hover,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:hover {
  background-color: #ebebeb;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:active,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:active {
  background-color: #dcdcdc;
  border-color: #d2d2d2;
  box-shadow: 0 0 4px rgba(127, 127, 127, 0.2) inset;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
  left: 0;
  border-right-width: 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
  right: 0;
  border-left-width: 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
  z-index: 1;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars {
  position: absolute;
  top: 10px;
  text-align: center;
  font-size: 1px;
  line-height: 36px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar {
  float: left;
  position: relative;
  margin: 0 2px;
  width: 14px;
  height: 14px;
  border: 1px solid #797979;
  border-radius: 14px;
  background-color: white;
  font-size: 1px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar div.dhx_carousel_barcore {
  display: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv {
  border-color: #39c;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv div.dhx_carousel_barcore {
  position: absolute;
  display: block;
  font-size: 1px;
  margin: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  background-color: #39c;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcelltop_hdr {
  position: relative;
}

.dhxcarousel_base_material div.dhxcelltop_ftr {
  position: absolute;
}

.dhxcarousel_base_material div.dhxcelltop_progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 3;
  opacity: .55;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcelltop_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image:
    url('imgs/dhxcarousel_material/dhxcarousel_cell_progress.gif');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 4;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcelltop_progress_svg {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxcarousel_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxcarousel_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxcarousel_base_material div.dhxcelltop_menu {
  position: relative;
  overflow: hidden;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dfdfdf;
}

.dhxcarousel_base_material div.dhxcelltop_toolbar {
  position: relative;
  overflow: hidden;
}

.dhxcarousel_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
  border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcelltop_ribbon {
  position: relative;
  overflow: hidden;
}

.dhxcarousel_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-bottom-width: 0;
  width: auto;
}

.dhxcarousel_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-bottom-width: 0;
}

.dhxcarousel_base_material div.dhxcelltop_statusbar {
  position: absolute;
  overflow: hidden;
  background-color: #fafafa;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxcarousel_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
  position: relative;
  background-color: #fafafa;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
}

.dhxcarousel_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material {
  background-color: #fafafa;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls {
  border-bottom: 1px solid #dfdfdf;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
  border-left-width: 1px;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
  border-right-width: 1px;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhxwins_vp_material {
  overflow: hidden;
  position: relative;
  cursor: default;
}

.dhxwins_vp_material div.dhxwin_active {
  position: absolute;
  overflow: hidden;
  box-shadow: 0 28px 80px -6px rgba(0, 0, 0, 0.4);
  background-color: #39c;
  cursor: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxwins_vp_material div.dhxwin_active div.dhxwin_fr_cover {
  display: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover {
 /* background-color: #3090c0; */
}

.dhxwins_vp_material div.dhxwin_active.dhxwin_dnd_touch,
.dhxwins_vp_material div.dhxwin_active.dhxwin_dnd {
  box-shadow: 0 0 8px rgba(125, 125, 125, 0.4);
  box-shadow: 0 28px 80px -6px rgba(1, 1, 1, 0.4);
}

.dhxwins_vp_material div.dhxwin_active.dhxwin_dnd_touch {
  border-color: #6c94b4;
  box-shadow: 0 0 14px #a4b9cb;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.dhxwins_vp_material div.dhxwin_inactive {
  position: absolute;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(127, 127, 127, 0.4);
  background-color: #70b8db;
  cursor: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_brd {
  border-color: #70b8db;
  opacity: .8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover {
  z-index: 4;
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover.dhxwin_fr_cover_dnd,
.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover.dhxwin_fr_cover_resize {
  display: block;
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr {
  color: #d9e7f3;
  background-color: #70b8db;
  opacity: .8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_icon {
  opacity: .6;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_btns {
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxwins_vp_material div.dhxwin_brd {
  position: absolute;
  border-color: #5688DF;
  border-style: solid;
  border-width: 0 2px 2px 2px;
  background: white;
  z-index: 0;
}

.dhxwins_vp_material div.dhxwin_brd.dhxwin_hdr_hidden {
  border-top-width: 2px;
}

.dhxwins_vp_material div.dhxwin_fr_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: white;
  z-index: 1;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material div.dhxwin_fr_cover iframe.dhxwin_fr_cover_inner,
.dhxwins_vp_material div.dhxwin_fr_cover div.dhxwin_fr_cover_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material iframe.dhxwin_main_fr_cover {
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material div.dhxwin_hdr {
  position: relative;
  height: 48px;
  line-height: 48px;
  background-color: #39c;
  margin: 0;
  padding: 0;
  font-family: Roboto, Arial, Helvetica;
  font-size: 17px;
  color: #ecf3f9;
  cursor: inherit;
  overflow: hidden;
  z-index: 3;
  -ms-touch-action: none;
  touch-action: none;
}

.dhxwins_vp_material div.dhxwin_hdr.dhxwin_hdr_hidden {
  visibility: hidden;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_icon {
  position: absolute;
  display: none;
  left: 15px;
  top: 15px;
  width: 18px;
  height: 18px;
  cursor: default;
  overflow: hidden;
  background-image: url("imgs/dhxwins_material/dhxwins_icon.gif");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: inherit;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_text {
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  cursor: inherit;
  z-index: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding-left: 5px !important;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns {
  position: absolute;
  right: 15px;
  top: 12px;
  height: 24px;
  cursor: default;
  overflow: hidden;
  cursor: inherit;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button,
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis {
  position: relative;
  float: left;
  width: 24px;
  height: 24px;
  margin-left: 1px;
  margin-top: 2px;
  background-image: url("../js/dhtmlxSuite_v51/codebase/imgs/dhxwins_material/dhxwins_buttons.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_close {
  background-position: -24px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmax {
  background-position: -48px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmaxed {
  background-position: -72px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_park {
  background-position: -96px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_stick {
  background-position: -120px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_sticked {
  background-position: -144px 0;
  background-color: #3090c0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_help {
  background-position: -168px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_dock {
  background-position: -192px 0;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_close_dis {
  background-position: -24px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmax_dis {
  background-position: -48px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmaxed_dis {
  background-position: -72px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_park_dis {
  background-position: -96px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_stick_dis {
  background-position: -120px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_sticked_dis {
  background-position: -144px -24px;
  background-color: #3193c4;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_help_dis {
  background-position: -168px -24px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_dock_dis {
  background-position: -192px -24px;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins {
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  visibility: visible;
  z-index: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cover,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1px;
  background-color: white;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_bar,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1;
  opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_img,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  background-image: url("imgs/dhxwins_material/dhxwins_progress.gif");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_svg,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_svg {
  border: 1px solid #e4e4e4;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_svg .dhx_cell_prsvg,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material {
  border-width: 0 1px 1px 1px;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def {
  position: relative;
  overflow: hidden;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
  border-top-width: 0;
  margin-top: -1px;
  width: auto;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-top-width: 0;
  width: auto;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
  z-index: 1;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 12px;
  color: #737373;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
  border-width: 0 0 1px 0;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def .dhtmlxMenu_material_Middle,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def .dhtmlxMenu_material_Middle {
  padding: 0 2px;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material {
  border-width: 0 0 1px 0;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  border-width: 1px 0 0 0;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins.dhxwin_parked,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins.dhxwin_parked {
  visibility: hidden;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
  position: absolute;
  background-color: white;
  overflow: hidden;
  z-index: 0;
}

.dhxwins_vp_material.dhxwins_vp_dnd {
  cursor: move;
}

.dhxwins_vp_material div.dhxwin_resize {
  position: absolute;
  background-color: #cfcfcf;
  opacity: .3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

.dhxwins_vp_material iframe.dhxwin_resize_fr_cover {
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material div.dhxwins_mcover {
  position: absolute;
  background-color: #f3f3f3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .55;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
}

.dhxwins_vp_material iframe.dhxwins_mcover {
  position: absolute;
  background-color: white;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material.dhxwins_vp_fs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dhxwins_vp_auto {
  overflow: auto;
}

.dhxwins_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

/*
@keyframes dhx_loader_rotate
{
	100%{transform:rotate(360deg);}
}
@keyframes dhx_loader_dash
{
	0%{stroke-dasharray:1,200;stroke-dashoffset:0;}
	50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}
	100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}
}
*/
.dhtmlx_message_area {
  position: fixed;
  right: 10px;
  width: 250px;
  z-index: 1000;
  padding: 0;
}

.dhtmlx-info {
  color: #444;
  min-width: 120px;
  background: #f5f5f5;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  font-weight: 500;
  z-index: 10000;
  margin: 0 5px 7px 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.dhtmlx-info div {
  padding: 16px 9px 16px 15px;
  background-color: #f5f5f5;
  border-radius: 3px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.dhtmlx-info.hidden {
  box-shadow: none;
  border-top: none;
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.dhtmlx-info.hidden div {
  height: 0;
  border-top: none;
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 0;
  overflow: hidden;
}

.dhtmlx-error {
  color: #fff;
  background-color: #e53935;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.49);
  border-radius: 0;
}

.dhtmlx-error div {
  padding: 16px 9px 16px 18px;
  background-color: #e53935;
}

.dhtmlx_modal_box {
  overflow: hidden;
  display: inline-block;
  min-width: 300px;
  width: 300px;
  text-align: center;
  position: fixed;
  background-color: #fff;
  z-index: 20000;
  box-shadow: 0 28px 80px -6px rgba(0, 0, 0, 0.4);
}

.dhtmlx_popup_title {
  padding: 16px 0;
  font-size: 17px;
  line-height: 16px;
  font-family: Roboto, Arial, Helvetica;
}

.dhtmlx-info,
.dhtmlx_popup_title,
.dhtmlx_popup_button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
  cursor: pointer;
}

.dhtmlx_popup_text {
  font-size: 15px;
  font-family: Roboto, Arial, Helvetica;
  color: #444;
  min-height: 30px;
  padding: 20px 10px 5px 10px;
  overflow: hidden;
}

.dhtmlx_popup_controls {
  font-family: Roboto, Arial, Helvetica;
  font-weight: bold;
  padding: 10px 10px 15px 10px;
}

.dhtmlx_popup_button {
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  font-weight: 500;
  min-width: 120px;
  width: 120px;
  height: 32px;
  display: inline-block;
  margin: 0 5px;
  color: #444;
}

.dhtmlx_popup_button div {
  line-height: 32px;
  text-transform: uppercase;
}

div.dhx_modal_cover {
  background-color: #000;
  cursor: default;
  opacity: .24;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  position: fixed;
  z-index: 19999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  zoom: 1;
}

.dhtmlx_popup_button {
  color: #222;
  border: 1px solid #dfdfdf;
  background: #f5f5f5;
}

.dhtmlx_popup_button:active,
.dhtmlx_popup_button:focus {
  background: #eee;
}

.dhtmlx_popup_button:first-child {
  background: #39c;
  color: white;
  font-weight: normal;
}

.dhtmlx-alert-error .dhtmlx_popup_title,
.dhtmlx-confirm-error .dhtmlx_popup_title {
  color: #fff;
  background: #e53935;
}

.dhtmlx-alert-error .dhtmlx_popup_button:first-child,
.dhtmlx-confirm-error .dhtmlx_popup_button:first-child {
  background: #e53935;
  border: 1px solid #f17373;
}

.dhtmlx-alert-warning .dhtmlx_popup_title,
.dhtmlx-confirm-warning .dhtmlx_popup_title {
  color: #fff;
  background: #E6951A;
}

.dhtmlx-alert .dhtmlx_popup_title,
.dhtmlx-confirm .dhtmlx_popup_title {
  color: white;
  background: #39c;
}