/*
Product Name: dhtmlxSuite 
Version: 5.0 
Edition: Standard 
License: content of this file is covered by GPL. Usage outside GPL terms is prohibited. To obtain Commercial or Enterprise license 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;
    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;
    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-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_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_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;
    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: 0.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: 0.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
    li.dhtmlxcalendar_selector_cell {
    width: 50px;
    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;
    padding-bottom: 1px;
    overflow: hidden;
    vertical-align: middle;
    background-color: white;
    font-size: 1px;
    height: 29px;
    -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/dhxcombo_arrow_down.gif");
    background-repeat: no-repeat;
    background-position: center center;
  }
  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;
  }
  .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;
  }
  .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 !important;
  }
  .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 !important;
  }
  .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 !important;
    border: none !important;
    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 !important;
  }
  .dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area {
    height: 315px !important;
  }
  .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 !important;
    border: none !important;
    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 !important;
  }
  .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 !important;
  }
  .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 !important;
  }
  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 !important;
    border-width: 0 !important;
    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;
  }
  div.dhtmlxMenu_material_SubLevelArea_Polygon {
    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;
  }
  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;
  }
  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: #ebebeb;
  }
  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;
  }
  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;
  }
  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 !important;
  }
  .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 !important;
  }
  .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 !important;
  }
  .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: 0.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: #fafafa;
    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;
  }
  .dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
    position: relative;
    width: 7px;
    background-image: url("imgs/dhxtoolbar_material/dhxtoolbar_arrow.gif");
    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;
    height: ;
    line-height: ;
    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 {
    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: 18px;
    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 {
    background-color: #ebebeb;
  }
  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: ;
  }
  .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: ;
    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: ;
  }
  .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: ;
  }
  .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: ;
    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: ;
    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: ;
    -moz-user-select: none;
    line-height: 24px;
  }
  .selectedTreeRow {
    font-family: Roboto, Arial, Helvetica;
    font-size: ;
    -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: ;
    font-family: Roboto, Arial, Helvetica;
    font-size: ;
    -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: ;
    line-height: ;
    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: ;
    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 0.1s;
    -moz-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.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: 0.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: red;
    background-color: #d4d0c8;
    border: px solid;
    border-color: white;
    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 gray solid;
    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;
  }
  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: 0.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: 0.75;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    z-index: 100;
  }
  .dhtmlx_live_validation_error {
    background-color: #ffe0e0 !important;
  }
  .dhtmlx_validation_error {
    border-bottom: 2px solid red !important;
  }
  .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 #dfdfdf !important;
    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: 13px;
    font-family: var(
      --lwc-fontFamily,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Helvetica,
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol"
    );
    color: rgb(81, 79, 77);
    font-weight: 700;
    vertical-align: top;
    text-align: left;
    position: relative;
  }
  div.gridbox_material.gridbox td a:link {
    text-decoration: none;
  }
  div.gridbox_material.gridbox td a {
    color: rgb(1, 118, 211);
  }
  div.gridbox_material.gridbox td a:hover {
    text-decoration: underline;
  }
  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 {
    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 !important;
  }
  div.gridbox_material.gridbox table.obj tr td.editable:first-child {
    border: 0 solid white !important;
    padding-left: 4px !important;
  }
  div.gridbox_material.gridbox table.obj tr td.editable div.treegrid_cell {
    padding: 1px 4px;
  }
  div.gridbox_material.gridbox table.obj tr td:first-child {
    padding-left: 10px;
  }
  div.gridbox_material.gridbox .odd_material {
    background-color: #fff;
    color: ;
  }
  .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;
  }
  @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 !important;
    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 !important;
    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 !important;
    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 !important;
  }
  .dhxform_obj_material .dhxform_select option:focus,
  .dhxform_obj_material .dhxform_select option:active {
    outline: none !important;
  }
  .dhxform_obj_material .dhxform_select:focus {
    border-color: #39c;
    border-bottom-width: 2px;
    padding-bottom: 1px !important;
    outline: none !important;
  }
  .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 !important;
    -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 !important;
  }
  .dhxform_obj_material div.dhxform_btn.dhxform_btn_pressed {
    background-color: #e1e1e1;
    border-color: #d2d2d2;
    outline: none !important;
  }
  .dhxform_obj_material div.dhxform_btn:focus {
    outline: none !important;
    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: 0.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: 0.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-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: 0.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 !important;
  }
  .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 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.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: 0.85;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.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: 0.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: 0.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 !important;
  }
  .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: 0.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 !important;
  }
  .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: 0.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 !important;
    background: none !important;
  }
  .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: 0.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: 0.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: 0.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 !important;
  }
  .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 !important;
  }
  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 !important;
  }
  html.dhxlayout_base_material,
  body.dhxlayout_base_material {
    overflow: hidden !important;
  }
  .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: #fafafa;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 2;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
  }
  .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
    position: absolute;
    height: 42px;
    overflow: hidden;
  }
  .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;
  }
  .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: #fafafa;
    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 {
    color: #39c;
    background-color: #39c;
  }
  .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;
    background-color: #fafafa;
    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
    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("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
    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;
  }
  .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_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: 0.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-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: 0.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;
    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 0.2s;
    -moz-transition: top 0.2s;
    -ms-transition: top 0.2s;
    -o-transition: top 0.2s;
    transition: top 0.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 !important;
    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: 0.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 !important;
  }
  .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 0.2s;
    -moz-transition: left 0.2s;
    -ms-transition: left 0.2s;
    -o-transition: left 0.2s;
    transition: left 0.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 0.2s;
    -moz-transition: left 0.2s;
    -ms-transition: left 0.2s;
    -o-transition: left 0.2s;
    transition: left 0.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 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.0001;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  .dhxsidebar_base_material
    div.dhxsidebar_cont
    div.dhxsidebar_side_cover.dhxsidebar_side_cover_actv {
    opacity: 0.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: 0.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: 0.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: 0.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: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
  .dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover {
    z-index: 4;
    opacity: 0.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: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
  .dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_icon {
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  }
  .dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_btns {
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  }
  .dhxwins_vp_material div.dhxwin_brd {
    position: absolute;
    border-color: #39c;
    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;
  }
  .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("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;
  }
  .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 !important;
  }
  .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 !important;
  }
  .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: ;
    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: 0.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 !important;
  }
  .dhxwins_vp_material div.dhxwin_resize {
    position: absolute;
    background-color: #cfcfcf;
    opacity: 0.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: 0.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 !important;
  }
  .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 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .dhtmlx-info div {
    padding: 16px 9px 16px 15px;
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.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 !important;
    overflow: hidden;
  }
  .dhtmlx_popup_controls {
    font-family: Roboto, Arial, Helvetica;
    font-weight: bold;
    padding: 10px 10px 15px 10px !important;
  }
  .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: 0.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;
  }
  .xhdr > img {
    z-index: 2;
  }
  /*
    Below code added to customize for EO
  */
  div.gridbox_material.gridbox table.obj tr:hover {
    background-color: rgb(248, 248, 255);
    color: #404040;
  }
  .rowselected {
    background-color: rgb(220, 220, 220) !important;
    color: #404040;
    border: 1px solid rbg(250, 250, 249) !important;
  }
  div.hdrcell.filter > input,
  div.hdrcell.filter > select {
    border: 1px solid rgb(194, 194, 196);
    font-weight: normal;
    border-radius: 0.25em;
  }
  /*
    When the grid column is set up as a master checkbox and "ch" type
    material grid adds an image instead of the input.  So this helps
    align the input checkbox in the header with the image column.
  */
  div.hdrcell > input[type="checkbox"] {
    height: 16px !important;
    width: 16px !important;
    margin-left: 0px !important;
  }
  div.objbox > table > tbody > tr > td {
    vertical-align: middle;
  }
  div.gridbox 
  {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }