/*
Product Name: dhtmlxSuite 
Version: 5.0 
Edition: Standard 
License: content of this file is covered by GPL. Usage outside GPL terms is prohibited. To obtain Commercial or Enterprise license contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dhtmlxcalendar_material div.dhtmlxcalendar_selector_cover {
        position: absolute;
        left: 1px;
        background-color: white;
        opacity: .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_top_image {
        position: absolute;
        left: 0;
        top: 0;
        width: 29px;
        height: 29px;
        overflow: hidden;
        cursor: default;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

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

    .dhtmlxcp_material * {
        line-height: normal;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dhxcp_colorBox {
    float: right;
}

.dhxcp_colorInput {
    float: left;
}

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlxslider_material {
    z-index: 0;
}

    .dhtmlxslider_material .dhxsl_hidden {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

div.dhx_popup_material {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlxMenu_material_Middle {
    position: relative;
    height: 28px;
    line-height: 28px;
    background-color: #f5f5f5;
    overflow: hidden;
    border: none;
    font-size: 14px;
    font-family: Roboto,Arial,Helvetica;
    color: #404040;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

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

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

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

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

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

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

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

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

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

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

div.dhtmlxMenu_material_SubLevelArea_Polygon {
    position: absolute;
    padding: 5px 0;
    background-color: #fafafa;
    overflow: hidden;
    cursor: default;
    line-height: normal;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

.dhtmlxribbon_material {
    overflow: hidden;
    width: 100%;
}

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

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

    .dhtmlxribbon_material .dhxrb_with_tabbar {
        height: 171px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dhtmlxribbon_material .dhxrb_buttoncombo {
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dhtmlxribbon_material .dhxrb_item_hide {
        display: none !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

.dhx_toolbar_material {
    background-color: #fafafa;
    position: relative;
    padding: 0 5px;
    cursor: default;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    font-family: Roboto,Arial,Helvetica;
    color: #404040;
}

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

    .dhx_toolbar_material div.dhxtoolbar_float_left {
        float: left;
    }

    .dhx_toolbar_material div.dhxtoolbar_float_right {
        float: right;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
            position: relative;
            width: 7px;
            background-image: url("imgs/dhxtoolbar_material/dhxtoolbar_arrow.gif");
            background-position: center center;
            background-repeat: no-repeat;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.dhx_toolbar_poly_material {
    position: absolute;
    padding: 5px 0;
    background-color: #fafafa;
    overflow: hidden;
    cursor: default;
    line-height: normal;
    overflow-y: auto;
    border: 1px solid #dfdfdf;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

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

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

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

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

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

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

    div.dhx_toolbar_poly_material .tr_btn_over td, div.dhx_toolbar_poly_material .tr_btn_selected td {
        background-color: #ebebeb;
    }

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

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

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

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

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

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

.dhxtoolbar_maxopen_test2 {
    height: 200px;
}

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

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

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

.dhxeditor_material {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

            .dhxeditor_material div.dhx_cell_editor div.dhx_cell_toolbar_def div.dhx_toolbar_material {
                box-shadow:;
            }

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

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

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

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

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

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

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

.dhx_axis_title_x {
    text-align: center;
}

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

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

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

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

    .dhx_chart_legend_item.hidden {
        color: #aaa;
    }

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

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

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

.dhx_axis_item_x {
    padding-top: 2px;
}

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

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

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

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

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

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

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

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

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

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

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

.dhx_dataview_default_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_dataview_item .dhx_light {
    color: #919191;
}

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

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

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

.dhx_list_default_item, .dhx_list_default_item_selected {
    cursor: pointer;
}

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

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

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

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

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

.dhx_list_default_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_list_item .dhx_light {
    color: #919191;
}

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

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

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

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

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

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

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

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

.dragAndDropRow {
    color: #39c;
}

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

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

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

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

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

    .dragSpanDiv td {
        padding: 5px;
    }

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

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

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

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

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

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

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

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

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

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

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

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

            .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_kids_cont {
                position: relative;
                -webkit-transition: opacity .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;
}

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: 0px solid white;
}

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

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

    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:0px solid white;
    }

        div.gridbox_material.gridbox table.obj.row20px tr td:last-child {
            border-right: 0px 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:;
    }

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

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

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

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

.dhx_header_cmenu_item {
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid_collapse_icon {
    margin-top: 1px;
}

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

@keyframes dhx_loader_dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}

.dhxform_obj_material {
    float: left;
    line-height: normal;
    font-size: 14px;
    font-family: Roboto,Arial,Helvetica;
    color: #404040;
}

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

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

    .dhxform_obj_material.dhxform_block {
        clear: both;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dhxform_obj_material div.dhxform_item_label_top {
        clear: both;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dhxform_obj_material div.dhxform_control div.dhxform_note {
    font: inherit;
    color: #5a5a5a;
    font-size: .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-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;
    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;
                        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:;
        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;
    }

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