/*
Product Name: dhtmlxSuite 
Version: 5.2.0 
Edition: Professional 
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlxcalendar_material {
    position: absolute;
    display: block;
    background-color: white;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

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

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

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

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

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

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont {
    position: relative;
    display: block;
    width: 249px;
    margin: 0;
    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_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 {
    background-image: linear-gradient(transparent, transparent), url("imgs/dhxcalendar_material/dhxcalendar_arrow_left.svg");
}

.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 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 {
    background-image: linear-gradient(transparent, transparent), url("imgs/dhxcalendar_material/dhxcalendar_arrow_right.svg");
}

.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 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    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: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj {
    position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line 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_select_button div.dhxcombo_select_img {
    background-image: linear-gradient(transparent, transparent), url("imgs/dhxcombo_material/dhxcombo_arrow_down.svg");
}

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;
    min-height: 32px;
}

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

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

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

.dhtmlxcp_material * {
    line-height: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont input.dhxcp_value {
    width: 54px;
    margin-top: 3px;
    line-height: 1em;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfdf;
    background-color: white;
    padding: 3px 3px 3px 3px;
    text-align: left;
    font: inherit;
    font-size: 13px;
    outline: none!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: .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;
    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: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

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

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

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhx_tooltip {
    display: none;
    position: absolute;
    color: #626262;
    z-index: 10000;
    padding: 4px 10px 4px 10px;
    border: 1px solid #fff;
    border-radius: 2px;
    text-shadow: 0 1px 1px #fff;
    box-shadow: 0 0 5px #d9d9d9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(0.5, #f6f6f6), color-stop(1, #efefef));
    background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: #efefef;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

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

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

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

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

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

.dhx_axis_title_x {
    text-align: center;
}

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

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

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

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

.dhx_chart_legend_item.hidden {
    color: #aaa;
}

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

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

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

.dhx_axis_item_x {
    padding-top: 2px;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhx_tooltip {
    display: none;
    position: absolute;
    font-family: Roboto, Arial, Helvetica;
    color: #626262;
    font-size: 14px;
    z-index: 10000;
    padding: 4px 10px 4px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 3px #d9d9d9;
    -webkit-box-shadow: 0 0 3px #d9d9d9;
    text-shadow: 0 1px 1px #fff;
    box-shadow: 0 0 5px #d9d9d9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(0.5, #f6f6f6), color-stop(1, #efefef));
    background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
    background: #efefef;
}

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

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

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

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

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

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

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

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

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

.dhx_dataview_default_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_dataview_item .dhx_light {
    color: #919191;
}

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

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

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

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

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

.dhx_list_default_item,
.dhx_list_default_item_selected {
    cursor: pointer;
}

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

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

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

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

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

.dhx_list_default_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_list_item .dhx_light {
    color: #919191;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.defaultTreeTable {
    margin: 0;
    padding: 0;
    border: 0;
}

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

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

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

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

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

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

.dragAndDropRow {
    color: #39c;
}

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

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

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

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

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

.dragSpanDiv td {
    padding: 5px;
}

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

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

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

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

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

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

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

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

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxtreeview_material {
    position: relative;
    overflow: hidden;
    background-color: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

div.gridbox {
    overflow: hidden;
    text-align: left;
}

.dhx_sub_row {
    background-color: white;
}

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

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

div.gridbox table.hdr td {
    line-height: normal;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: 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;
    pointer-events: none;
}

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

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

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

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

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

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

.toolbar_select {
    font-size: 10px;
}

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

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

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

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

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

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

.dhtmlx_live_validation_error {
    background-color: #FFE0E0!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 #fff;
    border-right: 1px solid #fff;
    padding-right: 4px;
    padding-left: 4px;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

div.gridbox_material.gridbox table.obj tr td.editable .dhxcombo_in_grid_parent {
    margin-left: -3px!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.rowselected {
    background-color: #eee;
    color: #404040;
}

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

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

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

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

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

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

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

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

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

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

.dhx_header_cmenu_item {
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dhxgrid_sort_desc,
.dhxgrid_sort_asc {
    width: 0;
    height: 0;
}

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

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

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

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

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

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

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

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

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

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

.grid_collapse_icon {
    margin-top: 1px;
}

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

.dhx_row_drag_active {
    background: #eee!important;
}

@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_actv_c.chbx1,
.dhxform_obj_material div.dhxform_img.chbx1 {
    background: linear-gradient(transparent, transparent), url("imgs/dhxform_material/dhxform_check_on.svg") 0 -1px no-repeat;
}

.dhxform_obj_material div.dhxform_actv_c.chbx0,
.dhxform_obj_material div.dhxform_img.chbx0 {
    background: linear-gradient(transparent, transparent), url("imgs/dhxform_material/dhxform_check_off.svg") 0 -1px no-repeat;
}

.dhxform_obj_material div.dhxform_actv_r.rdbt1,
.dhxform_obj_material div.dhxform_img.rdbt1 {
    background: linear-gradient(transparent, transparent), url("imgs/dhxform_material/dhxform_radio_on.svg") 0 -1px no-repeat;
}

.dhxform_obj_material div.dhxform_actv_r.rdbt0,
.dhxform_obj_material div.dhxform_img.rdbt0 {
    background: linear-gradient(transparent, transparent), url("imgs/dhxform_material/dhxform_radio_off.svg") 0 -1px no-repeat;
}

.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: .8em;
    padding-bottom: 3px;
    white-space: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dhxform_obj_material div.dhxform_control .dhx_combo_box.material .dhx_combo_input,
.dhx_combo_list.material_list div {
    font-size: 1em!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 .6s;
    -moz-transition: opacity .6s;
    -ms-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
}

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

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

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

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

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

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

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

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

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

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxacc_base_material {
    position: relative;
    cursor: default;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dhxacc_base_material div.dhx_cell_acc.acc_cell_dragged {
    z-index: 5!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: .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: .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: .3;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);
    z-index: 1;
    border: 1px dashed black;
    cursor: inherit;
}

.dhxlayout_base_material div.dhxlayout_resize_sep {
    position: absolute;
    background-color: #39c;
    overflow: hidden;
    display: block;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    z-index: 2;
    cursor: inherit;
}

.dhxlayout_base_material div.dhxcelltop_hdr {
    position: relative;
}

.dhxlayout_base_material div.dhxcelltop_ftr {
    position: absolute;
}

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

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

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

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

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

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

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

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

.dhxlayout_base_material div.dhxcelltop_ribbon {
    position: relative;
    overflow: hidden;
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
    width: auto;
}

.dhxlayout_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxlayout_base_material div.dhxcelltop_statusbar {
    position: absolute;
    overflow: hidden;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxlayout_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    background-color: #fafafa;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 12px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
}

.dhxlayout_base_material div.dhxcelltop_menu {
    border-width: 0;
    padding-bottom: 4px;
    background: none!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: .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: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

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

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

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

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

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

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

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

.dhxtabbar_base_material div.dhxcelltop_ribbon {
    position: relative;
    overflow: hidden;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
    width: auto;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxtabbar_base_material div.dhxcelltop_statusbar {
    position: absolute;
    overflow: hidden;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxtabbar_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    background-color: #fafafa;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 12px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
}

span.dhxtabbar_tabs_text_test_material {
    position: absolute;
    visibility: hidden;
    right: 0;
    top: 0;
    padding: 0 4px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

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

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxsidebar_base_material {
    position: relative;
    cursor: default;
}

.dhxsidebar_base_material div.dhxsidebar_cont {
    position: absolute;
    cursor: default;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fafafa;
    border-style: solid;
    border-color: #dfdfdf;
    border-width: 1px 1px 0 1px;
    overflow: hidden;
    z-index: 5;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items {
    position: absolute;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -ms-touch-action: none;
    -webkit-transition: top .2s;
    -moz-transition: top .2s;
    -ms-transition: top .2s;
    -o-transition: top .2s;
    transition: top .2s;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item {
    position: relative;
    padding: 0 10px;
    z-index: 1;
    cursor: default;
    margin: 1px 0;
    background-color: #fafafa;
    overflow: hidden;
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_hidden {
    height: 0!important;
    margin: 0;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover {
    background-color: #f5f5f5;
    z-index: 2;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
    z-index: 3;
    background-color: #ebebeb;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    position: absolute;
    left: 9px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
    line-height: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 14px;
    right: 5px;
    top: 5px;
    border-radius: 10px;
    background-color: #fafafa;
    border: 1px solid #39c;
    font-family: Tahoma;
    font-size: 10px;
    text-align: center;
    font-weight: normal;
    color: #39c;
    cursor: default;
    overflow: hidden;
    z-index: 1;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover div.dhxsidebar_bubble {
    background-color: #f5f5f5;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected div.dhxsidebar_bubble {
    background-color: #ebebeb;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_sep {
    position: relative;
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #ededed;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item:hover {
    background-color: #fafafa;
    z-index: 1;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
    z-index: 3;
    background-color: #ebebeb;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 27px;
    line-height: 27px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    top: 5px;
    width: 16px;
    height: 16px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    padding-left: 34px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 47px;
    line-height: 47px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    top: 7px;
    width: 32px;
    height: 32px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    padding-left: 50px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
    top: 15px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 47px;
    line-height: 47px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    position: relative;
    display: inline;
    left: 0;
    top: 7px;
    width: 32px;
    height: 32px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 66px;
    line-height: 1em;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
    position: relative;
    display: inline;
    left: 0;
    top: 4px;
    width: 32px;
    height: 32px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    position: relative;
    display: block;
    height: 16px;
    margin-top: 10px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item {
    height: 27px;
    line-height: 27px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
    padding-left: 14px;
}

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

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

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

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

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

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

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

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

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 1px 1px 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 0;
    margin-top: -1px;
    width: auto;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-top-width: 0;
    width: auto;
}

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

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

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_def,
.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-width: 1px 1px 0 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-width: 1px 1px 0 0;
    margin-top: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs {
    border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-width: 0 1px 0 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_img {
    border-left-width: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar.dhx_cell_cont_no_top div.dhx_cell_cont_sidebar {
    border-top-color: white;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar {
    position: absolute;
    border-style: solid;
    border-color: #dfdfdf;
    border-width: 1px 1px 1px 0;
    overflow: hidden;
    z-index: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders {
    border-width: 0;
    padding: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr {
    position: relative;
    background-color: #fafafa;
    height: 36px;
    line-height: 35px;
    font-weight: normal;
    overflow: hidden;
    cursor: default;
    z-index: 1;
    border-style: solid;
    border-color: #dfdfdf;
    border-width: 1px 1px 0 0;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr.dhx_cell_sidebar_hdr_hidden {
    border-width: 1px 0 0 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text {
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
    text-align: left;
    height: 100%;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text.dhx_cell_sidebar_hdr_text_icon {
    margin-left: 34px!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 .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    box-shadow: 0 2px 8px rgba(127, 127, 127, 0.4);
}

.dhxsidebar_base_material div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_arrows {
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    box-shadow: 0 4px 6px rgba(127, 127, 127, 0.4);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    z-index: 3;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: .0001;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_side_cover.dhxsidebar_side_cover_actv {
    opacity: .6;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 24px;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    font-size: 1px;
    overflow: hidden;
    z-index: 6;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: none;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows.dhxsidebar_arrows_hidden {
    height: 0;
    border-width: 0 1px 1px 1px;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    font-size: 1px;
    overflow: hidden;
    z-index: 1;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left {
    left: 0;
    border-right: 1px solid #dfdfdf;
    z-index: 2;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left div.dhxsidebar_arrow_image {
    background-image: url("imgs/dhxsidebar_material/dhxsidebar_arrow_up.gif");
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right {
    right: 0;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right div.dhxsidebar_arrow_image {
    background-image: url("imgs/dhxsidebar_material/dhxsidebar_arrow_down.gif");
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow div.dhxsidebar_arrow_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 1px;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:hover {
    background-color: #f5f5f5;
}

.dhxsidebar_base_material div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:active {
    background-color: #f0f0f0;
}

.dhxsidebar_base_material div.dhxcelltop_hdr {
    position: relative;
}

.dhxsidebar_base_material div.dhxcelltop_ftr {
    position: absolute;
}

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

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

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

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

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

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

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

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

.dhxsidebar_base_material div.dhxcelltop_ribbon {
    position: relative;
    overflow: hidden;
}

.dhxsidebar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
    width: auto;
}

.dhxsidebar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxsidebar_base_material div.dhxcelltop_statusbar {
    position: absolute;
    overflow: hidden;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxsidebar_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    background-color: #fafafa;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 12px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
}

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

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxcarousel_base_material {
    background-color: white;
    position: relative;
    cursor: default;
}

.dhxcarousel_base_material div.dhxcarousel_cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area.dhxcarousel_area_flip {
    perspective: 900px;
    -webkit-perspective: 900;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel {
    position: absolute;
    background-color: white;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    z-index: 0;
    -webkit-transform-style: preserve-3d;
}

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

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

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

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

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

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

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 1px 1px 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 0;
    margin-top: -1px;
    width: auto;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-top-width: 0;
    width: auto;
}

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

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

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel {
    position: absolute;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel.dhx_cell_cont_no_borders {
    border-width: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
    border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-width: 1px 1px 0 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 1px;
    margin-top: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls {
    position: absolute;
    width: 100%;
    height: 34px;
    bottom: 0;
    left: 0;
    z-index: 3;
    overflow: visible;
    border-top: 1px solid #dfdfdf;
    background-color: #fafafa;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn {
    position: absolute;
    bottom: 0;
    width: 38px;
    height: 100%;
    overflow: hidden;
    line-height: 33px;
    background-color: #fafafa;
    border: 0 solid #dfdfdf;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev {
    background-image: url(imgs/dhxcarousel_material/dhxcarousel_arrow_left.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
    background-image: url(imgs/dhxcarousel_material/dhxcarousel_arrow_left_dis.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next {
    background-image: url(imgs/dhxcarousel_material/dhxcarousel_arrow_right.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    background-image: url(imgs/dhxcarousel_material/dhxcarousel_arrow_right_dis.png);
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:hover,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:hover {
    background-color: #ebebeb;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:active,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:active {
    background-color: #dcdcdc;
    border-color: #d2d2d2;
    box-shadow: 0 0 4px rgba(127, 127, 127, 0.2) inset;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
    left: 0;
    border-right-width: 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    right: 0;
    border-left-width: 1px;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    z-index: 1;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars {
    position: absolute;
    top: 10px;
    text-align: center;
    font-size: 1px;
    line-height: 36px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar {
    float: left;
    position: relative;
    margin: 0 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #797979;
    border-radius: 14px;
    background-color: white;
    font-size: 1px;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar div.dhx_carousel_barcore {
    display: none;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv {
    border-color: #39c;
}

.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv div.dhx_carousel_barcore {
    position: absolute;
    display: block;
    font-size: 1px;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    background-color: #39c;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dhxcarousel_base_material div.dhxcelltop_hdr {
    position: relative;
}

.dhxcarousel_base_material div.dhxcelltop_ftr {
    position: absolute;
}

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

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

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

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

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

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

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

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

.dhxcarousel_base_material div.dhxcelltop_ribbon {
    position: relative;
    overflow: hidden;
}

.dhxcarousel_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-bottom-width: 0;
    width: auto;
}

.dhxcarousel_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-bottom-width: 0;
}

.dhxcarousel_base_material div.dhxcelltop_statusbar {
    position: absolute;
    overflow: hidden;
    background-color: #fafafa;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #404040;
}

.dhxcarousel_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
    position: relative;
    background-color: #fafafa;
    font: inherit;
    height: 30px;
    line-height: 30px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 12px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
}

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

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material {
    background-color: #fafafa;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls {
    border-bottom: 1px solid #dfdfdf;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
    border-left-width: 1px;
}

div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
    border-right-width: 1px;
}

@keyframes dhx_loader_rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.dhxwins_vp_material {
    overflow: hidden;
    position: relative;
    cursor: default;
}

.dhxwins_vp_material div.dhxwin_active {
    position: absolute;
    overflow: hidden;
    box-shadow: 0 28px 80px -6px rgba(0, 0, 0, 0.4);
    background-color: #39c;
    cursor: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxwins_vp_material div.dhxwin_active div.dhxwin_fr_cover {
    display: none;
}

.dhxwins_vp_material div.dhxwin_active div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover {
    background-color: #3090c0;
}

.dhxwins_vp_material div.dhxwin_active.dhxwin_dnd_touch,
.dhxwins_vp_material div.dhxwin_active.dhxwin_dnd {
    box-shadow: 0 0 8px rgba(125, 125, 125, 0.4);
    box-shadow: 0 28px 80px -6px rgba(1, 1, 1, 0.4);
}

.dhxwins_vp_material div.dhxwin_active.dhxwin_dnd_touch {
    border-color: #6c94b4;
    box-shadow: 0 0 14px #a4b9cb;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.dhxwins_vp_material div.dhxwin_inactive {
    position: absolute;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(127, 127, 127, 0.4);
    background-color: #70b8db;
    cursor: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_brd {
    border-color: #70b8db;
    opacity: .8;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover {
    z-index: 4;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover.dhxwin_fr_cover_dnd,
.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_fr_cover.dhxwin_fr_cover_resize {
    display: block;
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr {
    color: #d9e7f3;
    background-color: #70b8db;
    opacity: .8;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_icon {
    opacity: .6;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_btns {
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
}

.dhxwins_vp_material div.dhxwin_brd {
    position: absolute;
    border-color: #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: white;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: default;
    visibility: visible;
    z-index: 1;
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

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

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

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_img,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    background-image: url("imgs/dhxwins_material/dhxwins_progress.gif");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

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

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

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

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def {
    position: relative;
    overflow: hidden;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 1px 1px 1px;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def {
    position: relative;
    overflow: hidden;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
    border-top-width: 0;
    margin-top: -1px;
    width: auto;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
    border-top-width: 0;
    width: auto;
}

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

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

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
    border-width: 0 0 1px 0;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def .dhtmlxMenu_material_Middle,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def .dhtmlxMenu_material_Middle {
    padding: 0 2px;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def .dhx_toolbar_material {
    border-width: 0 0 1px 0;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    border-width: 1px 0 0 0;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins.dhxwin_parked,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins.dhxwin_parked {
    visibility: hidden;
}

.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins,
.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
    position: absolute;
    background-color: white;
    overflow: hidden;
    z-index: 0;
}

.dhxwins_vp_material.dhxwins_vp_dnd {
    cursor: move!important;
}

.dhxwins_vp_material div.dhxwin_resize {
    position: absolute;
    background-color: #cfcfcf;
    opacity: .3;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);
}

.dhxwins_vp_material iframe.dhxwin_resize_fr_cover {
    position: absolute;
    background-color: white;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material div.dhxwins_mcover {
    position: absolute;
    background-color: #f3f3f3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .55;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=55);
}

.dhxwins_vp_material iframe.dhxwins_mcover {
    position: absolute;
    background-color: white;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

.dhxwins_vp_material.dhxwins_vp_fs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dhxwins_vp_auto {
    overflow: auto!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 .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dhtmlx-info div {
    padding: 16px 9px 16px 15px;
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.dhtmlx-info.hidden {
    box-shadow: none;
    border-top: none;
    border-bottom: none;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.dhtmlx-info.hidden div {
    height: 0;
    border-top: none;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
    overflow: hidden;
}

.dhtmlx-error {
    color: #fff;
    background-color: #e53935;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.49);
    border-radius: 0;
}

.dhtmlx-error div {
    padding: 16px 9px 16px 18px;
    background-color: #e53935;
}

.dhtmlx_modal_box {
    overflow: hidden;
    display: inline-block;
    min-width: 300px;
    width: 300px;
    text-align: center;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    box-shadow: 0 28px 80px -6px rgba(0, 0, 0, 0.4);
}

.dhtmlx_popup_title {
    padding: 16px 0;
    font-size: 17px;
    line-height: 16px;
    font-family: Roboto, Arial, Helvetica;
}

.dhtmlx-info,
.dhtmlx_popup_title,
.dhtmlx_popup_button {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer;
}

.dhtmlx_popup_text {
    font-size: 15px;
    font-family: Roboto, Arial, Helvetica;
    color: #444;
    min-height: 30px;
    padding: 20px 10px 5px 10px!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: .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;
}

div.dhxform_item_label_left.button_print div.dhxform_btn_txt {
    background-image: url(../icons/print.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_refresh div.dhxform_btn_txt {
    background-image: url(../icons/refresh.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_delete div.dhxform_btn_txt {
    background-image: url(../icons/delete.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_update div.dhxform_btn_txt {
    background-image: url(../icons/save.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_find div.dhxform_btn_txt {
    background-image: url(../icons/search.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_xls div.dhxform_btn_txt {
    background-image: url(../icons/excel.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_cancel div.dhxform_btn_txt {
    background-image: url(../icons/redo.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_saveas div.dhxform_btn_txt {
    background-image: url(../icons/saveas.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_load div.dhxform_btn_txt {
    background-image: url(../icons/load.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_submit div.dhxform_btn_txt {
    background-image: url(../icons/submit.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_next div.dhxform_btn_txt {
    background-image: url(../icons/next.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

div.dhxform_item_label_left.button_back div.dhxform_btn_txt {
    background-image: url(../icons/back.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 22px;
    margin: 0px 15px 0px 12px;
}

.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;
}