@charset "UTF-8";
/*!
*  filename: ej.theme.min.css
*  version : 16.4.0.40-beta
*  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
*  Use of this code is subject to the terms of our license.
*  A copy of the current license can be obtained at any time by e-mailing
*  licensing@syncfusion.com. Any infringement will be prosecuted under
*  applicable laws.
*/
.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-grid.e-rtl .e-indentcell {
    border-left-color: #c8c8c8
}

.e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-grouptopleftcell {
    border-right-color: #c8c8c8;
    border-bottom-color: #c8c8c8
}

.e-grid.e-rtl .e-movablecontent, .e-grid.e-rtl .e-movableheader {
    border-right-color: #179bd7
}

.e-grid {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    border-color: #c8c8c8;
    color: #333;
    border-top: none
}

    .e-grid .e-pager {
        background-color: #ececec
    }

    .e-grid .e-icon {
        color: #686969
    }

.e-groupheadercell .e-icon {
    color: #232323
}

.e-grid .e-gridheader .e-icon {
    color: #232323
}

.e-grid .e-dialog > .e-dialog-scroller, .e-grid .e-excelfilter.e-dlgcontainer {
    border: 1px solid #c8c8c8 \9
}

.e-grid .e-icon.e-animatebutton {
    color: #fff;
    cursor: pointer
}

.e-grid .e-grouptopleftcell {
    border-right: 1px solid #c8c8c8
}

.e-grid td.e-indentcell + .e-rowcell {
    border-left: none
}

.e-grid th.e-lastgrouptopleftcell + .e-headercell, .e-grid th.e-grouptopleftcell + .e-stackedHeaderCell {
    border-left: none
}

.e-grid th.e-filterbarcell.e-grouptopleftcell + th.e-filterbarcell {
    border-left: none
}

.e-columnChooser {
    border: 1px solid #c8c8c8;
    font-size: 12px;
    color: #333
}

.e-columnChoosertail {
    border-bottom-color: #c8c8c8
}

.e-columnChoosertailAlt {
    border-bottom-color: #fcfcfc
}

.e-columnChooserListDiv:hover {
    background-color: #f7f7f7
}

.e-columnChooser .e-vhandlespace {
    background-color: #fff !important
}

.e-columnChooser .e-hhandlespace {
    background-color: #fff !important
}

.e-columnChooserSplitter {
    border-top: 1px solid #c8c8c8
}

.e-grid .e-number {
    background-color: #bbbdc0;
    color: #fff
}

.e-grid .e-tableLastCell {
    border-right-color: #c8c8c8 !important
}

.e-stackedHeaderRow th {
    border-bottom: 1px solid #c8c8c8 !important
}

.e-resFilterDialogHeaderDiv {
    border-bottom: 1px solid #c8c8c8 !important
}

.e-resposnsiveFilterBtnLeft {
    border-right: 1px solid #c8c8c8 !important
}

.e-resIcon {
    color: #179bd7 !important
}

.e-grid .e-toolbar .e-hover .e-icon, .e-grid .e-headercell.e-hover .e-icon {
    color: #282827
}

.e-grid .e-dlgBtns .e-button {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-weight: normal;
    font-size: 14px
}

.e-grid .e-gridpopup .e-content {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-grid .e-gridpopup span:hover, .e-grid .e-gridpopup .e-spanclicked {
    border-color: #686969
}

.e-grid .e-gridpopup .e-downtail:before, .e-grid .e-gridpopup .e-downtail {
    border-top-color: #c8c8c8
}

    .e-grid .e-gridpopup .e-downtail:after {
        border-top-color: #fff
    }

.e-grid .e-gridcontent, .e-grid .e-form-container {
    background-color: #fff
}

.e-grid.e-columnChooser .e-hscroll, .e-grid.e-columnChooser .e-vscroll {
    background-color: transparent
}

.e-grid .e-groupdroparea {
    border-top-color: #c8c8c8;
    color: #fff
}

.e-grid .e-groupdroparea {
    background: #179bd7
}

.e-grid .e-cloneproperties {
    border-color: #c8c8c8
}

.e-grid .e-cloneproperties {
    color: #282827
}

.e-grid .e-cloneproperties {
    background: #86cbea
}

.e-grid .e-groupcaption, .e-grid .e-groupcaptionsummary {
    color: #333;
    background-color: #f6f6f6;
    border-color: #c8c8c8;
    border-top-color: #c8c8c8
}

.e-grid .e-gridfooter tr.e-gridSummaryRows td.e-scrollindent {
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #c8c8c8
}

.e-grid .e-gridfooter tr:first-child.e-gridSummaryRows td:first-child.e-indentcell, .e-grid .e-gridfooter tr:first-child.e-gridSummaryRows td.e-summaryrow, .e-grid .e-gridfooter tr:first-child.e-gridSummaryRows td.e-scrollindent, .e-grid .e-gridfooter tr:first-child.e-gridSummaryRows td.e-indentcell {
    border: none
}

.e-grid .e-gridsummary .e-indentcell {
    background-color: #f6f6f6;
    border-top-color: #c8c8c8
}

.e-grid .e-headercell-hover, .e-grid .e-groupheadercell:hover {
    color: #282827
}

.e-grid .e-groupheadercell {
    color: #282827;
    border-color: #c8c8c8;
    border-radius: 0;
    background-color: #ececec
}

.e-grid .e-alt_row {
    background: #f7f7f7
}

.e-grid .e-inlineform-titlebar {
    border-color: #c8c8c8;
    background-color: #f7f7f7
}

.e-grid .e-indentcell, .e-grid .e-recordpluscollapse, .e-grid .e-recordplusexpand {
    border-color: #c8c8c8;
    border-top-color: #c8c8c8;
    background-color: #f6f6f6
}

.e-grid .e-detailcell, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand, .e-grid tr.e-editedrow td.e-rowcell {
    border-top-color: #c8c8c8
}

    .e-grid .e-detailrowcollapse.e-lastrowcell {
        border-bottom-color: #c8c8c8
    }

.e-grid .e-detailindentcell {
    border-right-color: #c8c8c8
}

.e-grid .e-rowcell.e-updatedtd {
    color: #333
}

    .e-grid .e-rowcell.e-updatedtd.e-active {
        color: #fff
    }

.e-activefocusout.e-grid .e-numericitem.e-active, .e-activefocusout.e-grid .e-groupdroparea, .e-activefocusout.e-grid td.e-active, .e-activefocusout.e-grid td.e-cellselectionbackground {
    background: #767778
}

.e-grid td.e-active, .e-grid .e-form-titlebar {
    color: #fff
}

.e-grid td.e-active, .e-grid .e-form-titlebar {
    background: #179bd7
}

.e-grid td.e-cellselectionbackground {
    color: #fff
}

.e-grid td.e-cellselectionbackground {
    background: #1484b7
}

.e-grid .e-inlineform-titlebar {
    font-size: 14px;
    color: #282827
}

.e-grid .e-recordpluscollapse > div, .e-grid .e-detailrowcollapse > div {
    background-color: transparent;
    cursor: pointer
}

.e-grid .e-headercell, .e-grid .e-grouptopleftcell {
    border-top-color: #c8c8c8;
    border-left-color: #c8c8c8;
    border-bottom-color: #179bd7
}

.e-grid .e-headercell, .e-grid .e-grouptopleftcell {
    background: #fcfcfc
}

.e-grid .e-columnselection {
    background-color: #ececec;
    color: #179bd7
}

.e-grid .e-grid-icon {
    background: #fcfcfc
}

.e-grid .e-gridheader {
    color: #282827;
    border-bottom-color: #c8c8c8;
    border-top-color: #c8c8c8
}

.e-grid .e-headercontent, .e-grid .e-movableheader {
    border-right-color: #c8c8c8
}

.e-grid.e-rtl .e-headercontent {
    border-left-color: #c8c8c8
}

.e-grid .e-editcell, .e-grid .e-form-container, .e-grid .e-externalformedit, .e-grid .e-tabletd, .e-grid .e-rowcell {
    border-color: #c8c8c8
}

.e-grid .e-form-togglebtn:hover {
    background: #86cbea
}

.e-grid .e-form-toggle-icon {
    color: #fff
}

.e-grid .e-filterbarcell, .e-grid .e-filterbarcelldisabled {
    border-color: #c8c8c8;
    background-color: #fcfcfc;
    background-image: none
}

.e-grid .e-grid-filterstatusbar, .e-grid .e-grid-filterstatusbarbottom {
    border-color: #c8c8c8
}

.e-grid .e-grid-filterstatusbar, .e-grid .e-grid-filterstatusbarbottom {
    background: #179bd7
}

    .e-grid .e-grid-filterstatusbar .e-msgdiv, .e-grid .e-grid-filterstatusbarbottom .e-msgdiv {
        color: #fff
    }

.e-grid .e-groupdroparea.e-hover {
    background: #86cbea
}

.e-grid tr.e-hover {
    color: #282827
}

.e-grid tr.e-hover {
    background: #86cbea
}

.e-grid tr.e-traverse {
    color: #282827
}

.e-grid tr.e-traverse {
    background: #86cbea
}

.e-grid .e-scrollcss {
    background: #fcfcfc
}

.e-grid .e-headercell-hover, .e-grid .e-filtercell:hover, .e-grid .e-groupheadercell:hover {
    background: #86cbea
}

.e-grid .e-reorderindicate {
    border-right-color: #179bd7
}

.e-grid.e-rtl .e-reorderindicate {
    border-left-color: #179bd7
}

.e-grid div.e-field-validation-error {
    white-space: normal
}

.e-grid div.e-field-validation-error {
    background-color: #fffe91;
    color: #cd0a0a;
    word-wrap: break-word
}

.e-grid form.gridform.field-validation-empty {
    border: 1px solid #cd0a0a
}

.e-grid div.e-error .e-toparrow {
    border-bottom-color: #fffe92
}

.e-grid .e-ejinputtext {
    border: 1px solid #c8c8c8;
    outline: none;
    background-color: #fff;
    color: #333;
    vertical-align: baseline
}

.e-ejinputtext:focus {
    box-shadow: 0 0 5px #cbcbcb
}

.e-grid .e-summaryrow {
    background-color: #f6f6f6;
    border-color: #c8c8c8;
    border-left-color: #c8c8c8 !important
}

.e-gridfooter {
    width: 100%;
    background-color: #f6f6f6;
    border-top: 1px solid #c8c8c8
}

.e-grid .e-detailcell tr:first-child td.e-summaryrow {
    border-top: 1px solid #c8c8c8
}

.e-grid .e-gridSummaryRows {
    color: #333
}

.e-grid .e-reSizeColbg {
    border-left-color: #c8c8c8
}

.e-grid .e-headercell-hover .e-ascending, .e-grid .e-groupheadercell:hover .e-ascending, .e-grid .e-headercell-hover .e-filtericon, .e-grid .e-headercell-hover .e-descending, .e-grid .e-headercell-hover .e-togglegroupbutton, .e-grid .e-groupheadercell:hover .e-descending, .e-grid .e-groupheadercell:hover .e-togglegroupbutton, .e-grid .e-groupheadercell:hover .e-ungroupbutton {
    background-color: transparent
}

.e-grid .e-headercell-hover .e-ascending, .e-grid .e-groupheadercell:hover .e-ascending, .e-grid .e-headercell-hover .e-filtericon, .e-grid .e-headercell-hover .e-descending, .e-grid .e-headercell-hover .e-togglegroupbutton, .e-grid .e-groupheadercell:hover .e-descending, .e-grid .e-groupheadercell:hover .e-togglegroupbutton, .e-grid .e-groupheadercell:hover .e-ungroupbutton {
    color: #282827
}

.e-grid .e-headercellactive, .e-grid .e-headercellactive span, .e-grid .e-headercellactive div {
    color: #fff
}

.e-grid .e-headercellactive {
    background: #179bd7
}

.e-grid .e-movablecontent, .e-grid .e-movableheader {
    border-left-color: #179bd7
}

.e-grid .e-frozeny {
    border-bottom-color: #179bd7 !important
}

.e-grid .e-dialog .e-header .e-icon {
    color: #282827
}

.e-grid.e-responsive .e-rowcell {
    border-bottom-color: rgba(196,196,196,.5)
}

.e-grid.e-responsive .e-table > tbody > tr > td:last-child {
    border-bottom-color: #c8c8c8
}

.e-grid form .e-select:hover .e-icon {
    color: #282827
}

.e-grid.e-touch .e-gridheader .e-headercell, .e-grid.e-touch .e-rowcell {
    -moz-user-select: text;
    -khtml-user-select: none;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.e-grid .e-gridcontent tr.e-editedrow:not(.e-alt_row) {
    background-color: #fff
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-heatmap.e-grid {
    display: block
}

.e-heatmaplegend {
    display: block
}

.e-heatmap.e-grid .e-alt_row, .e-heatmap.e-grid td.e-cellselectionbackground, .e-heatmap.e-grid .e-headercell, .e-heatmap.e-grid .e-grouptopleftcell {
    background: #fff
}

.e-heatmap.e-js.e-grid {
    font-size: 12px
}

    .e-heatmap.e-js.e-grid .e-headercelldiv {
        font-weight: 600;
        font-size: 12px
    }

    .e-heatmap.e-js.e-grid.e-responsive .e-rowcell {
        font-size: 12px
    }

    .e-heatmap.e-js.e-grid .e-headercell {
        height: 30px
    }

    .e-heatmap.e-js.e-grid.e-responsive .e-row td:first-child, .e-heatmap.e-js.e-grid.e-responsive .e-alt_row td:first-child {
        font-weight: 600;
        font-size: 12px
    }

    .e-heatmap.e-js.e-grid .e-gridheader {
        border-bottom-width: 1px
    }

    .e-heatmap.e-js.e-grid, .e-heatmap.e-js.e-grid.e-responsive .e-row td:first-child, .e-heatmap.e-js.e-grid.e-responsive .e-alt_row td:first-child, .e-heatmap.e-js.e-grid.e-responsive .e-rowcell, .e-heatmap.e-js.e-grid .e-alt_row, .e-heatmap.e-js.e-grid td.e-cellselectionbackground, .e-heatmap.e-js.e-grid .e-headercell, .e-heatmap.e-js.e-grid .e-grouptopleftcell, .e-heatmap.e-js.e-grid.e-headercell.e-default.e-headertemplate, .e-heatmap.e-js.e-grid .e-gridheader, .e-heatmap.e-js.e-grid .e-movablecontent, .e-heatmap.e-js.e-grid .e-movableheader {
        border-color: #c8c8c8
    }

        .e-heatmap.e-js.e-grid.e-responsive .e-rowcell {
            border-bottom: none
        }

        .e-heatmaplegend.e-js .sf-ht-label, .e-heatmap.e-js.e-grid .e-rowcell.sf-ht-heatmapcell, .e-heatmap.e-js.e-grid .e-headercelldiv {
            color: #000
        }

        .e-heatmap.e-js.e-grid .e-alt_row, .e-heatmap.e-js.e-grid .e-row, .e-heatmap.e-js.e-grid .e-headercell.e-default.e-headertemplate, .e-heatmap.e-js.e-grid .e-cellselectionbackground .e-activecell, .e-heatmap.e-grid td.e-cellselectionbackground {
            background-color: #fff
        }

        .e-heatmaplegend.e-js .sf-ht-label, .e-heatmap.e-js.e-grid .e-rowcell.sf-ht-heatmapcell, .e-heatmap.e-js.e-grid .e-headercelldiv {
            color: #000
        }

        .e-heatmap.e-js.e-grid .e-alt_row, .e-heatmap.e-js.e-grid .e-row, .e-heatmap.e-js.e-grid .e-headercell.e-default.e-headertemplate, .e-heatmap.e-js.e-grid .e-cellselectionbackground .e-activecell, .e-heatmap.e-grid td.e-cellselectionbackground {
            background-color: #fff
        }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-excelfilter.e-dlgcontainer {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-weight: normal;
    font-size: 13px;
    color: #333;
    z-index: 10001
}

.e-excelfilter .e-searchcontainer, .e-excelfilter.e-dlgcontainer {
    background: none #fff
}

.e-excelfilter .e-menu, .e-excelfilter .e-menu.e-vertical, .e-excelfilter .e-menu.e-vertical .e-list > ul {
    background: #fff
}

.e-excelfilter .e-checkboxlist {
    background: #f7f7f7;
    border: #f7f7f7
}

.e-excelfilter.e-dlgcontainer, .e-excelfilter.e-dlgcustom .e-fieldset, .e-excelfilter .e-menu.e-vertical .e-list > ul {
    border-width: 1px;
    border-style: solid;
    border-color: #fafafa
}

.e-excelfilter .e-checkboxlist label.e-ftrchk, .e-excelfilter.e-dlgcustom label.e-caption, .e-excelfilter .e-searchbox .e-searchitem {
    font-weight: normal
}

.e-sortasc, .e-sortdesc {
    font-size: 18px
}

.e-excelfilter.e-dlgcustom .e-fieldset legend {
    font-size: 14px;
    color: #333;
    border: none
}

.e-excelfilter .e-select:hover .e-icon {
    color: #282827
}

.e-excelfilter.e-dlgcustom .e-input {
    line-height: 1.7em
}

.e-excelfilter {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .e-excelfilter .e-menu .e-list.e-fghdrcolor, .e-excelfilter .e-menu .e-list.e-bghdrcolor, e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mhover.e-mfocused, .e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mhover.e-mfocused, .e-excelfilter .e-menu.e-vertical .e-list.e-fghdrcolor:hover, .e-excelfilter .e-menu.e-vertical .e-list.e-bghdrcolor:hover {
        background: #fff
    }

.e-bghdrcolor > a, .e-fghdrcolor > a {
    color: #282827
}

.e-excelfilter .e-menu .e-list.e-valcolor {
    border-color: #fcfcfc
}

    .e-excelfilter .e-menu .e-list.e-valcolor.e-mhover.e-mfocused {
        border-color: #179bd7;
        background: transparent
    }

.e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mhover > a, .e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mfocused > a, .e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mhover > a, .e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mfocused > a {
    background: transparent;
    color: #282827
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-schedule, .e-schedule.e-scheduleouter {
    color: #333;
    background-color: #fff
}

    .e-schedule .e-mobileNavigation {
        color: #686969
    }

.e-scheduledrawer .e-mAddEvent, .e-scheduledrawer .e-mday, .e-scheduledrawer .e-mweek, .e-scheduledrawer .e-mworkweek, .e-scheduledrawer .e-mmonth, .e-scheduledrawer .e-mcustomview, .e-scheduledrawer .e-magenda {
    color: #686969
}

.e-scheduledrawer .e-lv .e-list.e-state-default:hover > .e-list-img {
    color: #282827
}

.e-scheduledrawer .e-list.e-state-active .e-list-img {
    color: #fff
}

.e-schedule .icon-AddGrad:before {
    color: #2382c3
}

.e-schedule .e-datecommondiv {
    color: #333
}

.e-schedule .e-commonviewbutton {
    color: #333;
    border: 1px solid #c8c8c8;
    border-right: none
}

.e-schedule .e-commonviewbutton {
    background: #ececec
}

.e-schedule .e-nextapp:hover, .e-schedule .e-prevapp:hover {
    border-color: #c8c8c8;
    color: #282827
}

.e-schedule .e-nextapp:hover, .e-schedule .e-prevapp:hover {
    background: #86cbea
}

.e-scheduledialog .e-scheduleclose:hover {
    border-color: #c8c8c8;
    color: #282827
}

.e-scheduledialog .e-scheduleclose:hover {
    background: #86cbea
}

.e-schedule .e-commonviewbutton:hover {
    color: #282827
}

.e-schedule .e-commonviewbutton:hover {
    background: #86cbea
}

.e-schedule .e-appup, .e-schedule .e-appdown {
    color: #333
}

    .e-schedule .e-appup:hover, .e-schedule .e-appdown:hover {
        color: #86cbea
    }

.e-schedule .e-singleview {
    border-right: 1px solid #c8c8c8
}

.e-schedule.e-rtl .e-firstview, .e-schedule .e-lastview {
    border: 1px solid #c8c8c8
}

.e-schedule .e-dateheader {
    border-bottom: 3px solid #179bd7
}

.e-schedule .e-horizontalemptytd {
    border: none !important;
    border-right: 1px solid #c8c8c8 !important;
    border-top: 1px solid #c8c8c8 !important
}

.e-schedule.e-rtl .e-horizontalemptytd {
    border: none !important;
    border-left: 1px solid #c8c8c8 !important;
    border-top: 1px solid #c8c8c8 !important
}

.e-categorizeMenuSelected {
    background: none repeat scroll 0 0 #f0f8ff;
    border: 1px solid #0094ff !important
}

.e-schedule .e-dateheader, .e-schedule .e-leftindent {
    border-bottom: 1px solid #c8c8c8
}

.e-scheduledialog .e-quickstartendtime {
    border-bottom: 1px solid #c8c8c8
}

.e-schedule .e-horizontalheader {
    border-bottom: 3px solid #179bd7 !important;
    background: #fcfcfc;
    color: #282827
}

.e-schedule .e-horizontalheadertddate {
    border-left: none !important;
    border-bottom: none !important;
    border-right: none !important
}

.e-schedule .e-horizontaltimetd {
    border-bottom: 3px solid #179bd7 !important;
    border-top: 1px solid #c8c8c8 !important;
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-horizontalalternatetd {
    border-bottom: 3px solid #179bd7 !important;
    border-left: 1px solid transparent;
    border-top: 1px solid #c8c8c8 !important
}

.e-schedule .e-horizontmonthheaderdatetd {
    border-bottom: 1px solid #c8c8c8 !important;
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-horizontmonthheaderdaytd {
    border-bottom: 3px solid #179bd7 !important;
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-alternateworkcell {
    border-left: 1px dotted #c8c8c8 !important
}

.e-schedule .e-dayend {
    border-left: 2px solid #c8c8c8 !important
}

.e-schedule .e-parentnode, .e-schedule .e-parentworkcell {
    border-bottom: 1px solid #c8c8c8 !important
}

.e-schedule .e-parentnode {
    border-bottom: 1px solid #c8c8c8 !important
}

.e-schedule .e-parentnode {
    background: #ececec
}

.e-schedule .e-childnode, .e-schedule .e-childworkcell {
    border-bottom: 1px dotted #c8c8c8 !important
}

.e-schedule .e-workcells, .e-schedule .e-monthcells {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    background: #f7f7f7
}

.e-schedule .e-othermonths {
    border-left: 1px solid transparent
}

.e-schedule .e-agendacells {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-agendahover, .e-schedule .e-schedulerepeat, .e-schedule .e-schedulerepeatedit, .e-schedule .e-scheduleallday {
    color: #179bd7
}

.e-schedule .e-alternatecells, .e-schedule .e-ampmstyle {
    border-bottom: 1px dotted #cdcdcd
}

.e-schedule .e-appointresizer-top, .e-schedule .e-appointresizer-bottom, .e-schedule .e-appointresizer-left, .e-schedule .e-appointresizer-right {
    color: #fff
}

.e-schedule .e-monthcellhighlight {
    background: #fff
}

.e-schedule .e-businesshighlightworkcells {
    background: #fff
}

.e-schedule .e-scheduleheader {
    background: #ececec
}

.e-schedule .e-nextapp, .e-schedule .e-prevapp {
    border: 1px solid #c8c8c8;
    border-bottom: transparent;
    color: #333
}

.e-schedule .e-nextapp, .e-schedule .e-prevapp {
    background: #ececec
}

.e-schedule .e-nextprevappdisable {
    opacity: .4
}

.e-schedule .e-navigatenext, .e-schedule .e-navigateprevious {
    color: #686969
}

.e-schedule .e-scheduleheader > td {
    border: 1px solid #c8c8c8;
    border-bottom: none
}

.e-schedule .e-headerarearow > td {
    border: 1px solid #c8c8c8;
    border-bottom: none
}

.e-schedule .e-contentarearow > td {
    border: 1px solid #c8c8c8;
    border-top: none
}

.e-schedule.e-scheduleresponsive.e-resources {
    border-right: 1px solid #c8c8c8
}

.e-schedule.e-rtl.e-scheduleresponsive.e-resources {
    border-right: none;
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-headerbackcolor, .e-schedule .e-timecells {
    border-bottom: 1px solid #c8c8c8
}

.e-schedule .e-currentdayhighlight {
    color: #282827 !important;
    background: rgba(23,155,215,.3) !important
}

    .e-schedule .e-currentdayhighlight .e-activeview {
        background: none !important;
        color: #282827 !important
    }

.e-schedule .e-mousehover {
    background-color: #86cbea !important;
    color: #282827
}

    .e-schedule .e-mousehover .e-agendahover, .e-schedule .e-mousehover .e-schedulerepeat, .e-schedule .e-mousehover .e-schedulerepeatedit, .e-schedule .e-mousehover .e-scheduleallday {
        color: #282827
    }

.e-schedule .e-highlightcurrenttimeline {
    background-color: #158ac0
}

.e-schedule .e-currenttime {
    background-color: #158ac0;
    color: #fff
}

.e-schedule .e-timeidicatorcircle {
    color: #158ac0
}

.e-scheduledialog .e-recuredit {
    color: #179bd7
}

.e-schedule .e-alldaycells {
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8
}

.e-schedule .e-headerresourcecells {
    border-bottom: 1px solid #c8c8c8
}

.e-schedule .e-resourcecells, .e-schedule .e-monthnamecells {
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #fcfcfc;
    color: #282827
}

.e-schedule .e-headercells {
    border-left: 1px solid #c8c8c8;
    border-bottom: 3px solid #179bd7;
    background: #fcfcfc;
    color: #282827
}

.e-schedule .e-monthdateshighlight {
    color: #d2d1d1 !important
}

.e-schedule .e-monthcurrenttime {
    background: #158ac0;
    color: #fff
}

.e-schedule.e-rtl .e-agendacells, .e-schedule.e-rtl .e-workcells, .e-schedule.e-rtl .e-alldaycells, .e-schedule.e-rtl .e-monthcells {
    border-left: none !important;
    border-right: 1px solid #c8c8c8
}

.e-schedule.e-rtl .e-resourcecells, .e-schedule.e-rtl .e-headercells, .e-schedule.e-rtl .e-horizontmonthheaderdatetd, .e-schedule.e-rtl .e-horizontmonthheaderdaytd, .e-schedule.e-rtl .e-monthnamecells {
    border-left: none !important;
    border-right: 1px solid #c8c8c8
}

.e-schedule.e-rtl .e-othermonths {
    border-left: none !important;
    border-right: 1px solid transparent
}

.e-schedule.e-rtl .e-dayend {
    border-left: none !important;
    border-right: 2px solid #c8c8c8 !important
}

.e-schedule.e-rtl .e-horizontaltimetd {
    border-left: none !important;
    border-right: 1px solid #c8c8c8
}

.e-schedule.e-rtl .e-alternateworkcell {
    border-left: none !important;
    border-right: 1px dotted #c8c8c8 !important
}

.e-schedule.e-rtl .e-horizontalalternatetd {
    border-left: none !important;
    border-right: 1px solid transparent !important
}

.e-schedule .e-activeview {
    background: #179bd7;
    background: -moz-linear-gradient(top,0%,#179bd7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#179bd7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#179bd7 0%,#179bd7 100%);
    background: -o-linear-gradient(top,#179bd7 0%,#179bd7 100%);
    background: -ms-linear-gradient(top,#179bd7 0%,#179bd7 100%);
    background: linear-gradient(to bottom,#179bd7 0%,#179bd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#179bd7',endColorstr='#179bd7',GradientType=0);
    color: #fff
}

.e-schedule .e-monthleftcells, .e-schedule .e-settingsindent {
    border-bottom: 3px solid #179bd7;
    background: #fcfcfc;
    color: #282827
}

.e-schedule .e-resourceleftindentcells, .e-schedule .e-monthnameleftindentcell {
    border-bottom: 1px solid transparent;
    background: #fcfcfc;
    color: #282827
}

.e-schedule .e-horizontaldaterender {
    background: #fcfcfc;
    color: #282827
}

.e-draggableAppointment, .e-schedule .e-monthappointment, .e-schedule .e-alldayappointment, .e-schedule .e-appointment, .e-schedule .e-inline {
    background: #179bd7;
    background: -moz-linear-gradient(top,0%,#179bd7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#179bd7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#179bd7 0%,#179bd7 100%);
    background: -o-linear-gradient(top,#179bd7 0%,#179bd7 100%);
    background: -ms-linear-gradient(top,#179bd7 0%,#179bd7 100%);
    background: linear-gradient(to bottom,#179bd7 0%,#179bd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#179bd7',endColorstr='#179bd7',GradientType=0);
    color: #fff;
    border: 1px solid #37b2ea
}

.e-schedule .e-categorycolor, .e-schedule .e-agendacolordiv {
    background: #179bd7;
    background: -moz-linear-gradient(top,0%,#179bd7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#179bd7),color-stop(100%,#179bd7));
    background: -webkit-linear-gradient(top,#179bd7 0%,#179bd7 100%);
    background: -o-linear-gradient(top,#179bd7 0%,#179bd7 100%);
    background: -ms-linear-gradient(top,#179bd7 0%,#179bd7 100%);
    background: linear-gradient(to bottom,#179bd7 0%,#179bd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#179bd7',endColorstr='#179bd7',GradientType=0)
}

.e-schedule .e-selectedAppointment {
    border: 1px solid #000
}

.e-schedule .e-selectedCell, .e-schedule .e-agendaappointment.e-selectedAppointment {
    background-color: #86cbea !important
}

.e-schedule .e-borderleft {
    border-left: 1px solid #c8c8c8
}

.e-schedule .e-borderright {
    border-right: 1px solid #c8c8c8 !important
}

.e-scheduledialog .e-buttonactive:not(.e-disable) {
    background: #179bd7 !important;
    color: #fff !important
}

    .e-scheduledialog .e-buttonactive:not(.e-disable):hover {
        background: #86cbea !important;
        color: #282827 !important
    }

.e-scheduledialog .e-detailedapp, .e-scheduledialog .e-editevents {
    color: #179bd7
}

.e-scheduledialog .e-dialogheader {
    font-weight: bold !important
}

.e-scheduledialog .e-outerarrowline {
    border-color: #c8c8c8 transparent;
    border-image: none;
    border-style: solid;
    border-width: 9px 9px 0;
    left: 0;
    position: absolute;
    top: 0
}

.e-scheduledialog .e-innerarrow {
    border-color: #fff transparent;
    border-image: none;
    border-style: solid;
    border-width: 8px 8px 0;
    left: 1px;
    position: absolute;
    top: 0
}

.e-draggableAppointment {
    box-shadow: 5px 5px 5px #383838
}

.e-schedule .e-blocktimeappointment {
    background-color: #b9b9b9;
    color: #333;
    opacity: .4
}

.e-scheduledialog div.e-field-validation-error {
    background-color: #fffe91;
    color: #cd0a0a;
    white-space: normal
}

.e-schedule .e-appsoverflow {
    color: #686969
}

    .e-schedule .e-appsoverflow:hover {
        color: #282827
    }

.e-scheduledialog div.e-error .e-toparrow {
    border-bottom-color: #fffe92
}

@media print {
    .e-schedule .e-monthappointment, .e-schedule .e-alldayappointment, .e-schedule .e-appointment, .e-schedule .e-activeview, .e-schedule .e-currenttime, .e-schedule .e-highlightcurrenttimeline, .e-schedule .e-agendacolordiv, .e-schedule .e-selectedCell {
        background: #179bd7 !important;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#179bd7),color-stop(100%,#179bd7)) !important;
        background: -webkit-linear-gradient(top,#179bd7 0%,#179bd7 100%) !important;
        background: -o-linear-gradient(top,#179bd7 0%,#179bd7 100%) !important;
        background: -ms-linear-gradient(top,#179bd7 0%,#179bd7 100%) !important;
        background: linear-gradient(to bottom,#179bd7 0%,#179bd7 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#179bd7',endColorstr='#179bd7',GradientType=0) !important;
        color: #fff !important
    }

    .e-schedule .e-monthappointment, .e-schedule .e-alldayappointment, .e-schedule .e-appointment, .e-schedule .e-activeview, .e-schedule .e-currenttime, .e-schedule .e-highlightcurrenttimeline, .e-schedule .e-agendacolordiv, .e-schedule .e-selectedCell {
        background: -moz-linear-gradient(top,0%,#179bd7 100%) !important
    }

    .e-schedule .e-scheduleheader {
        background: #ececec !important
    }

    .e-schedule .e-workcells, .e-schedule .e-monthcells {
        border-bottom: 1px solid #c8c8c8 !important;
        border-left: 1px solid #c8c8c8 !important;
        background: #f7f7f7 !important
    }

    .e-schedule .e-monthcellhighlight {
        background: #fff !important
    }

    .e-schedule .e-businesshighlightworkcells {
        background: #fff !important
    }

    .e-schedule .e-nextapp, .e-schedule .e-prevapp {
        border: 1px solid #c8c8c8 !important;
        border-bottom: transparent !important;
        color: #333 !important
    }

    .e-schedule .e-nextapp, .e-schedule .e-prevapp {
        background: #ececec !important
    }

    .e-schedule .e-apptext, .e-schedule .e-apptime, .e-schedule .e-recurapp:before, .e-schedule .e-recureditapp:before {
        color: #fff !important
    }

    .e-schedule .e-scheduleallday:before, .e-schedule .e-schedulerepeat:before, .e-schedule .e-schedulerepeatedit:before, .e-schedule .e-timeidicatorcircle:before {
        color: #179bd7 !important
    }

    .e-schedule .e-alternatecells, .e-schedule .e-ampmstyle {
        border-bottom: 1px dotted #cdcdcd !important
    }

    .e-schedule .e-othermonths {
        border-left: 1px solid transparent !important
    }
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-grid.e-rtl .e-nextpage, .e-grid.e-rtl .e-nextpagedisabled {
    border-left-color: #c8c8c8
}

.e-pager, .e-grid .e-pagerstatusbar, .e-pager .e-drpdwn li, .e-pager .e-drpdwn, .e-pager div.e-drpdwndiv {
    background-color: #ececec;
    border-color: #c8c8c8;
    color: #333
}

    .e-pager .e-icon {
        color: #686969
    }

    .e-pager .e-default:hover {
        color: #282827
    }

    .e-pager .e-spacing {
        color: #333
    }

        .e-pager .e-spacing.e-NP {
            color: #686969
        }

    .e-pager .e-numericitem.e-hover, .e-pager .e-currentitem.e-hover {
        color: #282827
    }

    .e-pager .e-numericitem.e-hover, .e-pager .e-currentitem.e-hover {
        background: #86cbea
    }

    .e-pager.e-disable .e-numericitem.e-hover {
        background: #ececec;
        border-right-color: #c8c8c8
    }

    .e-pager .e-numericitem {
        font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
    }

    .e-pager .e-numericitem {
        background: #ececec;
        border-right-color: #c8c8c8
    }

    .e-pager .e-prevpagedisabled, .e-pager .e-prevpage, .e-pager .e-nextpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled, .e-pager .e-lastpage, .e-pager .e-firstpage, .e-pager .e-firstpagedisabled {
        background-color: #ececec;
        color: #686969
    }

    .e-pager .e-lastpage, .e-pager .e-firstpage {
        background-color: transparent
    }

        .e-pager .e-nextpage.e-hover, .e-pager .e-lastpage.e-hover, .e-pager .e-firstpage.e-hover, .e-pager .e-prevpage.e-hover {
            background: #86cbea
        }

    .e-pager.e-disable .e-nextpage.e-hover, .e-pager.e-disable .e-lastpage.e-hover, .e-pager.e-disable .e-firstpage.e-hover, .e-pager.e-disable .e-prevpage.e-hover {
        background: transparent;
        border-right-color: #c8c8c8;
        color: #686969
    }

    .e-pager .e-pagercontainer {
        background-color: #ececec;
        border-color: #c8c8c8
    }

    .e-pager.e-rtl .e-numericitem {
        border-left-color: #c8c8c8
    }

    .e-pager .e-firstpage, .e-pager .e-prevpage, .e-pager .e-firstpagedisabled, .e-pager .e-prevpagedisabled, .e-pager .e-nextpage, .e-pager .e-lastpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled {
        border-right-color: #c8c8c8
    }

    .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
        border-left-color: #c8c8c8
    }

    .e-pager.e-rtl div.e-parentmsgbar {
        float: left
    }

    .e-pager.e-rtl div.e-parentmsgbar {
        margin-left: 6px
    }

    .e-pager .e-currentitem.e-active {
        color: #fff
    }

    .e-pager .e-currentitem.e-active {
        background: #179bd7
    }

    .e-pager .e-currentitem.e-hover {
        color: #fff
    }

    .e-pager .e-currentitem.e-hover {
        background: #179bd7
    }

    .e-pager.e-disable .e-currentitem.e-hover {
        color: #fff;
        background-color: #179bd7
    }

    .e-pager.e-disable .e-currentitem.e-hover {
        background: #179bd7
    }

    .e-pager .e-drpdwndiv:before {
        color: #333;
        background: #ececec
    }

    .e-pager .e-pager-itemsinterval .e-drpdwndiv:hover:before, .e-pager .e-pager-itemsinterval .e-drpdwndiv:hover, .e-pager .e-drpdwn li:hover {
        color: #282827
    }

        .e-pager .e-pager-itemsinterval .e-drpdwndiv:hover:before, .e-pager .e-pager-itemsinterval .e-drpdwndiv:hover, .e-pager .e-drpdwn li:hover {
            background: #86cbea
        }

    .e-pager.e-disable .e-pager-itemsinterval .e-drpdwndiv:hover:before, .e-pager.e-disable .e-pager-itemsinterval .e-drpdwndiv:hover, .e-pager.e-disable .e-drpdwn li:hover {
        color: #333;
        background: #ececec
    }

    .e-pager .e-drpdwn li.e-active {
        border-bottom: 1px solid #fff;
        border-bottom: 1px solid rgba(255,255,255,.3)
    }

    .e-pager .e-drpdwn li.e-active {
        color: #fff
    }

    .e-pager .e-drpdwn li.e-active {
        background: #179bd7
    }

    .e-pager .e-textbox-paging.e-pagercontainer {
        float: none
    }

    .e-pager .e-template {
        width: 100%
    }

    .e-pager .e-textbox-paging .e-gototextbox {
        border: none
    }

    .e-pager .e-textbox-paging .e-nextpage, .e-pager .e-textbox-paging .e-nextpagedisabled {
        border-left: 1px solid;
        border-color: #c8c8c8
    }

    .e-pager.e-rtl .e-textbox-paging .e-nextpage, .e-pager.e-rtl .e-textbox-paging .e-nextpagedisabled {
        border-right: 1px solid;
        border-color: #c8c8c8
    }

    .e-pager .e-textbox-paging.e-pagercontainer .e-gototextbox {
        float: none;
        margin-right: 0;
        height: 26px
    }

    .e-pager .e-textbox-paging.e-pagercontainer .e-gototextbox {
        width: 75px
    }

    .e-pager .e-textbox-paging.e-pagercontainer .e-newrecord, .e-pager .e-textbox-paging.e-pagercontainer .e-firstpage, .e-pager .e-textbox-paging.e-pagercontainer .e-lastpage, .e-pager .e-textbox-paging.e-pagercontainer .e-nextpage, .e-pager .e-textbox-paging.e-pagercontainer .e-prevpage, .e-pager .e-textbox-paging.e-pagercontainer .e-firstpagedisabled, .e-pager .e-textbox-paging.e-pagercontainer .e-lastpagedisabled, .e-pager .e-textbox-paging.e-pagercontainer .e-nextpagedisabled, .e-pager .e-textbox-paging.e-pagercontainer .e-prevpagedisabled {
        padding: 9px 3px 8px 8px
    }

    .e-pager.e-disable .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
        background: transparent
    }

    .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-newrecord, .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-firstpage, .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-lastpage, .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-nextpage, .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-prevpage, .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-firstpagedisabled, .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-lastpagedisabled, .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-nextpagedisabled, .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-prevpagedisabled {
        padding: 8px 8px 2px 2px
    }

    .e-pager.e-rtl .e-textbox-paging .e-gototextbox {
        float: right
    }

    .e-pager .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
        border-radius: 0 4px 4px 0
    }

    .e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
        border-radius: 0
    }

    .e-pager .e-textbox-paging.e-pagercontainer .e-lastpage.e-hover {
        border-radius: 0
    }

    .e-pager .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
        background: #86cbea
    }

    .e-pager .e-template .e-textbox-paging .e-lastpage, .e-pager .e-template .e-textbox-paging .e-lastpagedisabled {
        border-right: inherit
    }

    .e-pager.e-rtl .e-template .e-lastpage, .e-pager.e-rtl .e-template .e-lastpagedisabled {
        border-right: none;
        border-left: 1px solid;
        border-left-color: #c8c8c8
    }

    .e-pager .e-template .e-previouspager.e-nextprevitemdisabled, .e-pager .e-template .e-nextpager.e-nextprevitemdisabled {
        display: none
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-scrollbar .e-vscroll, .e-scrollbar .e-hscroll, .e-scrollbar .e-vhandlespace {
    background-color: #fafafa
}

.e-scrollbar .e-vscroll {
    border-right: none
}

.e-scrollbar .e-vscroll {
    border-left: 1px solid #c8c8c8
}

.e-scrollbar .e-hscroll {
    border-top: 1px solid #c8c8c8
}

.e-scrollbar .e-vhandlespace, .e-scrollbar .e-hhandlespace {
    position: relative;
    background-color: #fafafa
}

.e-scrollbar .e-hscroll .e-hdown.e-icon {
    border-right: 1px solid #c8c8c8
}

.e-scrollbar .e-hscroll .e-hup.e-icon {
    border-left: none
}

.e-scrollbar .e-vscroll .e-chevron-down_01.e-icon {
    border-bottom: 1px solid #c8c8c8
}

.e-scroller.e-rtl .e-scrollbar .e-vscroll {
    border-left: none
}

.e-scroller.e-rtl .e-scrollbar .e-vscroll {
    border-right: 1px solid #c8c8c8
}

.e-scroller.e-rtl .e-scrollbar .e-hscroll .e-hup.e-icon {
    border-left: 1px solid #c8c8c8
}

.e-scroller.e-rtl .e-scrollbar .e-hscroll .e-hdown.e-icon {
    border-right: none
}

.e-scrollbar .e-vhandle, .e-scrollbar .e-hhandle {
    transition: top .1s linear 0s,left .1s linear 0s
}

.e-scrollbar .e-vhandle, .e-scrollbar .e-hhandle {
    background-color: #ececec
}

.e-scrollbar .e-vhandle {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8
}

.e-scrollbar .e-hhandle {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8
}

.e-vhandle.e-box.e-pinch.e-touch, .e-hhandle.e-box.e-pinch.e-touch {
    background-color: #86cbea
}

.e-scrollbar .e-vhandle:hover, .e-scrollbar .e-hhandle:hover {
    background-color: #86cbea;
    cursor: default;
    border-color: #c8c8c8
}

.e-scrollbar .e-button {
    color: #686969
}

    .e-scrollbar .e-button:hover {
        border-color: #c8c8c8
    }

    .e-scrollbar .e-button:hover {
        background-color: #86cbea;
        color: #282827
    }

.e-scrollbar .e-button {
    background-color: #ececec
}

.e-scroller.e-speed-scroll > .e-content {
    overflow: scroll !important
}

.e-scroller.e-speed-scroll .e-content {
    touch-action: manipulation;
    -ms-overflow-style: none
}

    .e-scroller.e-speed-scroll .e-content::-webkit-scrollbar {
        height: 0;
        width: 0
    }

.e-scroller .e-disable .e-vhandle:hover, .e-scroller .e-disable .e-button :hover, .e-scroller .e-disable .e-hhandle:hover {
    border: 1px solid #c8c8c8;
    transition: top .1s linear 0s,left .1s linear 0s
}

.e-scroller .e-disable .e-vhandle:hover, .e-scroller .e-disable .e-button :hover, .e-scroller .e-disable .e-hhandle:hover {
    background: #ececec
}

.e-scrollbar .e-v-line:before {
    content: ""
}

.e-scrollbar .e-h-line:before {
    content: ""
}

.e-scroller .e-button, .e-scroller .e-disable .e-button:hover {
    color: #686969
}

.e-scroller .e-disable .e-button:hover {
    background-color: transparent
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-acrdn {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

    .e-acrdn > .e-content {
        border-color: #c8c8c8;
        background-color: #fff
    }

    .e-acrdn > .e-content {
        border-right: -1;
        border-left: -1
    }

    .e-acrdn > .e-content {
        color: #333;
        font-size: 14px
    }

    .e-acrdn > .e-select, .e-acrdn > .e-disable.e-select:hover, .e-acrdn > .e-disable.e-select:hover a {
        color: #333
    }

        .e-acrdn > .e-select, .e-acrdn > .e-disable.e-select:hover, .e-acrdn > .e-disable.e-select:hover a {
            background: #ececec
        }

    .e-acrdn .e-select {
        font-weight: normal;
        font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
    }

    .e-acrdn .e-select {
        border-color: #c8c8c8;
        font-size: 16px
    }

        .e-acrdn .e-select:hover {
            color: #282827;
            border-color: #c8c8c8
        }

        .e-acrdn .e-select:hover {
            background: #86cbea
        }

        .e-acrdn .e-select a {
            color: #333
        }

        .e-acrdn .e-select:first-child {
            border-top-color: #c8c8c8
        }

    .e-acrdn > .e-select:first-child {
        border-color: #c8c8c8
    }

    .e-acrdn .e-select.e-active, .e-acrdn .e-disable.e-active.e-select:hover a, .e-acrdn .e-disable.e-active.e-select:hover {
        color: #fff
    }

        .e-acrdn .e-select.e-active, .e-acrdn .e-disable.e-active.e-select:hover a, .e-acrdn .e-disable.e-active.e-select:hover {
            background: #179bd7
        }

    .e-acrdn.e-disable .e-select:hover, .e-acrdn.e-disable .e-select:hover a {
        background: #ecedee;
        color: #5c5c5c
    }

    .e-acrdn .e-select.e-active {
        font-weight: normal;
        border-bottom: medium none
    }

    .e-acrdn .e-select.e-active {
        border-color: #c8c8c8
    }

        .e-acrdn .e-select.e-active:hover {
            color: #282827;
            border-color: #c8c8c8
        }

        .e-acrdn .e-select.e-active:hover {
            background: #86cbea
        }

        .e-acrdn .e-select.e-active a {
            color: #fff
        }

        .e-acrdn .e-select:hover a, .e-acrdn .e-select.e-active:hover a {
            color: #282827
        }

    .e-acrdn .e-select > span {
        color: #686969
    }

    .e-acrdn .e-select.e-active > span {
        color: #fff
    }

    .e-acrdn .e-select:hover > span, .e-acrdn .e-select.e-active:hover > span {
        color: #282827
    }

    .e-acrdn .e-select.e-disable:hover > span, .e-acrdn .e-select.e-disable.e-active:hover > span {
        color: #686969
    }

    .e-acrdn .e-content.e-load {
        background-image: url(images/ajax-loader.gif);
        background-position: center;
        background-repeat: no-repeat
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-atc .e-in-wrap, .e-atc .e-input, .e-atc-popup, .e-atc .e-options {
    background-color: #fff;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-atc .e-in-wrap, .e-atc .e-input, .e-atc-popup, .e-atc .e-options {
    color: #333;
    font-size: 14px;
    font-weight: normal
}

    .e-atc .e-options.e-active {
        color: #fff
    }

    .e-atc .e-options.e-active {
        border-color: #c8c8c8
    }

    .e-atc .e-options.e-active {
        background: #179bd7
    }

        .e-atc .e-options.e-active:hover, .e-atc .e-options:hover {
            color: #282827;
            border-color: #c8c8c8
        }

        .e-atc .e-options.e-active:hover, .e-atc .e-options:hover {
            background: #86cbea
        }

.e-atc .e-boxes {
    background-color: #fff
}

.e-atc.e-focus .e-in-wrap {
    box-shadow: 0 0 2px #cbcbcb
}

.e-atc-popup .e-category {
    border-bottom: 1px solid #c8c8c8
}

.e-atc-popup .e-hover, .e-atc-popup .e-content .e-atc-trbgcolor.e-hover {
    color: #282827;
    border-color: #86cbea
}

.e-atc-popup .e-hover, .e-atc-popup .e-content .e-atc-trbgcolor.e-hover {
    background: #86cbea
}

.e-atc .e-select:hover, .e-atc.e-rtl .e-select:hover {
    border-color: #c8c8c8;
    color: #282827
}

.e-atc .e-select:hover, .e-atc.e-rtl .e-select:hover {
    background: #86cbea
}

.e-atc .e-select, .e-atc.e-rtl .e-select, .e-atc .e-select.e-disable:hover {
    border-color: #c8c8c8;
    color: #686969
}

    .e-atc .e-select, .e-atc.e-rtl .e-select, .e-atc .e-select.e-disable:hover {
        background: #ececec
    }

.e-atc .e-input.e-load {
    background-image: url(images/ajax-loader.gif)
}

.e-atc ::-webkit-input-placeholder {
    color: #333
}

.e-atc :-ms-input-placeholder {
    color: #333
}

.e-atc ::-moz-placeholder {
    color: #333
}

.e-atc :-moz-placeholder {
    color: #333
}

.e-atc-popup .e-atc-tdbottom, .e-atc-popup div.e-atc-tableHeader {
    border-bottom: 1px solid #c8c8c8
}

.e-atc-popup .e-atc-tdright, .e-atc-popup .e-atc-tableHeaderScroll .e-atc-tableHeaderBorder, .e-atc-popup div .e-atc-thright {
    border-right: 1px solid #c8c8c8
}

.e-atc-popup .e-atc-tdleft, .e-atc-popup .e-atc-tableHeaderRTL .e-atc-tableHeaderBorder, .e-atc-popup div .e-atc-thleft {
    border-left: 1px solid #c8c8c8
}

.e-atc-popup .e-atc-tableHeaderContent th {
    background: #f7f7f7
}

.e-atc-popup .e-content .e-atc-trbgcolor {
    background: #f7f7f7
}

.e-atc.e-disable-wrap .e-in-wrap {
    background-color: #f5f5f5;
    border-color: #e3e3e3
}

.e-atc .e-select.e-disable, .e-atc .e-select.e-disable:hover {
    background-color: #d6d7d7
}

.e-atc-popup .e-activeli, .e-atc-popup .e-content .e-activeli {
    background: #179bd7
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-btn, .e-tbtn, .e-split-btn {
    font-weight: normal;
    font-size: 14px
}

    .e-btn.e-select:focus {
        box-shadow: 0 0 2px #cbcbcb
    }

    .e-btn.e-txt.e-select, .e-tbtn.e-txt.e-select, .e-split-btn.e-txt.e-select {
        font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
    }

.e-split-btn-hide {
    visibility: hidden
}

.e-rtl .e-splitarrowleft .e-split-btn.e-left-btn {
    border-right: medium none;
    border-left-color: #c8c8c8
}

.e-rtl .e-splitarrowright .e-split-btn.e-left-btn {
    border-left: medium none;
    border-right-color: #c8c8c8
}

.e-btn.e-disable.e-select:hover, .e-tbtn.e-disable:hover, .e-btn.e-disable.e-select:active {
    color: #333;
    border-color: #c8c8c8
}

.e-btn.e-disable.e-select:hover, .e-tbtn.e-disable:hover, .e-btn.e-disable.e-select:active {
    background: #ececec
}

.e-btn.e-select {
    color: #333;
    border-color: #c8c8c8
}

.e-btn.e-select {
    background: #ececec
}

    .e-btn.e-disable, .e-btn.e-select.e-disable .e-icon, .e-btn.e-select.e-disable:hover .e-icon, .e-btn.e-select.e-disable:active .e-icon {
        cursor: default
    }

.e-float-btn.e-btn.e-select.e-icon {
    border: none
}

    .e-float-btn.e-btn.e-select.e-icon:hover {
        border: none
    }

    .e-float-btn.e-btn.e-select.e-icon:active {
        border: none
    }

    .e-float-btn.e-btn.e-select.e-icon:not(:active):after {
        border: none;
        box-shadow: none
    }

.e-primary-icon-btn.e-btn.e-select.e-icon, .e-primary-icon-btn.e-btn.e-select.e-icon:focus, .e-primary-icon-btn.e-btn.e-select.e-icon:hover, .e-primary-icon-btn.e-btn.e-select.e-icon:active {
    font-family: 'ej-webfont'
}

.e-flat-icon-btn.e-btn.e-select.e-icon, .e-flat-icon-btn.e-btn.e-select.e-icon:focus, .e-flat-icon-btn.e-btn.e-select.e-icon:hover, .e-flat-icon-btn.e-btn.e-select.e-icon:active {
    font-family: 'ej-webfont'
}

.e-icon-btn.e-btn.e-select.e-icon, .e-icon-btn.e-btn.e-select.e-icon:focus, .e-icon-btn.e-btn.e-select.e-icon:hover, .e-icon-btn.e-btn.e-select.e-icon:active {
    font-family: 'ej-webfont'
}

.e-btn.e-select:hover, .e-btn.e-select.e-active:hover {
    border-color: #c8c8c8;
    color: #282827
}

.e-btn.e-select:hover, .e-btn.e-select.e-active:hover {
    background: #86cbea
}

.e-drp-btn.e-select .e-icon, .e-btn.e-select .e-icon {
    color: #686969
}

.e-btn.e-select:active, .e-tbtn.e-btn.e-select.e-active, .e-tbtn.e-btn.e-select.e-active.e-disable:hover {
    border-color: #c8c8c8;
    color: #fff
}

    .e-btn.e-select:active, .e-tbtn.e-btn.e-select.e-active, .e-tbtn.e-btn.e-select.e-active.e-disable:hover {
        background: #179bd7
    }

.e-drp-btn.e-select:hover, .e-btn.e-select:hover .e-icon {
    color: #282827
}

.e-drp-btn.e-select:active, .e-btn.e-select:active .e-icon, .e-btn.e-active .e-icon, .e-btn.e-disable.e-select.e-active:hover .e-icon {
    color: #fff
}

.e-menu.e-split, .e-menu.e-context.e-split, .e-menu.e-context.e-split .e-list > ul, .e-menu.e-widget.e-split li.e-list {
    background-color: #ececec;
    color: #333;
    border-color: #c8c8c8
}

.e-tbtn.e-btn.e-active:hover .e-icon {
    color: #fff
}

.e-split.e-widget {
    background: none
}

.e-btn.e-select.e-primary, .e-btn.e-select.e-primary:active {
    border-color: #c8c8c8;
    color: #fff
}

    .e-btn.e-select.e-primary, .e-btn.e-select.e-primary:active {
        background: #179bd7
    }

        .e-btn.e-select.e-primary:hover {
            border-color: #c8c8c8;
            color: #282827
        }

        .e-btn.e-select.e-primary:hover {
            background: #86cbea
        }

        .e-btn.e-select.e-primary .e-icon, .e-btn.e-select.e-primary .e-icon:active {
            color: #fff
        }

        .e-btn.e-select.e-primary:hover .e-icon {
            color: #282827
        }

        .e-btn.e-select.e-primary:active:hover .e-icon, .e-btn.e-select.e-primary:active:hover {
            color: #fff
        }

.e-btn.e-select.e-disable.e-primary, .e-btn.e-select.e.e-disable.e-primary:active, .e-btn.e-select.e-disable.e-primary:hover {
    border-color: rgba(200,200,200,.5);
    color: rgba(255,255,255,.5)
}

    .e-btn.e-select.e-disable.e-primary, .e-btn.e-select.e.e-disable.e-primary:active, .e-btn.e-select.e-disable.e-primary:hover {
        background: #179bd7
    }

        .e-btn.e-select.e-disable.e-primary .e-icon, .e-btn.e-select.e-disable.e-primary:hover .e-icon, .e-btn.e-select.e-disable.e-primary:active .e-icon {
            color: rgba(255,255,255,.5)
        }

.e-btn.e-select.e-success {
    color: #fff;
    background: #5cb85c;
    border-color: #4cae4c
}

    .e-btn.e-select.e-success .e-icon, .e-btn.e-select.e-info .e-icon, .e-btn.e-select.e-warning .e-icon, .e-btn.e-select.e-danger .e-icon {
        color: #fff
    }

    .e-btn.e-select.e-success:active, .e-btn.e-select.e-success:hover, .e-btn.e-select.e-success:hover:focus {
        background: #449d44;
        border-color: #398439
    }

        .e-btn.e-select.e-success:focus, .e-btn.e-select.e-success:active:hover, .e-btn.e-select.e-success:active:focus {
            background: #398439;
            border-color: #255625
        }

    .e-btn.e-select.e-success:focus {
        background-color: #449d44
    }

.e-btn.e-select.e-info {
    color: #fff;
    background: #5bc0de;
    border-color: #46b8da
}

    .e-btn.e-select.e-info:active, .e-btn.e-select.e-info:hover, .e-btn.e-select.e-info:focus, .e-btn.e-select.e-info:hover:focus {
        background: #31b0d5;
        border-color: #269abc
    }

    .e-btn.e-select.e-info:focus {
        border-color: #1b6d85
    }

    .e-btn.e-select.e-info:active:hover, .e-btn.e-select.e-info:active:focus {
        background: #269abc;
        border-color: #1b6d85
    }

.e-btn.e-select.e-warning {
    color: #fff;
    background: #f0ad4e;
    border-color: #eea236
}

    .e-btn.e-select.e-warning:active, .e-btn.e-select.e-warning:hover, .e-btn.e-select.e-warning:focus, .e-btn.e-select.e-warning:hover:focus {
        background: #ec971f;
        border-color: #d58512
    }

    .e-btn.e-select.e-warning:focus {
        border-color: #985f0d
    }

    .e-btn.e-select.e-warning:active:hover, .e-btn.e-select.e-warning:active:focus {
        background: #d58512;
        border-color: #985f0d
    }

.e-btn.e-select.e-danger {
    color: #fff;
    background: #d9534f;
    border-color: #d43f3a
}

    .e-btn.e-select.e-danger:active, .e-btn.e-select.e-danger:hover, .e-btn.e-select.e-danger:focus, .e-btn.e-select.e-danger:hover:focus {
        background: #c9302c;
        border-color: #ac2925
    }

    .e-btn.e-select.e-danger:focus {
        border-color: #761c19
    }

    .e-btn.e-select.e-danger:active:hover, .e-btn.e-select.e-danger:active:focus {
        background: #ac2925;
        border-color: #761c19
    }

.e-btn.e-select.e-link, .e-btn.e-select.e-link .e-icon {
    background: transparent;
    font-weight: 400;
    color: #337ab7;
    border: none;
    box-shadow: none
}

    .e-btn.e-select.e-link:active, .e-btn.e-select.e-link:active .e-icon {
        text-decoration: none
    }

        .e-btn.e-select.e-link:hover, .e-btn.e-select.e-link:hover .e-icon, .e-btn.e-select.e-link:focus, .e-btn.e-select.e-link:focus .e-icon, .e-btn.e-select.e-link:active:hover, .e-btn.e-select.e-link:active:hover .e-icon {
            color: #23527c
        }

    .e-btn.e-select.e-link.e-txt:hover, .e-btn.e-select.e-link.e-txt:focus, .e-btn.e-select.e-link.e-txt:active:hover {
        text-decoration: underline
    }

.e-btn.e-select.e-disable.e-success, .e-btn.e-select.e-disable.e-success:focus, .e-btn.e-select.e-disable.e-success:active, .e-btn.e-select.e-disable.e-success:active:hover {
    background: rgba(92,184,92,.5)
}

.e-btn.e-select.e-disable.e-info, .e-btn.e-select.e-disable.e-info:hover, .e-btn.e-select.e-disable.e-info:focus, .e-btn.e-select.e-disable.e-info:active, .e-btn.e-select.e-disable.e-info:active:hover {
    background: rgba(91,192,222,.5)
}

.e-btn.e-select.e-disable.e-warning, .e-btn.e-select.e-disable.e-warning:hover, .e-btn.e-select.e-disable.e-warning:focus, .e-btn.e-select.e-disable.e-warning:active, .e-btn.e-select.e-disable.e-warning:active:hover {
    background: rgba(240,173,78,.5)
}

.e-btn.e-select.e-disable.e-danger, .e-btn.e-select.e-disable.e-danger:hover, .e-btn.e-select.e-disable.e-danger:focus, .e-btn.e-select.e-disable.e-danger:active, .e-btn.e-select.e-disable.e-danger:active:hover {
    background: rgba(217,83,79,.5)
}

    .e-btn.e-select.e-disable.e-success, .e-btn.e-select.e-disable.e-success:active:hover, .e-btn.e-select.e-disable.e-info, .e-btn.e-select.e-disable.e-info:active:hover, .e-btn.e-select.e-disable.e-warning, .e-btn.e-select.e-disable.e-warning:active:hover, .e-btn.e-select.e-disable.e-danger, .e-btn.e-select.e-disable.e-danger:active:hover, .e-btn.e-select.e-disable.e-link, .e-btn.e-select.e-disable.e-link:active:hover {
        color: rgba(255,255,255,.5);
        border-color: transparent;
        box-shadow: none
    }

        .e-btn.e-select.e-disable.e-link, .e-btn.e-select.e-disable.e-link.e-txt, .e-btn.e-select.e-disable.e-link:hover, .e-btn.e-select.e-disable.e-link.e-txt:hover, .e-btn.e-select.e-disable.e-link:active, .e-btn.e-select.e-disable.e-link.e-txt:active, .e-btn.e-select.e-disable.e-link:focus, .e-btn.e-select.e-disable.e-link:focus .e-txt, .e-btn.e-select.e-disable.e-link:active:hover, .e-btn.e-select.e-disable.e-link.e-txt:active:hover {
            color: rgba(51,122,183,.5);
            background: transparent;
            text-decoration: none
        }

            .e-btn.e-select.e-disable.e-link .e-icon, .e-btn.e-select.e-disable.e-link:hover .e-icon, .e-btn.e-select.e-disable.e-link:focus .e-icon, .e-btn.e-select.e-disable.e-link:active .e-icon, .e-btn.e-select.e-disable.e-link:active:hover .e-icon {
                color: rgba(51,122,183,.5)
            }

.ejinputtext {
    background-color: #fff;
    outline: medium none
}

.ejinputtext {
    border: 1px solid #c8c8c8;
    color: #333
}

.e-textbox, .e-textarea {
    background-color: #fff
}

.e-textbox, .e-textarea {
    border-color: #c8c8c8;
    color: #333
}

.ejinputtext:focus {
    box-shadow: 0 0 2px #cbcbcb
}

.e-textbox:focus, .e-textarea:focus {
    box-shadow: 0 0 2px #cbcbcb
}

.e-textbox[disabled], .e-textarea[disabled] {
    box-shadow: none
}

.e-textbox[disabled], .e-textarea[disabled] {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
    color: rgba(51,51,51,.38)
}

    .e-textbox[disabled]:hover, .e-textarea[disabled]:hover, .e-textbox[disabled]:focus, .e-textarea[disabled]:focus {
        box-shadow: none
    }

    .e-textbox[disabled]:hover, .e-textarea[disabled]:hover, .e-textbox[disabled]:focus, .e-textarea[disabled]:focus {
        border-color: #c8c8c8
    }

.e-textbox::-webkit-input-placeholder, .e-textarea::-webkit-input-placeholder {
    color: #333
}

.e-textbox:-ms-input-placeholder, .e-textarea:-ms-input-placeholder {
    color: #333
}

.e-textbox::-moz-placeholder, .e-textarea::-moz-placeholder {
    color: #333
}

.e-textbox:-moz-placeholder, .e-textarea:-moz-placeholder {
    color: #333
}

.e-menu.e-split.e-context .e-list > .e-menulink {
    color: #333
}

.e-btn.e-disable.e-select, .e-tbtn.e-btn.e-disable.e-select.e-active, .e-tbtn.e-disable, .e-btn.e-disable.e-select:active, .e-split.e-disable {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
    color: #d6d7d7;
    opacity: 1
}

    .e-btn.e-disable.e-select, .e-btn.e-disable.e-select:hover, .e-tbtn.e-disable:hover, .e-btn.e-disable.e-select:active, .e-tbtn.e-btn.e-disable.e-select.e-active:hover {
        background-color: #f5f5f5;
        border-color: #e3e3e3;
        color: #d6d7d7;
        opacity: 1
    }

        .e-btn.e-disable.e-select:hover .e-icon, .e-btn.e-disable.e-select:active .e-icon {
            color: #d6d7d7
        }

        .e-btn.e-disable.e-select .e-icon {
            color: #d6d7d7
        }

        .e-btn.e-disable.e-select:focus {
            box-shadow: none
        }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-captcha .refresh {
    background: #f7f7f7;
    border: 1px solid #cbcbcb
}

.e-captcha .audio {
    background: #f7f7f7
}

.e-captcha .imagecontainer {
    border: 1px solid #9a9a9a
}

.e-captcha .validTextBox {
    border: 1px solid #c9c7c7
}

.e-captcha .e-validTextBox {
    border: 1px solid #c9c7c7
}

.e-captcha .e-refresh {
    background: #f7f7f7;
    border: 1px solid #cbcbcb
}

.e-captcha .e-audio {
    background: #f7f7f7;
    border: 1px solid #c9c7c7
}

.e-captcha .e-imageContainer {
    border: 1px solid #9a9a9a
}

.e-captcha div:nth-child(2) {
    width: 0
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-colorpicker .e-hsv-color, .e-colorpicker .e-buttons .e-preview, .e-colorpicker .e-slider-wrap .e-hue, .e-colorpicker .e-slider-wrap .e-opacity {
    border: 3px solid #fff
}

.e-colorpicker .e-slider-wrap .e-handle.e-select, .e-colorpicker .e-slider .e-handle.e-select.e-handle-start, .e-colorpicker .e-slider .e-handle.e-select.e-focus.e-handle-start:not(.e-no-tab), .e-colorpicker .e-slider .e-handle.e-select.e-handle-start.e-focus, .e-colorpicker .e-slider-wrap .e-handle.e-select:hover {
    border: 3px solid #fff
}

.e-colorpicker:focus {
    outline: none
}

.e-colorwidget .e-select {
    background: #fff;
    color: #686969;
    border-color: #c8c8c8
}

.e-colorwidget.e-split .e-in-wrap .e-select:hover, .e-colorwidget.e-split .e-color-container:hover {
    border-color: #c8c8c8;
    color: #282827
}

.e-colorwidget.e-split .e-in-wrap .e-select:hover, .e-colorwidget.e-split .e-color-container:hover {
    background: #86cbea
}

.e-colorwidget.e-picker.e-split.e-disable .e-in-wrap .e-select:hover, .e-colorwidget.e-picker.e-split.e-disable .e-in-wrap .e-color-container:hover {
    cursor: default;
    background: #fff
}

.e-colorpicker.e-popup {
    background-color: #ececec;
    border-color: #c8c8c8
}

.e-presetWrapper.e-widget.e-context {
    border-color: #c8c8c8
}

.e-colorwidget.e-focus {
    box-shadow: 0 0 2px #cbcbcb
}

.e-colorpicker .e-recent-color .e-colorblock.e-block, .e-colorpicker .e-recent-color .e-colorblock.e-select, .e-colorpicker .e-footer .e-switcher {
    background-color: #fff;
    color: #333
}

.e-colorpicker .e-recent-color .e-colorblock.e-block, .e-colorpicker .e-recent-color .e-colorblock.e-select, .e-colorpicker .e-footer .e-switcher {
    border-color: #fff
}

.e-colorwidget .e-in-wrap.e-box, .e-colorwidget .e-in-wrap.e-box .e-select, .e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton, .e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-split-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn, .e-colorwidget.e-split .e-in-wrap .e-select.e-disable:active {
    color: #333
}

    .e-colorwidget .e-in-wrap.e-box, .e-colorwidget .e-in-wrap.e-box .e-select, .e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton, .e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-split-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn, .e-colorwidget.e-split .e-in-wrap .e-select.e-disable:active {
        background: #fff
    }

.e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn {
    border-right: 1px solid;
    border-right-color: #c8c8c8
}

.e-colorwidget .e-select:hover, .e-colorpicker .e-element .e-split-btn.e-select.e-rht-btn:hover {
    color: #282827;
    border-color: #c8c8c8
}

.e-colorwidget .e-select:hover, .e-colorpicker .e-element .e-split-btn.e-select.e-rht-btn:hover {
    background-color: #fff
}

.e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton:hover, .e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn:hover {
    color: #282827;
    border-color: #c8c8c8
}

.e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton:hover, .e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn:hover {
    background: #86cbea
}

.e-presetWrapper.e-menu.e-context, .e-presetWrapper.e-menu.e-context .e-list.e-mhover.e-mfocused, .e-presetWrapper.e-menu.e-context .e-list > ul, .e-presetWrapper.e-menu.e-context .e-list:hover {
    background: #fff;
    color: #333;
    border-color: #fff
}

    .e-presetWrapper.e-menu.e-context .e-list:hover {
        background: #fff;
        color: #333
    }

.e-colorpicker .e-footer .e-split .e-splitbutton:hover {
    border-color: #c8c8c8
}

.e-colorpicker .e-footer .e-split .e-splitbutton:hover {
    background: #ececec
}

.e-colorpicker .e-footer .e-cancelButton.e-btn, .e-colorpicker .e-footer .e-applyButton.e-btn {
    border-color: #c8c8c8
}

.e-colorpicker .e-footer .e-cancelButton.e-btn, .e-colorpicker .e-footer .e-applyButton.e-btn {
    background: #ececec
}

    .e-colorpicker .e-footer .e-cancelButton.e-btn:hover, .e-colorpicker .e-footer .e-applyButton.e-btn:hover {
        border-color: #c8c8c8;
        color: #282827
    }

    .e-colorpicker .e-footer .e-cancelButton.e-btn:hover, .e-colorpicker .e-footer .e-applyButton.e-btn:hover {
        background: #86cbea
    }

.e-colorpicker .e-buttons .e-grpbtn .e-btn, .e-colorpicker .e-buttons .e-grpbtn .e-btn.e-disable:hover {
    color: #333
}

.e-colorpicker .e-buttons .e-grpbtn, .e-colorpicker .e-buttons .e-color-code, .e-colorpicker .e-buttons .e-grpbtn .e-btn {
    background-color: #fff;
    border-color: #fff
}

    .e-colorpicker.e-buttons.e-grpbtn .e-hsvButton.e-button.e-js.e-ntouch.e-btn-normal.e-btn.e-select.e-widget.e-txt.e-disable {
        background: none
    }

.e-colorpicker .e-buttons .e-previous, .e-presetWrapper .e-presets-table .e-preset-row {
    border-color: #c8c8c8
}

.e-colorpicker .e-item {
    border-color: #c8c8c8
}

.e-colorpicker .e-color-image, .e-presetWrapper .e-color-image, .e-presetWrapper.e-menu.e-context .e-color-image.e-mhover {
    background-image: url(../common-images/lighttheme/colorpicker_light.png);
    background-color: transparent;
    filter: none
}

.e-presetWrapper .e-presetHeader, .e-colorpicker .e-element .e-icon:before {
    color: #333
}

.e-colorpicker .e-buttons .e-color-code, .e-colorpicker .e-codeeditor .e-close_01 {
    color: #333
}

.e-colorpicker .e-buttons .e-grpbtn .e-click {
    color: #fff;
    border-color: #c8c8c8;
    box-shadow: 0 0 0 2px white
}

.e-colorpicker .e-buttons .e-grpbtn .e-click {
    background: #179bd7
}

.e-colorpicker .e-buttons .e-grpbtn .e-btn:hover {
    color: #282827;
    border-color: #c8c8c8
}

.e-colorpicker .e-buttons .e-grpbtn .e-btn:hover {
    background: #86cbea
}

.e-presetWrapper.e-menu.e-context li.e-list {
    background: #fff
}

.e-colorpicker .e-context.e-menu .e-mhover > a, .e-colorpicker .e-context.e-menu .e-mhover > span, .e-colorpicker .e-context.e-menu .e-mfocused, .e-colorpicker .e-context.e-menu .e-mfocused > a, .e-colorpicker .e-context.e-menu .e-mfocused > span {
    background: transparent
}

.e-colorpicker .e-slider .e-handle.e-select.e-focus:not(.e-no-tab):after, .e-colorpicker .e-slider .e-handle.e-select.e-focus.e-handle-start:not(.e-no-tab):after {
    background: transparent
}

.e-colorpicker .e-footer .e-switcher:focus {
    box-shadow: 0 0 2px #cbcbcb;
    outline-color: #cbcbcb
}

.e-colorwidget.e-disable {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
    opacity: 1
}

    .e-colorwidget.e-disable .e-select, .e-colorwidget.e-disable .e-select:hover {
        background-color: #d6d7d7
    }

.e-colorwidget .e-in-wrap .e-tool-icon.e-icon {
    font-family: 'ej-webfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    transform: rotate(0deg);
    transition: transform 300ms ease
}

.e-colorwidget .e-in-wrap .e-tool-icon.e-icon {
    margin: -11px 5px
}

.e-colorpicker .e-buttons .e-grpbtn .e-hsvButton.e-btn.e-select.e-disable {
    opacity: .35;
    background: none
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-fileexplorer, .e-fileexplorer input:not(.e-textbox), input.e-fe-dialog-text:not(.e-textbox), .e-fe-toolbar.e-responsive-toolbar input {
    border-color: #c8c8c8
}

    .e-fileexplorer, .e-fileexplorer input, input.e-fe-dialog-text, .e-fe-toolbar.e-responsive-toolbar input {
        border-color: #c8c8c8
    }

.e-fileexplorer {
    border-color: #c8c8c8
}

    .e-fileexplorer .e-splitter .e-splitbar, .e-fileexplorer .e-statusbar, .e-fileexplorer .e-grid .e-gridheader, .e-fileexplorer.e-fe-mobile .e-fe-split-icon {
        border-color: #c8c8c8
    }

    .e-fileexplorer input:not(.e-textbox), .e-fileexplorer .e-grid .e-headercelldiv, .e-fileexplorer .e-grid .e-gridcontent tr, .e-fileexplorer .e-tileview .e-tilenode .e-name, input.e-fe-dialog-text:not(.e-textbox), .e-fe-toolbar.e-responsive-toolbar input {
        color: #333
    }

        .e-fileexplorer .e-tileview .e-tilenode:hover .e-name, .e-fileexplorer .e-grid .e-gridcontent tr.e-hover td {
            color: #282827
        }

    .e-fileexplorer.e-js .e-grid td.e-active, .e-fileexplorer .e-tileview .e-tilenode.e-active .e-name {
        color: #fff
    }

    .e-fileexplorer .e-tileview .e-tilenode.e-active:hover {
        border-color: #c8c8c8
    }

    .e-fileexplorer .e-tileview .e-tilenode.e-active:hover {
        background: #86cbea
    }

        .e-fileexplorer .e-tileview .e-tilenode.e-active:hover .e-name {
            color: #282827
        }

    .e-fileexplorer .e-toolbar .e-fe-split-button .e-active .e-icon, .fe-context-menu.e-menu.e-context .e-list.e-active > .e-menulink > .e-fileexplorer-toolbar-icon {
        color: #fff
    }

    .e-fileexplorer .e-toolbar .e-fe-split-button.e-hover .e-active .e-icon, .e-fileexplorer .e-toolbar .e-fe-split-button.e-hover .e-icon {
        color: #282827
    }

    .e-fileexplorer .e-treeview .e-fe-node-hover, .e-fe-dialog.e-icon.e-close:hover {
        color: #282827;
        border-color: #c8c8c8
    }

    .e-fileexplorer .e-treeview .e-fe-node-hover, .e-fe-dialog.e-icon.e-close:hover {
        background: #86cbea
    }

    .e-fileexplorer.e-js .e-tilenode.e-active, .e-fileexplorer.e-js .e-grid .e-gridcontent tr td.e-active {
        border-color: #c8c8c8;
        background: #179bd7
    }

        .e-fileexplorer.e-js .e-tilenode.e-active:hover, .e-fileexplorer.e-js .e-grid .e-gridcontent tr:hover td.e-active {
            color: #282827;
            border-color: #c8c8c8
        }

        .e-fileexplorer.e-js .e-tilenode.e-active:hover, .e-fileexplorer.e-js .e-grid .e-gridcontent tr:hover td.e-active {
            background: #86cbea
        }

    .e-fileexplorer.e-js .e-statusbar .e-active .e-icon {
        color: #179bd7
    }

    .e-fileexplorer.e-js .e-treeview .e-text:hover, .e-fileexplorer .e-actionbar .e-btn.e-select:hover, .e-fileexplorer .e-treeview .e-text.e-file-droppable {
        color: #282827;
        border-color: #c8c8c8
    }

    .e-fileexplorer input:not(.e-textbox), input.e-fe-dialog-text:not(.e-textbox), .e-fe-toolbar.e-responsive-toolbar input, .e-fe-split-context.e-menu.e-context.e-split, .e-fe-split-context.e-menu.e-widget.e-split li.e-list {
        background: #fff
    }

    .e-fileexplorer .e-tilenode.e-hover, .e-fileexplorer .e-grid .e-gridcontent tr.e-hover td, .e-fileexplorer .e-tilenode.e-file-droppable, .e-fileexplorer .e-grid .e-gridcontent tr.e-file-droppable td, .e-fileexplorer .e-treeview .e-text.e-file-droppable {
        border-color: #c8c8c8;
        background: #86cbea
    }

    .e-fileexplorer .e-switchGridView.e-button:hover, .e-fileexplorer .e-swithListView.e-button:hover {
        border-color: #c8c8c8
    }

    .e-fileexplorer .e-switchGridView.e-button:hover, .e-fileexplorer .e-swithListView.e-button:hover {
        background: #86cbea
    }

    .e-fileexplorer .e-toolbar .e-fe-split-button.e-hover .e-btn.e-select, .e-fileexplorer .e-toolbar .e-fe-split-button .e-btn.e-select:focus {
        background: #86cbea
    }

    .e-fileexplorer .e-split.e-widget .e-split-btn.e-left-btn, .e-fileexplorer .e-split.e-widget .e-split-btn.e-drp-btn, .e-fe-toolbar .e-split.e-widget .e-split-btn.e-left-btn, .e-fe-toolbar .e-split.e-widget .e-split-btn.e-drp-btn {
        background: none
    }

    .e-fileexplorer .e-toolbar {
        color: #686969;
        border-color: #c8c8c8
    }

    .e-fileexplorer .e-toolbar {
        background: #ececec
    }

.e-fe-toolbar.e-toolbar .e-feItem-Searchbar.e-tooltxt.e-active {
    background: transparent
}

.e-fileexplorer .e-grid .e-gridheader, .e-fileexplorer .e-grid .e-gridheader.e-scrollcss, .e-fileexplorer .e-grid .e-gridheader .e-headercell {
    background: #fff
}

.e-fileexplorer .e-alt_row, .e-fileexplorer .e-gridheader, .e-fileexplorer .e-gridheader .e-headercell, .e-fileexplorer .e-grid .e-gridcontent, .e-fileexplorer .e-splitter .e-pane, .e-fileexplorer .e-scroller .e-scrollbar .e-vhandlespace, .e-fileexplorer .e-scroller .e-scrollbar .e-hhandlespace {
    background-color: #fff
}

.e-fileexplorer .e-tilenode.e-hover .e-thumbImage {
    border-color: #c8c8c8
}

.e-fileexplorer.e-js .e-active .e-thumbImage {
    border-color: #179bd7
}

.e-menu > .e-list.e-fe-separator {
    border-color: #c8c8c8
}

.e-fileexplorer .e-toolbar .e-hover .e-tool-input, .e-fe-toolbar.e-responsive-toolbar .e-hover .e-tool-input, .e-fileexplorer .e-toolbar .e-tool-input:focus, .e-fe-toolbar.e-responsive-toolbar .e-tool-input:focus {
    border-color: #179bd7
}

.e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-hover, .e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-hover, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-hover, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-hover, .e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-active, .e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-active, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-active, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-active {
    background: #ececec;
    border-color: #ececec
}

.e-fileexplorer .e-toolbar .e-fe-split-button.e-hover, .e-fe-toolbar.e-responsive-toolbar .e-fe-split-button.e-hover, .e-fileexplorer .e-toolbar .e-fe-split-button.e-active, .e-fe-toolbar.e-responsive-toolbar .e-fe-split-button.e-active {
    background: #ececec;
    border-color: #ececec
}

.e-dialog .e-fe-table table tr .e-readonly {
    background: #fff;
    color: #333
}

.e-dialog .e-fe-table table .e-border {
    border-color: #c8c8c8
}

.e-fileexplorer .e-toolbar .e-fe-split-button .e-active .e-btn {
    background: #179bd7;
    color: #fff
}

.e-fileexplorer .e-splitter .e-splitbar.e-shadowbar, .e-fileexplorer .e-splitter .e-splitbar.e-split-divider, .e-fileexplorer .e-splitter .e-splitbar.e-split-divider:hover, .e-fileexplorer .e-splitter .e-hover.e-splitbar.e-split-divider {
    background-color: transparent
}

.e-fileexplorer .e-fe-popup .e-content {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-fileexplorer .e-fe-popup .e-downtail:after {
    border-top-color: #fff
}

.e-fileexplorer .e-fe-popup .e-downtail:before, .e-fileexplorer .e-fe-popup .e-downtail {
    border-top-color: #c8c8c8
}

.e-fileexplorer .e-fe-popup span:hover, .e-fileexplorer .e-fe-popup .e-spanclicked {
    border-color: #686969
}

.e-fileexplorer .e-tile-wrapper.e-js.e-file-droppable, .e-fileexplorer .e-grid .e-gridcontent.e-file-droppable {
    box-shadow: 0 0 6px -1px #c8c8c8 inset
}

.e-fileexplorer .e-toolbar.e-js {
    border-bottom-color: #179bd7
}

.fe-context-menu.e-menu.e-context .e-mhover > a > span.e-fileexplorer-toolbar-icon, .fe-context-menu.e-menu.e-context .e-mfocused > a > span.e-fileexplorer-toolbar-icon {
    color: #282827
}

.e-fileexplorer .e-toolbar > ul > li .e-split.e-active .e-splitbutton.e-btn.e-select {
    background: #179bd7
}

.e-fileexplorer .e-toolbar > ul > .e-fe-split-button.e-hover .e-split.e-active .e-splitbutton.e-btn.e-select {
    background: #86cbea
}

.e-fileexplorer .e-tile-wrapper .e-fe-selection-rect, .e-fileexplorer .e-gridcontent .e-fe-selection-rect {
    background-color: rgba(23,155,215,.2)
}

.e-fileexplorer .e-tile-wrapper .e-fe-selection-rect, .e-fileexplorer .e-gridcontent .e-fe-selection-rect {
    border: 1px solid #179bd7
}

.e-fileexplorer.e-ie8 .e-tile-wrapper .e-fe-selection-rect.e-active, .e-fileexplorer.e-ie8 .e-gridcontent .e-fe-selection-rect.e-active {
    background-color: #179bd7
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-datepicker table td.e-disable, .e-datepicker.e-dp-restrict-show table td.e-hidedate, .e-datepicker .e-footer.e-footer-disable {
    opacity: 1;
    color: #bfbfbf;
    visibility: visible;
    cursor: default
}

.e-datepicker table td.e-hidedate {
    visibility: hidden
}

.e-datepicker:focus {
    outline: none
}

.e-datewidget .e-in-wrap {
    border-color: #c8c8c8
}

.e-datewidget.e-focus .e-in-wrap, .e-datewidget.e-focus .e-in-wrap:hover {
    box-shadow: 0 0 2px #cbcbcb
}

.e-datewidget .e-select, .e-datewidget.e-rtl .e-select, .e-ntouch.e-datewidget .e-disable.e-select:hover {
    border-color: #c8c8c8;
    color: #686969
}

.e-datewidget .e-select, .e-datewidget.e-rtl .e-select, .e-ntouch.e-datewidget .e-disable.e-select:hover {
    background: #ececec
}

.e-ntouch.e-datewidget .e-select:hover {
    color: #282827;
    border-color: #c8c8c8
}

.e-ntouch.e-datewidget .e-select:hover {
    background: #86cbea
}

.e-datewidget .e-select.e-active {
    border-color: #179bd7
}

.e-datewidget .e-select.e-active {
    background: #179bd7
}

.e-datewidget .e-input {
    background-color: #fff
}

.e-datewidget .e-input {
    color: #333
}

.e-datepicker table td.other-month, .e-datepicker .e-allyear-first, .e-datepicker .e-allyear-last, .e-datepicker .e-year-first, .e-datepicker .e-year-last {
    color: #179bd7
}

.e-datepicker table td.e-dp-weekend {
    color: #cd0a0a
}

.e-datepicker.e-calendar {
    border-color: #c8c8c8;
    background-color: #fff
}

.e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header {
    font-weight: normal
}

.e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header {
    background: #fcfcfc
}

.e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header {
    border-bottom: 1px solid #c8c8c8;
    font-size: 16px;
    color: #282827
}

    .e-datepicker .e-header:hover > span {
        color: #282827
    }

.e-datepicker .e-footer {
    color: #333;
    border: 1px solid transparent
}

    .e-datepicker .e-footer.e-btn.e-select {
        background: transparent;
        width: 100%
    }

.e-ntouch.e-datepicker .e-footer:hover {
    color: #282827;
    border: 1px solid #c8c8c8
}

.e-ntouch.e-datepicker .e-footer:hover {
    background: #86cbea
}

.e-datepicker .e-text {
    color: #282827
}

.e-datepicker .e-week-header, .e-ntouch.e-datepicker .e-week-header:hover {
    border-bottom: 1px solid transparent
}

.e-datepicker .e-week-header, .e-ntouch.e-datepicker .e-week-header:hover {
    background: #ececec
}

.e-datepicker .e-week-header, .e-ntouch.e-datepicker .e-week-header:hover {
    color: #333
}

.e-ntouch.e-datepicker table td:hover, .e-datepicker td.e-state-hover, .e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover {
    border-color: #c8c8c8;
    box-shadow: 0 0 0 transparent inset
}

.e-ntouch.e-datepicker table td:hover, .e-datepicker td.e-state-hover, .e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover {
    background: #86cbea
}

.e-ntouch.e-datepicker table td:hover, .e-datepicker td.e-state-hover, .e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover {
    color: #282827;
    border-radius: 4px
}

.e-datepicker table td.e-weeknumber, .e-datepicker table td.e-weeknumber:hover {
    background: transparent
}

.e-ntouch.e-datepicker table td.e-disable:hover, .e-ntouch.e-datepicker table td.e-hidedate:hover {
    background: none;
    border-color: none
}

.e-ntouch.e-datepicker table td.e-disable:hover, .e-ntouch.e-datepicker table td.e-hidedate:hover {
    color: #bfbfbf
}

.e-datepicker .e-datepicker-days .e-selected-days {
    border-radius: 0;
    box-shadow: 0 0 0 transparent inset;
    color: #fff
}

.e-datepicker .e-datepicker-days .e-selected-days {
    background: #179bd7
}

.e-work-week .e-week-day, .e-selected-week, .e-selected-month {
    background-color: #ececec;
    color: #333
}

.e-datepicker .e-header .e-icon {
    color: #282827
}

.e-ntouch.e-datepicker .e-header .e-prev.e-disable .e-arrow-sans-left:hover, .e-ntouch.e-datepicker .e-header .e-next.e-disable .e-arrow-sans-right:hover {
    background-color: transparent
}

.e-ntouch.e-datepicker .e-arrow-sans-left:hover, .e-ntouch.e-datepicker .e-arrow-sans-right:hover {
    border-color: #c8c8c8
}

.e-ntouch.e-datepicker .e-arrow-sans-left:hover, .e-ntouch.e-datepicker .e-arrow-sans-right:hover {
    background-color: #86cbea;
    border-radius: 4px 4px 4px 4px
}

.e-ntouch.e-datepicker .e-disable.e-arrow-sans-left:hover, .e-ntouch.e-datepicker .e-disable.e-arrow-sans-right:hover {
    background: none;
    border-radius: 0;
    cursor: default;
    border-color: #c8c8c8
}

.e-datepicker .e-state-default {
    color: #333;
    font-weight: normal
}

.e-datepicker .today {
    color: #333;
    background-color: #ececec;
    border-radius: 4px
}

.e-datepicker .other-month.e-active {
    background: none
}

.e-datepicker .e-active, .e-datepicker .e-active:hover, .e-datepicker .e-active.e-state-hover {
    box-shadow: 0 0 0 transparent inset;
    color: #fff;
    border-color: #c8c8c8
}

    .e-datepicker .e-active, .e-datepicker .e-active:hover, .e-datepicker .e-active.e-state-hover {
        background: #179bd7
    }

        .e-datepicker .e-active, .e-datepicker .e-active:hover, .e-datepicker .e-active.e-state-hover {
            border-radius: 4px
        }

.e-ntouch.e-datepicker table td.other-month:hover, .e-ntouch.e-datepicker .e-allyear-first:hover, .e-ntouch.e-datepicker .e-allyear-last:hover, .e-ntouch.e-datepicker .e-year-first:hover, .e-ntouch.e-datepicker .e-year-last:hover {
    background-color: transparent;
    border-color: #c8c8c8
}

.e-ntouch.e-datepicker.e-popup.e-disable .e-footer:hover {
    background: none;
    color: #333;
    border: 1px solid transparent
}

.e-ntouch.e-datepicker.e-popup.e-disable table td:hover, .e-datepicker.e-popup.e-disable td.e-state-hover, .e-ntouch.e-datepicker.e-popup.e-disable .current-month.e-state-default.e-special-day:hover {
    background: none;
    color: #333;
    font-weight: normal;
    border-radius: 0;
    border-color: #c8c8c8
}

.e-ntouch.e-datepicker.e-popup.e-disable .e-arrow-sans-left:hover, .e-ntouch.e-datepicker.e-popup.e-disable .e-arrow-sans-right:hover {
    background: none;
    border-radius: 0;
    border-color: #c8c8c8
}

.e-ntouch.e-datepicker.e-popup.e-disable table td.e-disable:hover, .e-ntouch.e-datepicker.e-popup.e-disable table td.e-hidedate:hover, .e-ntouch.e-datepicker.e-popup.e-disable .e-disable.e-select:hover, .e-ntouch.e-datepicker.e-popup.e-disable .e-hidedate.e-select:hover {
    background: none;
    border-color: none;
    color: #bfbfbf
}

.e-ntouch.e-datepicker.e-popup.e-disable table td.other-month:hover, .e-ntouch.e-datepicker.e-popup.e-disable .e-allyear-first:hover, .e-ntouch.e-datepicker.e-popup.e-disable .e-allyear-last:hover, .e-ntouch.e-datepicker.e-popup.e-disable .e-year-first:hover, .e-ntouch.e-datepicker.e-popup.e-disable .e-year-last:hover {
    color: #fcfcfc
}

.e-ntouch.e-datepicker .e-datepicker-headertext:hover {
    background: #86cbea
}

.e-ntouch.e-datepicker.e-disable .e-datepicker-headertext:hover {
    background: none
}

.e-datepicker::-webkit-input-placeholder {
    color: #333
}

.e-datepicker:-ms-input-placeholder {
    color: #333
}

.e-datepicker::-moz-placeholder {
    color: #333
}

.e-datepicker:-moz-placeholder {
    color: #333
}

.e-datewidget.e-disable {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
    opacity: 1
}

    .e-datewidget .e-select.e-disable, .e-datewidget.e-disable .e-select:hover, .e-ntouch.e-datewidget .e-disable.e-select:hover {
        background-color: #d6d7d7
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-datetime-wrap .e-input, .e-datetime-popup {
    background-color: #fff;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-weight: normal
}

.e-datetime-wrap .e-input, .e-datetime-popup {
    color: #333
}

    .e-datetime-wrap .e-in-wrap, .e-datetime-popup, .e-datetime-popup .e-timecontainer .e-header {
        border-color: #c8c8c8
    }

        .e-datetime-wrap.e-focus .e-in-wrap, .e-datetime-popup .e-focus {
            box-shadow: 0 0 2px #cbcbcb
        }

.e-datetime-wrap .e-select, .e-datetime-wrap.e-rtl .e-select, .e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
    border-color: #c8c8c8
}

.e-datetime-wrap .e-select, .e-datetime-wrap.e-rtl .e-select, .e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
    background: #ececec
}

.e-datetime-wrap .e-select, .e-datetime-wrap.e-rtl .e-select, .e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
    color: #686969
}

.e-ntouch.e-datetime-wrap .e-select:hover {
    color: #282827
}

.e-ntouch.e-datetime-wrap .e-select:hover {
    background: #86cbea
}

.e-datetime-popup .e-dt-button {
    border: 1px solid #c8c8c8;
    color: #333
}

.e-datetime-popup .e-dt-button {
    background: #ececec
}

    .e-datetime-popup .e-dt-button:active {
        border-color: #c8c8c8;
        color: #333
    }

    .e-datetime-popup .e-dt-button:active {
        background: #179bd7
    }

.e-ntouch.e-datetime-popup .e-dt-button:hover {
    color: #282827;
    border-color: #c8c8c8
}

.e-ntouch.e-datetime-popup .e-dt-button:hover {
    background: #86cbea
}

.e-timepicker.e-time-hours, .e-timepicker.e-time-minitues {
    border-color: #c8c8c8;
    background-color: #fff
}

.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header, .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header, .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am, .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
    font-size: 16px;
    font-weight: normal
}

.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header, .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header, .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am, .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
    color: #282827
}

    .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header:hover > span, .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header:hover > span, .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am:hover > span, .e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm:hover > span {
        color: #282827
    }

.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header {
    background: #fcfcfc
}

.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header {
    border-bottom: 1px solid #c8c8c8
}

.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm > .e-text {
    border-top: 1px solid #c8c8c8
}

.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon {
    color: #282827
}

.e-timepicker table td.e-active::before, .e-timepicker table td.e-active.e-state-hover::before {
    border-color: #c8c8c8
}

.e-timepicker table td.e-active, .e-timepicker table td.e-active.e-state-hover {
    color: #fff;
    border-color: #c8c8c8;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent inset
}

    .e-timepicker table td.e-active, .e-timepicker table td.e-active.e-state-hover {
        background: #179bd7
    }

.e-timepicker .e-state-default {
    font-weight: normal
}

.e-timepicker .e-state-default {
    color: #333
}

.e-ntouch.e-timepicker table td:hover::before, .e-timepicker table td.e-state-hover::before {
    border-color: #c8c8c8
}

.e-ntouch.e-timepicker table td:hover::before, .e-timepicker table td.e-state-hover::before {
    background: #86cbea
}

.e-ntouch.e-timepicker table td:hover, .e-timepicker table td.e-state-hover {
    color: #282827;
    border-color: #c8c8c8;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent inset
}

.e-ntouch.e-timepicker table td:hover, .e-timepicker table td.e-state-hover {
    background: #86cbea
}

.e-ntouch.e-timepicker .e-hours-headertext:hover, .e-ntouch.e-timepicker .e-minitues-headertext:hover {
    background: #86cbea
}

.e-timepicker .e-footer {
    border: 1px solid transparent;
    color: #333
}

.e-ntouch.e-timepicker .e-footer:hover {
    color: #282827;
    border: 1px solid #c8c8c8
}

.e-ntouch.e-timepicker .e-footer:hover {
    background: #86cbea
}

.e-timepicker table td.e-disable {
    color: #bfbfbf
}

.e-ntouch.e-timepicker table td.e-disable:hover {
    background: none;
    border-color: none;
    color: #bfbfbf
}

.e-ntouch.e-timepicker .e-arrow-sans-left:hover, .e-ntouch.e-timepicker .e-arrow-sans-right:hover {
    background-color: #86cbea;
    border-radius: 4px 4px 4px 4px;
    border-color: #c8c8c8
}

.e-ntouch.e-timepicker .e-disable.e-arrow-sans-left:hover, .e-ntouch.e-timepicker .e-disable.e-arrow-sans-right:hover {
    border-color: #c8c8c8
}

.e-ntouch.e-timepicker.e-popup.e-disable table td:hover, .e-timepicker.e-popup.e-disable td.e-state-hover {
    background: none;
    color: #333;
    font-weight: normal;
    border-radius: 0;
    border-color: #c8c8c8
}

.e-ntouch.e-timepicker.e-popup.e-disable .e-arrow-sans-left:hover, .e-ntouch.e-timepicker.e-popup.e-disable .e-arrow-sans-right:hover {
    border-color: #c8c8c8
}

.e-ntouch.e-timepicker.e-popup.e-disable .e-footer:hover {
    background: none;
    color: #333;
    border: 1px solid transparent
}

@keyframes flatshadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255,64,129,.5);
        border-color: rgba(255,64,129,.5)
    }

    100% {
        box-shadow: 0 0 0 200px rgba(255,64,129,0)
    }
}

.e-datetime-wrap.e-disable {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
    opacity: 1
}

.e-datetime-wrap .e-select.e-disable, .e-datetime-wrap .e-select.e-disable:hover, .e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
    background-color: #d6d7d7
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-daterangepicker-popup {
    background-color: #fff;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-weight: normal;
    color: #333
}

.e-daterangepicker-popup {
    border: 1px solid #c8c8c8
}

.e-daterangewidget .e-input {
    background-color: #fff;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-weight: normal
}

.e-daterangewidget .e-input {
    color: #333
}

.e-daterangewidget .e-in-wrap, .e-daterangepicker-popup {
    border-color: #c8c8c8
}

.e-daterangewidget.e-focus .e-in-wrap, .e-daterangewidget .e-focus {
    box-shadow: 0 0 2px #cbcbcb
}

.e-daterangewidget .e-select, .e-daterangewidget .e-drpbuttons .e-disable:hover, .e-ntouch.e-daterangewidget .e-disable.e-select:hover {
    border-color: #c8c8c8
}

.e-daterangewidget .e-select, .e-daterangewidget .e-drpbuttons .e-disable:hover, .e-ntouch.e-daterangewidget .e-disable.e-select:hover {
    background: #ececec
}

.e-daterangewidget .e-select, .e-daterangewidget .e-drpbuttons .e-disable:hover, .e-ntouch.e-daterangewidget .e-disable.e-select:hover {
    background-color: #fff;
    color: #686969
}

.e-ntouch.e-daterangewidget .e-select:hover {
    color: #282827
}

.e-ntouch.e-daterangewidget .e-select:hover {
    background: #86cbea
}

.e-daterangepicker-popup .e-custom-dateranges {
    border-left: 1px solid #c8c8c8
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.e-hidedate:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-state-hover.e-hidedate, .e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-days .e-state-default.in-range:hover.e-hidedate, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date.e-hidedate:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date.e-hidedate:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date.e-hidedate:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-start-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-end-date, .e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-hidedate:hover {
    background: none
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.e-hidedate:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-state-hover.e-hidedate, .e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-days .e-state-default.in-range:hover.e-hidedate, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date.e-hidedate:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date.e-hidedate:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date.e-hidedate:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-start-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-end-date, .e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-hidedate:hover {
    color: #bfbfbf
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-state-hover, .e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-days .e-state-default.in-range:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date.e-active:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date.e-active:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date:hover, .e-daterangepicker-popup .e-ntouch.e-datepicker table td:hover {
    background: #86cbea;
    color: #282827
}

.e-daterangepicker-popup .e-datepicker .e-active::before, .e-datepicker .e-active .e-state-hover::before, .e-daterangepicker-popup .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default, .e-daterangepicker-popup .e-datepicker table td::before, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default {
    top: 0;
    padding-top: 0
}

    .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-start-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-end-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-end-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-end-date {
        color: #fff
    }

    .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-start-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-end-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-end-date, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-end-date {
        background: #179bd7
    }

.e-daterangepicker-popup .e-val-error .e-in-wrap {
    border: 1px solid #f00
}

.e-daterangepicker-popup .e-drpbuttons .e-drp-apply.e-disable {
    cursor: default
}

.e-custom-dateranges li {
    box-shadow: 0 0 5px #ececec;
    background: #fff;
    border: 1px solid #c8c8c8
}

    .e-custom-dateranges li.e-active {
        border-color: #c8c8c8;
        color: #fff
    }

    .e-custom-dateranges li.e-active {
        background: #179bd7
    }

    .e-custom-dateranges li:hover {
        color: #282827;
        border-color: #c8c8c8
    }

    .e-custom-dateranges li:hover {
        background: #86cbea
    }

.e-daterange-responsive .e-custom-dateranges {
    border-top: 1px solid #c8c8c8
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today {
    background: #fff;
    color: #333
}

    .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today:hover {
        background: #86cbea;
        color: #282827
    }

    .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover:hover, .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today:hover {
        border-radius: 4px
    }

.e-daterangepicker-popup .e-custom-dateranges li:hover {
    background-color: #179bd7;
    color: #282827
}

.e-daterangepicker-popup .e-custom-dateranges li:hover {
    background: #86cbea
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range {
    color: #333;
    border-color: #c8c8c8
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range {
    background: #ececec;
    background: #f4f4f4;
    box-shadow: 0 0 0 transparent inset
}

.e-daterangepicker-popup .e-drpbuttons {
    border-top: 1px solid #c8c8c8;
    border-color: #c8c8c8;
    color: #333
}

.e-daterangepicker-popup .e-drpbuttons {
    background: #ececec
}

    .e-daterangepicker-popup .e-drpbuttons div {
        color: #333;
        border-color: #c8c8c8
    }

    .e-daterangepicker-popup .e-drpbuttons div {
        background: #ececec
    }

        .e-daterangepicker-popup .e-drpbuttons div:hover {
            color: #282827;
            border-color: #c8c8c8
        }

        .e-daterangepicker-popup .e-drpbuttons div:hover {
            background: #86cbea
        }

    .e-daterangepicker-popup .e-drpbuttons .e-active {
        border-color: #c8c8c8;
        color: #333
    }

    .e-daterangepicker-popup .e-drpbuttons .e-active {
        background: #179bd7
    }

.e-daterangepicker-popup .e-datewidget.e-error .e-in-wrap {
    border-color: #c8c8c8
}

.e-daterangepicker-popup .e-datewidget.e-error {
    color: #fff
}

@keyframes flatshadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255,64,129,.5);
        border-color: rgba(255,64,129,.5)
    }

    100% {
        box-shadow: 0 0 0 200px rgba(255,64,129,0)
    }
}

.e-daterangewidget.e-disable {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
    opacity: 1
}

    .e-daterangewidget .e-select.e-disable, .e-daterangewidget.e-disable .e-select:hover, .e-ntouch.e-daterangewidget .e-disable.e-select:hover {
        background-color: #d6d7d7
    }

.e-daterange-responsive .e-drpbuttons {
    background-color: transparent
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.svg-rotate-ie {
    cursor: url("../common-images/diagram/Rotate.cur"),default
}

.svg-rotate {
    cursor: url("../common-images/diagram/Rotate.cur"),default
}

.sf-d-menuitem {
    background-image: url("../common-images/diagram/diagram_context.png");
    background-repeat: no-repeat;
    height: 25px;
    width: 25px
}

    .sf-d-menuitem.hover {
        background-image: url("../common-images/diagram/diagram_context.png")
    }

    .sf-d-menuitem.cut {
        background-position: 2px -290px
    }

    .sf-d-menuitem.copy {
        background-position: 2px -264px
    }

    .sf-d-menuitem.paste {
        background-position: 2px -238px
    }

    .sf-d-menuitem.undo {
        background-position: 2px -186px
    }

    .sf-d-menuitem.redo {
        background-position: 2px -213px
    }

    .sf-d-menuitem.selectAll {
        background-position: 2px -160px
    }

    .sf-d-menuitem.group {
        background-position: 2px -31px
    }

    .sf-d-menuitem.ungroup {
        background-position: 2px -4px
    }

    .sf-d-menuitem.bringToFront {
        background-position: 2px -134px
    }

    .sf-d-menuitem.sendToBack {
        background-position: 2px -108px
    }

    .sf-d-menuitem.moveForward {
        background-position: 2px -82px
    }

    .sf-d-menuitem.sendBackward {
        background-position: 2px -56px
    }

    .sf-d-menuitem.grouping {
        background-image: none
    }

    .sf-d-menuitem.order {
        background-image: none
    }

.e-diagram-tooltip-default {
    width: 200px;
    background-color: #f7eebc;
    border: 1px solid #ddb654;
    z-index: 100000;
    position: absolute;
    text-align: center;
    border-radius: 3px 3px;
    pointer-events: none
}

.e-diagram-tooltipLabel-default {
    font-weight: normal;
    pointer-events: none;
    white-space: pre
}

.e-datavisualization-diagram {
    overflow: hidden;
    outline: none;
    display: block
}

    .e-datavisualization-diagram svg {
        position: absolute
    }

    .e-datavisualization-diagram .drawing {
        position: relative
    }

    .e-datavisualization-diagram .edit {
        position: absolute;
        word-wrap: break-word;
        white-space: pre-wrap
    }

        .e-datavisualization-diagram .edit textarea {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border: 1px dashed #9cf;
            outline: none;
            resize: none;
            padding: 2px
        }

    .e-datavisualization-diagram .e-vscrollbar {
        float: right
    }

    .e-datavisualization-diagram .e-hscrollbar {
        text-align: left
    }

.e-scrollbar .e-vhandlespace, .e-scrollbar .e-hhandlespace {
    position: relative;
    background-color: #fafafa
}

.e-datavisualization-diagram.e-js .sf-diagram_overlap {
    background-color: #fcfcfc
}

.e-datavisualization-diagram.e-js .sf-diagram_hRuler, .e-datavisualization-diagram.e-js .sf-diagram_vRuler {
    background-color: #fcfcfc
}

.sf-diagram_hRuler.e-datavisualization-ejruler.e-js .ej-ruler-space {
    background-color: #fcfcfc
}

.sf-diagram_hRuler.e-datavisualization-ejruler.e-js .ej-ruler-tick {
    stroke: #666
}

.sf-diagram_hRuler.e-datavisualization-ejruler.e-js .ej-ruler-tick-label {
    font-size: 9px;
    fill: #333
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-dialog.e-dialog-wrap {
    background: #fff;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-dialog .e-dialog-icon:hover {
    border-image: initial;
    border-color: #c8c8c8
}

.e-dialog .e-dialog-icon:hover {
    background: #86cbea
}

.e-dialog-modal {
    overflow: hidden
}

.e-dialog.e-disable .e-dialog-icon:hover {
    background: transparent
}

.e-dialog .e-dialog-icon:before {
    line-height: 1.5
}

.e-dialog .e-dialog-icon:before {
    color: #232323
}

.e-dialog > .e-header {
    color: #282827;
    font-weight: normal;
    font-size: 16px;
    border: 1px solid #c8c8c8;
    border-bottom: 3px solid #179bd7
}

.e-dialog > .e-header {
    background: #fcfcfc
}

.e-dialog.e-widget-content {
    background: #fff;
    color: #333;
    font-size: 14px
}

    .e-dialog.e-widget-content.e-load {
        background-image: url(images/ajax-loader.gif);
        background-position: center;
        background-repeat: no-repeat
    }

.e-overlay {
    background-color: #383838
}

.e-dialog > .e-dialog-scroller {
    border: 1px solid #c8c8c8;
    border-top: none
}

.e-dialog .e-dialog-icon:hover:before {
    color: #282827
}

.e-dialog > .e-footerbar {
    position: relative;
    background: #fff
}

.e-dialog > .e-footerbar {
    height: 40px;
    border: 1px solid #c8c8c8;
    border-top: none
}

    .e-dialog > .e-footerbar > .e-icon.e-resize-handle.e-resizable.e-js {
        position: absolute;
        cursor: se-resize;
        bottom: 0;
        right: 0
    }

.e-corner.e-dialog > .e-footerbar {
    border-radius: 0 0 3px 3px
}

.e-corner .e-dialog-content {
    border-radius: 3px
}

.e-corner .e-dialog-bottom {
    border-radius: 0 0 3px 3px
}

.e-corner .e-dialog-top {
    border-radius: 3px 3px 0 0
}

.e-dialog .e-scrollbar .e-icon {
    display: block
}

.e-dialog .e-scrollbar .e-icon {
    display: block
}

.e-dialog .e-draggable {
    touch-action: none
}

.e-dialog.e-widget-content .e-pager .e-firstpage, .e-dialog.e-widget-content .e-pager .e-prevpage, .e-dialog.e-widget-content .e-pager .e-firstpagedisabled, .e-dialog.e-widget-content .e-pager .e-prevpagedisabled, .e-dialog.e-widget-content .e-pager .e-nextpage, .e-dialog.e-widget-content .e-pager .e-lastpage, .e-dialog.e-widget-content .e-pager .e-nextpagedisabled, .e-dialog.e-widget-content .e-pager .e-lastpagedisabled {
    padding: 9px 3px 1px 9px
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-atc .e-in-wrap, .e-atc .e-input, .e-atc-popup, .e-atc .e-options {
    background-color: #fff;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-atc .e-in-wrap, .e-atc .e-input, .e-atc-popup, .e-atc .e-options {
    color: #333;
    font-size: 14px;
    font-weight: normal
}

.e-ddl .e-input, .e-ddl .e-input[readonly], .e-ddl-popup, .e-ddl .e-options {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px;
    font-weight: normal;
    cursor: default
}

    .e-ddl .e-input, .e-ddl .e-input[readonly], .e-ddl-popup, .e-ddl .e-options {
        color: #333;
        background-color: #fff
    }

        .e-ddl .e-in-wrap, .e-ddl-popup, .e-ddl .e-options, .e-ddl-popup .e-atc.e-search {
            border-color: #c8c8c8
        }

            .e-ddl .e-options.e-active {
                background-color: #179bd7;
                color: #fff;
                border-color: #179bd7
            }

.e-ddl .e-boxes {
    background-color: #fff
}

.e-ddl.e-focus .e-in-wrap {
    box-shadow: 0 0 2px #cbcbcb
}

.e-ddl .e-input.e-watermark {
    color: #d2d1d1 !important;
    font-style: italic
}

.e-ddl-popup .e-hover {
    color: #282827
}

.e-ddl-popup .e-hover {
    background: #86cbea
}

.e-ddl .e-select:hover, .e-ddl.e-rtl .e-select:hover {
    color: #282827;
    border-color: #c8c8c8
}

.e-ddl .e-select:hover, .e-ddl.e-rtl .e-select:hover {
    background: #86cbea
}

.e-ddl-popup .e-active {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255,255,255,.3)
}

.e-ddl-popup .e-active {
    color: #fff
}

.e-ddl-popup .e-active {
    background: #179bd7
}

.e-ddl .e-select, .e-ddl.e-rtl .e-select, .e-ddl .e-disable.e-select:hover {
    color: #686969;
    border-color: #c8c8c8
}

.e-ddl .e-select, .e-ddl.e-rtl .e-select, .e-ddl .e-disable.e-select:hover {
    background: #ececec
}

    .e-ddl .e-select.e-load {
        background-image: url(images/ajax-loader.gif);
        background-position: center center;
        background-repeat: no-repeat
    }

.e-ddl-popup .e-resize-handle {
    cursor: se-resize;
    float: right;
    padding: 4px 3px 0 0;
    margin-right: 2px
}

    .e-ddl-popup .e-resize-handle.e-rtl-resize {
        float: left;
        cursor: sw-resize;
        transform: rotate(90deg);
        padding: 3px 0 0 3px
    }

.e-ddl-popup .e-resizebar {
    border-top: 1px solid #fff;
    height: 20px;
    width: auto;
    display: block
}

.e-ddl-popup .e-resizebar {
    background: #ececec
}

.e-ddl-popup .e-atc.e-search .e-search:before, .e-ddl-popup .e-atc.e-search .e-cross-circle:before {
    color: #c8c8c8
}

.e-ddl-popup .e-checkwrap.e-check-act, .e-ddl-popup .e-checkwrap:hover {
    border: 1px solid #c8c8c8
}

.e-ddl-popup .e-checkwrap {
    background-color: #fff
}

.e-ddl-popup .e-checkwrap {
    border-radius: none
}

.e-ddl-popup .e-checkwrap {
    border: 1px solid #c8c8c8
}

.e-ddl-popup .e-check-act {
    color: #179bd7
}

.e-dropdownlist::-webkit-input-placeholder {
    color: #333
}

.e-dropdownlist:-ms-input-placeholder {
    color: #333
}

.e-dropdownlist::-moz-placeholder {
    color: #333
}

.e-dropdownlist:-moz-placeholder {
    color: #333
}

.e-ddl.e-widget .e-in-wrap.e-disable {
    border-color: #e3e3e3;
    background-color: #f5f5f5;
    opacity: initial
}

.e-ddl.e-widget .e-input.e-disable {
    background: #f5f5f5
}

.e-ddl.e-widget .e-select.e-disable {
    background: #d6d7d7;
    border-color: #e3e3e3
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-tooltip-wrap {
    border-radius: none
}

.e-tooltip-wrap {
    border: 1px solid #c8c8c8;
    background-color: #fff
}

    .e-tooltip-wrap .e-arrowTipOuter {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        left: 0;
        top: 0;
        position: absolute
    }

    .e-tooltip-wrap .e-arrowTipOuter {
        border-top: 10px solid #c8c8c8
    }

    .e-tooltip-wrap .e-arrowTipInner {
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        left: 1px;
        top: 0;
        position: absolute
    }

    .e-tooltip-wrap .e-arrowTipInner {
        border-top: 9px solid #fff
    }

.e-def {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    line-height: 18px
}

.e-def {
    font-size: 12px;
    color: #333
}

.e-tooltip-wrap .e-tipContainer .e-tooltipHeader {
    background: none repeat scroll 0 0 #fcfcfc;
    border-bottom: 3px solid #179bd7
}

    .e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:before {
        color: #282827
    }

    .e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover {
        color: #282827;
        border-color: #c8c8c8
    }

    .e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover {
        background: #86cbea
    }

.e-tooltip-wrap .e-cross-circle:hover {
    color: #282827;
    border-color: #c8c8c8
}

.e-tooltip-wrap .e-cross-circle:hover {
    background: #86cbea
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-listbox .e-select {
    border-color: #179bd7;
    color: #fff
}

.e-listbox .e-select {
    background: #179bd7
}

.e-listbox .e-active {
    color: #fff;
    border-color: #86cbea
}

.e-listbox .e-active {
    background: #86cbea
}

.e-listbox .e-hover {
    color: #282827
}

.e-listbox .e-hover {
    background: #86cbea
}

.e-dragClonelist {
    background: #179bd7;
    color: #fff;
    opacity: .5;
    text-align: center
}

.e-wrap .e-listbox li {
    word-break: break-all
}

.e-wrap .e-listbox li {
    padding-left: 10px !important
}

.e-nowrap .e-listbox li {
    padding-left: 10px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.e-ddl-popup.e-load {
    background-image: url(images/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat
}

.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-inact, .e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-act {
    top: 2px
}

.e-ddl-popup div > .e-ul .e-ghead {
    font-weight: bold;
    border-bottom: 1px solid #c8c8c8;
    display: block;
    margin: 2px 2px 2px 0;
    position: relative;
    padding-bottom: 5px;
    padding-left: .857em
}

.e-ddl-popup.e-js {
    max-height: inherit;
    max-width: inherit
}

.e-listbox .e-draggable {
    touch-action: none
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-lv .e-list-text {
    font-size: 12px;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-lv .e-list {
    border-bottom: 1px solid #c8c8c8;
    font-size: 12px
}

    .e-lv .e-list .e-chevron-right_01.e-fontimage:before {
        color: #686969
    }

    .e-lv .e-list.e-state-default {
        background-color: #fff;
        border-color: #c8c8c8
    }

        .e-lv .e-list.e-state-default > .e-chevron-right_01 .e-list-text {
            color: #333
        }

        .e-lv .e-list.e-state-default:hover {
            color: #282827
        }

        .e-lv .e-list.e-state-default:hover {
            background: #86cbea
        }

            .e-lv .e-list.e-state-default:hover > .e-chevron-right_01 .e-list-text {
                color: #282827
            }

    .e-lv .e-list:hover > .e-chevron-right_01.e-fontimage:before {
        color: #282827
    }

    .e-lv .e-list .e-chevron-right_01:hover {
        color: #282827
    }

    .e-lv .e-list.e-state-active {
        color: #fff
    }

    .e-lv .e-list.e-state-active {
        background: #179bd7
    }

        .e-lv .e-list.e-state-active .e-chevron-right_01 .e-list-text {
            color: #fff
        }

        .e-lv .e-list.e-state-active > .e-chevron-right_01.e-fontimage:before {
            color: #fff
        }

.e-lv-inputdiv .e-lv-input {
    border: 1px solid #c8c8c8;
    border-radius: 7px;
    font-size: 14px
}

.e-lv .e-header {
    color: #282827;
    border: 1px solid #c8c8c8;
    border-bottom: 3px solid #179bd7
}

.e-lv .e-header {
    background: #fcfcfc
}

.e-lv.e-parentlv > .e-lv .e-list-container {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8
}

.e-lv.e-parentlv > .e-lv.subpage {
    border: none
}

.e-nb .e-lv .subpage .e-content {
    float: none
}

.e-lv > .e-header:hover > .e-icon:before {
    color: #282827
}

.e-lv > .e-header > .e-icon:before, .e-lv > .e-header > .e-icon:hover:before {
    color: #232323
}

.e-lv .e-list .e-lv-checkdiv.e-template-checkmark, .e-lv .e-template-list .e-list-check div {
    float: none;
    vertical-align: middle;
    display: table-cell
}

.e-lv .e-template-list .e-list-check div {
    vertical-align: initial
}

.e-lv .e-template-list .e-list-check {
    display: table
}

.e-list-container .e-load {
    background-image: url(images/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat
}

.e-lv .e-list-container .e-chkbox-wrap .e-chkbox-small > span {
    top: 2px
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-numeric, .e-percent, .e-currency, .e-mask {
    background-color: #fff
}

    .e-numeric.e-disable-wrap .e-in-wrap, .e-percent.e-disable-wrap .e-in-wrap, .e-currency.e-disable-wrap .e-in-wrap, .e-mask.e-disable-wrap .e-in-wrap {
        border-color: #e3e3e3
    }

    .e-mask.e-disable-wrap .e-placeholder {
        background-color: transparent
    }

    .e-numeric.e-disable-wrap:hover .e-in-wrap, .e-percent.e-disable-wrap:hover .e-in-wrap, .e-currency.e-disable-wrap:hover .e-in-wrap, .e-mask.e-disable-wrap:hover .e-in-wrap {
        box-shadow: none
    }

    .e-numeric.e-disable-wrap:hover .e-in-wrap, .e-percent.e-disable-wrap:hover .e-in-wrap, .e-currency.e-disable-wrap:hover .e-in-wrap, .e-mask.e-disable-wrap:hover .e-in-wrap {
        border-color: #c8c8c8
    }

        .e-numeric.e-disable-wrap:hover .e-in-wrap input.e-input, .e-percent.e-disable-wrap:hover .e-in-wrap input.e-input, .e-currency.e-disable-wrap:hover .e-in-wrap input.e-input, .e-mask.e-disable-wrap:hover .e-in-wrap input.e-input {
            box-shadow: none
        }

    .e-numeric .e-in-wrap, .e-percent .e-in-wrap, .e-currency .e-in-wrap, .e-mask .e-in-wrap {
        border-color: #c8c8c8
    }

.e-widget .e-select.e-disable .e-spin .e-icon, .e-widget .e-select.e-disable .e-spin {
    cursor: default
}

    .e-widget .e-select.e-disable .e-spin .e-icon, .e-widget .e-select.e-disable .e-spin {
        background-color: #d6d7d7
    }

.e-numeric .e-input, .e-percent .e-input, .e-currency .e-input, .e-mask .e-input {
    color: #333;
    background-color: #fff
}

.e-numeric.e-focus .e-in-wrap, .e-percent.e-focus .e-in-wrap, .e-currency.e-focus .e-in-wrap, .e-mask.e-focus .e-in-wrap {
    box-shadow: 0 0 2px #cbcbcb
}

.e-numeric .e-input.e-error, .e-percent .e-input.e-error, .e-currency .e-input.e-error, .e-mask.e-error, .e-mask .e-error {
    color: #cd0a0a
}

    .e-numeric.e-error .e-in-wrap, .e-percent.e-error .e-in-wrap, .e-currency.e-error .e-in-wrap, .e-mask.e-error .e-in-wrap {
        border-color: #ee2924
    }

.e-numeric.e-disable-wrap, .e-percent.e-disable-wrap, .e-currency.e-disable-wrap, .e-mask.e-disable-wrap {
    background-color: #f5f5f5
}

.e-numeric .e-watermark, .e-percent .e-watermark, .e-currency .e-watermark, .e-mask .e-watermark {
    color: #d2d1d1
}

.e-widget .e-input.e-placeholder {
    color: #333
}

.e-numeric .e-select, .e-numeric.e-rtl .e-select, .e-numeric .e-disable.e-select:hover, .e-percent .e-select, .e-percent.e-rtl .e-select, .e-percent .e-disable.e-select:hover, .e-currency .e-select, .e-currency.e-rtl .e-select, .e-currency .e-disable.e-select:hover {
    border-color: #c8c8c8;
    color: #686969
}

.e-numeric .e-select, .e-numeric.e-rtl .e-select, .e-numeric .e-disable.e-select:hover, .e-percent .e-select, .e-percent.e-rtl .e-select, .e-percent .e-disable.e-select:hover, .e-currency .e-select, .e-currency.e-rtl .e-select, .e-currency .e-disable.e-select:hover {
    background: #ececec
}

    .e-numeric .e-select:hover, .e-percent .e-select:hover, .e-currency .e-select:hover {
        border-color: #c8c8c8;
        color: #282827
    }

    .e-numeric .e-select:hover, .e-percent .e-select:hover, .e-currency .e-select:hover {
        background: #86cbea
    }

    .e-numeric .e-select .e-spin-up.e-active, .e-numeric .e-select .e-spin-down.e-active, .e-percent .e-select .e-spin-up.e-active, .e-percent .e-select .e-spin-down.e-active, .e-currency .e-select .e-spin-up.e-active, .e-currency .e-select .e-spin-down.e-active {
        border-color: #c8c8c8;
        color: #fff
    }

    .e-numeric .e-select .e-spin-up.e-active, .e-numeric .e-select .e-spin-down.e-active, .e-percent .e-select .e-spin-up.e-active, .e-percent .e-select .e-spin-down.e-active, .e-currency .e-select .e-spin-up.e-active, .e-currency .e-select .e-spin-down.e-active {
        background: #179bd7
    }

.e-numeric .e-icon .e-arrow, .e-percent .e-icon .e-arrow, .e-currency .e-icon .e-arrow {
    border: 0 none transparent
}

.e-input::-webkit-input-placeholder {
    color: #333
}

.e-input:-ms-input-placeholder {
    color: #333
}

.e-input::-moz-placeholder {
    color: #333
}

.e-input:-moz-placeholder {
    color: #333
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-menu.e-separator.e-horizontal > .e-list, .e-menu.e-separator.e-horizontal > .e-list:hover, .e-menu.e-horizontal > .e-separator.e-list, .e-menu.e-horizontal > .e-separator.e-list:hover {
    border-right-color: #c8c8c8
}

.e-menu.e-horizontal .e-list > ul .e-list.e-separator, .e-menu.e-horizontal .e-list > ul .e-list.e-separator:hover, .e-menu.e-vertical .e-list > ul .e-list.e-separator, .e-menu.e-vertical .e-list > ul .e-list.e-separator:hover, .e-menu.e-context .e-list > ul .e-list.e-separator, .e-menu.e-context .e-list > ul .e-list.e-separator:hover, .e-menu.e-separator.e-vertical > .e-list, .e-menu.e-vertical > .e-separator.e-list, .e-menu.e-separator.e-vertical > .e-list:hover, .e-menu.e-vertical > .e-separator.e-list:hover, .e-menu.e-context > .e-separator.e-list, .e-menu.e-context > .e-separator.e-list:hover {
    border-bottom-color: #c8c8c8
}

.e-menu.e-separator.e-rtl.e-horizontal > .e-list, .e-menu.e-rtl.e-horizontal > .e-separator.e-list, .e-menu.e-rtl.e-horizontal > .e-separator.e-list:hover {
    border-left-color: #c8c8c8
}

.e-menu.e-horizontal .e-list > .e-menulink, .e-menu.e-vertical .e-list > .e-menulink, .e-menu.e-context .e-list > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-res-title, .e-menu.e-vertical {
    color: #333
}

    .e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-menu.e-vertical, .e-menu.e-vertical .e-list > ul, .e-menu.e-context, .e-menu.e-context .e-list > ul {
        background: #fff
    }

        .e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-menu.e-vertical, .e-menu.e-vertical .e-list > ul, .e-menu.e-context, .e-menu.e-context .e-list > ul {
            border-color: #c8c8c8
        }

            .e-menu.e-horizontal .e-list > ul {
                background: #fff;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
            }

            .e-menu.e-horizontal .e-list > ul {
                border-color: #c8c8c8
            }

            .e-menu.e-horizontal > .e-list.e-active > span.e-menu-arrow > span.e-arrowMenuOuter {
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                left: 0;
                top: 0;
                border-bottom: 10px solid #86cbea;
                position: absolute
            }

            .e-menu.e-horizontal > .e-list.e-active > span.e-menu-arrow > span.e-arrowMenuInner {
                width: 0;
                height: 0;
                border-left: 9px solid transparent;
                border-right: 9px solid transparent;
                border-bottom: 9px solid #fff;
                left: 1px;
                top: 1px;
                position: absolute
            }

            .e-menu.e-horizontal .e-list:hover, .e-menu.e-vertical .e-list:hover, .e-menu.e-context .e-list:hover {
                border-color: #86cbea
            }

            .e-menu.e-horizontal .e-list:hover, .e-menu.e-vertical .e-list:hover, .e-menu.e-context .e-list:hover {
                background: #86cbea
            }

            .e-menu.e-horizontal .e-list > ul li.e-haschild:hover, .e-menu.e-vertical .e-list > ul li.e-haschild:hover, .e-menu.e-context .e-list > ul li.e-haschild:hover {
                border-color: #86cbea
            }

            .e-menu.e-horizontal .e-list:hover > .e-menulink, .e-menu.e-vertical .e-list:hover > .e-menulink, .e-menu.e-context .e-list:hover > .e-menulink {
                color: #282827
            }

            .e-menu.e-horizontal .e-list.e-active, .e-menu.e-vertical .e-list.e-active, .e-menu.e-context .e-list.e-active {
                color: #fff;
                border-color: #179bd7
            }

            .e-menu.e-horizontal .e-list.e-active, .e-menu.e-vertical .e-list.e-active, .e-menu.e-context .e-list.e-active {
                background: #179bd7
            }

            .e-menu.e-horizontal .e-list > ul li.e-haschild.e-active > .e-menulink, .e-menu.e-vertical .e-list > ul li.e-haschild.e-active > .e-menulink, .e-menu.e-context .e-list > ul li.e-haschild.e-active > .e-menulink {
                border-color: #179bd7;
                color: #fff
            }

            .e-menu.e-horizontal .e-list > ul li.e-haschild.e-active > .e-menulink, .e-menu.e-vertical .e-list > ul li.e-haschild.e-active > .e-menulink, .e-menu.e-context .e-list > ul li.e-haschild.e-active > .e-menulink {
                background: #179bd7
            }

            .e-menu.e-horizontal .e-list.e-active > .e-menulink, .e-menu.e-vertical .e-list.e-active > .e-menulink, .e-menu.e-context .e-list.e-active > .e-menulink, .e-menu.e-horizontal .e-list.e-active:hover, .e-menu.e-vertical .e-list.e-active:hover, .e-menu.e-context .e-list.e-active:hover {
                color: #fff
            }

            .e-menu .e-list > a .e-icon, .e-menu .e-list > span > .e-icon {
                color: #686969
            }

            .e-menu .e-list:hover > a .e-icon, .e-menu .e-list:hover > span > .e-icon {
                color: #282827
            }

            .e-menu .e-list.e-active > a > .e-icon, .e-menu .e-list.e-active > span > .e-icon, .e-menu .e-list.e-active:hover > a > .e-icon, .e-menu .e-list.e-active:hover > span > .e-icon {
                color: #fff
            }

            .e-menu.e-horizontal .e-list.e-disable-item, .e-menu.e-vertical .e-list.e-disable-item, .e-menu.e-context .e-list.e-disable-item {
                background-color: transparent
            }

                .e-menu.e-horizontal .e-list.e-disable-item .e-icon, .e-menu.e-vertical .e-list.e-disable-item .e-icon, .e-menu.e-context .e-list.e-disable-item .e-icon {
                    color: #686969
                }

                .e-menu.e-horizontal .e-list.e-disable-item *, .e-menu.e-vertical .e-list.e-disable-item *, .e-menu.e-context .e-list.e-disable-item * {
                    filter: alpha(opacity=40);
                    opacity: .4
                }

                .e-menu.e-horizontal .e-list.e-disable-item .e-menulink:hover, .e-menu.e-horizontal .e-list.e-disable-item:hover, .e-menu.e-vertical .e-list.e-disable-item .e-menulink:hover, .e-menu.e-vertical .e-list.e-disable-item:hover, .e-menu.e-context .e-list.e-disable-item .e-menulink:hover, .e-menu.e-context .e-list.e-disable-item:hover {
                    background-color: transparent;
                    background-image: none;
                    color: #333;
                    cursor: default
                }

            .e-menu.e-horizontal .e-mhover, .e-menu.e-context .e-mhover, .e-menu.e-vertical .e-mhover, .e-menu.e-horizontal .e-mhover > .e-menulink, .e-menu.e-context .e-mhover > .e-menulink, .e-menu.e-vertical .e-mhover > .e-menulink, .e-menu.e-horizontal .e-mfocused, .e-menu.e-context .e-mfocused, .e-menu.e-vertical .e-mfocused, .e-menu.e-horizontal .e-mfocused > .e-menulink, .e-menu.e-context .e-mfocused > .e-menulink, .e-menu.e-vertical .e-mfocused > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
                color: #282827;
                border-color: #86cbea
            }

                .e-menu.e-horizontal .e-mhover, .e-menu.e-context .e-mhover, .e-menu.e-vertical .e-mhover, .e-menu.e-horizontal .e-mhover > .e-menulink, .e-menu.e-context .e-mhover > .e-menulink, .e-menu.e-vertical .e-mhover > .e-menulink, .e-menu.e-horizontal .e-mfocused, .e-menu.e-context .e-mfocused, .e-menu.e-vertical .e-mfocused, .e-menu.e-horizontal .e-mfocused > .e-menulink, .e-menu.e-context .e-mfocused > .e-menulink, .e-menu.e-vertical .e-mfocused > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
                    background: #86cbea
                }

            .e-menu.e-horizontal .e-active, .e-menu.e-context .e-active, .e-menu.e-vertical .e-active, .e-menu.e-horizontal .e-active > .e-menulink, .e-menu.e-context .e-active > .e-menulink, .e-menu.e-vertical .e-active > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
                color: #fff;
                border-color: #86cbea
            }

                .e-menu.e-horizontal .e-active, .e-menu.e-context .e-active, .e-menu.e-vertical .e-active, .e-menu.e-horizontal .e-active > .e-menulink, .e-menu.e-context .e-active > .e-menulink, .e-menu.e-vertical .e-active > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
                    background: #179bd7
                }

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
    border-color: #86cbea
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
    color: #fff
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
    background: #86cbea
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:active {
    color: #fff;
    border-color: #86cbea
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:active {
    background: #179bd7
}

.e-menu.e-horizontal > .e-list span.e-menu-left {
    display: block
}

.e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-down {
    display: block
}

.e-menu.e-horizontal > .e-ham-wrap {
    background: #fff;
    border-left-color: #c8c8c8
}

    .e-menu.e-horizontal > .e-ham-wrap:hover {
        color: #fff;
        border-color: #86cbea
    }

    .e-menu.e-horizontal > .e-ham-wrap:hover {
        background: #86cbea
    }

    .e-menu.e-horizontal > .e-ham-wrap:active {
        color: #fff;
        border-color: #86cbea
    }

    .e-menu.e-horizontal > .e-ham-wrap:active {
        background: #179bd7
    }

    .e-menu.e-horizontal > .e-ham-wrap > div > .e-hamburger {
        border-top-color: #333;
        border-bottom-color: #333
    }

        .e-menu.e-horizontal > .e-ham-wrap > div > .e-hamburger:before {
            border-top-color: #333
        }

.e-menu-wrap > .e-menu-popwrap {
    border-color: #c8c8c8
}

    .e-menu-wrap > .e-menu-popwrap > .e-menu {
        background-color: #fff
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-progressbar {
    color: #333
}

.e-progressbar {
    background-color: #fff;
    border-color: #c8c8c8
}

    .e-progressbar .e-progress {
        background: #179bd7
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-rating.e-horizontal .e-shape, .e-rating.e-vertical .e-shape, .e-rating.e-horizontal .e-shape-list, .e-rating.e-vertical .e-shape-list, .e-rating.e-horizontal .e-reset, .e-rating.e-vertical .e-reset {
    background: url(images/rating-star.png) no-repeat;
    height: 16px;
    width: 16px
}

.e-rating .e-shape.inactive {
    background-position: 0 -174px
}

.e-rating .e-shape.active {
    background-position: 0 -60px
}

.e-rating .e-shape.selected {
    background-position: 0 -60px
}

.e-rating.e-disable .e-shape, .e-rating.e-disable .e-shape-list, .e-rating.e-disable .e-reset {
    cursor: default
}

.e-rating.e-horizontal .e-reset:hover, .e-rating.e-vertical .e-reset:hover {
    background-position: 0 -30px
}

.e-rating.e-horizontal .e-reset, .e-rating.e-vertical .e-reset, .e-rating.e-disable .e-reset:hover {
    background-position: 0 0;
    margin-left: 2px
}

.e-rating.e-horizontal .e-shape-list, .e-rating.e-vertical .e-shape-list {
    background-position: 0 -174px;
    float: left
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-rotator-wrap :focus {
    outline: 0 none
}

.e-rotator-wrap .e-in-wrap .e-single, .e-rotator-wrap .e-thumb .e-thumb-items li, .e-rotator-wrap .e-in-wrap.e-multiple {
    border-color: #c8c8c8
}

    .e-rotator-wrap .e-thumb .e-thumb-items li:hover {
        border-color: #c8c8c8
    }

    .e-rotator-wrap .e-thumb .e-thumb-items li.e-active, .e-rotator-wrap.e-disable .e-thumb .e-thumb-items li.e-active:hover {
        border-color: #c8c8c8
    }

    .e-rotator-wrap .e-thumb .e-thumb-items li.e-thumbhover {
        border-color: #c8c8c8
    }

.e-rotator-wrap.e-disable .e-thumb .e-thumb-items li:hover, .e-rotator-wrap.e-disable .e-thumb .e-thumb-items li.e-thumbhover {
    border-color: #c8c8c8
}

.e-rotator-wrap .e-inner .e-caption {
    background-color: #fff;
    color: #333
}

.e-rotator-wrap .e-pager-wrap .e-bullet > li:hover {
    border-color: #c8c8c8
}

.e-rotator-wrap .e-pager-wrap .e-bullet > li:hover {
    background-color: #86cbea
}

.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li:hover {
    border-color: #c8c8c8;
    background-color: #ececec
}

.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li {
    cursor: default
}

    .e-rotator-wrap .e-pager-wrap .e-bullet > li.e-active, .e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li.e-active:hover {
        border-color: #c8c8c8;
        background-color: #179bd7
    }

.e-rotator-wrap .e-pager-wrap .e-bullet > li {
    border-color: #c8c8c8
}

.e-rotator-wrap .e-pager-wrap .e-bullet > li {
    background-color: #ececec
}

.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon, .e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon {
    background-image: url(images/rotator-icon.png)
}

    .e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.play {
        background-position: -161px 0
    }

    .e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.pause {
        background-position: -248px 0
    }

    .e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.e-previous {
        background-position: -64px -15px
    }

    .e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.e-next {
        background-position: -109px -15px
    }

    .e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-previous {
        background-position: 8px -18px
    }

    .e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-next {
        background-position: -27px -18px
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-slider.e-widget {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-tooltipbox {
    background-color: #fff;
    border-color: #c8c8c8;
    color: #333
}

.e-slider .e-handle.e-select {
    background-color: #ececec;
    border-color: #c8c8c8
}

.e-slider .e-handle.e-hover {
    background-color: #86cbea;
    border-color: #c8c8c8
}

.e-slider .e-handle.e-focus {
    background-color: #86cbea;
    box-shadow: 0 0 2px #cbcbcb;
    border-color: #179bd7
}

.e-slider .e-range {
    background: #179bd7
}

.e-scale .e-tick {
    background-image: url(images/slider-tick.png)
}

.e-slider-wrap .e-scale .e-tick .e-tick-value {
    color: #333
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-splitter {
    border-color: #c8c8c8
}

    .e-splitter .e-pane {
        background-color: #fff;
        color: #333
    }

    .e-splitter .e-splitbar.e-shadowbar.e-end-indicaton, .e-splitter .e-splitbar .e-end-indicaton {
        background-color: #fef1ec
    }

    .e-splitter .e-splitbar.e-shadowbar {
        background: #179bd7
    }

    .e-splitter .e-splitbar {
        border-color: #c8c8c8
    }

    .e-splitter .e-splitbar {
        background-color: #fff
    }

        .e-splitter .e-splitbar .e-icon {
            color: #686969
        }

        .e-splitter .e-splitbar:hover .e-icon, .e-splitter .e-splitbar.e-hover .e-icon {
            color: #282827
        }

        .e-splitter .e-hover.e-splitbar.e-split-divider, .e-splitter .e-splitbar.e-split-divider:hover {
            background-color: #86cbea;
            border-color: #c8c8c8
        }

        .e-splitter .e-splitbar .e-activebar {
            display: none
        }

        .e-splitter .e-splitbar .e-splitter-h-template {
            cursor: pointer;
            position: fixed;
            top: 30%
        }

        .e-splitter .e-splitbar .e-splitter-v-template {
            cursor: pointer;
            position: fixed;
            left: 49%
        }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-datavisualization-symbolpalette {
    border: 1px solid #c8c8c8;
    outline: transparent none 0;
    text-decoration: none;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px;
    border-radius: 0
}

    .e-datavisualization-symbolpalette .e-scanvas {
        border: 0 solid transparent
    }

    .e-datavisualization-symbolpalette .e-header {
        display: table;
        border: 0 solid transparent;
        border-bottom-width: 1px;
        border-bottom-color: #c8c8c8;
        outline: transparent none 0;
        cursor: pointer;
        color: #333;
        position: relative;
        width: 100%;
        background: #ececec;
        border-radius: 0
    }

    .e-datavisualization-symbolpalette .e-header {
        background: #ececec
    }

    .e-datavisualization-symbolpalette .e-header-text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 1em;
        width: 100%;
        text-align: left;
        font-size: 14px
    }

    .e-datavisualization-symbolpalette .e-header-wrapper {
        padding-left: 2.5em
    }

    .e-datavisualization-symbolpalette .e-header-arrow {
        border: 0 solid transparent;
        height: 16px;
        width: 16px;
        right: 14px;
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        font-size: 17px;
        top: 10px
    }

        .e-datavisualization-symbolpalette .e-header-arrow.expanded:before {
            content: ""
        }

        .e-datavisualization-symbolpalette .e-header-arrow.collapsed:before {
            content: ""
        }

        .e-datavisualization-symbolpalette .e-header-arrow.expanded.selected:before, .e-datavisualization-symbolpalette .e-header-arrow.expanded.hover:before {
            content: ""
        }

        .e-datavisualization-symbolpalette .e-header-arrow.collapsed.selected:before, .e-datavisualization-symbolpalette .e-header-arrow.collapsed.hover:beforess {
            content: ""
        }

    .e-datavisualization-symbolpalette .e-header.collapsed.selected, .e-datavisualization-symbolpalette .e-header.expanded.selected {
        color: #fff
    }

    .e-datavisualization-symbolpalette .e-header.collapsed.selected, .e-datavisualization-symbolpalette .e-header.expanded.selected {
        background: #179bd7
    }

    .e-datavisualization-symbolpalette .e-header.collapsed.hover, .e-datavisualization-symbolpalette .e-header.expanded.hover {
        color: #282827
    }

    .e-datavisualization-symbolpalette .e-header.collapsed.hover, .e-datavisualization-symbolpalette .e-header.expanded.hover {
        background: #86cbea
    }

    .e-datavisualization-symbolpalette .e-header.e-disableclick {
        cursor: default
    }

    .e-datavisualization-symbolpalette .e-scontent {
        display: block;
        border: 0 solid transparent;
        outline-style: none;
        padding: .5em;
        padding-bottom: .6em;
        border-bottom-width: 1px;
        border-bottom-color: #c8c8c8;
        background: transparent;
        overflow: hidden
    }

    .e-datavisualization-symbolpalette .e-anchor {
        overflow: hidden;
        padding: 0;
        border: none;
        display: inline-block;
        color: #787878;
        font-size: 11px;
        font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
        text-align: center;
        outline: transparent none 0;
        background: transparent;
        width: 100%
    }

    .e-datavisualization-symbolpalette .e-paletteItem {
        border: 0 solid transparent;
        float: left;
        padding-right: 3px;
        padding-top: 3px;
        margin: 1px;
        overflow: visible
    }

        .e-datavisualization-symbolpalette .e-paletteItem.hover {
            background: rgba(35,130,195,.4)
        }

        .e-datavisualization-symbolpalette .e-paletteItem.selected {
            background: rgba(35,130,195,.4)
        }

    .e-datavisualization-symbolpalette .e-text-container {
        white-space: nowrap;
        color: #000;
        overflow: hidden
    }

    .e-datavisualization-symbolpalette .e-svg-container {
        display: block;
        position: relative;
        border: 0 solid transparent
    }

        .e-datavisualization-symbolpalette .e-svg-container svg {
            display: inline;
            padding: 1px
        }

[draggable=true] {
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.svg.foreignObject {
    top: 0;
    left: 0;
    position: absolute;
    border: 0 solid transparent;
    display: block
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-tab.e-js.e-widget {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    border: none
}

.e-tab.e-js > .e-header, .e-tab.e-js .e-header > .e-select.e-disable:hover, .e-tab.e-js > .e-left, .e-tab.e-js > .e-right, .e-tab.e-disable .e-select:hover {
    border: none
}

.e-tab.e-js > .e-header, .e-tab.e-js .e-header > .e-select.e-disable:hover, .e-tab.e-js > .e-left, .e-tab.e-js > .e-right, .e-tab.e-disable .e-select:hover {
    background: #fcfcfc
}

.e-tab.e-js > .e-header, .e-tab.e-js .e-header > .e-select.e-disable:hover, .e-tab.e-js > .e-left, .e-tab.e-js > .e-right, .e-tab.e-disable .e-select:hover {
    border: none
}

.e-tab.e-js .e-header > .e-active.e-disable:hover {
    background: transparent
}

    .e-tab.e-js .e-header > .e-active.e-disable:hover a {
        color: #179bd7
    }

.e-tab.e-js .e-header > .e-rtl-bottom-line.e-active {
    padding-top: 1px;
    border-top: transparent
}

.e-tab.e-js .e-header .e-select.e-disable a, .e-tab.e-js.e-disable a {
    cursor: default
}

.e-tab > .e-header {
    border-left: none
}

.e-tab > .e-header {
    border: none
}

.e-tab .e-left {
    border-right: 1px solid #c8c8c8
}

.e-tab .e-right {
    border-left: 1px solid #c8c8c8
}

.e-tab.e-js .e-left .e-item.e-active, .e-tab.e-js .e-left .e-item.e-active:hover {
    outline: 0 none;
    margin-right: -1px
}

    .e-tab.e-js .e-left .e-item.e-active, .e-tab.e-js .e-left .e-item.e-active:hover {
        border-right: transparent
    }

.e-tab.e-js .e-right .e-item.e-active, .e-tab.e-js .e-right .e-item.e-active:hover {
    margin-left: -1px;
    outline: 0 none
}

    .e-tab.e-js .e-right .e-item.e-active, .e-tab.e-js .e-right .e-item.e-active:hover {
        border-left: transparent
    }

.e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active, .e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active:hover {
    border: 1px solid #c8c8c8
}

.e-tab .e-left .e-item.e-active, .e-tab .e-right .e-item.e-active {
    border-bottom: 1px solid #c8c8c8;
    position: relative
}

.e-tab .e-header li {
    border-top: 0
}

.e-tab.e-js .e-header > .e-bottom-line.e-active, .e-tab.e-js .e-header > .e-bottom-line.e-active:hover {
    outline: 0 none
}

    .e-tab.e-js .e-header > .e-bottom-line.e-active, .e-tab.e-js .e-header > .e-bottom-line.e-active:hover {
        padding-bottom: 1px;
        border-bottom: transparent
    }

.e-tab.e-js .e-header > .e-top-line.e-active, .e-tab.e-js .e-header > .e-top-line.e-active:hover {
    padding-top: 1px;
    outline: 0 none
}

    .e-tab.e-js .e-header > .e-top-line.e-active, .e-tab.e-js .e-header > .e-top-line.e-active:hover {
        border-top: transparent
    }

.e-tab .e-left li, .e-tab .e-right li {
    border-bottom: 1px solid #c8c8c8
}

.e-tab.e-vertical {
    background: transparent;
    border: 1px solid #c8c8c8
}

.e-tab.e-js .e-header > .e-item:hover, .e-tab.e-js .e-left > .e-item:hover, .e-tab.e-js .e-right > .e-item:hover {
    background-color: #86cbea;
    color: #282827;
    filter: none
}

.e-tab.e-js .e-icon.e-chevron-circle-left, .e-tab.e-js .e-icon.e-chevron-circle-right {
    color: #179bd7
}

.e-tab.e-js .e-header > .e-item:hover > .e-icon, .e-tab.e-js .e-left > .e-item:hover > .e-icon, .e-tab.e-js .e-right > .e-item:hover > .e-icon {
    color: #282827
}

.e-tab.e-js > .e-content {
    border-color: #c8c8c8;
    font-size: 14px;
    border-style: solid
}

.e-tab.e-js > .e-content {
    border-width: 1px;
    background: #fff;
    color: #333
}

.e-tab.e-js .e-header > .e-select, .e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active, .e-tab.e-js .e-left > .e-select, .e-tab.e-js .e-right > .e-select {
    border-color: #c8c8c8;
    color: #333;
    border: none;
    background: none
}

.e-tab.e-js .e-header > .e-select, .e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active, .e-tab.e-js .e-left > .e-select, .e-tab.e-js .e-right > .e-select {
    font-weight: normal;
    font-size: 16px
}

.e-tab.e-js .e-header > .e-select, .e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active, .e-tab.e-js .e-left > .e-select, .e-tab.e-js .e-right > .e-select {
    background: #fcfcfc
}

.e-tab .e-header > .e-select a, .e-tab .e-left > .e-select a, .e-tab .e-right > .e-select a {
    color: #333
}

.e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active {
    color: #179bd7;
    border-color: #c8c8c8;
    border: 1px solid #c8c8c8
}

.e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active {
    background: #fff
}

    .e-tab.e-js .e-header > .e-active:hover, .e-tab.e-js .e-left > .e-active:hover, .e-tab.e-js .e-right > .e-active:hover, .e-tab.e-js .e-header.e-item:hover, .e-tab.e-js .e-left.e-item:hover, .e-tab.e-js .e-right.e-item:hover {
        background: #86cbea;
        color: #282827
    }

.e-tab .e-header > .e-active a, .e-tab .e-left > .e-active a, .e-tab .e-right > .e-active a {
    color: #179bd7
}

.e-tab .e-header > .e-select:hover a, .e-tab .e-left > .e-select:hover a, .e-tab .e-right > .e-select:hover a {
    color: #282827
}

.e-tab .e-header > .e-active:hover a, .e-tab .e-left > .e-active:hover a, .e-tab .e-right > .e-active:hover a {
    color: #282827
}

.e-tab .e-load {
    background-image: url(images/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat
}

.e-tab .e-hidebottom {
    border-top: none !important
}

.e-tab .e-hidetop {
    border-bottom: none !important
}

.e-tab .e-header.e-addborderbottom {
    border-bottom: 1px solid #c8c8c8
}

.e-tab .e-header.e-addbordertop {
    border-top: 1px solid #c8c8c8
}

.e-tab .e-header.e-hideleft {
    border-left: none
}

.e-tab .e-header.e-addborderleft {
    border-right: 1px solid #c8c8c8
}

.e-tab .e-header.e-hideright {
    border-right: none
}

.e-tab .e-header.e-addborderright {
    border-left: 1px solid #c8c8c8
}

.e-tab .e-header .e-margine-top:hover {
    border-top: 1px solid #fff
}

.e-tab .e-header .e-margine-bottom:hover {
    border-bottom: 1px solid #fff
}

.e-tab .e-header.e-addborderbottom .e-active {
    border-top: 3px solid #179bd7
}

.e-tab .e-header.e-addbordertop .e-active {
    border-bottom: 3px solid #179bd7
}

.e-tab .e-right.e-addborderright .e-active {
    border-right: 3px solid #179bd7
}

.e-tab .e-left.e-addborderleft .e-active {
    border-left: 3px solid #179bd7
}

.e-tab.e-js.e-tabscroll > .e-content {
    padding-top: 44.3333px
}

.e-tab.e-js.e-tabscroll > .e-header.e-addborderbottom {
    border-bottom: 1px solid #bbbcbb
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-tagcloud {
    background-color: #fff
}

    .e-tagcloud.e-js .header {
        border-color: #c8c8c8
    }

    .e-tagcloud .e-title {
        font-weight: normal
    }

    .e-tagcloud .e-title {
        border-color: #c8c8c8;
        border-bottom: 3px solid #179bd7;
        font-size: 16px;
        color: #282827
    }

    .e-tagcloud .e-title {
        background: #fcfcfc
    }

    .e-tagcloud .e-load {
        background-image: url(images/ajax-loader.gif);
        background-position: center center;
        background-repeat: no-repeat
    }

    .e-tagcloud .e-tagitems .e-txt {
        color: #333
    }

        .e-tagcloud .e-tagitems .e-txt.hover {
            color: #179bd7
        }

    .e-tagcloud .e-cloud, .e-tagcloud .e-list {
        border-color: #c8c8c8
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-timewidget .e-input, .e-time-popup {
    background-color: #fff;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-timewidget .e-input, .e-time-popup {
    color: #333;
    font-weight: normal
}

.e-timewidget .e-in-wrap, .e-time-popup {
    border-color: #c8c8c8
}

.e-timewidget.e-focus .e-in-wrap, .e-timewidget.e-focus .e-in-wrap:hover {
    box-shadow: 0 0 2px #cbcbcb
}

.e-timewidget .e-select, .e-timewidget.e-rtl .e-select, .e-ntouch.e-timewidget .e-disable.e-select:hover {
    background: #ececec
}

.e-timewidget .e-select, .e-timewidget.e-rtl .e-select, .e-ntouch.e-timewidget .e-disable.e-select:hover {
    border-color: #c8c8c8;
    color: #686969
}

.e-ntouch.e-timewidget .e-select:hover, .e-time-popup.e-popup .e-hover {
    background: #86cbea
}

.e-ntouch.e-timewidget .e-select:hover, .e-time-popup.e-popup .e-hover {
    color: #282827
}

.e-time-popup .e-active {
    border-color: #179bd7
}

.e-time-popup .e-active {
    background: #179bd7
}

.e-time-popup .e-active {
    color: #fff
}

.e-timewidget .e-icon.e-clock:before {
    width: 20px;
    height: 20px
}

.e-timewidget.e-disable {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
    opacity: 1
}

    .e-timewidget .e-select.e-disable, .e-timewidget.e-disable .e-select:hover, .e-ntouch.e-timewidget .e-disable.e-select:hover {
        background-color: #d6d7d7
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-toolbar {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-weight: normal;
    font-size: 14px
}

.e-toolbar {
    background-repeat: no-repeat;
    border-color: #c8c8c8;
    color: #686969
}

.e-toolbar {
    background: #ececec
}

.e-toolbar {
    background: #ececec
}

    .e-toolbar.e-focus {
        box-shadow: 0 0 2px #cbcbcb
    }

    .e-toolbar > .e-horizontal.e-separator {
        border-left: none;
        border-radius: initial
    }

    .e-toolbar > .e-horizontal.e-separator {
        border-right: 1px solid #c8c8c8
    }

.e-toolbarTooltip {
    min-width: auto
}

    .e-toolbarTooltip .e-tipContainer .e-tipcontent {
        padding: 2px 4px
    }

.e-toolbar > .e-horizontal .e-separator {
    border-right: 1px solid #c8c8c8;
    border-left: none;
    border-radius: inherit;
    height: inherit
}

.e-toolbar > .e-vertical.e-separator {
    border-bottom: 1px solid #c8c8c8;
    border-top: none;
    border-radius: initial
}

.e-toolbar > .e-vertical .e-separator {
    border-top: none;
    border-radius: inherit
}

.e-toolbar > .e-vertical .e-separator {
    border-bottom: 1px solid #c8c8c8
}

.e-toolbar.e-rtl > .e-horizontal.e-separator {
    border-right: none;
    border-radius: initial
}

.e-toolbar.e-rtl > .e-horizontal.e-separator {
    border-left: 1px solid #c8c8c8
}

.e-toolbar.e-rtl > .e-horizontal .e-separator {
    border-left: 1px solid #c8c8c8;
    border-right: none;
    border-radius: inherit
}

.e-toolbar.e-rtl > .e-vertical.e-separator {
    border-top: 1px solid #c8c8c8;
    border-bottom: none;
    border-radius: initial
}

.e-toolbar.e-rtl > .e-vertical .e-separator {
    border-top: 1px solid #c8c8c8;
    border-bottom: none;
    border-radius: inherit
}

.e-toolbar.e-rtl > .e-vertical .e-corner-all {
    border-radius: inherit
}

.e-toolbar > ul > li div.e-item-overlay {
    background-color: #ececec
}

.e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover {
    border-color: #86cbea
}

.e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover {
    color: #282827
}

.e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover {
    background: #86cbea
}

    .e-toolbar > .e-horizontal .e-hover > div:before, .e-toolbar > .e-vertical > .e-hover > div:before, .e-toolbar > .e-horizontal .e-hover > span:before, .e-toolbar > .e-vertical > .e-hover > span:before, .e-toolbar > .e-horizontal .e-hover > a:before, .e-toolbar > .e-vertical > .e-hover > a:before {
        color: #282827
    }

.e-toolbar > .e-horizontal .e-active.e-hover > div:before, .e-toolbar > .e-vertical > .e-active.e-hover > div:before, .e-toolbar > .e-horizontal .e-active.e-hover > span:before, .e-toolbar > .e-vertical > .e-active.e-hover > span:before, .e-toolbar > .e-horizontal .e-active.e-hover > a:before, .e-toolbar > .e-vertical > .e-active.e-hover > a:before {
    color: #fff
}

.e-toolbar > .e-horizontal .e-active, .e-toolbar > .e-vertical > .e-active {
    border-color: #c8c8c8;
    color: #fff
}

.e-toolbar > .e-horizontal .e-active, .e-toolbar > .e-vertical > .e-active {
    background: #179bd7
}

.e-toolbar > .e-horizontal > .e-hover > a, .e-toolbar > .e-horizontal > .e-hover > span, .e-toolbar > .e-horizontal > .e-hover > div, .e-toolbar > .e-vertical > .e-hover > a, .e-toolbar > .e-vertical > .e-hover > span, .e-toolbar > .e-vertical > .e-hover > div {
    background-color: transparent;
    color: #282827
}

.e-toolbar > .e-horizontal > .e-active > a, .e-toolbar > .e-horizontal > .e-active > span, .e-toolbar > .e-horizontal > .e-active > div, .e-toolbar > .e-vertical > .e-active > a, .e-toolbar > .e-vertical > .e-active > span, .e-toolbar > .e-vertical > .e-active > div {
    background-color: transparent;
    color: #fff
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-treeview, .e-dragedNode {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

    .e-treeview .e-text {
        background-color: transparent
    }

    .e-treeview .e-text {
        color: #333
    }

.e-dragedNode {
    background: #179bd7;
    color: #fff
}

    .e-dragedNode .e-text {
        float: left
    }

    .e-dragedNode .e-text {
        color: #fff
    }

.e-treeview .e-active, .e-fullrow-wrap .e-li-active > .e-fullrow {
    border: 1px solid transparent;
    border-image: initial
}

.e-treeview .e-active, .e-fullrow-wrap .e-li-active > .e-fullrow {
    color: #fff
}

.e-treeview .e-active, .e-fullrow-wrap .e-li-active > .e-fullrow {
    background: #179bd7
}

.e-treeview .e-node-hover, .e-treeview .e-node-focus, .e-fullrow-wrap .e-li-hover > .e-fullrow, .e-fullrow-wrap .e-li-focus > .e-fullrow {
    border-image: initial;
    cursor: pointer
}

.e-treeview .e-node-hover, .e-treeview .e-node-focus, .e-fullrow-wrap .e-li-hover > .e-fullrow, .e-fullrow-wrap .e-li-focus > .e-fullrow {
    color: #282827;
    border: 1px solid #c8c8c8
}

.e-treeview .e-node-hover, .e-treeview .e-node-focus, .e-fullrow-wrap .e-li-hover > .e-fullrow, .e-fullrow-wrap .e-li-focus > .e-fullrow {
    background: #86cbea
}

.e-treeview-wrap .e-sibling {
    background: url(images/drop-sibling.png);
    background-repeat: no-repeat
}

.e-treeview .e-node-disable {
    filter: alpha(opacity=40);
    opacity: .4
}

.e-treeview .e-icon.e-load, .e-treeview.e-rtl .e-icon.e-load {
    background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat
}

.e-treeview .e-icon.e-load, .e-treeview.e-rtl .e-icon.e-load {
    background-position: right center
}

.e-treeview.e-rtl .e-icon.e-load {
    background-position: left center
}

.e-treeview .e-item .e-icon {
    color: #686969
}

.e-treeview .e-fe-popup .e-content {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-treeview .e-fe-popup .e-downtail:after {
    border-top-color: #fff
}

.e-treeview .e-fe-popup .e-downtail:before, .e-treeview .e-fe-popup .e-downtail {
    border-top-color: #c8c8c8
}

.e-treeview .e-fe-popup .e-spanclicked {
    border-color: #686969
}

.e-drop-count {
    border-color: #fff
}

.e-drop-count {
    background-color: #686969;
    color: #fff
}

.e-fullrow-wrap .e-li-active .e-active, .e-fullrow-wrap .e-li-hover .e-node-hover, .e-fullrow-wrap .e-li-focus .e-node-focus {
    background: transparent
}

.e-fullrow-wrap .e-item.e-li-active > .e-text-wrap > .e-icon {
    color: #fff
}

.e-fullrow-wrap .e-item.e-li-hover > .e-text-wrap > .e-icon, .e-fullrow-wrap .e-item.e-li-active.e-li-focus > .e-text-wrap > .e-icon {
    color: #686969
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-uploadbox .e-inputbtn, .e-uploadbox .e-file-name-txt {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-weight: normal
}

.e-uploadbox .e-inputbtn, .e-uploadbox .e-file-name-txt {
    font-size: 14px
}

.e-uploadbox.e-disable .e-uploadinput {
    cursor: default
}

.e-uploadbox.e-widget .e-selectpart.e-select, .e-uploadbox.e-disable .e-select:hover, .e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover, .e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover .e-inputbtn {
    color: #333;
    border-color: #c8c8c8
}

    .e-uploadbox.e-widget .e-selectpart.e-select, .e-uploadbox.e-disable .e-select:hover, .e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover, .e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover .e-inputbtn {
        background: #ececec
    }

.e-uploadbox.e-disable .e-uploadbtn.e-select:hover, .e-uploadbox.e-disable .e-uploadclosebtn.e-select:hover {
    color: #333;
    border-color: #c8c8c8;
    cursor: default
}

.e-uploadbox.e-disable .e-uploadbtn.e-select:hover, .e-uploadbox.e-disable .e-uploadclosebtn.e-select:hover {
    background: #ececec
}

.e-uploadbox.e-widget .e-selectpart.e-select:hover {
    border-color: #c8c8c8;
    color: #282827
}

.e-uploadbox.e-widget .e-selectpart.e-select:hover {
    background: #86cbea
}

.e-uploadbox.e-widget .e-inputbtn, .e-uploadbox.e-disable .e-select .e-inputbtn {
    color: #333
}

.e-uploadbox.e-widget .e-selectpart.e-select:hover .e-inputbtn {
    color: #282827;
    border-color: #c8c8c8
}

.e-uploadbox .e-file-name-txt {
    color: #333
}

.e-uploadbox .e-file-list .e-file-status-failed {
    color: #cd0a0a
}

.e-uploadbox .e-file-list .e-file-status-success {
    color: #333
}

.e-uploadbox .e-file-progress-status {
    border-color: #c8c8c8
}

.e-uploadbox .e-file-progress-status {
    background: #179bd7
}

.e-uploadbox .e-file-list {
    background-color: #fff;
    color: #333
}

.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
    border-bottom: 1px solid #c8c8c8;
    background-color: #fff
}

.e-uploadbox .e-ul li:nth-child(even) .e-file-list, .e-uploadbox .e-head-content {
    background-color: #f7f7f7;
    border-bottom: 1px solid #c8c8c8
}

.e-uploadbox.e-dialog > .e-header + .e-dialog-scroller {
    border-top: 0
}

.e-mobile-upload.e-uploadbox .e-ul li:nth-child(even) .e-file-list, .e-mobile-upload.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
    border-bottom: none
}

.e-uploadbox .e-file-upload {
    background-color: #f7f7f7
}

.e-uploadbox .e-file-progress-bar {
    border: 1px solid #c8c8c8
}

.e-uploadbox .e-file-list .e-checkmark {
    background-color: #39b54a;
    color: #fff;
    border-radius: 10px
}

.e-uploadbox .e-file-list .e-file-percentage-failed {
    background-color: #f00;
    color: #fff;
    border-radius: 10px
}

.e-uploadbox.e-dialog .e-header {
    border-color: #c8c8c8;
    border-bottom: 3px solid #179bd7
}

.e-uploadbox.e-dialog .e-header {
    color: #282827;
    font-size: 23px;
    font-weight: normal
}

.e-uploadbox .e-uploadinput {
    font-size: 200px
}

.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform, .e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
    background-color: #fff;
    color: #686969
}

.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform, .e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover {
    background-color: #f7f7f7;
    color: #686969
}

    .e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover, .e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
        color: #282827;
        border-color: #86cbea
    }

    .e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover, .e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
        background: #86cbea
    }

.e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover, .e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
    background: none
}

.e-uploaddialog.e-dialog .e-btn.e-select {
    border-color: #c8c8c8
}

    .e-uploaddialog.e-dialog .e-btn.e-select:hover {
        background: #ececec
    }

    .e-uploaddialog.e-dialog .e-btn.e-select:active {
        background: #179bd7
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-rte {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-rte-wrapper {
    background: #fff;
    color: #333;
    font-size: 14px
}

.e-rte-wrapper {
    border: 1px solid #c8c8c8
}

.e-inputtext {
    outline: none;
    background-color: #fff;
    vertical-align: baseline
}

.e-inputtext {
    border: 1px solid #c8c8c8;
    color: #333
}

.e-rte-field .e-img-border-field .e-focus, .e-rte-field .e-chkbox-wrap.e-focus div > span, .e-rte-field .e-inputtext:focus, .e-rte-button .e-btn.e-select:focus, .e-rte-tablefields .e-chkbox-wrap.e-focus div > span, .e-rte-tablefields .e-inputtext:focus, .e-img-field-group .e-chkbox-wrap.e-focus div > span, .e-img-border-field .e-inputtext:focus, .e-rte-stylefield .e-inputtext:focus {
    box-shadow: 0 0 2px 0 #179bd7
}

.e-rte-imageTab .e-item:focus {
    box-shadow: 1px 0 0 0 #179bd7
}

.e-rteTooltip {
    min-width: auto
}

    .e-rteTooltip .e-tipContainer .e-tipcontent {
        padding: 2px 4px
    }

.e-rte .e-toolbar.e-rtl > .e-horizontal.e-separator {
    border-left: 1px dotted #c8c8c8
}

.e-rte .e-horizontal.e-separator {
    border-right: 1px dotted #c8c8c8
}

.e-rte-unorderlistname .e-liseparator, .e-rte-orderlistname .e-liseparator {
    border-bottom: 1px dotted #c8c8c8
}

.e-rte .customtable-group:hover {
    color: #282827
}

.e-rte .customtable-group:hover {
    background: #86cbea
}

.e-rte .e-toolbarspan {
    border: none;
    border-bottom: 3px solid #179bd7
}

.e-dialog .e-fieldseparate, .e-rte-toolbar .e-responsive-toolbar.e-toolbarspan {
    border-color: #c8c8c8
}

.e-rte .e-rte-footer {
    border-top: 1px solid #c8c8c8
}

.e-rte .e-rte-footer {
    background: #ececec
}

.e-rte-colorpalette.e-menu.e-context > li:hover {
    background: none
}

.e-rte-colorpalette.e-menu.e-context .e-mfocused, .e-rte-colorpalette.e-menu.e-context .e-mhover {
    background: none
}

.e-rte-table-picker.e-dialog {
    background: #ececec
}

.e-rte-tablecell {
    border-color: #c8c8c8
}

    .e-rte-tablecell.e-default {
        background: #fff
    }

    .e-rte-tablecell.e-active {
        border-color: #c8c8c8
    }

    .e-rte-tablecell.e-active {
        background: #86cbea
    }

.e-rte .e-toolbar .e-rte-format .e-hover, .e-rte .e-toolbar .e-rte-fontgroup .e-hover, .e-rte .e-toolbar .e-rte-lists .e-hover, .e-rte .e-toolbar .e-res-pos:hover {
    border-color: transparent;
    background-image: none;
    background-clip: padding-box
}

.e-rte .e-toolbar .e-rte-format .e-hover, .e-rte .e-toolbar .e-rte-fontgroup .e-hover, .e-rte .e-toolbar .e-rte-lists .e-hover, .e-rte .e-toolbar .e-res-pos:hover {
    background-color: #86cbea
}

.e-rte .e-toolbar .e-rte-lists .e-active {
    background: none;
    border-color: transparent
}

.e-rte-orderlistname.e-menu.e-context .e-list:hover, .e-rte-unorderlistname.e-menu.e-context .e-list:hover, .e-rte-orderlistname.e-menu.e-context .e-list.e-mhover .e-rte-toolbar-icon, .e-rte-unorderlistname.e-menu.e-context .e-list.e-mhover .e-rte-toolbar-icon {
    background: #86cbea
}

.e-rte .e-rte-resize {
    height: 5px;
    cursor: se-resize
}

.e-rte .e-rte-htmltaginfo, .e-rte .e-rte-wordcount, .e-rte .e-rte-charcount {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px;
    color: #333;
    cursor: default
}

.e-rte .e-rte-footericon, .e-rte .e-rte-wordcount, .e-rte .e-rte-charcount {
    border-right: 1px solid #c8c8c8
}

.e-rte .e-rte-footer.e-rtl .e-rte-icons.clearAll.e-rte-footericon {
    border-left: 1px solid #c8c8c8
}

.e-rte-colorpalette {
    padding: 5px !important;
    width: auto !important
}

.e-error {
    color: #cd0a0a
}

.e-rte .e-dialog .e-dialog-tab {
    border: 1px solid #c8c8c8
}

    .e-rte .e-dialog .e-dialog-tab.e-tab .e-header li, .e-rte-context-menu.e-context .e-rte-separator {
        border-color: #c8c8c8
    }

.e-rte-context-menu.e-menu .e-list.e-mhover .e-rte-toolbar-icon {
    color: #282827
}

.e-rte-toolbar .e-toolbar .e-tooltxt.e-active {
    color: #fff
}

.e-rte-toolbar .e-toolbar .e-ul {
    border-color: #c8c8c8
}

.e-rte .e-tooltxt .e-btn.e-select, .e-rte .e-tooltxt .e-btn.e-ntouch.e-disable.e-select:hover, .e-rte .e-tooltxt .e-btn.e-disable.e-select:hover {
    background: #ececec
}

.e-rte .e-tooltxt .e-btn.e-ntouch.e-select:hover {
    background: #86cbea
}

.e-responsive-toolbar .e-rte-lists.e-ul .e-rteItem-unorderedList.e-tooltxt .e-split, .e-responsive-toolbar .e-rte-lists.e-ul .e-rteItem-orderedList.e-tooltxt .e-split {
    height: 24px !important;
    width: 36px !important
}

.e-rte .e-toolbar.e-js ul > li.e-tooltxt .e-ddl .e-in-wrap {
    border-color: #c8c8c8
}

.e-rte .e-toolbar .e-icon.e-toolbar-res-arrow {
    height: 26px;
    margin-top: 5px
}

.e-rtlrte label {
    height: 12px;
    line-height: 10px
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-waitpopup-pane .e-image {
    background-color: #fff;
    background-image: url(images/waitingpopup.gif)
}

.e-waitpopup-pane {
    color: #282827;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.e-waitpopup-pane {
    background-color: #383838
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-chkbox-wrap {
    display: inline-flex
}

    .e-chkbox-wrap.e-tb-cell .e-text, .e-chkbox-wrap.e-tb-cell div {
        display: table-cell;
        padding: 0 5px 2px 5px
    }

    .e-chkbox-wrap.e-check-small.e-tb-cell .e-text {
        padding: 0 5px 2px 5px
    }

    .e-chkbox-wrap.e-focus div > span {
        box-shadow: 0 0 2px #cbcbcb
    }

    .e-chkbox-wrap div > span {
        border-color: #c8c8c8;
        background-color: #fff
    }

        .e-chkbox-wrap div > span.e-chk-act, .e-chkbox-wrap div > span:hover {
            border-color: #c8c8c8
        }

        .e-chkbox-wrap div > span.e-chk-act {
            border-color: #c8c8c8
        }

    .e-chkbox-wrap .e-chk-image.e-stop, .e-chkbox-wrap .e-chk-image.e-checkmark {
        color: #179bd7
    }

    .e-chkbox-wrap .e-text {
        font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
        font-size: 12px;
        color: #333
    }

@keyframes mediumShadow {
    100% {
        opacity: 0;
        transform: scale(18,18)
    }
}

@keyframes smallShadow {
    100% {
        opacity: 0;
        transform: scale(15,15)
    }
}

.e-chkbox-wrap.e-disable div > span {
    background-color: #f5f5f5;
    border-color: #e3e3e3
}

.e-chkbox-wrap.e-disable {
    opacity: 1
}

    .e-chkbox-wrap.e-disable .e-chk-image.e-stop, .e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
        color: #d6d7d7
    }

.e-chkbox-wrap .e-chk-act, .e-chkbox-wrap .e-chk-inact, .e-chkbox-wrap .e-chk-indeter {
    box-sizing: content-box
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-radiobtn-wrap > span {
    background-image: none
}

.e-radiobtn-wrap > span {
    background-color: #fff;
    border-color: #c8c8c8
}

    .e-radiobtn-wrap > span.e-rad-active, .e-radiobtn-wrap > span.e-rad-active:hover {
        border-color: #c8c8c8
    }

    .e-radiobtn-wrap > span:hover {
        border-color: #c8c8c8
    }

.e-radiobtn-wrap.e-focus > span {
    box-shadow: 0 0 2px #cbcbcb
}

.e-radiobtn-wrap .e-spanicon {
    box-sizing: content-box
}

.e-radiobtn-wrap .e-rad-select {
    background: none repeat scroll 0 0 transparent
}

.e-radiobtn-wrap .e-circle_01 {
    color: #179bd7;
    border-color: #c8c8c8
}

.e-radiobtn-wrap .e-text {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 12px;
    color: #333
}

.e-radiobtn-wrap.e-disable .e-circle_01, .e-radiobtn-wrap.e-disable span.e-rad-select {
    color: #d6d7d7
}

.e-radiobtn-wrap.e-disable > span {
    background-color: #f5f5f5;
    border-color: #e3e3e3
}

.e-radiobtn-wrap.e-disable {
    opacity: 1
}

    .e-radiobtn-wrap.e-disable.e-focus > span {
        box-shadow: none
    }

.e-radiobtn-wrap .e-spanicon.e-radsmaller .e-icon.e-rad-icon, .e-radiobtn-wrap .e-radmedium .e-rad-icon {
    text-indent: 0
}

.e-radiobtn-wrap.e-ie8 .e-spanicon.e-radsmaller .e-icon.e-rad-icon {
    text-indent: 2px;
    line-height: 12px;
    padding: .5px;
    font-size: 8px
}

.e-radiobtn-wrap.e-ie8 .e-radmedium .e-rad-icon {
    font-size: 9px;
    text-indent: 3px;
    line-height: 15px
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-groupbutton {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-weight: normal;
    font-size: 14px;
    color: #333;
    background-repeat: no-repeat;
    border-color: #c8c8c8
}

.e-groupbutton {
    background: #ececec
}

.e-groupbutton-hSmall {
    min-height: 26px
}

.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content.e-groupBtn-padding {
    padding: 0
}

.e-groupbutton.e-focus {
    box-shadow: 0 0 2px #cbcbcb
}

.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item, .e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item, .e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item, .e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-border-left, .e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-border-bottom {
    border-color: #c8c8c8
}

.e-groupbutton > .e-ul > .e-grp-btn-item.e-active, .e-groupbutton > .e-ul > .e-grp-btn-item.e-select {
    color: #fff
}

.e-groupbutton > .e-ul > .e-grp-btn-item.e-active, .e-groupbutton > .e-ul > .e-grp-btn-item.e-select {
    background: #179bd7
}

    .e-groupbutton > .e-ul > .e-grp-btn-item.e-active.e-hover .e-btn-content .e-btntxt {
        color: #282827
    }

    .e-groupbutton > .e-ul > .e-grp-btn-item.e-active.e-hover, .e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-active.e-hover {
        border-color: #c8c8c8
    }

.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item {
    border-right-color: transparent
}

.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item {
    border-bottom-color: transparent
}

.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item {
    border-left-color: transparent
}

    .e-groupbutton > .e-ul > .e-grp-btn-item.e-hover, .e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
        color: #282827;
        border-color: #c8c8c8
    }

    .e-groupbutton > .e-ul > .e-grp-btn-item.e-hover, .e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
        background: #86cbea
    }

.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.last, .e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.last.e-hover {
    border-right-color: #c8c8c8
}

.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.last, .e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.last.e-hover {
    border-bottom-color: #c8c8c8
}

.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > a.e-btntxt, .e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-btntxt, .e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > div.e-btntxt {
    color: #333;
    text-decoration: none
}

    .e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-btntxt.e-grp-responsive {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block
    }

.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > a.e-icon, .e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-icon, .e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > div.e-icon {
    color: #686969
}

.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > a.e-btntxt, .e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > span.e-btntxt, .e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > div.e-btntxt, .e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > a.e-icon, .e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > span.e-icon, .e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > div.e-icon {
    color: #fff;
    text-decoration: none
}

.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.last, .e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.last.e-hover {
    border-left-color: #c8c8c8
}

.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
    border-right-color: transparent
}

.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-hover {
    border-bottom-color: transparent
}

.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
    border-left-color: transparent
}

.e-groupbutton.e-rtl > .e-vertical.e-ul > .e-grp-btn-item.e-hover {
    border-left-color: transparent
}

.e-groupbutton.e-disable {
    background-color: #f5f5f5;
    border-color: #e3e3e3;
    opacity: 1;
    color: #d6d7d7
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-innerIncrement:hover {
    background-image: url(../common-images/maps/Zoom-In_hover.png)
}

.e-legendLabelContent {
    color: #333
}

.e-map {
    color: #333;
    background-color: #fff;
    border-color: #c8c8c8
}

.e-drilldownHeader {
    background: #179bd7
}

.e-map-home {
    background-image: url(../common-images/maps/Home.png)
}

.e-map-labelContainer {
    width: 200px;
    height: 400px;
    border: 1px solid #808080
}

.e-map-label {
    cursor: pointer;
    color: #000;
    padding: 5px
}

    .e-map-label:hover {
        background-color: #eee
    }

.e-map-home {
    height: 30px;
    width: 30px
}

    .e-map-home:hover {
        background-image: url(../common-images/maps/Home_hover.png)
    }

.e-map-contribution {
    border-color: #dbdbde;
    right: 0;
    bottom: 0;
    font-family: sans-serif;
    font-weight: normal;
    position: absolute;
    background-color: rgba(255,255,255,.7);
    font-size: 10px;
    padding: 2px 4px;
    z-index: 1000;
    border-style: solid;
    border-width: 1px
}

.sliderParent {
    height: 150px;
    width: 10px;
    margin-top: -197px;
    margin-left: 34px
}

.e-innerIncrement {
    background-image: url(../common-images/maps/Zoom-In.png);
    height: 25px;
    width: 25px
}

.e-innerDecrement:hover {
    background-image: url(../common-images/maps/Zoom-out_hover.png)
}

.e-innerDecrement {
    background-image: url(../common-images/maps/Zoom-out.png);
    height: 25px;
    width: 25px
}

.nav-dec-Vert {
    margin-top: 150px;
    margin-left: 27px
}

.nav-inc-Vert {
    margin-top: 40px;
    margin-left: 27px
}

.nav-dec-Horz {
    margin-top: -24px;
    margin-left: 0
}

.nav-inc-Horz {
    margin-top: -29px;
    margin-left: 175px
}

.e-radialTop {
    height: 20px;
    margin-left: 15px;
    width: 52px
}

.e-arrowUp:hover {
    background-image: url(../common-images/maps/Arrow_Top_hover.png)
}

.e-arrowUp {
    background-image: url(../common-images/maps/Arrow_Top.png);
    height: 20px;
    width: 52px
}

.e-radialLeft {
    height: 52px;
    width: 20px;
    margin-top: -4px
}

.e-radialRight {
    margin-left: 61px;
    margin-top: -53px;
    height: 52px;
    width: 20px
}

.e-arrowLeft:hover {
    background-image: url(../common-images/maps/Arrow_Left_hover.png)
}

.e-arrowLeft {
    background-image: url(../common-images/maps/Arrow_Left.png);
    height: 52px;
    width: 20px
}

.e-radialBottom {
    height: 20px;
    margin-left: 15px;
    margin-top: -6px;
    width: 52px
}

.e-arrowRight:hover {
    background-image: url(../common-images/maps/Arrow_Right_hover.png)
}

.e-arrowRight {
    background-image: url(../common-images/maps/Arrow_Right.png);
    height: 52px;
    width: 20px
}

.e-arrowDown:hover {
    background-image: url(../common-images/maps/Arrow_Bootom_hover.png)
}

.e-arrowDown {
    background-image: url(../common-images/maps/Arrow_Bootom.png);
    height: 20px;
    width: 52px
}

.e-home-bg {
    height: 30px;
    width: 30px;
    margin-top: -55px;
    margin-left: 25px
}

.e-interactivelegend-title {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-interactivelegend-leftlabel {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-interactivelegend-rightlabel {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-legend-rangestartlabel {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-legend-rangeendlabel {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-legendlabeltext {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    pointer-events: none;
    text-align: left;
    position: absolute
}

.e-defaultToolTip {
    border: 1px solid #404041;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
    border-radius: 4px;
    margin-right: 25px;
    min-width: 30px;
    height: 20px;
    padding-top: 9px;
    padding-right: 10px;
    padding-left: 10px;
    width: auto;
    opacity: .85;
    background: #fff
}

    .e-defaultToolTip:before {
        position: absolute;
        display: inline-block;
        border-top: 7px solid transparent;
        border-right: 7px solid #404041;
        border-bottom: 7px solid transparent;
        background: transparent;
        opacity: .85;
        left: 4px;
        top: -16px;
        content: ''
    }

    .e-defaultToolTip:after {
        position: absolute;
        display: inline-block;
        border-top: 7px solid transparent;
        border-right: 7px solid #fff;
        border-bottom: 7px solid transparent;
        left: 6px;
        top: -16px;
        content: ''
    }

.e-defaultlegend-title {
    color: #000;
    font-size: 17px
}

.e-labelStyle {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px;
    white-space: nowrap
}

.e-smartLabelStyle {
    padding: 3px;
    font-weight: normal;
    color: #000;
    width: auto;
    height: 20px;
    text-align: center;
    font-size: 14px;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

    .e-smartLabelStyle:hover {
        cursor: pointer
    }

.e-mapSelectedShape {
    opacity: 1
}

.e-mapDragSelection {
    border: 2px solid #f00
}

.e-mapHighlightedShape {
    opacity: 1
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-drilldownHeader {
    font-size: 15px;
    text-indent: 10px
}

.e-drilldownlabel {
    color: #fff
}

    .e-drilldownlabel:hover {
        text-decoration: underline
    }

.e-drilldownarrow {
    fill: white;
    stroke: transparent;
    stroke-width: 1px;
    zoom: 1
}

.e-treemap-leaflabel {
    font-size: 14px;
    font-weight: normal;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    color: #fff
}

.e-treemap-legendLabel {
    font-size: 12px
}

.e-treemap-label {
    font-size: 14px
}

.e-treemap-header {
    font-size: 15px
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivotschemadesigner .e-hoverCell, .e-pivotgrid .e-hoverCell {
    background-color: #86cbea !important
}

.e-pivotschemadesigner .e-schemaBtnUnique {
    white-space: initial !important
}

.e-pivotschemadesigner *:focus:hover {
    outline: none
}

.e-pivotgrid .e-headerItem {
    border: none !important;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    overflow: hidden !important;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.e-pivotgrid table {
    border-collapse: collapse;
    background-color: #fff;
    cursor: default
}

.e-pivotgrid table {
    font: 12px Segoe UI,Helvetica Neue,Ubuntu,Arial !important;
    color: #333
}

.e-pivotgrid .e-filterValues, .e-pivotschemadesigner .e-filterValues {
    background-color: #fff
}

.e-pivotgrid .e-conditionFrom, .e-conditionTo {
    background-color: inherit
}

.e-pivotgrid .e-hoverBtn {
    background: #86cbea
}

.e-tooltipText {
    font-size: 12px;
    text-align: left;
    height: auto;
    font-weight: normal
}

.e-tooltipText {
    color: #333;
    margin: 5px 0 10px 0
}

.e-pivotgrid .e-reSizeColbg {
    border-left-color: #c8c8c8
}

.e-pivotgrid .e-editcondition, .e-pivotgrid .e-value2, .e-pivotgrid .e-borderrangeLbl, .e-pivotgrid .e-borderstyleLbl, .e-pivotgrid .e-fSizeLbl {
    margin-left: 15px
}

.e-pivotgrid input.inputConditionMbl[type=number]::-webkit-inner-spin-button, .e-pivotgrid input.inputConditionMbl[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

.e-pGridTooltip {
    position: fixed !important;
    z-index: 500;
    display: none;
    border-width: 10px;
    height: auto
}

.e-pGridTooltip {
    opacity: 1;
    background: #ececec;
    border: 2px solid #c8c8c8;
    padding: 5px
}

.e-pivotgrid .e-pivotGridTable th, .e-pivotgrid .e-pivotGridTable td {
    overflow: hidden
}

.e-pivotgrid .e-pivotGridTable th, .e-pivotgrid .e-pivotGridTable td {
    border: solid 1px #c8c8c8
}

.e-pivotgrid th, .e-pivotgrid td {
    white-space: nowrap;
    height: 25px;
    font-weight: normal
}

.e-pivotgrid th, .e-pivotgrid td {
    padding: 6px 2px 6px 8px
}

.e-pivotgrid .value {
    background-color: #fff
}

.e-pivotgrid .value {
    padding: 6px 6px 6px 16px;
    text-align: right !important
}

.e-pivotgrid .summary {
    white-space: nowrap;
    text-align: left
}

.e-pivotgrid .summary {
    font-weight: bold !important
}

.e-pivotgrid .colheader, .e-pivotgrid .rowheader, .e-pivotgrid .calc {
    background: #fff;
    background-repeat: repeat;
    text-align: left;
    font-style: normal
}

.e-pivotgrid .colheader, .e-pivotgrid .rowheader, .e-pivotgrid .calc {
    font-weight: bold;
    color: #333;
    padding: 6px 16px 6px 2px
}

    .e-pivotgrid .colheader:hover, .e-pivotgrid .rowheader:hover, .e-pivotgrid .calc:hover {
        background: #86cbea;
        background-repeat: repeat;
        text-align: left;
        font-style: normal
    }

    .e-pivotgrid .colheader:hover, .e-pivotgrid .rowheader:hover, .e-pivotgrid .calc:hover {
        font-weight: bold;
        color: #282827;
        padding: 6px 16px 6px 2px
    }

.e-pivotgrid {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.e-cellSelection {
    background: #86cbea;
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute;
    border-style: dotted;
    border-width: 3px;
    border-color: #c8c8c8
}

.e-pivotgrid .value.selection {
    cursor: crosshair
}

.e-pivotgrid.e-rtl .colheader, .e-pivotgrid.e-rtl .colheader:hover, .e-pivotgrid.e-rtl .rowheader, .e-pivotgrid.e-rtl .rowheader:hover {
    padding: 6px 0 6px 40px
}

.e-pivotgrid table .e-expand, .e-pivotgrid table .e-collapse {
    height: 17px;
    display: inline-block;
    cursor: pointer
}

.e-pivotgrid table .e-expand, .e-pivotgrid table .e-collapse {
    width: 23px
}

.e-pivotgrid .e-errOKBtn {
    display: inline-block
}

.e-pivotgrid .e-errOKBtn {
    margin: 20px 0 10px 165px;
    width: 50px
}

.e-pivotgrid.e-rtl .e-errOKBtn {
    margin-right: 155px !important
}

.e-pivotgrid .e-dialogremoveBtn:before {
    font-family: "ej-webfont";
    content: "";
    display: inline-block
}

.e-pivotgrid table .e-expand:before {
    content: "";
    display: inline-block;
    float: left;
    margin-top: 5px
}

.e-pivotgrid table .e-expand:before {
    margin-left: 9px;
    font-size: 7px
}

.e-pivotgrid.e-rtl .e-pGridTooltip > p {
    direction: ltr;
    text-align: right
}

.e-pivotgrid .e-pGridTooltip p {
    white-space: nowrap
}

.e-pivotgrid.e-rtl table .e-expand:before {
    content: ""
}

.e-pivotgrid.e-rtl table .e-expand:before {
    font-size: 23px;
    margin-top: -3px
}

.e-pivotgrid.e-rtl table .e-collapse:before {
    margin-left: 0
}

.e-pivotgrid table .e-collapse:before {
    content: "";
    display: inline-block;
    float: left;
    margin-top: 5px
}

.e-pivotgrid table .e-collapse:before {
    margin-left: 7px;
    font-size: 6px
}

.e-pivotgrid.e-rtl .e-removeBtn:before, .e-pivotgrid.e-rtl .e-sorting:before, .e-pivotgrid.e-rtl .filter:before {
    float: left;
    margin-left: 4px;
    margin-right: 0
}

.e-pivotgrid .kpiiconvalue {
    height: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.e-pivotgrid .kpiuparrow {
    background-image: url("../common-images/pivotgrid/up-arrow.png")
}

.e-pivotgrid .kpirightarrow {
    background-image: url("../common-images/pivotgrid/right-arrow.png")
}

.e-pivotgrid .kpidownarrow {
    background-image: url("../common-images/pivotgrid/down-arrow.png");
    background-position: center center
}

.e-pivotgrid .kpidiamond {
    background-image: url("../common-images/pivotgrid/diamond.png");
    background-position: center center
}

.e-pivotgrid .kpitriangle {
    background-image: url("../common-images/pivotgrid/triangle.png");
    background-position: center center
}

.e-pivotgrid .kpicircle {
    background-image: url("../common-images/pivotgrid/circle.png");
    background-position: center center
}

.e-pivotgrid .kpiredroad {
    background-image: url("../common-images/pivotgrid/red.png");
    background-position: center center
}

.e-pivotgrid .kpigreenroad {
    background-image: url("../common-images/pivotgrid/green.png");
    background-position: center center
}

.e-pivotgrid .kpiallcolor {
    background-image: url("../common-images/pivotgrid/three-color.png");
    background-position: center center
}

.e-pivotgrid .hyperlinkValueCell {
    color: #179bd7;
    text-decoration: underline;
    cursor: pointer
}

.e-pivotgrid .hyperlinkHeaderCell {
    text-decoration: underline;
    cursor: pointer
}

.e-pivotgrid .e-vScrollPanel {
    background-color: #e3e3e3;
    width: 8px;
    margin-left: 8px;
    display: inline-block
}

.e-pivotgrid .e-hScrollPanel {
    background-color: #e3e3e3;
    height: 8px;
    margin-top: 4px
}

.e-pivotgrid .e-vScrollThumb {
    width: 6px;
    position: relative;
    top: 1px;
    left: 1px;
    background-color: #bababa
}

.e-pivotgrid .e-hScrollThumb {
    height: 6px;
    position: relative;
    left: 1px;
    background-color: #bababa
}

.e-pivotgrid .e-hScrollThumb {
    top: 1px
}

.e-pivotgrid .e-categPageIndicator, .e-pivotgrid .e-seriesPageIndicator {
    background-color: #179bd7;
    border: thin solid #c8c8c8;
    color: #fff
}

.e-pivotgrid .e-categPageIndicator, .e-pivotgrid .e-seriesPageIndicator {
    width: auto;
    padding: 5px;
    position: absolute
}

.e-pivotgrid.e-rtl .e-seriesPageIndicator .axislabel, .e-pivotgrid.e-rtl .e-categPageIndicator .axislabel {
    float: right;
    margin-left: 5px
}

.e-pivotgrid.e-rtl .e-seriesPageIndicator .series_CurrentPage, .e-pivotgrid.e-rtl .e-categPageIndicator .categ_CurrentPage {
    float: left;
    margin-right: 2px
}

.e-pivotgrid.e-rtl .e-seriesPageIndicator .series_pageCount, .e-pivotgrid.e-rtl .e-categPageIndicator .categ_pageCount {
    float: right;
    margin-left: 2px
}

.e-pivotgrid .e-vScrollThumb:hover, .e-pivotgrid .e-hScrollThumb:hover {
    background-color: #989999
}

.e-pivotgrid .inActive {
    display: none
}

.e-pivotgrid .dragging {
    background-color: #686969 !important
}

.e-pivotgrid .filter, .e-pivotgrid .e-sorting, .e-pivotgrid .e-removeBtn, .e-pivotgrid .valueSorting {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

.e-pivotgrid .filter, .e-pivotgrid .e-sorting, .e-pivotgrid .e-removeBtn, .e-pivotgrid .valueSorting {
    color: #333
}

    .e-pivotgrid .filter:before {
        float: right;
        margin-right: 4px
    }

    .e-pivotgrid .filter:before {
        content: ""
    }

    .e-pivotgrid .filter.filtered:before {
        content: "";
        float: right
    }

    .e-pivotgrid .e-sorting:before, .e-pivotgrid .valueSorting:before {
        float: right;
        margin-right: 4px
    }

    .e-pivotgrid .e-sorting:before, .e-pivotgrid .valueSorting:before {
        content: ""
    }

    .e-pivotgrid .e-sorting.descending:before, .e-pivotgrid .valueSorting.descending:before {
        float: right
    }

    .e-pivotgrid .e-sorting.descending:before, .e-pivotgrid .valueSorting.descending:before {
        content: ""
    }

    .e-pivotgrid .e-removeBtn:before {
        float: right;
        margin-right: 4px
    }

    .e-pivotgrid .e-removeBtn:before {
        content: ""
    }

.e-pivotgrid .e-memberEditorDiv {
    height: 256px;
    border: 1px solid #c8c8c8
}

.e-pivotgrid .e-memberEditorDiv {
    margin-top: 7px
}

.e-pivotgrid .e-editorTreeView {
    margin-top: 7px
}

.e-pivotschemadesigner .e-memberDescendingIcon, .e-pivotschemadesigner .e-memberAscendingIcon, .e-pivotgrid .e-memberDescendingIcon, .e-pivotgrid .e-memberAscendingIcon {
    display: inline-block;
    height: 20px;
    margin: 0 10px;
    vertical-align: middle;
    width: 20px
}

.e-pivotschemadesigner .e-memberDescendingIcon, .e-pivotschemadesigner .e-memberAscendingIcon, .e-pivotgrid .e-memberDescendingIcon, .e-pivotgrid .e-memberAscendingIcon {
    color: #686969
}

    .e-pivotschemadesigner .e-memberAscendingIcon:before, .e-pivotgrid .e-memberAscendingIcon:before {
        content: "";
        font-size: 16px;
        margin: auto !important;
        margin-top: 2px !important
    }

.e-pivotschemadesigner .memberSortDiv, .e-pivotgrid .memberSortDiv {
    margin-top: -3px
}

.e-pivotschemadesigner div.memberSortingDiv > div.e-checkAllBox > label, .e-pivotgrid div.memberSortingDiv > div.e-checkAllBox > label {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 12px;
    font-weight: bold
}

.e-pivotschemadesigner .advancedFilter div.memberSortingDiv > div.e-checkAllBox > label, .e-pivotgrid .advancedFilter div.memberSortingDiv > div.e-checkAllBox > label {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 12px;
    font-weight: normal !important
}

.e-pivotschemadesigner .e-editorTreeView.e-treeViewUl ul, .e-pivotgrid .e-editorTreeView.e-treeViewUl ul {
    padding-left: 0 !important
}

.e-pivotschemadesigner .e-editorTreeView.e-treeViewUl li, .e-pivotgrid .e-editorTreeView.e-treeViewUl li {
    padding-left: 16px !important
}

.e-pivotschemadesigner .e-separateDiv {
    border: .5px solid;
    border-color: #c8c8c8
}

.e-pivotschemadesigner .e-separateDiv, .e-pivotgrid .e-separateDiv {
    border: 1px solid #c8c8c8 !important;
    border-bottom: none !important;
    margin: 9px 0
}

.e-pivotschemadesigner .e-memberDescendingIcon:before, .e-pivotgrid .e-memberDescendingIcon:before {
    content: "";
    font-size: 16px;
    margin: 2px
}

.e-pivotschemadesigner .e-memberDescendingIcon:hover, .e-pivotschemadesigner .e-memberAscendingIcon:hover, .e-pivotgrid .e-memberDescendingIcon:hover, .e-pivotgrid .e-memberAscendingIcon:hover {
    cursor: pointer
}

.e-pivotschemadesigner .e-memberDescendingIcon:hover, .e-pivotschemadesigner .e-memberAscendingIcon:hover, .e-pivotgrid .e-memberDescendingIcon:hover, .e-pivotgrid .e-memberAscendingIcon:hover {
    background-color: #86cbea
}

.e-pivotgrid .e-dialogOKBtn {
    width: 69px
}

.e-pivotgrid .e-dialogOKBtn {
    margin-left: 83px;
    overflow: hidden;
    text-overflow: ellipsis
}

.e-pivotgrid.e-rtl .e-labelValueFilterDlg .e-dialogOKBtn {
    margin-right: 73px;
    margin-left: 10px
}

.e-pivotgrid.e-rtl .e-dialogOKBtn {
    margin-right: 87px;
    margin-left: 10px
}

.e-pivotgrid .e-dialogCancelBtn {
    width: 69px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.e-pivotgrid.e-rtl .e-dialogCancelBtn {
    margin-left: 0
}

.e-pivotgrid.e-rtl .e-labelValueFilterDlg .e-dialogCancelBtn {
    margin-left: 10px
}

.e-pivotgrid .e-treeview .e-text {
    min-height: 20px;
    border: 1px solid transparent;
    cursor: move;
    color: #333
}

.e-pivotgrid .e-treeview .e-text {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 12px;
    font-weight: bold
}

.e-pivotgrid .e-treeview .e-icon.e-stop:before, .e-pivotschemadesigner .e-treeview .e-icon.e-stop:before {
    content: "" !important
}

.e-pivotgrid .e-dialog a.e-linkPanel, .e-pivotschemadesigner .e-dialog a.e-linkPanel {
    text-decoration: underline;
    margin: -20px 0 20px 0
}

.e-pivotgrid .e-dialog .e-infoImg.e-icon:before, .e-pivotschemadesigner .e-dialog .e-infoImg.e-icon:before {
    content: "";
    color: #d48e0b
}

.e-pivotgrid .e-pivotButton {
    color: #686969;
    border-color: #c8c8c8
}

    .e-pivotgrid .e-pivotButton .e-btn {
        text-align: left !important
    }

        .e-pivotgrid .e-pivotButton .e-btn.e-select {
            border: none
        }

        .e-pivotgrid .e-pivotButton .e-btn.e-select {
            height: auto;
            color: #686969;
            border-color: #c8c8c8
        }

            .e-pivotgrid .e-pivotButton .e-btn.e-select:hover {
                border: none;
                border-color: #c8c8c8
            }

            .e-pivotgrid .e-pivotButton .e-btn.e-select:hover {
                color: #282827
            }

            .e-pivotgrid .e-pivotButton .e-btn.e-select:hover {
                background: #86cbea
            }

        .e-pivotgrid .e-pivotButton.e-btn.e-select {
            border: none
        }

.e-pivotgrid .e-drag {
    color: #fff;
    background: #179bd7;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    text-overflow: ellipsis
}

.e-pivotgrid .e-drag {
    padding: 9px 0 9px 0;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px;
    font-weight: bold
}

.e-pivotgrid .e-pivotButton.e-btn .e-icon {
    padding: 0
}

.e-pivotgrid .values, .e-pivotgrid .columns, .e-pivotgrid .e-rows, .e-pivotgrid .emptyRows {
    color: #fff;
    padding: 5px 0 5px 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.e-pivotgrid .values, .e-pivotgrid .columns, .e-pivotgrid .e-rows, .e-pivotgrid .emptyRows {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px;
    font-weight: bold
}

.e-pivotgrid .values {
    border-right: 1px solid #c8c8c8
}

.e-pivotgrid .emptyRows {
    background: #179bd7;
    border: 1px solid #c8c8c8
}

.e-pivotgrid .valueColumn {
    background: #179bd7;
    height: auto;
    border-right: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8
}

.e-pivotgrid .values .e-pivotButton, .e-pivotgrid .e-drag .e-pivotButton, .e-pivotgrid .columns .e-pivotButton, .e-pivotgrid .e-rows .e-pivotButton {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.e-pivotgrid .values .e-pivotButton, .e-pivotgrid .e-drag .e-pivotButton, .e-pivotgrid .columns .e-pivotButton, .e-pivotgrid .e-rows .e-pivotButton {
    background: #ececec
}

    .e-pivotgrid .values .e-pivotButton:hover, .e-pivotgrid .e-drag .e-pivotButton:hover, .e-pivotgrid .columns .e-pivotButton:hover, .e-pivotgrid .e-rows .e-pivotButton:hover {
        background: #86cbea
    }

.e-pivotgrid .e-pivotButton, .e-pivotgrid .e-rows, .e-pivotgrid .valueColumn, .e-pivotgrid .values, .e-pivotgrid .columns {
    display: inline-block;
    vertical-align: top
}

.e-pivotgrid .e-btn {
    vertical-align: auto
}

.e-pivotgrid .e-drag .e-btn, .e-pivotgrid .e-drag .e-btn div {
    vertical-align: initial
}

.e-pivotgrid .e-drag .e-pivotButton {
    vertical-align: top;
    line-height: 0
}

.e-pivotgrid .e-rows {
    padding-bottom: 4px;
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
    width: 100%;
    min-height: 24px;
    min-width: 140px
}

.e-pivotgrid .values, .e-pivotgrid .columns {
    min-width: 140px
}

.e-pivotgrid .values, .e-pivotgrid .columns {
    min-height: 24px
}

    .e-pivotgrid .e-rows .e-pivotButton, .e-pivotgrid .values .e-pivotButton, .e-pivotgrid .columns .e-pivotButton, .e-pivotgrid .e-drag .e-pivotButton {
        vertical-align: bottom
    }

.e-pivotgrid .e-pivotButton {
    margin-left: 5px
}

.e-pivotgrid .e-grpRow {
    background: #179bd7;
    vertical-align: bottom;
    text-align: left
}

.e-pivotgrid .e-pivotButton {
    padding: 0 !important
}

.e-pivotgrid .e-pivotButton {
    border: 1px solid #c8c8c8 !important
}

    .e-pivotgrid .e-pivotButton:hover {
        border: 1px solid #c8c8c8 !important
    }

.e-pivotgrid th.e-grpRow {
    padding: 10px 2px 0 0 !important
}

.e-pivotgrid .e-btn {
    font-size: 13px
}

.e-pivotgrid .e-widthSetter {
    width: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.e-pivotgrid .contextMenuPopup .menuItem:hover {
    background-color: #86cbea;
    color: #282827;
    cursor: default
}

.e-pivotgrid div.e-advancedFilterDlg, .e-pivotschemadesigner div.e-advancedFilterDlg {
    border: 1px solid #c8c8c8
}

.e-pivotgrid td.e-grpRow {
    padding-left: 0 !important
}

.e-pivotgrid .e-grpRow {
    white-space: normal
}

.e-pivotgrid .e-dropIndicatorActive {
    height: 20px;
    width: 20px;
    position: fixed !important;
    z-index: 30000;
    color: #686969;
    cursor: pointer;
    font-family: "ej-webfont"
}

    .e-pivotgrid .e-dropIndicatorActive:before {
        content: ""
    }

.e-pivotgrid .e-selected {
    background: #179bd7;
    color: #fff
}

.e-pivotgrid .e-highlighted {
    background-color: #86cbea
}

.e-pivotgrid .borderLine {
    margin-left: -10px;
    margin-right: -10px;
    border-top: 1px solid #c8c8c8
}

.e-pivotgrid .calculatorFields {
    margin-top: -5px;
    height: 31px
}

.e-pivotgrid .e-column-resizeToSize {
    table-layout: fixed;
    width: 100%
}

.e-pivotgrid .e-column-resizeToContent {
    table-layout: fixed
}

.e-pivotgrid.e-column-resize td, .e-pivotgrid.e-column-resize th {
    overflow: hidden
}

.e-pivotgrid.e-column-resize thead > tr {
    cursor: pointer
}

.pivotTree .e-calculatedFieldMenuItem {
    border-bottom: solid 1px #c8c8c8
}

.e-pivotgrid .e-pivotGridTable td {
    overflow: hidden
}

.e-pivotgrid .e-enabled {
    color: #fff !important;
    background: #179bd7 !important
}

.e-pivotgrid .e-pivotgridContextMenu .e-enabledState::before {
    content: "";
    height: 16px;
    width: 16px
}

.e-pivotgrid .e-advancedFiltering:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-drillThrough:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-collapseByDefault:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-numberFormatting:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-paging:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-pagingOptions:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-cellSelect:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-cellContext:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-cellEditing:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-columnResize:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-excelLikeLayout:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-toolTip:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .rtl:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-hyperlinkOptions:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-frozenHeaders:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-exporting:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-calculatedField:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-summaryCustomize:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-conditionalFormat:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-summaryTypes:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-layouts:before {
    content: "";
    font-size: 20px
}

.e-pivotgrid .e-advancedFiltering:hover, .e-pivotgrid .e-drillThrough:hover, .e-pivotgrid .e-collapseByDefault:hover, .e-pivotgrid .groupingBar:hover, .e-pivotgrid .e-numberFormatting:hover, .e-pivotgrid .e-paging:hover, .e-pivotgrid .e-pagingOptions:hover, .e-pivotgrid .e-cellSelect:hover, .e-pivotgrid .e-cellContext:hover, .e-pivotgrid .e-cellEditing:hover, .e-pivotgrid .e-columnResize:hover, .e-pivotgrid .e-toolTip:hover, .e-pivotgrid .rtl:hover, .e-pivotgrid .e-hyperlinkOptions:hover, .e-pivotgrid .e-frozenHeaders:hover, .e-pivotgrid .e-exporting:hover, .e-pivotgrid .e-calculatedField:hover, .e-pivotgrid .e-layouts:hover, .e-pivotgrid .e-summaryCustomize:hover, .e-pivotgrid .e-conditionalFormat:hover, .e-pivotgrid .e-summaryTypes:hover, .e-pivotgrid .e-advancedFiltering, .e-pivotgrid .e-drillThrough, .e-pivotgrid .e-collapseByDefault, .e-pivotgrid .groupingBar, .e-pivotgrid .e-numberFormatting, .e-pivotgrid .e-paging, .e-pivotgrid .e-pagingOptions, .e-pivotgrid .e-cellSelect, .e-pivotgrid .e-cellContext, .e-pivotgrid .e-cellEditing, .e-pivotgrid .e-columnResize, .e-pivotgrid .e-toolTip, .e-pivotgrid .rtl, .e-pivotgrid .e-hyperlinkOptions, .e-pivotgrid .e-frozenHeaders, .e-pivotgrid .e-exporting, .e-pivotgrid .e-calculatedField, .e-pivotgrid .e-summaryCustomize, .e-pivotgrid .e-conditionalFormat, .e-pivotgrid .e-summaryTypes, .e-pivotgrid .e-layouts {
    background-repeat: no-repeat;
    margin: 4px;
    cursor: default;
    display: inline-block;
    height: 20px;
    width: 20px
}

.e-pivotgrid .e-advancedFiltering, .e-pivotgrid .e-drillThrough, .e-pivotgrid .e-collapseByDefault, .e-pivotgrid .groupingBar, .e-pivotgrid .e-numberFormatting, .e-pivotgrid .e-paging, .e-pivotgrid .e-pagingOptions, .e-pivotgrid .e-cellSelect, .e-pivotgrid .e-cellContext, .e-pivotgrid .e-cellEditing, .e-pivotgrid .e-columnResize, .e-pivotgrid .e-toolTip, .e-pivotgrid .rtl, .e-pivotgrid .e-hyperlinkOptions, .e-pivotgrid .e-frozenHeaders, .e-pivotgrid .e-exporting, .e-pivotgrid .e-calculatedField, .e-pivotgrid .e-summaryCustomize, .e-pivotgrid .e-conditionalFormat, .e-pivotgrid .e-summaryTypes, .e-pivotgrid .e-layouts {
    overflow: visible !important;
    color: #686969;
    text-indent: -3px
}

.e-pivotgrid .e-normalLayout:before {
    content: ""
}

.e-pivotgrid .e-noSummariesLayout:before {
    content: ""
}

.e-pivotgrid .e-normalTopSummaryLayout:before {
    content: ""
}

.e-pivotgrid .e-rowHeaderHyperLink:before {
    content: ""
}

.e-pivotgrid .e-colHeaderHyperLink:before {
    content: ""
}

.e-pivotgrid .e-valueCellHyperLink:before {
    content: ""
}

.e-pivotgrid .e-summaryCellHyperLink:before {
    content: ""
}

.e-pivotgrid .e-rowFreeze:before {
    content: ""
}

.e-pivotgrid .e-colFreeze:before {
    content: ""
}

.e-pivotgrid .e-excel:before {
    content: ""
}

.e-pivotgrid .e-word:before {
    content: ""
}

.e-pivotgrid .e-pdf:before {
    content: ""
}

.e-pivotgrid .csv:before {
    content: ""
}

.e-pivotgrid .e-hyperLinkIcons:before, .e-pivotgrid .e-frozenHeaderIcons:before, .e-pivotgrid .e-exportingIcons:before, .e-pivotgrid .e-layoutIcons:before {
    font-family: 'ej-webfont';
    font-size: 20px;
    margin-left: 2px
}

.e-pivotgrid .e-hyperLinkIcons, .e-pivotgrid .e-hyperLinkIcons:hover, .e-pivotgrid .e-frozenHeaderIcons, .e-pivotgrid .e-frozenHeaderIcons:hover, .e-pivotgrid .e-exportingIcons, .e-pivotgrid .e-exportingIcons:hover, .e-pivotgrid .e-layoutIcons, .e-pivotgrid .e-layoutIcons:hover {
    background-repeat: no-repeat;
    cursor: default;
    display: inline-block;
    height: 22px;
    width: 24px
}

.e-pivotgrid .e-hyperLinkIcons, .e-pivotgrid .e-frozenHeaderIcons, .e-pivotgrid .e-exportingIcons, .e-pivotgrid .e-layoutIcons {
    color: #686969
}

    .e-pivotgrid .e-hyperLinkIcons:hover, .e-pivotgrid .e-frozenHeaderIcons:hover, .e-pivotgrid .e-exportingIcons:hover, .e-pivotgrid .e-layoutIcons:hover {
        color: #282827;
        cursor: pointer;
        background: #86cbea
    }

.e-pivotgrid .e-frozenDialog, .e-pivotgrid .e-exportDialog, .e-pivotgrid .e-hyperLinkDialog, .e-pivotgrid .e-layoutsDialog {
    position: absolute;
    z-index: 1000000;
    background-color: #ececec;
    border: 2px solid #c8c8c8
}

.e-pivotgrid .e-calcFormulaDiv {
    position: absolute
}

.e-pivotgrid .e-calcFormulaDiv {
    left: 136px;
    top: 102px
}

.e-pivotgrid .e-dlgCalculatedField {
    margin-top: 8px;
    border: 1px solid #c8c8c8;
    margin-bottom: 12px;
    padding: 13px 10px 10px
}

.e-pivotgrid .calculateFieldName {
    position: absolute;
    width: 197px;
    height: 24px;
    border: none;
    background-color: #fff;
    color: #333
}

.e-pivotgrid .calculateFieldName {
    top: 36px;
    left: 93px
}

.e-pivotgrid .calculatedFieldFormula {
    background-color: #fff;
    color: #333;
    cursor: not-allowed;
    opacity: .85;
    padding: 1px
}

.e-pivotgrid .calculatedFieldFormula {
    border: 1px solid #c8c8c8
}

.e-pivotgrid .e-dlgCalculatedField .e-outerTable td {
    padding: 4px 10px 15px
}

.e-pivotgrid .e-dlgCalculatedField .e-fieldTable td {
    padding: 4px 10px
}

.e-pivotgrid .e-calcFormulaDiv td {
    border: 1px solid #c8c8c8;
    background-color: #fff;
    padding: 5px 18px;
    cursor: default;
    color: #333
}

    .e-pivotgrid .e-calcFormulaDiv td:hover {
        color: #282827;
        border: 1px solid #c8c8c8
    }

    .e-pivotgrid .e-calcFormulaDiv td:hover {
        background: #86cbea
    }

.e-pivotschemadesigner {
    font-size: 12px;
    float: right;
    position: static
}

.e-pivotschemadesigner {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c8c8c8;
    color: #333
}

.bg-div {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c8c8c8
}

.e-pivotgrid .e-pivotschemadesigner .e-fieldTable {
    overflow: auto
}

.e-pivotschemadesigner .e-kpiCDB:before, .e-pivotschemadesigner .e-kpiRootCDB:before, .e-pivotschemadesigner .e-kpiGoalCDB:before, .e-pivotschemadesigner .e-kpiStatusCDB:before, .e-pivotschemadesigner .e-kpiTrendCDB:before, .e-pivotschemadesigner .e-kpiValueCDB:before {
    content: "";
    font-size: 18px
}

.e-pivotschemadesigner .e-kpiCDB, .e-pivotschemadesigner .e-kpiRootCDB, .e-pivotschemadesigner .e-kpiGoalCDB, .e-pivotschemadesigner .e-kpiStatusCDB, .e-pivotschemadesigner .e-kpiTrendCDB, .e-pivotschemadesigner .e-kpiValueCDB {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: text-top
}

.e-pivotschemadesigner .e-fieldTable {
    background: #fff;
    border-collapse: collapse
}

.e-pivotschemadesigner .e-fieldTable {
    border: 1px solid #c8c8c8
}

.e-pivotschemadesigner .e-fieldTable {
    margin: 10px 10px 8px
}

.e-pivotschemadesigner .e-schemaFieldList {
    display: inline-block;
    overflow: auto;
    height: 182px;
    width: 100%;
    color: #686969
}

.e-pivotschemadesigner .e-elementSeparator {
    border: solid #c8c8c8;
    border-width: 0 0 1px 0;
    display: block;
    margin: 7px
}

.e-pivotschemadesigner .e-schemaFieldTree {
    overflow: hidden
}

.e-pivotschemadesigner .e-editorTreeView {
    margin-top: 7px
}

.e-pivotschemadesigner .schemaHeaders {
    overflow: hidden
}

.e-pivotschemadesigner .e-schemaFilter, .e-pivotschemadesigner .e-schemaColumn, .e-pivotschemadesigner .e-schemaRow, .e-pivotschemadesigner .e-schemaValue {
    overflow-x: hidden;
    overflow-y: auto;
    height: 75%
}

.e-pivotschemadesigner .e-schemaFilter, .e-pivotschemadesigner .e-schemaColumn, .e-pivotschemadesigner .e-schemaRow, .e-pivotschemadesigner .e-schemaValue {
    border: 1px solid #c8c8c8;
    margin-left: 10px
}

.e-pivotschemadesigner .e-schemaColumn, .e-pivotschemadesigner .e-schemaValue {
    margin-right: 10px
}

.e-pivotschemadesigner .e-axisTd1 {
    float: left;
    position: relative
}

.e-pivotschemadesigner .e-axisTd2 {
    float: right;
    position: relative
}

.e-pivotschemadesigner .deferUpdateLayout {
    margin-top: 6px
}

    .e-pivotschemadesigner .deferUpdateLayout .e-text {
        margin-top: 2px !important
    }

.e-pivotschemadesigner .listSubhead {
    margin: 10px 0 0
}

.e-pivotschemadesigner .e-pivotHeader, .e-pivotschemadesigner .e-rPivotHeader {
    font-weight: bold;
    line-height: 240%
}

.e-pivotschemadesigner .e-rPivotHeader {
    margin-right: 10px
}

.e-pivotschemadesigner .e-listHeader {
    font-weight: bold;
    font-size: 15px;
    margin: -1px;
    line-height: 40px
}

.e-pivotschemadesigner .e-listHeader {
    border-bottom: 1px solid #c8c8c8
}

.e-pivotschemadesigner .e-folderCDB:before {
    content: "";
    display: inline;
    vertical-align: middle;
    font-size: 17px
}

.e-pivotschemadesigner .e-namedSetCDB:before {
    content: "";
    display: inherit;
    vertical-align: middle;
    font-size: 18px
}

.e-pivotschemadesigner .e-measureGroupCDB:before {
    content: "";
    display: inline;
    vertical-align: middle
}

.e-pivotschemadesigner .e-dimensionCDB:before {
    content: "";
    display: inline;
    vertical-align: middle
}

.e-pivotschemadesigner .centerDiv {
    border-radius: 25px;
    height: 2px;
    width: 98%
}

.e-pivotschemadesigner .centerDiv {
    margin-left: 4px;
    background-color: #c8c8c8
}

    .e-pivotschemadesigner .centerDiv:hover {
        cursor: default
    }

.e-pivotschemadesigner .centerHead {
    font: normal 14px Segoe UI,Helvetica Neue,Ubuntu,Arial;
    color: #333;
    margin: 7px 10px
}

.e-pivotschemadesigner .e-pivotHeader, .e-pivotschemadesigner .e-rPivotHeader {
    font-weight: bold
}

.e-pivotschemadesigner .e-pivotHeader, .e-pivotschemadesigner .e-rPivotHeader {
    border: 1px solid #c8c8c8;
    border-bottom: none;
    margin-left: 10px
}

.e-pivotschemadesigner .e-rPivotHeader, .e-pivotschemadesigner .e-schemaColumn, .e-pivotschemadesigner .e-schemaValue {
    margin-left: 1%
}

.e-pivotschemadesigner.e-rtl .e-rPivotHeader, .e-pivotschemadesigner.e-rtl .e-schemaColumn, .e-pivotschemadesigner.e-rtl .e-schemaValue {
    margin-right: 5%
}

.e-pivotschemadesigner .headerText {
    padding: 0 5px 0 5px
}

.e-pivotschemadesigner .subheadText {
    margin: 10px 0 0
}

.e-pivotschemadesigner .subheadText {
    font: normal 14px Segoe UI,Helvetica Neue,Ubuntu,Arial;
    color: #333;
    padding-left: 10px
}

.e-pivotschemadesigner .pivotLabel:hover {
    background: none repeat scroll 0 0 #179bd7;
    color: #fff;
    cursor: move
}

.e-pivotschemadesigner .e-pivotButton > .pvtBtnDiv {
    width: auto;
    background: #ececec;
    border: 1px solid;
    border-color: #c8c8c8 !important;
    white-space: nowrap;
    overflow: hidden
}

.e-pivotschemadesigner .e-pivotButton > .pvtBtnDiv {
    display: block;
    margin: 2px 3px 0
}

.e-pivotschemadesigner .pvtBtnDiv > .e-pvtBtn {
    cursor: move;
    text-align: left;
    text-overflow: ellipsis;
    border: none !important;
    overflow: hidden
}

.e-pivotschemadesigner .pvtBtnDiv > .e-pvtBtn {
    height: auto;
    color: #686969;
    border-color: #c8c8c8
}

.e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
    cursor: move;
    text-align: left;
    text-overflow: ellipsis;
    color: #686969;
    border-color: #c8c8c8;
    overflow: hidden
}

.e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
    height: auto
}

.e-hoverBtn {
    background: #86cbea !important
}

.e-pivotgrid .dragHover {
    background: #179bd7 !important
}

.e-pivotschemadesigner.e-rtl .pvtBtnDiv > .e-pvtBtn {
    text-align: right
}

.dragHover.e-btn.e-select {
    background: #179bd7 !important
}

.e-pivotschemadesigner .e-pivotButton > .pvtBtnDiv:hover {
    border: 1px solid;
    border-color: #fff !important;
    color: #282827
}

.e-pivotschemadesigner .e-pivotButton > .pvtBtnDiv:hover {
    background: #86cbea
}

.e-pivotschemadesigner .pvtBtnDiv > .e-pvtBtn:hover {
    background: #86cbea
}

.e-pivotschemadesigner .filter, .e-pivotschemadesigner .e-sorting, .e-pivotschemadesigner .e-removeBtn {
    color: #333;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

.e-pivotschemadesigner .btnDeferUpdate {
    text-overflow: ellipsis;
    width: 90px
}

.e-pivotclient .e-pivotschemadesigner .btnDeferUpdate {
    width: 60px
}

.e-pivotschemadesigner .e-errOKBtn {
    display: inline-block
}

.e-pivotschemadesigner .e-errOKBtn {
    margin: 20px 0 10px 155px;
    width: 50px
}

.e-pivotschemadesigner.e-rtl .e-errOKBtn {
    margin-right: 155px;
    width: 50px
}

.e-pivotschemadesigner .pvtDrop:before, .e-pivotschemadesigner .treeDrop:before {
    content: ""
}

.e-pivotschemadesigner .e-dropIndicator {
    background: none repeat scroll 0 0 transparent;
    height: 2px;
    width: auto
}

.e-pivotschemadesigner .e-dropIndicatorHover {
    background: #86cbea
}

.e-pivotschemadesigner .e-removePivotBtn:before {
    background-repeat: no-repeat;
    height: 11px;
    padding-left: 10px;
    width: 11px;
    color: #fff;
    content: "";
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    float: none;
    padding: 6px;
    position: absolute
}

.e-pivotschemadesigner .e-removePivotBtn:hover {
    cursor: pointer;
    background: none repeat scroll 0 0 #86cbea
}

.e-pivotschemadesigner .e-sorting:before {
    content: "";
    float: right;
    margin-right: 4px
}

.e-pivotschemadesigner .e-sorting.descending:before {
    content: "";
    float: right
}

.e-pivotschemadesigner .filter:before {
    content: "";
    margin-left: -35px
}

.e-pivotschemadesigner .filter.filtered:before {
    content: "";
    float: right
}

.e-pivotschemadesigner .e-removeBtn:before {
    content: "";
    float: right;
    margin-right: 4px
}

.e-pivotschemadesigner.e-rtl .filter:before {
    float: left;
    margin-left: 17px;
    margin-right: 0;
    margin-top: -20px
}

.e-pivotschemadesigner.e-rtl .filter {
    float: left !important
}

.e-pivotschemadesigner .treeDrop, .e-pivotschemadesigner .sortDiv:hover, .e-pivotschemadesigner .clearSorting:hover, .e-pivotschemadesigner .clearAllFilters:hover, .e-pivotgrid .sortDiv:hover, .e-pivotgrid .clearSorting:hover, .e-pivotgrid .clearAllFilters:hover {
    cursor: pointer
}

.e-pivotschemadesigner .filterBtn {
    height: 24px
}

.e-pivotschemadesigner .e-filterIndicator {
    background: none repeat scroll 0 0 #179bd7
}

.e-pivotschemadesigner .e-memberEditorDiv {
    height: 256px;
    border: 1px solid #c8c8c8
}

.e-pivotschemadesigner .e-memberEditorDiv {
    margin-top: 7px
}

.e-pivotschemadesigner .e-dialogOKBtn, .e-pivotschemadesigner .e-dialogCancelBtn {
    width: 69px
}

.e-pivotschemadesigner .e-dialogOKBtn, .e-pivotschemadesigner .e-dialogCancelBtn {
    margin-left: 10px
}

.e-pivotschemadesigner .e-dialogOKBtn {
    margin-left: 83px
}

.e-pivotschemadesigner.e-rtl .e-dialogOKBtn {
    margin-left: 10px
}

.e-pivotschemadesigner.e-rtl .e-dialogOKBtn {
    margin-right: 86px
}

.e-pivotschemadesigner.e-rtl .e-labelValueFilterDlg .e-dialogOKBtn {
    margin-left: 10px
}

.e-pivotschemadesigner.e-rtl .e-labelValueFilterDlg .e-dialogOKBtn {
    margin-right: 73px
}

.e-pivotschemadesigner.e-rtl .e-dialogCancelBtn {
    margin-left: 0
}

.e-pivotschemadesigner.e-rtl .e-labelValueFilterDlg .e-dialogCancelBtn {
    margin-left: 5px
}

.e-pivotschemadesigner .e-chkbox-wrap {
    margin-left: 7px
}

.e-pivotschemadesigner .e-tbtn-wrap {
    display: inline-block
}

.e-pivotschemadesigner .e-togglebutton .e-icon {
    height: 14px;
    width: 14px
}

.e-pivotschemadesigner .e-treeview .e-text {
    min-height: 20px;
    border: 1px solid transparent;
    cursor: move
}

.e-pivotschemadesigner .e-treeview .e-text {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 12px;
    color: #333;
    font-weight: bold
}

.e-pivotschemadesigner .e-dialog .e-dialog-icon:hover {
    background: #179bd7
}

.e-pivotschemadesigner .e-treeview .e-active {
    background: #2390c1;
    color: #fff
}

.e-pivotschemadesigner .btnDeferUpdate {
    float: right
}

.e-pivotschemadesigner .btnDeferUpdate {
    margin-right: 10px
}

.e-pivotschemadesigner.e-rtl .btnDeferUpdate {
    float: left
}

.e-pivotschemadesigner.e-rtl .btnDeferUpdate {
    margin-left: 10px
}

.e-pivotschemadesigner .deferUpdateLayout {
    margin-left: 5px
}

.e-pivotschemadesigner.e-rtl .deferUpdateLayout {
    margin-right: 5px
}

    .e-pivotschemadesigner.e-rtl .deferUpdateLayout .e-text {
        margin-right: 5px
    }

.e-pivotschemadesigner .e-schemaFieldTree.e-treeview .e-text {
    width: 90%
}

.e-pivotschemadesigner .e-pivotButton .e-rtl {
    text-align: right
}

.e-pivotschemadesigner .e-schemaFieldTree ul, .e-pivotschemadesigner .e-schemaFieldTree li {
    width: 96%;
    height: auto
}

.e-pivotschemadesigner .e-btn .e-btntxt {
    padding: 0 6px 6px
}

.e-pivotschemadesigner .expandSchema {
    display: block;
    float: right;
    height: 25px;
    left: 24px;
    position: relative;
    top: -615px;
    width: 23px
}

.e-pivotschemadesigner .collapseSchema {
    float: right;
    height: 25px;
    position: relative;
    top: -615px;
    width: 23px
}

.e-pivotschemadesigner .freeze {
    position: absolute;
    height: 100%;
    width: 100%;
    content: ' ';
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    background-color: #d3d3d3;
    filter: alpha(opacity=0)
}

.e-pivotschemadesigner .e-ddlGroupWrap, .e-pivotgrid .e-ddlGroupWrap {
    font-weight: bold
}

.e-pivotschemadesigner .e-ddlGroupWrap, .e-pivotgrid .e-ddlGroupWrap {
    padding: 5px 0 5px 8px
}

.e-pivotschemadesigner .e-ascOrder, .e-pivotschemadesigner .e-descOrder, .e-pivotgrid .e-ascOrder, .e-pivotgrid .e-descOrder {
    list-style: none;
    border: 1px solid #fff
}

.e-pivotschemadesigner .e-descImage, .e-pivotschemadesigner .e-ascImage, .e-pivotgrid .e-descImage, .e-pivotgrid .e-ascImage {
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px
}

    .e-pivotschemadesigner .e-ascImage:before, .e-pivotgrid .e-ascImage:before {
        content: "";
        font-size: 16px;
        margin-left: 5px
    }

    .e-pivotschemadesigner .e-descImage:before, .e-pivotgrid .e-descImage:before {
        content: "";
        font-size: 16px;
        margin-left: 5px
    }

.e-pivotschemadesigner .e-dialog .filter {
    float: left
}

.e-pivotschemadesigner .e-selectedSort, .e-pivotgrid .e-selectedSort {
    border: 1px solid;
    padding-top: 2px
}

.e-pivotschemadesigner .e-filterElementTag.e-vertical, .e-pivotgrid .e-filterElementTag.e-vertical {
    border-color: #fff
}

.e-pivotschemadesigner .e-clrFilter:before, .e-pivotgrid .e-clrFilter:before {
    content: "";
    font-size: 16px;
    float: left
}

.e-pivotschemadesigner .e-clrSort:before, .e-pivotgrid .e-clrSort:before {
    content: "";
    font-size: 19px;
    float: left;
    margin-top: 4px
}

.e-pivotschemadesigner .e-filterElementTag, .e-pivotgrid .e-filterElementTag {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivotschemadesigner .e-filterState:before, .e-pivotgrid .e-filterState:before {
    content: "";
    height: 16px;
    width: 16px
}

.e-pivotschemadesigner .clearAllFilters, .e-pivotgrid .clearAllFilters {
    padding-top: 4px;
    padding-left: 5px
}

    .e-pivotschemadesigner .clearAllFilters .e-clrFilter, .e-pivotgrid .clearAllFilters .e-clrFilter {
        margin-top: 1px;
        float: left
    }

    .e-pivotschemadesigner .clearAllFilters .filter, .e-pivotgrid .clearAllFilters .filter {
        margin-left: 0
    }

.e-pivotschemadesigner .e-filterIndicator:before, .e-pivotgrid .e-filterIndicator:before {
    content: "";
    height: 16px;
    width: 16px
}

.e-pivotschemadesigner .advancedFilter, .e-pivotgrid .advancedFilter {
    margin-left: 9px;
    margin-right: 5px
}

.e-pivotschemadesigner .e-activeFilter:before, .e-pivotgrid .e-activeFilter:before {
    content: "";
    height: 16px;
    width: 16px
}

.e-pivotschemadesigner .clearFilter .e-clrFilter, .e-pivotgrid .clearFilter .e-clrFilter {
    margin-top: -1px !important
}

.e-pivotschemadesigner .advancedFilter .e-editorTreeView, .e-pivotgrid .advancedFilter .e-editorTreeView {
    height: inherit;
    margin-top: 0
}

.e-pivotschemadesigner .separator, .e-pivotgrid .separator {
    width: 84%;
    height: 1px;
    background-color: #c8c8c8;
    margin-top: 7px;
    margin-left: 35px
}

.e-pivotschemadesigner .e-filterElementTag a, .e-pivotgrid .e-filterElementTag a {
    margin-left: 3px !important
}

.e-pivotschemadesigner .clearFltrText, .e-pivotschemadesigner .clearSortText, .e-pivotgrid .clearFltrText, .e-pivotgrid .clearSortText {
    padding-left: 1px !important
}

.e-pivotschemadesigner .sortDiv, .e-pivotschemadesigner .clearSorting, .e-pivotschemadesigner .e-filterElementTag, .e-pivotgrid .sortDiv, .e-pivotgrid .clearSorting, .e-pivotgrid .e-filterElementTag {
    padding-left: 5px
}

.e-pivotschemadesigner .clearSorting, .e-pivotgrid .clearSorting {
    height: 20px
}

.e-pivotschemadesigner .e-filterState, .e-pivotgrid .e-filterState {
    margin-left: 10px
}

.e-pivotschemadesigner .memberFilter.e-filterState, .e-pivotgrid .memberFilter.e-filterState {
    margin-left: 0 !important;
    margin-top: 5px;
    position: absolute;
    float: left
}

.e-pivotgrid #sep1, .e-pivotgrid #sep2, .e-pivotgrid #sep3, .e-pivotgrid #sep4, .e-pivotgrid #sep5, .e-pivotgrid #sep6, .e-pivotgrid #sep7, .e-pivotgrid #sep8, .e-pivotgrid #sep9, .e-pivotschemadesigner #sep1, .e-pivotschemadesigner #sep2, .e-pivotschemadesigner #sep3, .e-pivotschemadesigner #sep4, .e-pivotschemadesigner #sep5, .e-pivotschemadesigner #sep6, .e-pivotschemadesigner #sep7, .e-pivotschemadesigner #sep8, .e-pivotschemadesigner #sep9 {
    height: 1px;
    background-color: #c8c8c8;
    margin-left: 30px
}

.e-pivotgrid #sep1 {
    height: 0
}

.e-pivotgrid #labelFilterBtn, .e-pivotgrid #ascOrder, .e-pivotgrid #descOrder, .e-pivotgrid #clearAllFilters, .e-pivotgrid #clearSorting, .e-pivotschemadesigner #labelFilterBtn, .e-pivotschemadesigner #ascOrder, .e-pivotschemadesigner #descOrder, .e-pivotschemadesigner #clearAllFilters, .e-pivotschemadesigner #clearSorting {
    border-bottom: none
}

.e-pivotgrid .e-advancedFilterDlg .e-treeview .e-text, .e-pivotschemadesigner .e-advancedFilterDlg .e-treeview .e-text {
    font-weight: normal
}

.e-pivotschemadesigner .e-clrSort:before, .e-pivotgrid .e-clrSort:before {
    font-size: 22px;
    float: left;
    margin-top: -1px
}

.e-pivotschemadesigner .e-selectedSort, .e-pivotgrid .e-selectedSort {
    border: 1px solid !important
}

.e-pivotschemadesigner .filterDialog div, .e-pivotgrid .filterDialog div {
    padding-bottom: 5px
}

.e-pivotschemadesigner .filterDialog, .e-pivotgrid .filterDialog {
    margin-left: -7px
}

.e-pivotschemadesigner .e-filterElementTag, .e-pivotgrid .e-filterElementTag {
    height: auto !important
}

.e-pivotgrid #clientDialog_wrapper.e-advancedFilterDlg .e-scroller:not([id$="_fieldCollection_container"]), .e-pivotschemadesigner #clientDialog_wrapper.e-advancedFilterDlg .e-scroller {
    overflow: visible;
    border: none
}

.e-pivotgrid #clientDialog_wrapper.e-rtl.e-advancedFilterDlg .e-scroller > .e-content:not([id$="_fieldCollection_container"]), .e-pivotschemadesigner #clientDialog_wrapper.e-rtl.e-advancedFilterDlg .e-scroller > .e-content {
    overflow: visible !important
}

.e-pivotschemadesigner.e-rtl .e-axisTd1 {
    float: left
}

.e-pivotgrid #clientDialog_wrapper.e-advancedFilterDlg .clientDialog, .e-pivotschemadesigner #clientDialog_wrapper.e-advancedFilterDlg .clientDialog {
    overflow: visible !important
}

.e-pivotgrid .e-icon.e-searchEditorTree:before, .e-pivotschemadesigner .e-icon.e-searchEditorTree:before {
    content: "";
    cursor: pointer
}

.e-pivotgrid .e-dialog .e-icon.e-searchEditorTree, .e-pivotschemadesigner .e-dialog .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotgrid .e-dialog .e-icon.e-searchEditorTree, .e-pivotschemadesigner .e-dialog .e-icon.e-searchEditorTree {
    top: 15px;
    left: 232px
}

.e-pivotgrid.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree, .e-pivotschemadesigner.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotgrid.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree, .e-pivotschemadesigner.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
    top: 15px;
    left: 13px
}

.e-pivotgrid.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree, .e-pivotschemadesigner.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotgrid.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree, .e-pivotschemadesigner.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
    top: 229px;
    left: 12px
}

.e-pivotschemadesigner .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree, .e-pivotgrid .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotschemadesigner .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree, .e-pivotgrid .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
    top: 236px;
    left: 235px
}

.e-pivotschemadesigner .e-dialog.e-advancedFilterDlg.advancedFilterDlgOSM .e-icon.e-searchEditorTree, .e-pivotgrid .e-dialog.e-advancedFilterDlg.advancedFilterDlgOSM .e-icon.e-searchEditorTree {
    top: 236px;
    left: 235px
}

.e-pivotschemadesigner .e-dialog .e-memberPager, .e-pivotgrid .e-dialog .e-memberPager, .e-pivotschemadesigner .e-dialog .e-memberSearchPager, .e-pivotgrid .e-dialog .e-memberSearchPager, .e-pivotschemadesigner .e-dialog .e-memberDrillPager, .e-pivotgrid .e-dialog .e-memberDrillPager {
    margin-top: 10px;
    margin-bottom: 20px
}

    .e-pivotschemadesigner .e-dialog .e-memberPager + div.e-dialogFooter, .e-pivotgrid .e-dialog .e-memberPager + div.e-dialogFooter, .e-pivotschemadesigner .e-dialog .e-memberSearchPager + div.e-dialogFooter, .e-pivotgrid .e-dialog .e-memberSearchPager + div.e-dialogFooter, .e-pivotschemadesigner .e-dialog .e-memberDrillPager + div.e-dialogFooter, .e-pivotgrid .e-dialog .e-memberDrillPager + div.e-dialogFooter {
        margin-bottom: 10px !important
    }

.e-pivotgrid .e-advancedFilterDlg .e-memberPager, .e-pivotschemadesigner .e-advancedFilterDlg .e-memberPager, .e-pivotgrid .e-advancedFilterDlg .e-memberSearchPager, .e-pivotschemadesigner .e-advancedFilterDlg .e-memberSearchPager, .e-pivotgrid .e-advancedFilterDlg .e-memberDrillPager, .e-pivotschemadesigner .e-advancedFilterDlg .e-memberDrillPager {
    margin-left: 12px;
    margin-right: 12px
}

.e-pivotschemadesigner .e-firstPage.e-pageDisabled, .e-pivotschemadesigner .e-prevPage.e-pageDisabled, .e-pivotschemadesigner .e-nextPage.e-pageDisabled, .e-pivotschemadesigner .e-lastPage.e-pageDisabled, .e-pivotgrid .e-firstPage.e-pageDisabled, .e-pivotgrid .e-prevPage.e-pageDisabled, .e-pivotgrid .e-nextPage.e-pageDisabled, .e-pivotgrid .e-lastPage.e-pageDisabled {
    filter: alpha(opacity=50) !important;
    -moz-opacity: .5 !important;
    opacity: .5 !important
}

.e-pivotschemadesigner .e-firstPage.e-pageEnabled, .e-pivotschemadesigner .e-prevPage.e-pageEnabled, .e-pivotschemadesigner .e-nextPage.e-pageEnabled, .e-pivotschemadesigner .e-lastPage.e-pageEnabled, .e-pivotgrid .e-firstPage.e-pageEnabled, .e-pivotgrid .e-prevPage.e-pageEnabled, .e-pivotgrid .e-nextPage.e-pageEnabled, .e-pivotgrid .e-lastPage.e-pageEnabled {
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

    .e-pivotschemadesigner .e-firstPage.e-pageEnabled:hover, .e-pivotschemadesigner .e-prevPage.e-pageEnabled:hover, .e-pivotschemadesigner .e-nextPage.e-pageEnabled:hover, .e-pivotschemadesigner .e-lastPage.e-pageEnabled:hover, .e-pivotgrid .e-firstPage.e-pageEnabled:hover, .e-pivotgrid .e-prevPage.e-pageEnabled:hover, .e-pivotgrid .e-nextPage.e-pageEnabled:hover, .e-pivotgrid .e-lastPage.e-pageEnabled:hover {
        background-color: #86cbea
    }

    .e-pivotschemadesigner .e-firstPage.e-pageEnabled:active, .e-pivotschemadesigner .e-prevPage.e-pageEnabled:active, .e-pivotschemadesigner .e-nextPage.e-pageEnabled:active, .e-pivotschemadesigner .e-lastPage.e-pageEnabled:active, .e-pivotgrid .e-firstPage.e-pageEnabled:active, .e-pivotgrid .e-prevPage.e-pageEnabled:active, .e-pivotgrid .e-nextPage.e-pageEnabled:active, .e-pivotgrid .e-lastPage.e-pageEnabled:active {
        background-color: #179bd7;
        color: #fff
    }

.e-pivotschemadesigner .e-firstPage, .e-pivotschemadesigner .e-prevPage, .e-pivotschemadesigner .e-nextPage, .e-pivotschemadesigner .e-lastPage, .e-pivotgrid .e-firstPage, .e-pivotgrid .e-prevPage, .e-pivotgrid .e-nextPage, .e-pivotgrid .e-lastPage {
    width: 24px;
    height: 24px
}

.e-pivotschemadesigner .e-icon.e-media-backward_01:before, .e-pivotschemadesigner .e-icon.e-arrowhead-left:before, .e-pivotschemadesigner .e-icon.e-arrowhead-right:before, .e-pivotschemadesigner .e-icon.e-media-forward_01:before, .e-pivotgrid .e-icon.e-media-backward_01:before, .e-pivotgrid .e-icon.e-arrowhead-left:before, .e-pivotgrid .e-icon.e-arrowhead-right:before, .e-pivotgrid .e-icon.e-media-forward_01:before {
    margin-top: 5px
}

.e-pivotschemadesigner .e-dialog .e-memberCurrentPage, .e-pivotgrid .e-dialog .e-memberCurrentPage, .e-pivotschemadesigner .e-dialog .e-memberCurrentSearchPage, .e-pivotgrid .e-dialog .e-memberCurrentSearchPage, .e-pivotschemadesigner .e-dialog .e-memberCurrentDrillPage, .e-pivotgrid .e-dialog .e-memberCurrentDrillPage {
    margin-left: 8px;
    margin-right: 6px;
    outline: none;
    text-indent: 3px
}

.e-pivotschemadesigner .e-dialog .memberPageCount, .e-pivotgrid .e-dialog .memberPageCount, .e-pivotschemadesigner .e-dialog .memberSearchPageCount, .e-pivotgrid .e-dialog .memberSearchPageCount, .e-pivotschemadesigner .e-dialog .memberDrillPageCount, .e-pivotgrid .e-dialog .memberDrillPageCount {
    margin-right: 8px
}

.e-pivotschemadesigner .e-dialog .e-memberPager + div, .e-pivotgrid .e-dialog .e-memberPager + div, .e-pivotschemadesigner .e-dialog .e-memberSearchPager + div, .e-pivotgrid .e-dialog .e-memberSearchPager + div, .e-pivotschemadesigner .e-dialog .e-memberDrillPager + div, .e-pivotgrid .e-dialog .e-memberDrillPager + div {
    margin: 0 0 6px !important
}

.e-pivotgrid.e-rtl .values .e-pivotButton, .e-pivotgrid.e-rtl .e-rows .e-pivotButton, .e-pivotgrid.e-rtl .columns .e-pivotButton, .e-pivotgrid.e-rtl .e-drag .e-pivotButton {
    margin-left: 0
}

.e-pivotgrid.e-rtl .values .e-pivotButton, .e-pivotgrid.e-rtl .e-rows .e-pivotButton, .e-pivotgrid.e-rtl .columns .e-pivotButton, .e-pivotgrid.e-rtl .e-drag .e-pivotButton {
    margin-right: 5px
}

.e-pivotgrid .emptyPivotGrid .emptyRows .e-rows {
    padding-left: 5px;
    padding-right: 5px
}

.e-pivotgrid .filterDialog .e-dialogCancelBtn, .e-pivotschemadesigner .filterDialog .e-dialogCancelBtn {
    margin-right: 10px
}

.e-pivotgrid.e-rtl .e-advancedFilterDlg .e-dialogOKBtn, .e-pivotschemadesigner.e-rtl .e-advancedFilterDlg .e-dialogOKBtn {
    margin-right: 102px !important
}

.e-pivotgrid .curInput {
    width: 100%
}

.e-pivotgrid table.pivotGridValueTable.rowFrozenTable tr td:first-child {
    border-left: 0
}

.e-pivotgrid table.pivotGridFrozenTable.rowFrozenTable tr td:last-child, table.pivotGridValueTable.rowFrozenTable tr td:last-child {
    border-right: 0
}

.e-pivotgrid .frozenBorderBtmClr {
    border-bottom: solid 1px #c8c8c8
}

@media(min-width:20px) and (max-width:799px) {
    .e-pivotgrid .e-table {
        width: 100%;
        overflow-wrap: break-word
    }

        .e-pivotgrid .e-table td {
            overflow-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis
        }
}

@media(min-width:800px) and (max-width:959px) {
    .e-pivotgrid .e-table {
        width: 100%;
        overflow-wrap: break-word
    }

        .e-pivotgrid .e-table td {
            overflow-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis
        }
}

@media(min-width:960px) and (max-width:1120px) {
    .e-pivotgrid .e-table {
        width: 100%;
        overflow-wrap: break-word
    }

        .e-pivotgrid .e-table td {
            overflow-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis
        }
}

@media(min-width:1120px) {
    .e-pivotgrid .e-table {
        width: 100%;
        overflow-wrap: break-word
    }

        .e-pivotgrid .e-table td {
            overflow-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis
        }
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivotclient, .e-pivotclient * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

    .e-pivotclient .e-pivotschemadesigner .memberSortDiv {
        margin-top: 1px !important
    }

    .e-pivotclient .e-box, .e-pivotclient button.e-btn, .e-pivotclient input.e-btn, .e-pivotclient input.e-input, .e-pivotclient input[type="text"].e-input, .e-pivotclient .e-input.e-placeholder, .e-pivotclient .e-js.e-lv.e-js .e-header.e-box, .e-pivotclient .e-textbox, .e-textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .e-pivotclient td {
        padding: 0;
        border: 0 none
    }

    .e-pivotclient .e-hoverCell {
        background-color: #86cbea !important
    }

    .e-pivotclient .e-collectionli:hover, .e-pivotclient .e-reportli:hover {
        background: #ececec !important;
        border: none !important;
        color: #686969 !important;
        padding: 3px !important;
        border-top: 4px !important
    }

    .e-pivotclient .e-collectiondiv {
        float: right;
        margin-left: 6px
    }

    .e-pivotclient .e-reportLbl, .e-pivotclient .e-collectionLbl {
        margin-top: 2px
    }

    .e-pivotclient .e-splitBtnUnique {
        height: auto !important
    }

    .e-pivotclient *:focus:hover {
        outline: none
    }

    .e-pivotclient .e-removeBtnUnqiue {
        height: calc(61%) !important
    }

    .e-pivotclient .e-schemaRemoveBtnUnqiue {
        height: inherit !important
    }

    .e-pivotclient .e-schemaBtnUnique {
        margin-top: 0 !important;
        height: auto !important;
        white-space: initial !important
    }

    .e-pivotclient .e-pvtBtnUnique {
        display: inline-flex !important
    }

.e-pvtBtnUnique {
    display: inline-flex !important
}

.e-pivotclient {
    border: 1px solid #c8c8c8;
    background-color: #fff
}

.e-pivotclient {
    color: #333
}

    .e-pivotclient .e-memberDescendingIcon, .e-pivotclient .e-memberAscendingIcon {
        display: inline-block;
        height: 20px;
        margin: 0 10px;
        vertical-align: middle;
        width: 20px
    }

    .e-pivotclient .e-memberDescendingIcon, .e-pivotclient .e-memberAscendingIcon {
        color: #686969
    }

        .e-pivotclient .e-memberAscendingIcon:before {
            content: "";
            font-size: 16px;
            margin: 2px
        }

    .e-pivotclient div.memberSortingDiv > div.e-checkAllBox > label {
        font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
        font-size: 12px;
        font-weight: bold
    }

    .e-pivotclient .e-separateDiv {
        border: 1px solid #c8c8c8 !important;
        border-bottom: none !important;
        margin: 9px 0
    }

    .e-pivotclient .e-memberDescendingIcon:before {
        content: "";
        font-size: 16px;
        margin: 2px
    }

    .e-pivotclient .e-memberDescendingIcon:hover, .e-pivotclient .e-memberAscendingIcon:hover {
        background-color: #86cbea;
        cursor: pointer
    }

    .e-pivotclient .advancedFilter div.memberSortingDiv > div.e-checkAllBox > label {
        font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
        font-size: 12px;
        font-weight: normal !important
    }

    .e-pivotclient .e-editorTreeView.e-treeViewUl ul {
        padding-left: 0 !important
    }

    .e-pivotclient .e-editorTreeView.e-treeViewUl li {
        padding-left: 12px !important
    }

    .e-pivotclient .memberSortDiv {
        float: right
    }

        .e-pivotclient .memberSortDiv.e-rtl {
            float: left;
            margin-left: -15px !important
        }

    .e-pivotclient .e-gridPanel, .e-pivotclient .e-chartPanel {
        border: none !important
    }

    .e-pivotclient .e-controlPanel {
        position: relative;
        right: 5px
    }

    .e-pivotclient .e-sortFilterDisable {
        color: #999
    }

    .e-pivotclient ul.e-sortfiltTab.e-box.e-addborderbottom.e-header {
        background: transparent
    }

    .e-pivotclient .e-dialog .e-header {
        background: #fff;
        color: #333
    }

    .e-pivotclient textarea {
        background: #fff
    }

    .e-pivotclient .e-treeview .e-text {
        color: #333
    }

        .e-pivotclient .e-treeview .e-text:hover {
            color: #282827
        }

    .e-pivotclient .e-treeview .e-icon.e-stop:before {
        content: "" !important
    }

    .e-pivotclient .e-dialog a.e-linkPanel {
        text-decoration: underline
    }

    .e-pivotclient .e-pivotschemadesigner .e-dialog a.e-linkPanel {
        margin-top: 4px !important
    }

    .e-pivotclient .e-dialog .e-infoImg.e-icon:before {
        content: "";
        color: #d48e0b
    }

    .e-pivotclient .e-treeview .e-active {
        color: #fff;
        background: #179bd7
    }

    .e-pivotclient .e-childsplit > span.e-splitbar.e-h-bar {
        width: 5px;
        border: none
    }

    .e-pivotclient .e-parentsplit > span.e-splitbar.e-h-bar {
        width: 5px !important;
        border: none
    }

    .e-pivotclient .e-splitresponsive > span.e-splitbar.e-h-bar {
        width: 5px !important;
        border: none
    }

    .e-pivotclient .customCSS .e-splitbar {
        background-color: #fff
    }

    .e-pivotclient .e-olapFieldList .e-ul {
        width: 100% !important;
        height: 100% !important
    }

    .e-pivotclient .e-splitter .e-pane {
        overflow: visible !important
    }

    .e-pivotclient .e-splitter {
        border: none !important
    }

        .e-pivotclient .e-splitter .e-splitbar.e-h-bar:before {
            content: ""
        }

        .e-pivotclient .e-splitter .e-splitbar.e-h-bar:before {
            top: 50%;
            left: 1px;
            position: absolute
        }

        .e-pivotclient .e-splitter .e-splitbar.e-h-bar {
            font-family: 'ej-webfont'
        }

    .e-pivotclient .e-pivotschemadesigner .e-fieldEnSplitTable.e-pane {
        left: 4.5px
    }

    .e-pivotclient .e-axisTable.e-pane {
        left: 7.5px !important;
        padding-right: 9.5px !important
    }

    .e-pivotclient .e-serverchildsplit > span.e-splitbar.e-h-bar {
        width: 5px !important;
        border: none;
        left: 1.5px
    }

    .e-pivotclient .e-serverparentsplit > span.e-splitbar.e-h-bar {
        width: 6px !important;
        border: none
    }

    .e-pivotclient .e-splitter .e-splitbar.e-h-bar .e-activebar {
        background: none
    }

    .e-pivotclient .e-serverchildsplit .cdbTD.e-pane {
        padding-right: 2px
    }

    .e-pivotclient .axisBuilderTD.e-pane {
        left: 2.5px;
        padding-right: 7.5px
    }

    .e-pivotclient .e-serversplitresponsive > span.e-splitbar.e-h-bar {
        width: 5px !important;
        border: none
    }

    .e-pivotclient .controlPanelTD {
        display: inline-block
    }

    .e-pivotclient .e-childsplit.e-rtl > .e-axisTable.e-pane {
        left: 3.5px !important
    }

    .e-pivotclient .e-childsplit.e-rtl > .e-fieldTable.e-pane {
        left: -5.5px !important
    }

    .e-pivotclient .e-cubeTreeView .e-ul {
        overflow: auto !important
    }

.e-olapclient .e-nextPageDiv {
    float: right;
    margin-top: 10px
}

.e-olapclient .e-memberPageCount {
    padding-left: 5px
}

.e-olapclient .e-disabled {
    cursor: pointer;
    opacity: .5
}

.e-olapclient .e-enabled {
    cursor: pointer;
    opacity: 1
}

.e-pivotclient .e-ddl .e-select {
    color: #333;
    background: #fff;
    border-color: #c8c8c8
}

    .e-pivotclient .e-ddl .e-select:hover {
        color: #282827;
        background: #86cbea
    }

.e-pivotclient .e-outerTable {
    border-collapse: collapse;
    background-color: #fff
}

.e-pivotclient .e-outerTable {
    font: normal 12px Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivotclient .e-titleText {
    height: 50px;
    width: inherit;
    display: inline-block
}

.e-pivotclient .e-titleText {
    font: normal 20px Segoe UI,Helvetica Neue,Ubuntu,Arial;
    line-height: 48px
}

.e-pivotclient .conditionformatTbl td {
    padding: 6px 2px 6px 8px
}

.e-pivotclient .e-dialogremoveBtn:before {
    font-family: "ej-webfont";
    content: "";
    display: inline-block
}

.e-pivotclient .e-titleText span {
    padding-left: 10px
}

.e-pivotclient .e-newReportImg:before {
    content: ""
}

.e-pivotclient .e-newReportImg:before {
    font-size: 20px
}

.e-pivotclient .e-addReportImg:before {
    content: ""
}

.e-pivotclient .e-addReportImg:before {
    font-size: 20px
}

.e-pivotclient .e-removeReportImg:before {
    content: ""
}

.e-pivotclient .e-removeReportImg:before {
    font-size: 20px
}

.e-pivotclient .e-renameReportImg:before {
    content: ""
}

.e-pivotclient .e-renameReportImg:before {
    font-size: 20px
}

.e-pivotclient .e-reportDBImg:before {
    content: ""
}

.e-pivotclient .e-reportDBImg:before {
    font-size: 20px
}

.e-pivotclient .e-mdxImg:before {
    content: ""
}

.e-pivotclient .e-mdxImg:before {
    font-size: 20px
}

.e-pivotclient .e-autoExecuteImg:before {
    content: ""
}

.e-pivotclient .e-autoExecuteImg:before {
    font-size: 20px
}

.e-pivotclient .e-calcMemberImg:before {
    font-size: 20px;
    content: ""
}

.e-pivotclient .e-excelExportImg:before {
    content: ""
}

.e-pivotclient .e-excelExportImg:before {
    font-size: 20px
}

.e-pivotclient .e-wordExportImg:before {
    content: ""
}

.e-pivotclient .e-wordExportImg:before {
    font-size: 20px
}

.e-pivotclient .e-pdfExportImg:before {
    content: ""
}

.e-pivotclient .e-pdfExportImg:before {
    font-size: 20px
}

.e-pivotclient .e-chartTypesImg:before {
    content: ""
}

.e-pivotclient .e-chartTypesImg:before {
    font-size: 20px
}

.e-pivotclient .e-toggleaxisImg:before {
    content: ""
}

.e-pivotclient .e-toggleaxisImg:before {
    font-size: 20px
}

.e-pivotclient .e-kpiCDB:before, .e-pivotclient .e-kpiGoalCDB:before, .e-pivotclient .e-kpiStatusCDB:before, .e-pivotclient .e-kpiTrendCDB:before, .e-pivotclient .e-kpiValueCDB:before, .e-pivotclient .e-kpiRootCDB:before {
    content: "";
    font-size: 18px
}

.e-pivotclient .e-kpiCDB, .e-pivotclient .e-kpiGoalCDB, .e-pivotclient .e-kpiStatusCDB, .e-pivotclient .e-kpiTrendCDB, .e-pivotclient .e-kpiValueCDB, .e-pivotclient .e-kpiRootCDB {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: text-top
}

.e-pivotclient .e-newReportImg, .e-pivotclient .e-addReportImg, .e-pivotclient .e-removeReportImg, .e-pivotclient .e-renameReportImg, .e-pivotclient .e-reportDBImg, .e-pivotclient .e-mdxImg, .e-pivotclient .maximizedView, .e-pivotclient .e-calcMemberImg, .e-pivotclient .e-excelExportImg, .e-pivotclient .e-wordExportImg, .e-pivotclient .e-pdfExportImg, .e-pivotclient .e-chartTypesImg, .e-pivotclient .e-rowSortFilterImg, .e-pivotclient .e-colSortFilterImg, .e-pivotclient .e-toggleExpandButton, .e-pivotclient .e-toggleCollapseButton, .e-pivotclient .e-dimensionCDB, .e-pivotclient .e-folderCDB, .e-pivotclient .e-hierarchyCDB, .e-pivotclient .e-attributeCDB, .e-pivotclient .e-chartCDB, .e-pivotclient .e-namedSetCDB, .e-pivotclient .e-level0, .e-pivotclient .e-level1, .e-pivotclient .level2, .e-pivotclient .e-level3, .e-pivotclient .e-level4, .e-pivotclient .e-level5, .e-pivotclient .e-level6, .e-pivotclient .e-level7, .e-pivotclient .e-level8, .e-pivotclient .e-level9, .e-pivotclient .e-level10, .e-pivotclient .e-checkAll, .e-pivotclient .e-unCheckAll, .e-pivotclient .e-autoExecuteImg, .e-pivotclient .e-toggleaxisImg, .e-pivotclient .e-calcMemberCDB, .e-pivotclient .e-calcMemberGroupCDB, .e-pivotclient .e-kpiCDB, .e-pivotclient .e-kpiGoalCDB, .e-pivotclient .e-kpiStatusCDB, .e-pivotclient .e-kpiTrendCDB, .e-pivotclient .e-kpiValueCDB, .e-pivotclient .e-kpiRootCDB {
    color: #686969
}

.e-pivotclient .e-newReportImg, .e-pivotclient .e-addReportImg, .e-pivotclient .e-removeReportImg, .e-pivotclient .e-renameReportImg, .e-pivotclient .e-reportDBImg, .e-pivotclient .e-mdxImg, .e-pivotclient .maximizedView, .e-pivotclient .e-calcMemberImg, .e-pivotclient .e-excelExportImg, .e-pivotclient .e-wordExportImg, .e-pivotclient .e-pdfExportImg, .e-pivotclient .e-chartTypesImg, .e-pivotclient .e-rowSortFilterImg, .e-pivotclient .e-colSortFilterImg, .e-pivotclient .e-toggleExpandButton, .e-pivotclient .e-toggleCollapseButton, .e-pivotclient .e-dimensionCDB, .e-pivotclient .e-folderCDB, .e-pivotclient .e-hierarchyCDB, .e-pivotclient .e-attributeCDB, .e-pivotclient .e-chartCDB, .e-pivotclient .e-namedSetCDB, .e-pivotclient .e-level0, .e-pivotclient .e-level1, .e-pivotclient .level2, .e-pivotclient .e-level3, .e-pivotclient .e-level4, .e-pivotclient .e-level5, .e-pivotclient .e-level6, .e-pivotclient .e-level7, .e-pivotclient .e-level8, .e-pivotclient .e-level9, .e-pivotclient .e-level10, .e-pivotclient .e-checkAll, .e-pivotclient .e-unCheckAll, .e-pivotclient .e-autoExecuteImg, .e-pivotclient .e-toggleaxisImg, .e-pivotclient .e-calcMemberCDB, .e-pivotclient .e-calcMemberGroupCDB, .e-pivotclient .e-kpiCDB, .e-pivotclient .e-kpiGoalCDB, .e-pivotclient .e-kpiStatusCDB, .e-pivotclient .e-kpiTrendCDB, .e-pivotclient .e-kpiValueCDB, .e-pivotclient .e-kpiRootCDB {
    text-indent: -3px
}

    .e-pivotclient .maximizedView:before {
        content: ""
    }

    .e-pivotclient .maximizedView:before {
        font-size: 21px
    }

    .e-pivotclient .e-colSortFilterImg:before {
        content: ""
    }

    .e-pivotclient .e-colSortFilterImg:before {
        font-size: 32px;
        line-height: .65;
        text-indent: -9px
    }

    .e-pivotclient .e-rowSortFilterImg:before {
        content: ""
    }

    .e-pivotclient .e-rowSortFilterImg:before {
        font-size: 29px;
        line-height: .8;
        text-indent: -7px
    }

.e-pivotclient .e-chartPanel {
    height: 0;
    width: 800px;
    margin: 3.5px 7px 7px
}

.e-pivotclient .clientTab {
    font: bold 12px Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivotclient .clientTab {
    margin-top: 6px !important
}

.e-pivotclient .e-toggleExpandButton, .e-pivotclient .e-toggleCollapseButton {
    background-repeat: no-repeat;
    height: 20px;
    width: 21px;
    cursor: pointer;
    position: relative;
    top: -3px
}

.e-pivotclient .e-toggleExpandButton {
    float: right;
    background-position: center -20px;
    margin: 5px
}

.e-pivotclient .e-toggleCollapseButton {
    background-position: 6px 0;
    position: relative;
    top: 11px
}

    .e-pivotclient .e-toggleExpandButton:hover, .e-pivotclient .e-toggleCollapseButton:hover {
        color: #282827;
        background: #86cbea
    }

    .e-pivotclient .e-toggleCollapseButton:before {
        content: "";
        font-size: 20px
    }

.e-pivotclient .e-toggleExpandButton:before {
    content: "";
    font-size: 20px;
    margin-right: 7px
}

.e-pivotclient .e-pivotschemadesigner .e-fieldTable {
    background: #fff !important;
    border-collapse: collapse !important;
    margin: 6px 0 8px !important
}

.e-pivotclient .e-pivotschemadesigner .e-fieldEnSplitTable {
    margin: 6px 0 8px !important
}

.e-pivotclient .e-pivotschemadesigner .e-fieldDisSplitTable {
    margin: 6px 4px 8px !important
}

.e-pivotclient .e-chartToolBar {
    border: none
}

.e-pivotclient .e-toolBar {
    border: none
}

.e-pivotclient .e-toggleText {
    background-position: center 0;
    background-repeat: no-repeat;
    height: 140px;
    width: 30px
}

.e-pivotclient .e-splitBtn {
    margin: 7px 0 0 6px;
    position: relative
}

.e-pivotclient .e-csHeader {
    font: normal 14px Segoe UI,Helvetica Neue,Ubuntu,Arial;
    margin: 8px 0 8px 3px
}

.e-pivotclient .e-cdbHeader, .e-pivotclient .e-axisHeader {
    font-weight: bold;
    line-height: 28px
}

.e-pivotclient .e-cdbHeader, .e-pivotclient .e-axisHeader {
    border: 1px solid #c8c8c8
}

    .e-pivotclient .e-axisHeader span:not(.e-removeSplitBtn), .e-pivotclient .e-cdbHeader span {
        padding-left: 5px
    }

.e-pivotclient.e-rtl .e-axisHeader span:not(.e-removeSplitBtn), .e-pivotclient.e-rtl .e-cdbHeader span {
    padding-right: 5px
}

.e-pivotclient .e-cubeTable {
    border-collapse: collapse;
    margin: 0 5px 3px 5px
}

.e-pivotclient .e-cdbHeader {
    border-bottom: 0;
    overflow: hidden
}

.e-pivotclient .e-ellipse {
    float: right;
    margin-right: 5px;
    margin-left: -17px;
    background-color: #fff;
    position: relative
}

.e-pivotclient .e-axisHeader {
    border-bottom: 0
}

.e-pivotclient .e-reportToolbar {
    border-color: #c8c8c8 !important;
    background: #ececec
}

.e-pivotclient .e-cubeBrowser {
    border: 1px solid #c8c8c8 !important
}

.e-pivotclient .e-cubeName {
    padding: 7px 0 0 6px;
    font: normal 14px Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivotclient .e-categoricalAxis, .e-pivotclient .e-rowAxis, .e-pivotclient .e-slicerAxis {
    margin-bottom: 3px;
    overflow: auto
}

.e-pivotclient .e-categoricalAxis, .e-pivotclient .e-rowAxis, .e-pivotclient .e-slicerAxis {
    border: 1px solid #c8c8c8
}

.e-pivotclient .e-gridContainer, .e-pivotclient .e-chartContainer {
    border: 1px solid #c8c8c8
}

.e-pivotclient .e-dropIndicator {
    margin-top: 4px !important;
    border-top: 3px dashed #179bd7
}

.e-pivotclient .e-targetAxis {
    background-color: #86cbea;
    color: #282827
}

.e-pivotclient .e-reportToolbar .e-active {
    color: #fff
}

.e-pivotclient .e-connectImg, .e-pivotclient .e-newReportImg, .e-pivotclient .e-addReportImg, .e-pivotclient .e-removeReportImg, .e-pivotclient .e-renameReportImg, .e-pivotclient .e-reportDBImg, .e-pivotclient .e-mdxImg, .e-pivotclient .maximizedView, .e-pivotclient .e-calcMemberImg, .e-pivotclient .e-excelExportImg, .e-pivotclient .e-wordExportImg, .e-pivotclient .e-pdfExportImg, .e-pivotclient .e-chartTypesImg, .e-pivotclient .e-rowSortFilterImg, .e-pivotclient .e-colSortFilterImg, .e-pivotclient .e-connectImg:hover, .e-pivotclient .e-newReportImg:hover, .e-pivotclient .e-addReportImg:hover, .e-pivotclient .e-removeReportImg:hover, .e-pivotclient .e-renameReportImg:hover, .e-pivotclient .e-reportDBImg:hover, .e-pivotclient .e-mdxImg:hover, .e-pivotclient .e-calcMemberImg:hover, .e-pivotclient .e-excelExportImg:hover, .e-pivotclient .e-wordExportImg:hover, .e-pivotclient .e-pdfExportImg:hover, .e-pivotclient .e-chartTypesImg:hover, .e-pivotclient .e-rowSortFilterImg:hover, .e-pivotclient .e-colSortFilterImg:hover, .e-pivotclient .e-autoExecuteImg:hover, .e-pivotclient .e-autoExecuteImg, .e-pivotclient .e-toggleaxisImg, .e-pivotclient .e-toggleaxisImg:hover {
    background-repeat: no-repeat;
    cursor: default;
    display: inline-block
}

    .e-pivotclient .e-connectImg, .e-pivotclient .e-newReportImg, .e-pivotclient .e-addReportImg, .e-pivotclient .e-removeReportImg, .e-pivotclient .e-renameReportImg, .e-pivotclient .e-reportDBImg, .e-pivotclient .e-mdxImg, .e-pivotclient .maximizedView, .e-pivotclient .e-calcMemberImg, .e-pivotclient .e-excelExportImg, .e-pivotclient .e-wordExportImg, .e-pivotclient .e-pdfExportImg, .e-pivotclient .e-chartTypesImg, .e-pivotclient .e-rowSortFilterImg, .e-pivotclient .e-colSortFilterImg, .e-pivotclient .e-connectImg:hover, .e-pivotclient .e-newReportImg:hover, .e-pivotclient .e-addReportImg:hover, .e-pivotclient .e-removeReportImg:hover, .e-pivotclient .e-renameReportImg:hover, .e-pivotclient .e-reportDBImg:hover, .e-pivotclient .e-mdxImg:hover, .e-pivotclient .e-calcMemberImg:hover, .e-pivotclient .e-excelExportImg:hover, .e-pivotclient .e-wordExportImg:hover, .e-pivotclient .e-pdfExportImg:hover, .e-pivotclient .e-chartTypesImg:hover, .e-pivotclient .e-rowSortFilterImg:hover, .e-pivotclient .e-colSortFilterImg:hover, .e-pivotclient .e-autoExecuteImg:hover, .e-pivotclient .e-autoExecuteImg, .e-pivotclient .e-toggleaxisImg, .e-pivotclient .e-toggleaxisImg:hover {
        height: 20px;
        width: 20px;
        margin: 4px
    }

        .e-pivotclient .e-connectImg:hover, .e-pivotclient .e-newReportImg:hover, .e-pivotclient .e-addReportImg:hover, .e-pivotclient .e-removeReportImg:hover, .e-pivotclient .e-renameReportImg:hover, .e-pivotclient .e-reportDBImg:hover, .e-pivotclient .e-mdxImg:hover, .e-pivotclient .e-calcMemberImg:hover, .e-pivotclient .e-excelExportImg:hover, .e-pivotclient .e-wordExportImg:hover, .e-pivotclient .e-pdfExportImg:hover, .e-pivotclient .e-chartTypesImg:hover, .e-pivotclient .maximizedView:hover, .e-pivotclient .e-rowSortFilterImg:hover, .e-pivotclient .e-colSortFilterImg:hover, .e-pivotclient .e-autoExecuteImg:hover, .e-pivotclient .e-toggleaxisImg:hover {
            cursor: pointer;
            color: #282827
        }

.e-pivotclient .reportList, .e-pivotclient e-collectionlist {
    overflow: visible !important
}

.e-pivotclient .e-pivotgrid .pivotGridRowTable th, .e-pivotclient .e-pivotgrid .pivotGridRowTable td {
    padding: 6px 2px 6px 8px !important
}

.e-pivotclient div.e-advancedFilterDlg {
    border: 1px solid #c8c8c8
}

.e-pivotclient li.e-reportCol.e-hover, .e-pivotclient .e-collectionli.e-hover, .e-pivotclient .e-reportli.e-hover {
    background: none;
    border-color: transparent
}

.e-pivotclient .e-sortReportTbl {
    width: 100%
}

.e-pivotclient .e-sortReportTbl {
    margin: 0 4px 18px
}

.e-pivotclient .e-sortingDlg, .e-pivotclient .e-filteringDlg {
    font: bold 12px Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-pivotclient .e-sortDisable, .e-pivotclient .e-radioBtnDesc, .e-pivotclient .e-preserveHrchy, .e-pivotclient .e-filterLbl, .e-pivotclient .e-conditionLbl {
    vertical-align: middle
}

.e-pivotclient .e-sortEnable, .e-pivotclient .e-radioBtnAsc {
    vertical-align: text-bottom
}

.e-pivotclient .e-radioBtnAsc, .e-pivotclient .e-radioBtnDesc, .e-pivotclient .e-measuresList, .e-pivotclient .e-sortEnable, .e-pivotclient .e-sortDisable, .e-pivotclient .filter, .e-pivotclient .e-filterCondition, .e-pivotclient .e-filterDisable, .e-pivotclient .e-filterEnable, .e-pivotclient .e-chkBoxColumn {
    margin-top: 15px
}

.e-pivotclient input.inputConditionMbl[type=number]::-webkit-inner-spin-button, .e-pivotclient input.inputConditionMbl[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

.e-pivotclient .e-cubeBrowserCalcMember, .e-pivotclient .e-calcMemberFieldPanel .e-textarea {
    font-weight: normal
}

.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl {
    margin-left: 2px;
    margin-right: 4px
}

.e-pivotclient.e-rtl .pivotFieldList, .e-pivotclient.e-rtl .e-togglePanel {
    float: right !important
}

.e-pivotclient.e-rtl .e-pivotschemadesigner .e-fieldEnSplitTable.e-pane {
    right: 4.5px !important;
    left: 0
}

.e-pivotclient.e-rtl .e-toggleExpandButton:before {
    margin-right: 0
}

.e-pivotclient .e-sortDisable, .e-pivotclient .e-radioBtnDesc {
    margin-bottom: 15px
}

.e-pivotclient .e-filterFrmDiv, .e-pivotclient .e-filterToDiv, .e-pivotclient .e-filterBtw {
    float: left
}

.e-pivotclient .e-filterLbl {
    margin-top: -23px
}

.e-pivotclient .e-sortingDlg, .e-pivotclient .e-filteringDlg {
    margin-top: -1px !important
}

.e-pivotclient .e-filterFrmDiv, .e-pivotclient .e-filterBtw, .e-pivotclient .e-filterToDiv {
    margin-bottom: -7px;
    margin-top: 10px !important
}

.e-pivotclient .e-conditionLbl, .e-pivotclient .filterMeasureListLbl {
    margin-bottom: 14px;
    margin-top: 10px !important
}

.e-pivotclient .e-filterBtw, .e-pivotclient .e-filterToDiv {
    margin-left: 4px
}

.e-pivotclient .e-sortDisableLbl, .e-pivotclient .e-sortEnableLbl, .e-pivotclient .e-radioBtnAscLbl, .e-pivotclient .e-radioBtnDescLbl, .e-pivotclient .e-preserveHrchyLbl, .e-pivotclient .e-filterDisableLbl {
    margin-left: 4px !important
}

.e-pivotclient .e-dialog-scroller {
    height: auto !important
}

.e-pivotclient .e-filterDisableLbl {
    vertical-align: text-bottom
}

.e-pivotclient .e-filterBtw {
    margin-left: 12px
}

.e-pivotclient .e-filterToDiv {
    margin-left: 8px
}

.e-pivotclient .borderFilterSortDlg {
    border: 1px solid #c8c8c8;
    border-top: none;
    margin-bottom: 13px;
    margin-top: -4px
}

.e-pivotclient .filterMeasureListLbl, .e-pivotclient .e-conditionLbl, .e-pivotclient .e-filterValueLbl {
    margin-bottom: 15px
}

.e-pivotclient .e-orderLbl, .e-pivotclient .e-sortingLbl {
    position: relative;
    padding-top: 12px
}

.e-pivotclient .e-filterValueLbl {
    margin-top: -5px !important;
    position: absolute
}

.e-pivotclient .e-sortDisableLbl, .e-pivotclient .e-sortEnableLbl, .e-pivotclient .e-radioBtnAscLbl, .e-pivotclient .e-radioBtnDescLbl, .e-pivotclient .e-filterDisableLbl {
    margin-top: 13px;
    position: absolute
}

.e-pivotclient .e-preserveHrchyLbl {
    margin-top: 2px;
    position: absolute
}

.e-pivotclient .e-pivotclient .e-filterLbl {
    margin-top: -40px
}

.e-pivotclient .e-measureListLbl {
    margin-top: 3px
}

.e-pivotclient .e-reportCol, .e-pivotclient .e-collectionli, .e-pivotclient .e-reportli {
    width: auto;
    height: 25px
}

.e-pivotclient .e-cubeBrowserCalcMember .e-measureGroupCDB:before {
    content: "";
    font-size: 18px
}

.e-pivotclient .e-cubeBrowserCalcMember .e-measureGroupCDB {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: text-top
}

.e-pivotclient .e-dimensionCDB, .e-pivotclient .e-folderCDB, .e-pivotclient .e-hierarchyCDB, .e-pivotclient .e-attributeCDB, .e-pivotclient .e-chartCDB, .e-pivotclient .e-namedSetCDB, .e-pivotclient .e-level0, .e-pivotclient .e-level1, .e-pivotclient .e-level2, .e-pivotclient .e-level3, .e-pivotclient .e-level4, .e-pivotclient .e-level5, .e-pivotclient .e-level6, .e-pivotclient .e-level7, .e-pivotclient .e-level8, .e-pivotclient .e-level9, .e-pivotclient .e-level10, .e-pivotclient .e-calcMemberCDB, .e-pivotclient .e-calcMemberGroupCDB {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: text-top
}

    .e-pivotclient .e-attributeCDB:before {
        content: "";
        font-size: 18px
    }

    .e-pivotclient .e-folderCDB:before {
        content: "";
        font-size: 18px
    }

    .e-pivotclient .e-dimensionCDB:before {
        content: "";
        font-size: 15px
    }

    .e-pivotclient .e-hierarchyCDB:before {
        content: "";
        font-size: 18px
    }

    .e-pivotclient .e-chartCDB:before {
        content: "";
        font-size: 15px
    }

    .e-pivotclient .e-namedSetCDB:before {
        content: "";
        font-size: 18px
    }

    .e-pivotclient .e-level0:before {
        content: "";
        font-size: 19px
    }

    .e-pivotclient .e-level1:before {
        content: "";
        font-size: 18px
    }

    .e-pivotclient .e-level2:before {
        content: "";
        font-size: 17px
    }

    .e-pivotclient .e-level3:before {
        content: "";
        font-size: 17px
    }

    .e-pivotclient .e-level4:before {
        content: "";
        font-size: 18px
    }

    .e-pivotclient .e-level5:before {
        content: "";
        font-size: 17px
    }

    .e-pivotclient .e-level6:before {
        content: "";
        font-size: 17px
    }

    .e-pivotclient .e-level7:before {
        content: "";
        font-size: 17px
    }

    .e-pivotclient .e-level8:before {
        content: "";
        font-size: 17px
    }

    .e-pivotclient .e-level9:before {
        content: "";
        font-size: 17px
    }

    .e-pivotclient .e-level10:before {
        content: "";
        font-size: 17px
    }

.e-pivotclient .e-dialogOKBtn, .e-pivotclient .e-dialogCancelBtn {
    width: 69px;
    margin-left: 10px
}

.e-pivotclient .e-dialogOKBtn {
    margin-left: 83px
}

.e-pivotclient .e-editorPara {
    margin: 0 0 7px
}

.e-pivotclient .e-loadReportTbl, .e-pivotclient .e-removeDBReportTbl, .e-pivotclient .e-renameDBReportTbl {
    margin: 10px 0 10px 0
}

.e-pivotclient .e-loadReportTd, .e-pivotclient .e-removeDBReportTd, .e-pivotclient .e-renameDBReportTd {
    width: 100px
}

.e-pivotclient table.e-renameDBReportTbl tr td {
    padding: 5px
}

.e-pivotclient .e-dialogInput {
    float: right;
    margin: 10px 0 17px 7px
}

.e-pivotclient .e-checkAll, .e-pivotclient .e-unCheckAll {
    display: inline-block;
    height: 15px;
    width: 16px;
    cursor: pointer
}

    .e-pivotclient .e-checkAll:hover, .e-pivotclient .e-unCheckAll:hover {
        background: #86cbea;
        color: #282827
    }

    .e-pivotclient .e-checkAll:before {
        content: "";
        font-size: 16px
    }

    .e-pivotclient .e-unCheckAll:before {
        content: "";
        font-size: 16px
    }

.e-pivotclient .e-unCheckAll {
    margin-left: 5px
}

.e-pivotclient .e-saveReportImg:before {
    content: ""
}

.e-pivotclient .e-loadReportImg:before {
    content: ""
}

.e-pivotclient .e-saveAsReportImg:before {
    content: ""
}

.e-pivotclient .e-removeDBReportImg:before {
    content: ""
}

.e-pivotclient .e-renameDBReportImg:before {
    content: ""
}

.e-pivotclient .e-line:before {
    content: ""
}

.e-pivotclient .e-spline:before {
    content: ""
}

.e-pivotclient .e-column:before {
    content: ""
}

.e-pivotclient .e-area:before {
    content: ""
}

.e-pivotclient .e-splinearea:before {
    content: ""
}

.e-pivotclient .e-stepline:before {
    content: ""
}

.e-pivotclient .e-steparea:before {
    content: ""
}

.e-pivotclient .e-pie:before {
    content: ""
}

.e-pivotclient .e-bar:before {
    content: ""
}

.e-pivotclient .e-stackingarea:before {
    content: ""
}

.e-pivotclient .e-stackingcolumn:before {
    content: ""
}

.e-pivotclient .e-stackingbar:before {
    content: ""
}

.e-pivotclient .e-pyramid:before {
    content: ""
}

.e-pivotclient .e-funnel:before {
    content: ""
}

.e-pivotclient .e-doughnut:before {
    content: ""
}

.e-pivotclient .e-scatter:before {
    content: ""
}

.e-pivotclient .e-bubble:before {
    content: ""
}

.e-pivotclient .waterfall:before {
    content: ""
}

.e-pivotclient .treemap:before {
    content: ""
}

.e-pivotclient .e-chartTypesIcon:before, .e-pivotclient .e-reportDBIcon:before {
    font-family: 'ej-webfont';
    margin-left: 2px
}

.e-pivotclient .e-chartTypesIcon:before, .e-pivotclient .e-reportDBIcon:before {
    font-size: 20px
}

.e-pivotclient .e-chartTypesOnGridView {
    display: none !important
}

.e-pivotclient .e-chartTypesIcon, .e-pivotclient .e-chartTypesIcon:hover, .e-pivotclient .e-reportDBIcon, .e-pivotclient .e-reportDBIcon:hover {
    background-repeat: no-repeat;
    cursor: default;
    display: inline-block;
    width: 24px
}

    .e-pivotclient .e-chartTypesIcon, .e-pivotclient .e-chartTypesIcon:hover, .e-pivotclient .e-reportDBIcon, .e-pivotclient .e-reportDBIcon:hover {
        height: 28px;
        margin: 5px 5px 0 0
    }

.e-pivotclient .e-chartTypesDialog, .e-pivotclient .e-reportDBDialog {
    position: absolute;
    padding: 0 0 5px 5px;
    z-index: 1000000;
    background-color: #ececec;
    border: 2px solid #c8c8c8
}

.e-pivotclient .e-chartTypesIcon, .e-pivotclient .e-reportDBIcon {
    color: #686969
}

    .e-pivotclient .e-chartTypesIcon:hover, .e-pivotclient .e-reportDBIcon:hover {
        cursor: pointer;
        background: #86cbea
    }

    .e-pivotclient .e-chartTypesIcon:hover, .e-pivotclient .e-reportDBIcon:hover {
        color: #282827
    }

.e-pivotclient .e-activeChartType {
    color: #fff;
    background: #179bd7
}

.e-pivotclient.e-rtl .errOKBtn {
    margin-right: 155px !important
}

.e-pivotclient .e-memberEditorDiv {
    height: 256px;
    border: 1px solid #c8c8c8
}

.e-pivotclient .e-memberEditorDiv {
    margin-top: 7px
}

.e-pivotclient .e-advancedFilterDlg .e-memberSearchEditorDiv {
    padding: 12px 12px 0 12px !important
}

.e-pivotclient .e-advancedFilterDlg .e-memberEditorDiv {
    padding: 0 !important;
    margin: 12px 12px 0 12px
}

.e-pivotclient .e-removeSplitBtn, .e-pivotclient .e-removeMeasure {
    background-repeat: no-repeat;
    height: 11px;
    padding-left: 10px;
    width: 11px;
    color: #333
}

.e-pivotclient .valuefilter td {
    padding: 6px 2px 6px 8px
}

.e-pivotclient .e-removeSplitBtn:before {
    margin-left: -6px;
    margin-top: 2px;
    font-size: 13px
}

.e-pivotclient .e-removeSplitBtn:before {
    content: ""
}

.e-pivotclient .e-splitBtn .e-removeSplitBtn:hover, .e-pivotclient .e-splitBtn .e-removeSplitBtn.e-removeHover {
    cursor: pointer
}

.e-pivotclient .e-splitBtn .e-removeSplitBtn:hover, .e-pivotclient .e-splitBtn .e-removeSplitBtn.e-removeHover {
    background: #86cbea
}

.e-pivotclient .e-removeSplitBtn {
    display: inline-block;
    float: none;
    position: absolute
}

.e-pivotclient .e-removeSplitBtn {
    background: #ececec;
    margin: 0 !important
}

.e-pivotclient .e-removeSplitBtn {
    border: 1px solid #c8c8c8;
    padding-bottom: 7px;
    padding-right: 0
}

.e-pivotclient .e-removeMeasure {
    background-position: 0 -1835px !important;
    margin: 4px;
    color: #686969
}

    .e-pivotclient .e-removeMeasure:before {
        content: "";
        font-size: 13px;
        display: inline-block
    }

.e-pivotclient .e-measureEditor {
    margin: 3px 5px 0 5px
}

    .e-pivotclient .e-measureEditor:hover {
        color: #282827;
        background-color: #86cbea;
        cursor: pointer
    }

.e-pivotclient .e-nodetext {
    font-size: inherit !important
}

.e-pivotclient .e-dialog {
    font: bold 12px Segoe UI,Helvetica Neue,Ubuntu,Arial !important;
    opacity: 1 !important
}

.e-pivotclient .e-corner-all {
    border-radius: 0 !important
}

.e-pivotclient .e-button {
    font-size: 12px !important
}

.e-pivotclient .e-treeview {
    background-color: #fff
}

    .e-pivotclient .e-treeview ul {
        margin: 0
    }

.e-pivotclient .e-treeview, .e-pivotclient .e-text {
    font-size: 12px
}

.e-pivotclient .e-tab, .e-pivotclient .e-header {
    width: auto
}

.e-pivotclient .e-tab, .e-pivotclient .e-active-content {
    padding: 0 !important
}

.e-pivotclient .e-tab, .e-pivotclient .e-content {
    border-width: 0
}

.e-pivotclient .e-toolbar {
    border-width: 1px 0
}

.e-pivotclient .e-input {
    line-height: normal !important
}

.e-pivotclient .e-progress-txt {
    top: -2px !important
}

.e-pivotclient .filter {
    display: none !important
}

.e-cdbHeader.e-responsive, .e-cubeBrowser.e-responsive {
    width: 98% !important
}

.e-pivotclient .oClientTbl {
    position: relative
}

.e-rowAxis.e-responsive, .e-slicerAxis.e-responsive, .e-categoricalAxis.e-responsive, .e-axisHeader.e-responsive {
    width: 95% !important
}

.e-pivotclient .e-reportDlg {
    margin-bottom: -10px
}

.e-pivotclient .e-dialogFooter {
    float: right
}

.e-pivotclient .e-dialogFooter {
    margin: 7px 0 6px
}

.e-pivotclient .e-filterDialog .e-dialogCancelBtn {
    margin-right: 10px
}

.e-pivotclient e-reportCol, .e-pivotclient .e-collectionli, .e-pivotclient .e-reportli {
    margin-left: 3px
}

.e-pivotclient.e-rtl .e-reportDlg table td {
    width: 100px
}

.e-pivotclient.e-rtl .e-reportDlg {
    margin-left: -5px
}

.e-pivotclient.e-rtl .e-titleText span {
    padding-right: 10px
}

.e-pivotclient.e-rtl .e-splitBtn, .e-pivotclient.e-rtl .e-cubeName {
    margin: 7px 6px 0 0
}

.e-pivotclient.e-rtl .e-controlPanel {
    right: 10px
}

    .e-pivotclient.e-rtl .e-controlPanel .e-icon {
        float: right
    }

.e-pivotclient .kpiGoal:before, .e-pivotclient .kpiStatus:before, .e-pivotclient .kpiTrend:before, .e-pivotclient .kpiValue:before {
    content: "";
    font-size: 18px
}

.e-pivotclient .kpiGoal, .e-pivotclient .kpiStatus, .e-pivotclient .kpiTrend, .e-pivotclient .kpiValue {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: text-top
}

.e-pivotclient.e-rtl .e-controlPanel .e-expand, .e-pivotclient.e-rtl .e-controlPanel .e-collapse {
    float: none !important
}

.e-pivotclient.e-rtl .sortfilterTab .e-content {
    float: none
}

.e-pivotclient.e-rtl .e-unCheckAll {
    margin-right: 4px
}

.e-pivotclient.e-rtl .e-filterFrmDiv, .e-pivotclient.e-rtl .e-filterToDiv, .e-pivotclient.e-rtl .e-filterBtw {
    float: right
}

.e-pivotclient.e-rtl .e-sortDisableLbl, .e-pivotclient.e-rtl .e-sortEnableLbl, .e-pivotclient.e-rtl .e-radioBtnAscLbl, .e-pivotclient.e-rtl .e-radioBtnDescLbl, .e-pivotclient.e-rtl .e-preserveHrchyLbl, .e-pivotclient.e-rtl .e-filterDisableLbl {
    margin-right: 4px
}

.e-pivotclient.e-rtl .e-dialogFooter {
    float: left;
    margin: 7px 6px 7px
}

.e-pivotclient.e-rtl .e-dialogOKBtn {
    margin-left: 10px;
    margin-right: 91px
}

.e-pivotclient.e-rtl .e-dialogCancelBtn {
    margin-left: -5px
}

.e-pivotclient.e-rtl .e-chartPanel {
    direction: ltr;
    margin: 5px -7px 0 0
}

.e-pivotclient.e-rtl .e-gridPanel {
    margin-left: 1px
}

.e-pivotclient.e-rtl .e-pivotGridTable.e-rtl .e-expand, .e-pivotclient.e-rtl .e-pivotGridTable.e-rtl .e-collapse {
    float: none !important
}

.e-pivotclient .e-pivotschemadesigner .e-pivotHeader, .e-pivotclient .e-pivotschemadesigner .e-rPivotHeader, .e-pivotclient .e-pivotschemadesigner .e-schemaFilter, .e-pivotclient .e-pivotschemadesigner .e-schemaColumn, .e-pivotclient .e-pivotschemadesigner .e-schemaRow, .e-pivotclient .e-pivotschemadesigner .e-schemaValue {
    margin: 0 !important;
    width: 100%
}

.e-pivotclient .e-pGridTooltip {
    position: absolute !important
}

.e-pivotclient .e-pivotschemadesigner .e-dropIndicator {
    margin-top: 0 !important;
    visibility: hidden;
    height: 2px
}

.e-pivotclient .e-pivotschemadesigner .e-dropIndicator {
    border-top: 3px dashed #179bd7
}

.e-pivotclient .e-pivotschemadesigner .e-pivotButton:hover .e-dropIndicatorActive {
    visibility: visible
}

.e-pivotclient .e-pivotschemadesigner .e-schemaFieldTree.e-treeview .e-text {
    min-height: 0 !important;
    font-weight: normal !important;
    width: auto
}

.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
    margin-right: 0;
    width: auto !important;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
    margin-top: -5px
}

.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
    margin-left: 2px
}

.e-pivotclient.e-rtl .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
    margin-right: 2px;
    margin-left: 0
}

.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn:hover {
    border: 1px solid;
    border-color: #c8c8c8 !important
}

.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn:before {
    margin-top: 2.75px !important;
    font-size: 13px !important
}

.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn:before {
    content: "" !important
}

.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn {
    display: inline-block !important;
    float: none !important;
    box-sizing: content-box !important;
    padding-right: 0 !important
}

.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn {
    margin: 0 !important;
    margin-top: 4px;
    background: #ececec !important;
    height: 18px
}

.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn {
    border: 1px solid #c8c8c8 !important
}

    .e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn:hover, .e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn.e-removeHover {
        cursor: pointer
    }

.e-pivotclient .e-pivotschemadesigner .e-olapFieldList {
    margin-top: 8px
}

.e-pivotclient .e-pivotschemadesigner .e-olapFieldList {
    border: 1px solid #c8c8c8
}

.e-pivotclient .e-pivotschemadesigner, .e-pivotclient .e-pivotschemadesigner .e-fieldTable, .e-pivotclient .e-pivotschemadesigner .e-axisTable, .e-pivotclient .e-pivotschemadesigner .e-axisTd1, .e-pivotclient .e-pivotschemadesigner .e-axisTd2 {
    float: left !important
}

    .e-pivotclient .e-pivotschemadesigner .e-axisTable {
        margin-top: 6px
    }

    .e-pivotclient .e-pivotschemadesigner .addedFieldTable {
        margin: 6px 7px 8px 5px;
        width: 43% !important
    }

    .e-pivotclient .e-pivotschemadesigner .e-clientFieldTable {
        float: right !important
    }

    .e-pivotclient .e-pivotschemadesigner .e-clientAxisSplitterTable {
        margin-left: 0 !important
    }

    .e-pivotclient .e-pivotschemadesigner .e-clientAxisTable {
        width: 50% !important;
        margin-left: 0 !important
    }

    .e-pivotclient .e-pivotschemadesigner #axisTd {
        margin-top: 0 !important
    }

    .e-pivotclient .e-pivotschemadesigner .e-axisTd2, .e-pivotclient .e-pivotschemadesigner .e-axisTd1 {
        height: 27%
    }

    .e-pivotclient .e-pivotschemadesigner .e-cubelists {
        margin-bottom: -2px
    }

.e-pivotclient .e-pivotschemadesigner {
    border: none
}

.e-pivotclient .e-toggleButtons {
    width: 15px !important;
    margin-right: 0 !important;
    margin-left: 0 !important
}

.e-pivotclient .e-togglePanel {
    float: left;
    margin-left: 5px;
    background-color: #ececec
}

.e-pivotclient .e-gridPanel {
    background: none !important
}

.e-pivotclient .e-clrFilter:before {
    content: "";
    font-size: 16px;
    float: left
}

.e-pivotclient .e-activeFilter:before {
    content: "";
    height: 16px;
    width: 16px
}

.e-pivotclient #clientDialog_wrapper.e-advancedFilterDlg .e-scroller {
    overflow: visible !important;
    border: none
}

.e-pivotclient #clientDialog_wrapper.e-rtl.e-advancedFilterDlg .e-scroller > .e-content {
    overflow: visible !important
}

.e-pivotschemadesigner #clientDialog_wrapper.e-advancedFilterDlg .e-clientDialog {
    overflow: visible !important
}

.e-pivotclient #sep1, .e-pivotclient #sep2, .e-pivotclient #sep3, .e-pivotclient #sep4, .e-pivotclient #sep5, .e-pivotclient #sep6, .e-pivotclient #sep7, .e-pivotclient #sep8, .e-pivotclient #sep9 {
    height: 1px;
    background-color: #c8c8c8;
    margin-left: 30px
}

.e-pivotclient #sep1 {
    height: 0
}

.e-pivotclient #labelFilterBtn, .e-pivotclient #ascOrder, .e-pivotclient #descOrder, .e-pivotclient #clearAllFilters, .e-pivotclient #clearSorting {
    border-bottom: none
}

.e-pivotclient .e-advancedFilterDlg .e-treeview .e-text {
    font-weight: normal
}

.e-pivotclient .e-clrSort:before {
    font-size: 22px;
    float: left;
    margin-top: -1px
}

.e-pivotclient .e-selectedSort {
    border: 1px solid !important
}

.e-pivotclient .e-filterElementTag.e-vertical {
    border-color: #fff
}

.e-pivotclient .e-filterIndicator {
    height: 16px;
    width: 16px;
    position: absolute;
    top: 150px;
    margin-left: -12px
}

    .e-pivotclient .e-filterIndicator:before {
        content: "";
        height: 16px;
        width: 16px
    }

.e-pivotclient .e-filterDialog td {
    padding-left: 6px
}

.e-pivotclient .e-filterElementTag {
    height: auto !important
}

.e-pivotclient .e-pivotpager {
    border: 1px solid #c8c8c8;
    margin-bottom: 5px;
    margin-left: 6px !important
}

    .e-pivotclient .e-pivotpager table {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .e-pivotclient .e-pivotpager .e-pagerDiv {
        padding: 0
    }

    .e-pivotclient .e-pivotpager .e-pagerTextBox {
        height: 14px
    }

.e-pivotclient .inActive {
    display: none
}

.e-pivotclient .e-vScrollPanel {
    background-color: #e3e3e3;
    width: 0;
    margin-left: 5px;
    display: inline-block;
    border-radius: 10px
}

.e-pivotclient .e-vScrollThumb {
    width: 11px;
    position: relative;
    top: 1px;
    z-index: 1000;
    border-radius: 5px;
    background-color: #bababa
}

.e-pivotclient .e-hScrollPanel {
    background-color: #e3e3e3;
    width: 0;
    height: 6px;
    border-radius: 10px
}

.e-pivotclient .e-hScrollThumb {
    border-radius: 5px;
    height: 11px;
    position: relative;
    left: 1px;
    top: 1px;
    z-index: 1000;
    background-color: #bababa
}

    .e-pivotclient .e-vScrollThumb:hover, .e-pivotclient .e-hScrollThumb:hover {
        background-color: #989999
    }

.e-pivotclient .e-categPageIndicator, .e-pivotclient .e-seriesPageIndicator {
    width: auto;
    background-color: #179bd7;
    border: thin solid #c8c8c8;
    color: #fff;
    padding: 5px;
    position: absolute;
    z-index: 1000;
    border-radius: 7px
}

.e-pivotclient .e-pivotschemadesigner #axisTd, .e-pivotclient .e-pivotschemadesigner #axisTd3 {
    margin-top: 0 !important
}

.e-pivotclient .hsVirtualScrolling {
    margin-bottom: 5px
}

.e-pivotclient .e-icon.e-searchEditorTree:before {
    content: "";
    cursor: pointer
}

.e-pivotclient .e-dialog .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotclient .e-dialog .e-icon.e-searchEditorTree {
    top: 37px;
    left: 225px
}

.e-pivotclient .e-pivotschemadesigner .e-dialog .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotclient .e-pivotschemadesigner .e-dialog .e-icon.e-searchEditorTree {
    top: 15px;
    left: 232px
}

.e-pivotclient.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotclient.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
    top: 37px;
    left: 13px
}

.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
    top: 15px;
    left: 13px
}

.e-pivotclient.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotclient.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
    top: 118px;
    left: 18px
}

.e-pivotclient .e-controlPanel .e-rtl .e-pivotchart .e-scroller .e-icon {
    float: left
}

.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
    top: 229px;
    left: 12px
}

.e-pivotclient .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotclient .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
    top: 118px;
    left: 225px
}

.e-pivotclient .e-pivotschemadesigner .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
    display: inline-block;
    position: absolute
}

.e-pivotclient .e-pivotschemadesigner .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
    top: 236px;
    left: 235px
}

.e-pivotclient .e-dialog .e-calcMemberFooter {
    text-align: right
}

.e-pivotclient .e-dialog .e-calcMemberFooter {
    margin-top: 18px
}

.e-pivotclient.e-rtl .e-dialog.e-rtl .e-calcMemberFooter {
    text-align: left;
    margin-top: 18px
}

.e-pivotclient .e-dialog .e-btnCalcMemberOk {
    margin: 0 18px
}

.e-pivotclient .e-dialog .e-cubeBrowserCalcMember {
    border: 1px solid #c8c8c8;
    display: inline-block;
    vertical-align: top
}

.e-pivotclient .e-dialog .e-cubeTreeViewCalcMember {
    height: 371px;
    width: 250px
}

.e-pivotclient .e-dialog .e-calcMemberFieldPanel {
    display: inline-block;
    vertical-align: top
}

.e-pivotclient .e-dialog .e-calcMemberFieldPanel {
    margin-left: 15px;
    width: 250px
}

.e-pivotclient .e-dialog.e-calcMemberDialog .e-widget-content {
    padding: 20px 15px 18px 15px
}

.e-pivotclient .e-dialog.e-calcMemberDialog .expressionFieldCM {
    height: 100px;
    resize: none
}

.e-pivotclient .e-dialog.e-calcMemberDialog .expressionFieldCM {
    width: 234px
}

.e-pivotclient .e-dialog.e-calcMemberDialog .e-mask, .e-pivotclient .e-dialog.e-calcMemberDialog .e-ddl, .e-pivotclient .e-dialog.e-calcMemberDialog textarea {
    margin-top: 2px;
    margin-bottom: 10px
}

.e-pivotclient .e-dialog.e-calcMemberDialog .e-ddl {
    margin-bottom: 6px
}

.e-pivotclient .e-dialog.e-rtl .e-calcMemberFieldPanel {
    margin-left: 0;
    margin-right: 15px
}

.e-pivotclient .e-dialog .e-calcMemberFieldPanel label {
    margin-bottom: 0
}

.e-pivotclient .e-dialog.e-calcMemberDialog .e-calcMemberCustomFormat {
    margin-bottom: 0
}

.e-pivotclient .e-dialog.e-calcMemberDialog .e-calcMemberDimensionField {
    margin-bottom: 10px
}

.e-pivotclient .e-calcMemberCDB:before {
    content: "";
    font-size: 18px
}

.e-pivotclient .e-calcMemberGroupCDB:before {
    content: "";
    font-size: 18px
}

.e-pivotclient .e-dialog.e-calcMemberDialog .e-maskedit, .e-pivotclient .e-dialog.e-calcMemberDialog .textarea {
    font: 14px Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-pivotclient .e-dialog .e-memberPager, .e-pivotclient .e-dialog .e-memberSearchPager, .e-pivotclient .e-dialog .e-memberDrillPager {
    margin-top: 10px;
    margin-bottom: 20px
}

    .e-pivotclient .e-dialog .e-memberPager + div.e-dialogFooter {
        margin-bottom: 10px !important;
        margin-top: 0
    }

.e-pivotclient .e-pivotschemadesigner .e-advancedFilterDlg .e-memberPager, .e-pivotclient .e-pivotschemadesigner .e-advancedFilterDlg .e-memberSearchPager, .e-pivotclient .e-pivotschemadesigner .e-advancedFilterDlg .e-memberDrillPager {
    margin-left: 12px;
    margin-right: 12px
}

.e-pivotclient .e-firstPage.e-pageDisabled, .e-pivotclient .e-prevPage.e-pageDisabled, .e-pivotclient .e-nextPage.e-pageDisabled, .e-pivotclient .e-lastPage.e-pageDisabled {
    filter: alpha(opacity=50) !important;
    -moz-opacity: .5 !important;
    opacity: .5 !important
}

.e-pivotclient .e-firstPage.e-pageEnabled, .e-pivotclient .e-prevPage.e-pageEnabled, .e-pivotclient .e-nextPage.e-pageEnabled, .e-pivotclient .e-lastPage.e-pageEnabled {
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

    .e-pivotclient .e-firstPage.e-pageEnabled:hover, .e-pivotclient .e-prevPage.e-pageEnabled:hover, .e-pivotclient .e-nextPage.e-pageEnabled:hover, .e-pivotclient .e-lastPage.e-pageEnabled:hover {
        background-color: #86cbea
    }

    .e-pivotclient .e-firstPage.e-pageEnabled:active, .e-pivotclient .e-prevPage.e-pageEnabled:active, .e-pivotclient .e-nextPage.e-pageEnabled:active, .e-pivotclient .e-lastPage.e-pageEnabled:active {
        background-color: #179bd7;
        color: #fff
    }

.e-pivotclient .e-firstPage, .e-pivotclient .e-prevPage, .e-pivotclient .e-nextPage, .e-pivotclient .e-lastPage {
    width: 24px;
    height: 24px
}

.e-pivotclient .e-icon.e-media-backward_01:before, .e-pivotclient .e-icon.e-arrowhead-left:before, .e-pivotclient .e-icon.e-arrowhead-right:before, .e-pivotclient .e-icon.e-media-forward_01:before {
    margin-top: 5px
}

.e-pivotclient .e-dialog .e-memberCurrentPage, .e-pivotclient .e-dialog .e-memberCurrentSearchPage, .e-pivotclient .e-dialog .e-memberCurrentDrillPage {
    margin-left: 8px;
    margin-right: 6px;
    outline: none;
    text-indent: 3px
}

.e-pivotclient .e-dialog .e-memberPageCount, .e-pivotclient .e-dialog .e-memberSearchPageCount, .e-pivotclient .e-dialog .e-memberDrillPageCount {
    margin-right: 8px
}

.e-pivotclient .e-pivotgrid td.summary.gtot {
    padding: 6px 6px 6px 16px !important
}

.e-pivotclient .e-splitBtn .e-removeSplitBtn {
    box-sizing: content-box !important
}

.e-pivotclient .e-pivotschemadesigner .e-schemaFilter, .e-pivotclient .e-pivotschemadesigner .e-schemaColumn, .e-pivotclient .e-pivotschemadesigner .e-schemaRow, .e-pivotclient .e-pivotschemadesigner .e-schemaValue {
    overflow: auto
}

.e-pivotclient .e-pivotschemadesigner .e-pivotButton {
    white-space: nowrap
}

.e-pivotclient .e-pivotpager table {
    border: none
}

.e-pivotclient .e-ascImage:before {
    content: "";
    font-size: 16px;
    margin-left: 5px
}

.e-pivotclient .e-descImage:before {
    content: "";
    font-size: 16px;
    margin-left: 5px
}

.e-pivotclient .e-clrFilter:before {
    content: "";
    font-size: 16px;
    float: left
}

.e-pivotclient .e-clrSort:before {
    content: "";
    font-size: 19px;
    float: left;
    margin-top: 4px
}

.e-pivotclient .e-ascOrder, .e-pivotclient .e-descOrder {
    list-style: none
}

.e-pivotclient .e-advancedFilterDlg .e-arrowhead-right, .e-pivotclient .e-advancedFilterDlg .e-clrSort {
    margin-top: -5px !important
}

.e-pivotclient .e-advanceFltrElement .e-arrowhead-right {
    margin-right: -2px
}

.e-pivotclient .e-advanceFltrElement .e-memberEditorDiv {
    margin: 12px 0 0 0
}

.e-pivotclient .e-advanceFltrElement .e-memberSearchEditorDiv {
    padding: 5px 0 0 0 !important
}

.e-pivotclient .e-advanceFltrElement .e-editorDiv {
    margin-left: 0
}

.e-pivotclient.e-rtl .e-clientChartTabRtl {
    margin: 5px -10px 0 0 !important
}

.e-pivotclient.e-rtl .e-serverChartTabRtl {
    margin: 5px -22px 0 0 !important
}

.e-pivotclient .e-advanceFltrElement .searchEditorTreeView {
    font-weight: normal
}

    .e-pivotclient .e-advanceFltrElement .searchEditorTreeView textarea {
        font-style: normal !important
    }

.e-pivotclient .e-advancedFilterDlg .e-footerArea {
    margin: -12px 12px 6px 0 !important
}

.e-pivotclient.e-rtl .e-pivotgrid .valueSorting {
    float: none !important
}

.e-pivotclient .e-pivotschemadesigner .e-pvtBtn {
    float: left
}

.e-pivotclient.e-rtl .e-pivotschemadesigner .e-pvtBtn {
    float: right
}

.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
    margin-top: 0 !important
}

.e-pivotclient .e-descImage, .e-pivotclient .e-ascImage {
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px
}

.e-pivotclient .e-filterState:before {
    content: "";
    height: 16px;
    width: 16px
}

.e-pivotclient .e-selectedSort {
    border: 1px solid;
    padding-top: 2px;
    margin-top: -3px !important
}

.e-maximumView {
    background-color: #fff;
    z-index: 1000;
    margin: 2% 4%;
    margin-top: 2%;
    padding: 20px;
    position: fixed
}

.e-fullScreenView {
    position: absolute;
    top: 0;
    background-color: #fff;
    z-index: 1000
}

.e-winCloseBtn:before {
    content: "";
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 0;
    height: 24px;
    width: 24px
}

.e-winCloseBtn {
    color: #686969
}

    .e-winCloseBtn:hover {
        color: #282827;
        cursor: pointer
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivotchart .e-hoverCell {
    background-color: #86cbea !important
}

.e-pivotchart .e-enabled {
    color: #fff !important;
    background: #179bd7 !important
}

.e-pivotchart {
    font: normal 12px Segoe UI,Helvetica Neue,Ubuntu,Arial;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    color: #333
}

    .e-pivotchart *:focus:hover {
        outline: none
    }

    .e-pivotchart .e-expandMenu {
        min-height: 50px
    }

    .e-pivotchart .e-menuList {
        list-style-type: none;
        padding: 4px 15px 4px 15px
    }

        .e-pivotchart .e-menuList:hover {
            list-style-type: none;
            color: #282827;
            background-color: #86cbea;
            cursor: pointer
        }

    .e-pivotchart .e-dialog, .e-pivotchart .e-wrapper, .e-pivotchart .e-shadow {
        min-height: 50px
    }

    .e-pivotchart .e-dialog-scroller {
        height: auto !important
    }

    .e-pivotchart .e-dialog, .e-pivotchart .e-content {
        padding: 0
    }

    .e-pivotchart .e-chartTypesImg:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-toolTipImg:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-chart3DImg:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-exportImg:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-disable3D:before {
        content: ""
    }

    .e-pivotchart .e-chartTypesIcon:before, .e-pivotchart .e-chart3DTypesIcon:before, .e-pivotchart .e-exportTypesIcon:before, .e-pivotchart .e-interactionsIcon:before, .e-pivotchart .e-smartLabelsIcon:before {
        font-family: 'ej-webfont';
        font-size: 20px;
        margin-left: 2px
    }

    .e-pivotchart .e-chartTypesIcon, .e-pivotchart .e-chartTypesIcon:hover, .e-pivotchart .e-chart3DTypesIcon, .e-pivotclient .e-chart3DTypesIcon:hover, .e-pivotchart .e-exportTypesIcon, .e-pivotclient .e-exportTypesIcon:hover, .e-pivotchart .e-interactionsIcon, .e-pivotchart .e-interactionsIcon:hover, .e-pivotchart .e-smartLabelsIcon, .e-pivotchart .e-smartLabelsIcon:hover {
        background-repeat: no-repeat;
        margin: 5px 5px 0 0;
        cursor: default;
        display: inline-block;
        height: 22px;
        width: 24px
    }

    .e-pivotchart .e-chartTypesDialog, .e-pivotchart .e-chart3DTypesDialog, .e-pivotchart .e-exportTypesDialog, .e-pivotchart .e-smartLabelsDialog, .e-pivotchart .e-interactionsDialog {
        position: absolute;
        padding: 0 0 5px 5px;
        z-index: 1000000;
        background-color: #ececec;
        border: 2px solid #c8c8c8
    }

    .e-pivotchart .e-chartTypesIcon, .e-pivotchart .e-chart3DTypesIcon, .e-pivotchart .e-exportTypesIcon, .e-pivotchart .e-smartLabelsIcon, .e-pivotchart .e-interactionsIcon {
        color: #686969
    }

        .e-pivotchart .e-chartTypesIcon:hover, .e-pivotchart .e-chart3DTypesIcon:hover, .e-pivotchart .e-exportTypesIcon:hover, .e-pivotchart .e-smartLabelsIcon:hover, .e-pivotchart .e-interactionsIcon:hover {
            color: #282827;
            cursor: pointer;
            background: #86cbea
        }

    .e-pivotchart .e-activeChartType {
        color: #fff;
        background: #179bd7
    }

    .e-pivotchart .e-line:before {
        content: ""
    }

    .e-pivotchart .e-spline:before {
        content: ""
    }

    .e-pivotchart .e-column:before {
        content: ""
    }

    .e-pivotchart .e-area:before {
        content: ""
    }

    .e-pivotchart .e-splinearea:before {
        content: ""
    }

    .e-pivotchart .e-stepline:before {
        content: ""
    }

    .e-pivotchart .e-steparea:before {
        content: ""
    }

    .e-pivotchart .e-pie:before {
        content: ""
    }

    .e-pivotchart .e-bar:before {
        content: ""
    }

    .e-pivotchart .e-stackingarea:before {
        content: ""
    }

    .e-pivotchart .e-stackingcolumn:before {
        content: ""
    }

    .e-pivotchart .e-stackingbar:before {
        content: ""
    }

    .e-pivotchart .e-pyramid:before {
        content: ""
    }

    .e-pivotchart .e-funnel:before {
        content: ""
    }

    .e-pivotchart .e-doughnut:before {
        content: ""
    }

    .e-pivotchart .e-scatter:before {
        content: ""
    }

    .e-pivotchart .e-bubble:before {
        content: ""
    }

    .e-pivotchart .e-excel:before {
        content: ""
    }

    .e-pivotchart .e-word:before {
        content: ""
    }

    .e-pivotchart .e-pdf:before {
        content: ""
    }

    .e-pivotchart .e-png:before {
        content: ""
    }

    .e-pivotchart .e-emf:before {
        content: ""
    }

    .e-pivotchart .e-gif:before {
        content: ""
    }

    .e-pivotchart .e-jpg:before {
        content: ""
    }

    .e-pivotchart .e-bmp:before {
        content: ""
    }

    .e-pivotchart .e-column3D:before {
        content: ""
    }

    .e-pivotchart .e-pie3D:before {
        content: ""
    }

    .e-pivotchart .e-bar3D:before {
        content: ""
    }

    .e-pivotchart .e-stackingbar3D:before {
        content: ""
    }

    .e-pivotchart .e-stackingcolumn3D:before {
        content: ""
    }

    .e-pivotchart .pivotChartContextMenu .e-enabledState::before {
        content: "";
        height: 16px;
        width: 16px
    }

    .e-pivotchart .e-legend:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-zooming:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-smartLabels:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-interaction:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-crossHair:before {
        content: ""
    }

    .e-pivotchart .e-trackBall:before {
        content: ""
    }

    .e-pivotchart .e-rotate45:before {
        content: ""
    }

    .e-pivotchart .e-rotate90:before {
        content: ""
    }

    .e-pivotchart .e-hiding:before {
        content: ""
    }

    .e-pivotchart .e-multipleRows:before {
        content: ""
    }

    .e-pivotchart .e-trim:before {
        content: ""
    }

    .e-pivotchart .e-wrap:before {
        content: ""
    }

    .e-pivotchart .e-wrapByWord:before {
        content: ""
    }

    .e-pivotchart .none:before {
        content: ""
    }

    .e-pivotchart .e-icon-xAxis-title:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-icon-yAxis-title:before {
        content: "";
        font-size: 20px
    }

    .e-pivotchart .e-chartTypesImg, .e-pivotchart .e-chartTypesImg:hover, .e-pivotchart .e-toolTipImg, .e-pivotchart .e-toolTipImg:hover, .e-pivotchart .e-chart3DImg, .e-pivotchart .e-chart3DImg:hover, .e-pivotchart .e-exportImg, .e-pivotchart .e-exportImg:hover, .e-pivotchart .e-legend, .e-pivotchart .e-legend:hover, .e-pivotchart .e-zooming, .e-pivotchart .e-zooming:hover, .e-pivotchart .e-smartLabels, .e-pivotchart .e-smartLabels:hover, .e-pivotchart .e-interaction, .e-pivotchart .e-interaction:hover, .e-pivotchart .e-icon-xAxis-title:hover, .e-pivotchart .e-icon-yAxis-title:hover, .e-pivotchart .e-icon-xAxis-title, .e-pivotchart .e-icon-yAxis-title {
        background-repeat: no-repeat;
        margin: 4px;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        width: 20px
    }

    .e-pivotchart .e-chartTypesImg, .e-pivotchart .e-toolTipImg, .e-pivotchart .e-chart3DImg, .e-pivotchart .e-exportImg, .e-pivotchart .e-legend, .e-pivotchart .e-zooming, .e-pivotchart .e-smartLabels, .e-pivotchart .e-interaction, .e-pivotchart .e-icon-xAxis-title, .e-pivotchart .e-icon-yAxis-title {
        overflow: visible !important;
        color: #686969;
        text-indent: -3px
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivottreemap .e-drillupAction {
    background-color: #fff;
    color: #333;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
    z-index: 10;
    border-color: #333;
    border: 1px solid #333;
    border-bottom: transparent;
    padding-top: 6px
}

    .e-pivottreemap .e-drillupAction a {
        color: #333;
        cursor: pointer
    }

        .e-pivottreemap .e-drillupAction a:hover {
            color: #333;
            text-decoration: underline !important
        }

.e-pivottreemap label {
    font-weight: 600
}

.e-pivottreemap .e-treemap-header {
    font-size: 12px
}

.e-pivottreemap .e-treemap-label {
    color: #333 !important;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 5px
}

.e-pivottreemap *:focus:hover {
    outline: none
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivotgauge .kpiiconvalue {
    height: 24px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.e-pivotgauge .e-wrapLayout {
    list-style-type: none;
    height: auto;
    width: auto
}

    .e-pivotgauge .e-wrapLayout li {
        float: left;
        display: inline-block;
        margin: 2px
    }

.e-pivotgauge *:focus:hover {
    outline: none
}

.e-pivotgauge-tooltip {
    background-color: #fff;
    border: 2px solid #c8c8c8
}

.e-pivotgauge-tooltip {
    pointer-events: none;
    opacity: 0;
    display: inline-block;
    position: absolute;
    padding: 10px 20px;
    color: #333;
    border-radius: 15px;
    margin-top: 20px;
    text-align: left;
    font: 12px Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-stretch: condensed;
    text-decoration: none;
    line-height: 20px
}

.e-pivotgauge-tooltip, .e-pivotgauge-active {
    opacity: 1;
    margin-top: 5px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}

.e-pivotgauge .kpiuparrow {
    background-image: url("../common-images/pivotgrid/up-arrow.png")
}

.e-pivotgauge .kpirightarrow {
    background-image: url("../common-images/pivotgrid/right-arrow.png")
}

.e-pivotgauge .kpidownarrow {
    background-image: url("../common-images/pivotgrid/down-arrow.png")
}

.e-pivotgauge .kpidiamond {
    background-image: url("../common-images/pivotgrid/diamond.png")
}

.e-pivotgauge .kpitriangle {
    background-image: url("../common-images/pivotgrid/triangle.png")
}

.e-pivotgauge .kpicircle {
    background-image: url("../common-images/pivotgrid/circle.png")
}

.e-pivotgauge .kpiredroad {
    background-image: url("../common-images/pivotgrid/red.png")
}

.e-pivotgauge .kpigreenroad {
    background-image: url("../common-images/pivotgrid/green.png")
}

.e-pivotgauge .kpiallcolor {
    background-image: url("../common-images/pivotgrid/three-color.png")
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pivotpager .e-pagerTextBox {
    display: inline-block
}

.e-pivotpager .e-pagerTextBox {
    height: 18px;
    width: 35px;
    color: #686969
}

.e-pivotpager *:focus:hover {
    outline: none
}

.e-pivotpager .e-movePrevious, .e-pivotpager .e-moveNext, .e-pivotpager .e-moveFirst, .e-pivotpager .e-moveLast {
    display: inline-block;
    position: relative;
    top: 1px;
    cursor: pointer
}

.e-pivotpager .e-movePrevious, .e-pivotpager .e-moveNext, .e-pivotpager .e-moveFirst, .e-pivotpager .e-moveLast {
    width: 18px;
    height: 18px
}

    .e-pivotpager .e-moveFirst:before {
        font-size: 14px
    }

    .e-pivotpager .e-moveFirst:before {
        content: ""
    }

    .e-pivotpager .e-moveFirst:before {
        margin-left: 5px
    }

    .e-pivotpager .e-moveLast:before {
        font-size: 14px
    }

    .e-pivotpager .e-moveLast:before {
        content: ""
    }

    .e-pivotpager .e-moveLast:before {
        margin-left: 5px
    }

.e-pivotpager .e-categPagerTd {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #686969
}

.e-pivotpager.e-rtl .e-categPagerTd {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #686969;
    border-right-style: hidden !important
}

.e-pivotpager.e-rtl .e-pagerDiv, .e-pivotpager.e-rtl .e-seriesPagerTd {
    direction: ltr
}

.e-pivotpager .e-movePrevious:before {
    font-size: 14px
}

.e-pivotpager .e-movePrevious:before {
    content: ""
}

.e-pivotpager .e-movePrevious:before {
    margin-left: 5px
}

.e-pivotpager .e-moveNext:before {
    font-size: 14px
}

.e-pivotpager .e-moveNext:before {
    content: ""
}

.e-pivotpager .e-moveNext:before {
    margin-left: 5px
}

.e-pivotpager .e-categPageCount, .e-pivotpager .e-seriesPageCount {
    cursor: default
}

.e-pivotpager .e-categPageCount, .e-pivotpager .e-seriesPageCount {
    padding: 0 0 0 5px
}

.e-pivotpager .e-pagerDiv {
    margin: 3px;
    padding: 7px;
    color: #686969
}

.e-pivotpager .e-pagerLabel {
    cursor: default;
    display: inline-block
}

.e-pivotpager .e-pagerLabel {
    margin-left: 5px;
    margin-right: 5px
}

.e-pivotpager .e-disabled {
    cursor: default !important
}

.e-pivotpager .e-disabled {
    opacity: .4
}

.e-pivotpager .pivotpager {
    overflow: auto
}

.e-pivotpager input {
    background: #fff
}

.e-pivotpager table {
    background-color: #fff
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-reportviewer-outerborder:hover {
    border-color: #c8c8c8;
    color: #333
}

.e-reportviewer-outerborder:hover {
    background: #86cbea
}

.e-reportviewer-tbdiv.e-reportviewer-exporttip {
    border-color: #c8c8c8
}

.e-reportviewer-tbdiv.e-reportviewer-exporttip {
    background: #ececec
}

.e-reportviewer-tbdiv.e-reportviewer-exporttip {
    background-color: #fff
}

.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
    border-color: #c8c8c8
}

.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
    background: #ececec
}

.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
    background-color: #fff
}

.e-reportviewer-tbdiv.e-reportviewer-tooltip {
    border-color: #c8c8c8
}

.e-reportviewer-tbdiv.e-reportviewer-tooltip {
    background-color: #fff
}

.e-reportviewer-headerspan, .e-reportviewer-contentspan {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-reportviewer-headerspan, .e-reportviewer-contentspan {
    color: #333
}

.e-reportviewer-viewer {
    font-size: 14px
}

.e-reportviewer-popuppageno, .e-reportviewer-popuptotalpage {
    color: #fff
}

.e-reportviewer-toolbarcontainer .ejinputtext {
    background-color: #fff !important;
    font-size: 16px
}

.e-reportviewer-viewerblock {
    background-color: #f6f6f6;
    font-size: 12.5px
}

.e-reportviewer-viewerblock {
    color: #333
}

.e-reportviewer-viewerblockcellcontent {
    font-size: 14.5px
}

.e-reportviewer-viewerblockcellcontent {
    color: #333
}

.e-reportviewer-viewreport {
    border-left-color: #c8c8c8
}

.e-reportviewer-scrollcontainer, .e-reportviewer-viewer > .e-splitter .e-pane {
    background-color: #ccc
}

.e-reportviewer-pageviewcontainer {
    background-color: #ccc
}

.e-reportviewer-pageview {
    -moz-box-shadow: rgba(0,0,0,.6);
    -webkit-box-shadow: rgba(0,0,0,.6);
    box-shadow: rgba(0,0,0,.3);
    border-color: #808080
}

.e-reportviewer-label, .e-reportviewer-tbpage, .e-reportviewer-elementalignments, .e-reportviewer-textbox {
    color: #333
}

.e-reportviewer-label, .e-reportviewer-tbpage, .e-reportviewer-elementalignments, .e-reportviewer-textbox {
    font-size: 14px;
    font-weight: normal
}

.e-reportviewer-labelpageno {
    font-size: 16px !important
}

.e-reportviewer-documentmapcontainer div, .e-reportviewer-documentmappopup {
    background-color: #ebebeb
}

.e-reportviewer-pagepopupinfo {
    background-color: #000
}

.e-reportviewer-viewerblock, .e-reportviewer-pagenumber, .e-reportviewer-tbpage, .e-reportviewer-tbdiv.e-reportviewer-exportlist, .e-reportviewer-label, .e-reportviewer-labelpageno {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-reportviewer-toolbarcontainer, .e-reportviewer-viewerblock, .e-reportviewer-viewercontainer, .e-reportviewer-elementalignments, .e-reportviewer-viewerblockcellcontent, .e-reportviewer-viewerblockcontent, .e-reportviewer-textbox, .e-reportviewer-documentmappopup {
    border-color: #c8c8c8
}

.e-reportviewer-popupli:hover {
    background: #86cbea
}

.e-reportviewer-popupli:hover {
    background-color: #86cbea
}

.e-reportviewer-popupli {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important;
    font-size: 14px !important;
    font-weight: normal !important
}

.e-reportviewer-popupli {
    color: #333 !important
}

.e-reportviewer-gotonext.e-reportviewer-disabled, .e-reportviewer-gotoprevious.e-reportviewer-disabled, .e-reportviewer-gotolast.e-reportviewer-disabled, .e-reportviewer-gotofirst.e-reportviewer-disabled {
    opacity: .5
}

.e-reportviewer-viewreportbutton {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-reportviewer-alert-icon {
    color: #ee2924;
    font-size: 40px
}

.e-reportviewer-error-content {
    background-color: #f5f5f5;
    font-size: 12.5px
}

.e-reportviewer-scroller .e-scrollbar .e-icon {
    font-size: 0
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-pdfviewer-outerborder:hover {
    border-color: #c8c8c8;
    color: #333
}

.e-pdfviewer-outerborder:hover {
    background: #86cbea
}

.e-pdfviewer-tbdiv.e-pdfviewer-exporttip {
    border-color: #c8c8c8;
    background-color: #fff
}

.e-pdfviewer-tbdiv.e-pdfviewer-exporttip {
    background: #ececec
}

.e-pdfviewer-tbdiv.e-pdfviewer-fittopagetip {
    border-color: #c8c8c8;
    background-color: #fff
}

.e-pdfviewer-tbdiv.e-pdfviewer-fittopagetip {
    background: #ececec
}

.e-pdfviewer-tbdiv.e-pdfviewer-tooltip {
    background: #fff;
    border-color: #c8c8c8
}

.e-pdfviewer-headerspan, .e-pdfviewer-contentspan {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-pdfviewer-headerspan, .e-pdfviewer-contentspan {
    color: #333
}

.e-pdfviewer-viewer {
    font-size: 14px
}

.e-pdfviewer-popuppageno, .e-pdfviewer-popuptotalpage {
    color: #fff
}

.e-pdfviewer-toolbarcontainer .ejinputtext {
    background-color: #fff !important
}

.e-pdfviewer-viewerblock {
    background-color: #f6f6f6;
    font-size: 12.5px;
    color: #333
}

.e-pdfviewer-viewerblockcellcontent {
    font-size: 14.5px;
    color: #333
}

.e-pdfviewer-viewpdf {
    border-left-color: #c8c8c8
}

.e-pdfviewer-scrollcontainer, .e-pdfviewer-viewer > .e-splitter .e-pane {
    background-color: #e8e8e8
}

.e-pdfviewer-pageviewcontainer {
    background-color: #ccc
}

.e-pdfviewer-pageview {
    -moz-box-shadow: rgba(0,0,0,.6);
    -webkit-box-shadow: rgba(0,0,0,.6);
    box-shadow: rgba(0,0,0,.3);
    border-color: #808080
}

.e-pdfviewer-label, .e-pdfviewer-tbpage, .e-pdfviewer-elementalignments, .e-pdfviewer-textbox {
    color: #333
}

.e-pdfviewer-label, .e-pdfviewer-tbpage, .e-pdfviewer-elementalignments, .e-pdfviewer-textbox {
    font-size: 14px;
    font-weight: normal
}

.e-pdfviewer-labelpageno {
    font-size: 16px !important
}

.e-pdfviewer-documentmapcontainer div, .e-pdfviewer-documentmappopup {
    background-color: #ebebeb
}

.e-pdfviewer-pagepopupinfo {
    background-color: #000
}

.e-pdfviewer-viewerblock, .e-pdfviewer-viewer, .e-pdfviewer-pagenumber, .e-pdfviewer-tbpage, .e-pdfviewer-tbdiv.e-pdfviewer-exportlist, .e-pdfviewer-label, .e-pdfviewer-labelpageno {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-pdfviewer-viewerblock, .e-pdfviewer-elementalignments, .e-pdfviewer-viewerblockcellcontent, .e-pdfviewer-viewerblockcontent, .e-pdfviewer-textbox, .e-pdfviewer-documentmappopup {
    border-color: #c8c8c8
}

.e-pdfviewer-toolbarcontainer.e-toolbar {
    border-color: #c8c8c8
}

.e-pdfviewer-searchbox {
    border-color: #c8c8c8
}

.e-pdfviewer-viewercontainer {
    background-color: #ececec;
    border-color: #c8c8c8
}

.e-pdfviewer-pageCanvas {
    border: solid #000 1px
}

.e-pdfviewer-popupmenu {
    border: solid 2px #c8c8c8;
    background-color: #ececec
}

.e-pdfviewer-innercontent {
    border-color: #000;
    background-color: #fff
}

.e-pdfviewer-closeicon {
    color: #333
}

.e-pdfviewer-properties-okbtn, .e-pdfviewer-properties-cancelbtn {
    background-color: #fff !important
}

.e-pdfviewer-currenttime, .e-pdfviewer-username {
    color: #333
}

.e-tab .e-header > .e-active.e-pdfviewer-tab-li a {
    color: #333 !important
}

.e-pdfviewer-opacity-slider.e-slider .e-handle.e-select {
    background-color: #fff
}

.e-tab .e-header > .e-active.e-pdfviewer-tab-li {
    border-top-color: #c8c8c8 !important
}

.e-pdfviewer-popupli:hover {
    background-color: #86cbea;
    color: #282827
}

.e-pdfviewer-popupli:hover {
    background: #86cbea
}

.e-pdfviewer-popupli {
    color: #333 !important;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important;
    font-size: 14px !important;
    font-weight: normal !important
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-gantt .e-toolbaricons {
    color: #686969
}

.e-search.e-tooltxt.e-hover {
    color: #282827 !important
}

.e-gantt .e-tooltxt.e-hover > span {
    color: #282827
}

.e-gantt .e-gantt-Spliter {
    border-top-color: #c8c8c8 !important;
    border-bottom-color: #c8c8c8 !important
}

.e-gantt .e-editValue .e-treegrid .e-headercell {
    border-bottom-color: #c8c8c8 !important;
    background-color: #fff !important
}

.e-ganttdialog .e-ejinputtext, .e-gantt .e-ejinputtext {
    color: #333;
    outline: none;
    border-style: solid;
    border-color: #c8c8c8;
    vertical-align: baseline
}

.e-ganttdialog .e-ejinputtext, .e-gantt .e-ejinputtext {
    border-width: 1px;
    background-color: #fff
}

    .e-ganttdialog .e-ejinputtext:focus, .e-gantt .e-ejinputtext:focus {
        box-shadow: 0 0 5px #cbcbcb
    }

.e-deletepre.e-icon, .e-addpre.e-icon {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-gantt .e-splitter .e-hover.e-splitbar.e-split-divider {
    border-color: #c8c8c8
}

.e-gantt .e-splitter .e-splitbar.e-split-divider:hover {
    border-color: #c8c8c8
}

.e-gantt .e-gantttoolbar li.e-hover {
    border-color: transparent
}

.e-gantt .e-treegrid .e-gridheader {
    color: #282827;
    border-color: #c8c8c8
}

.e-gantt .e-treegrid .e-gridheader {
    background: #fcfcfc
}

.e-gantt .e-treegrid .e-headercelldiv {
    color: #282827
}

    .e-gantt .e-treegrid .e-headercelldiv .e-descending, .e-gantt .e-treegrid .e-headercelldiv .e-ascending, .e-gantt .e-treegrid .e-headercell .e-columnmenu-icon {
        color: #232323
    }

.e-gantt .e-treegrid .e-headercell {
    border-top-color: #c8c8c8 !important
}

.e-gantt .e-treegrid .e-headercell {
    border-right-color: #c8c8c8 !important
}

.e-ganttdialog .e-tab .e-header.e-addborderbottom .e-active {
    border-top: solid 1px #c8c8c8 !important
}

.e-ganttdialog .e-titlebar {
    border-bottom: 1px solid #c8c8c8 !important
}

.e-gantt .e-ganttpopup .e-popupcontent {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-gantt .e-ganttpopup span:hover, .e-gantt .e-ganttpopup .e-spanclicked {
    border-color: #686969
}

.e-gantt .e-ganttpopup .e-downtail:before, .e-gantt .e-ganttpopup .e-downtail {
    border-top-color: #c8c8c8
}

    .e-gantt .e-ganttpopup .e-downtail:after {
        border-top-color: #fff
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-rangeScroll-select {
    fill: #ececec;
    stroke: #c8c8c8
}

    .e-rangeScroll-select:hover {
        fill: #86cbea;
        stroke: #c8c8c8
    }

    .e-rangeScroll-select:active {
        fill: #86cbea;
        stroke: #c8c8c8
    }

.e-rangeScroll-select-hover {
    fill: #86cbea;
    stroke: #c8c8c8
}

.e-rangeScroll-backRect {
    fill: white;
    stroke: #c8c8c8
}

.e-rangeScroll-arrow {
    fill: #686969;
    stroke: #686969
}

    .e-rangeScroll-arrow:hover {
        fill: #282827;
        stroke: #282827
    }

    .e-rangeScroll-arrow:active {
        fill: #282827;
        stroke: #282827
    }

.e-rangeScroll-centerShape {
    fill: #686969;
    stroke: #686969
}

.e-rangeScroll-leftCircle, .e-rangeScroll-rightCircle {
    fill: #686969;
    stroke: #686969
}

    .e-rangeScroll-leftCircle:hover, .e-rangeScroll-rightCircle:hover {
        fill: #282827;
        stroke: #282827
    }

    .e-rangeScroll-leftCircle:active, .e-rangeScroll-rightCircle:active {
        fill: #282827;
        stroke: #282827
    }

.e-rangeScroll-leftRect:hover + .e-rangeScroll-leftCircle, .e-rangeScroll-rightRect:hover + .e-rangeScroll-rightCircle, .e-rangeScroll-leftRect:active + .e-rangeScroll-leftCircle, .e-rangeScroll-rightRect:active + .e-rangeScroll-rightCircle {
    fill: #282827;
    stroke: #282827
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-treegrid .e-extendcolumn {
    background-color: #fff
}

.e-treegrid .e-headercelldiv {
    color: #282827;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-filterMenuDiv {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    min-height: 0 !important
}

.e-filterMenuDiv {
    border-color: #c8c8c8 !important
}

.e-treegrid .e-treegridpopup .e-popupcontent {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-treegrid .e-treegridpopup span:hover, .e-treegrid .e-treegridpopup .e-spanclicked {
    border-color: #686969
}

.e-treegrid .e-treegridpopup .e-downtail:before, .e-treegrid .e-treegridpopup .e-downtail {
    border-top-color: #c8c8c8
}

    .e-treegrid .e-treegridpopup .e-downtail:after {
        border-top-color: #fff
    }

.e-treegrid .e-headercelldiv .e-descending, .e-treegrid .e-headercelldiv .e-ascending, .e-treegrid .e-headercell .e-columnmenu-icon {
    color: #232323
}

.e-treegrid-core {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-treegrid {
    border-color: #c8c8c8;
    color: #333
}

    .e-treegrid .e-gridcontent {
        background-color: #fff;
        border-color: #c8c8c8
    }

    .e-treegrid .e-batchdisable {
        opacity: .35;
        background-image: none;
        pointer-events: none
    }

    .e-treegrid .e-borderbox {
        border-bottom-color: #fff
    }

    .e-treegrid .e-editcell, .e-treegrid .e-detailsrowcell, .e-treegrid .e-rowcell, .e-treegrid .e-extendcolumn {
        border-color: #c8c8c8
    }

    .e-treegrid .e-tableLastCell {
        border-right-color: #c8c8c8 !important
    }

    .e-treegrid .e-detailsiconcell:hover, .e-treegrid .e-detailsinfoiconhide {
        background-color: #e3e3e3
    }

    .e-treegrid div.e-error .e-toparrow {
        border-bottom-color: #fffe92
    }

    .e-treegrid div.e-error .e-bottomarrow {
        border-top-color: #fffe92
    }

.e-detailscellwrapperfly {
    border-color: #c8c8c8
}

.e-detailscellwrapperfly {
    box-shadow: 0 0 11px 3px #c8c8c8;
    -moz-box-shadow: 0 0 11px 3px #c8c8c8;
    -webkit-box-shadow: 0 0 11px 3px #c8c8c8
}

.e-dragrowcell {
    border-color: #c8c8c8 !important
}

.e-treegrid .e-alt-row {
    background: #fafafa
}

.e-treegrid .e-selectionbackground {
    color: #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr="#179bd7", endColorstr="#179bd7", GradientType=0), progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'
}

.e-treegrid .e-selectionbackground {
    background: #179bd7
}

.e-treegridPane .e-treegrid .e-selectionbackground {
    background: -moz-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(23,155,215,.2)),color-stop(100%,rgba(23,155,215,.2)));
    background: -webkit-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: -o-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: -ms-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: linear-gradient(to bottom,rgba(23,155,215,.2),rgba(23,155,215,.2));
    color: #333;
    filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr="#179bd7", endColorstr="#179bd7", GradientType=0), progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'
}

.e-treegrid .e-selectingcell {
    color: #fff
}

.e-treegrid .e-selectingcell {
    background: #179bd7
}

.e-treegridPane .e-treegrid .e-selectingcell {
    background: -moz-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(23,155,215,.2)),color-stop(100%,rgba(23,155,215,.2)));
    background: -webkit-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: -o-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: -ms-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: linear-gradient(to bottom,rgba(23,155,215,.2),rgba(23,155,215,.2));
    color: #333
}

.e-treegrid .e-detailsinfoiconhide:before, .e-treegrid .e-detailsinfoiconshow:before {
    color: #179bd7 !important
}

.e-treegrid .e-selectionbackground .e-detailsinfoiconshow:before {
    color: #fff !important
}

.e-treegrid .e-detailscellwrapper, .e-detailscellwrapperfly {
    background: #fff;
    color: #333 !important
}

.e-dragtooltipbackground {
    background-color: #fff;
    color: #333
}

.e-treegrid .e-tabletd {
    border-color: #c8c8c8
}

.e-treegrid .e-treegridtoolbar {
    background-color: #fff !important;
    border-color: #c8c8c8 !important
}

.e-treegrid .e-headercell {
    border-right-color: #c8c8c8 !important;
    border-bottom-color: #c8c8c8 !important
}

.e-treegrid .e-filterbarcell {
    border-color: #c8c8c8 !important
}

.e-treegrid .e-grid-icon {
    background: #fcfcfc
}

.e-treegrid .e-gridheader {
    color: #282827;
    border-color: #c8c8c8
}

.e-treegrid .e-gridheader {
    background: #fcfcfc
}

.e-treegrid .e-headercontent {
    border-right-color: #c8c8c8
}

.e-treegrid .e-ejinputtext, .e-addedColumn .e-ejinputtext, .e-treegridrenamedialog .e-ejinputtext {
    border-color: #c8c8c8;
    outline: none;
    vertical-align: baseline
}

.e-treegrid .e-ejinputtext, .e-addedColumn .e-ejinputtext, .e-treegridrenamedialog .e-ejinputtext {
    color: #333;
    background-color: #fff
}

    .e-treegrid .e-ejinputtext:focus, .e-addedColumn .e-ejinputtext:focus, .e-treegridrenamedialog .e-ejinputtext:focus {
        box-shadow: 0 0 5px #cbcbcb
    }

.e-treegrid .e-reSizeColbg {
    border-left-color: #c8c8c8 !important
}

.e-treegrid .e-gridheadercontainer {
    border-right-color: #c8c8c8 !important
}

.e-columnmenu {
    background: #fff;
    color: #333;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-columnmenu {
    border-color: #c8c8c8 !important
}

.e-columnmenuitem .e-icon, .e-menuitem .e-icon {
    color: #686969
}

.e-treegrid .e-toolbaricons {
    color: #686969
}

.e-columnmenuselection .e-icon, .e-tgcontextmenu-mouseover .e-icon {
    color: #282827
}

.e-treegrid .e-tooltxt.e-hover > span {
    color: #282827
}

.e-columnSelector {
    background: #fff;
    border: 1px solid;
    border-color: #c8c8c8 !important;
    color: #333 !important
}

.e-columnMenuListDiv label {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-columnmenuselection {
    color: #282827
}

.e-columnmenuselection {
    background: #86cbea
}

.e-treegrid .e-summaryrow {
    background: #f6f6f6
}

.e-treegrid .e-footersummaryrow, .e-treegrid .e-footersummaryrowdiv {
    background: #f6f6f6
}

.e-treegrid .e-footersummaryrowdiv {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #c8c8c8
}

.e-treegrid .e-summaryrow .e-summaryrowcell {
    border-bottom-color: #c8c8c8
}

.e-tgcontextmenu, .e-tginnerContextmenu {
    background: #fff;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-tgcontextmenu, .e-tginnerContextmenu {
    border-color: #c8c8c8 !important;
    color: #333
}

.e-tgheaderContextmenu {
    background: #fff;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    border: 1px solid
}

.e-tgheaderContextmenu {
    border-color: #c8c8c8 !important;
    color: #333
}

.e-tgcontextmenu-mouseover {
    color: #282827
}

.e-tgcontextmenu-mouseover {
    background: #86cbea
}

.e-tooltipgantt {
    background-color: #fff;
    color: #333;
    border-color: #c8c8c8
}

.e-treegrid .e-movablecontainer, .e-treegrid .e-movableheader, .e-treegrid .e-movablefooter {
    border-left-color: #179bd7
}

.e-treegrid .e-footercontainer {
    border-right-color: #c8c8c8
}

.e-headervline {
    border-color: #179bd7
}

.e-headertooltip {
    color: #282827;
    background-color: #fcfcfc;
    border-color: #c8c8c8
}

.e-menuitem-hr {
    border-width: 1px 0 0 0;
    border-style: solid
}

.e-menuitem-hr {
    border-color: #c8c8c8
}

.e-treegrid-resIcon {
    color: #232323
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-ribbon.e-js .e-header .e-bottom-line.e-select.e-item, .e-ribbon.e-js .e-header .e-top-line.e-select.e-item {
    background: transparent;
    outline: none;
    outline-offset: 0
}

.e-ribbon.e-js.e-widget {
    font-size: 14px
}

ej-ribbon {
    display: block
}

.e-ribbon .e-rbn-button.e-button .e-btntxt {
    white-space: pre-wrap
}

.e-ribbon .e-rbn-button.e-btn.e-select:focus {
    box-shadow: none
}

.e-ribbon .e-groupdiv > div:after {
    background: #c8c8c8
}

.e-ribbon .e-ribbonbackicon {
    background: #179bd7
}

.e-ribbon .e-backstagetopicon span:hover:before {
    opacity: .8;
    filter: alpha(opacity=80)
}

.e-ribbon .e-captionarea {
    color: #333
}

.e-separatordiv, .e-separatordivrow {
    background: #c8c8c8
}

.e-ribbon.e-js .e-content {
    border-top-width: 0;
    color: #333
}

.e-ribbon.e-js .e-content {
    background: #fff
}

.e-ribbon.e-js .e-content {
    border-color: #c8c8c8
}

.e-ribbon .e-rbn-ddl.e-ddl .e-select {
    background: #fff;
    border-color: #c8c8c8;
    color: #686969;
    filter: none
}

    .e-ribbon .e-rbn-ddl.e-ddl .e-select:hover {
        color: #282827
    }

    .e-ribbon .e-rbn-ddl.e-ddl .e-select:hover {
        background: #86cbea
    }

.e-ribbon .e-expandcollapse span:hover, .e-ribbon .e-expander:hover {
    border-color: #c8c8c8
}

.e-ribbon .e-expandcollapse span:hover, .e-ribbon .e-expander:hover {
    color: #282827
}

.e-ribbon .e-expandcollapse span:hover, .e-ribbon .e-expander:hover {
    background: #86cbea
}

.e-ribbon .e-expandcollapse span, .e-ribbon .e-expander {
    color: #686969
}

.e-ribbon.e-js .e-header, .e-ribbon.e-js .e-left, .e-ribbon.e-js .e-right {
    background: #fcfcfc
}

.e-ribbon.e-js .e-header, .e-ribbon.e-js .e-left, .e-ribbon.e-js .e-right {
    border: 1px solid #c8c8c8
}

    .e-ribbon.e-js .e-header > .e-select, .e-ribbon.e-js .e-header > .e-active, .e-ribbon.e-js .e-left > .e-active, .e-ribbon.e-js .e-right > .e-active, .e-ribbon.e-js .e-left > .e-select, .e-ribbon.e-js .e-right > .e-select {
        background: transparent;
        border: none
    }

        .e-ribbon.e-js .e-header > .e-select:not(.e-apptab) a, .e-ribbon.e-tab.e-js .e-header .e-select.e-disable a:hover {
            color: #282827
        }

.e-ribbon .e-apptab .e-menu .e-active > a, .e-ribbon .e-apptab .e-menu .e-active span {
    color: #282827 !important
}

.e-ribbon.e-js .e-header li.e-select:not(.e-apptab) a:hover {
    color: #179bd7
}

.e-ribbon.e-js .e-header .e-active.e-tab a:hover, .e-ribbon.e-js .e-header .e-active.e-contextualtabset a:hover {
    color: none
}

.e-ribbon .e-apptab .e-menu ul > li > a {
    color: #282827 !important
}

.e-ribbon.e-grpdivhide {
    border-right: 1px solid #c8c8c8 !important
}

.e-ribbon.e-rtl.e-grpdivhide {
    border-left: 1px solid #c8c8c8 !important
}

.e-ribbon .e-header > .e-apptab .e-menu {
    background: #179bd7
}

.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a, .e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a > span {
    color: #fff
}

.e-ribbon.e-js .e-header > .e-item:hover {
    background: transparent;
    border: none
}

.e-ribbon.e-js .e-header .e-active.e-tab a, .e-ribbon.e-js .e-header .e-active.e-contextualtabset a {
    border-color: #c8c8c8 #c8c8c8 transparent;
    background: #fff
}

.e-ribbon.e-js .e-header .e-active.e-tab a, .e-ribbon.e-js .e-header .e-active.e-contextualtabset a {
    color: #179bd7
}

.e-ribbon .e-rbn-button.e-btn.e-select, .e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover, .e-ribbon .e-rbn-button.e-tbtn.e-disable {
    border-color: #fff;
    filter: none
}

.e-ribbon .e-rbn-button.e-btn.e-select, .e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover, .e-ribbon .e-rbn-button.e-tbtn.e-disable {
    background: #fff;
    color: #333
}

.e-rbn-splitbtn.e-menu.e-split, .e-rbn-splitbtn.e-menu.e-context.e-split, .e-rbn-splitbtn.e-menu.e-context.e-split .e-list > ul {
    background: #fff
}

.e-rbn-splitbtn.e-js.e-menu.e-split ul, .e-rbn-splitbtn.e-js.e-menu.e-context.e-split ul, .e-rbn-splitbtn.e-js.e-menu.e-context.e-split .e-list > ul, .e-rbn-splitbtn.e-js.e-menu.e-widget.e-split li.e-list {
    background: #fff
}

.e-resizegroupdiv.e-reshover, .e-resizegroupdiv.e-reshover .e-rbn-button.e-resizebtn, .e-ribbon.e-responsive .e-backstageli:hover, .e-ribbon.e-responsive .e-responsivetabli:hover, .e-ribbon.e-js .e-rbn-button.e-btn.e-select:hover {
    color: #282827
}

    .e-resizegroupdiv.e-reshover, .e-resizegroupdiv.e-reshover .e-rbn-button.e-resizebtn, .e-ribbon.e-responsive .e-backstageli:hover, .e-ribbon.e-responsive .e-responsivetabli:hover, .e-ribbon.e-js .e-rbn-button.e-btn.e-select:hover {
        background: #86cbea
    }

.e-ribbon .e-rbn-button.e-btn.e-select:active, .e-ribbon .e-rbn-button.e-btn.e-disable.e-active.e-select:hover, .e-ribbon .e-rbn-button.e-tbtn.e-active {
    color: #282827
}

.e-ribbon .e-rbn-button.e-btn.e-select:active, .e-ribbon .e-rbn-button.e-btn.e-disable.e-active.e-select:hover, .e-ribbon .e-rbn-button.e-tbtn.e-active {
    background: #5cc0ee
}

    .e-ribbon .e-rbn-button.e-btn.e-select:active .e-icon, .e-ribbon .e-rbn-button.e-btn.e-active .e-icon, .e-ribbon .e-rbn-button.e-btn.e-select:hover .e-icon {
        color: #282827
    }

    .e-ribbon .e-rbn-button.e-tbtn.e-active.e-disable {
        background: none
    }

.e-ribbon.e-js .e-header .e-apptab .e-menu > .e-list:nth-child(1):not(.e-active) > a:hover, .e-ribbon.e-js .e-header .e-apptab .e-menu > li:nth-child(1):not(.e-active) > a:hover span {
    color: #282827
}

.e-ribbon .e-disable {
    background: #fff;
    opacity: .35;
    filter: alpha(opacity=35)
}

.e-ribbon .e-btn.e-disable.e-select, .e-ribbon .e-btn.e-disable.e-select:hover, .e-ribbon .e-tbtn.e-disable, .e-ribbon .e-tbtn.e-disable:hover, .e-ribbon .e-split.e-disable, .e-ribbon .e-split.e-disable:hover, .e-ribbon .e-btn.e-disable.e-select:active, .e-ribbon .e-tbtn.e-btn.e-disable.e-select.e-active:hover, .e-ribbon .e-tbtn.e-btn.e-disable.e-select.e-active {
    opacity: .35;
    filter: alpha(opacity=35)
}

.e-ribbon .e-modelDiv {
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.e-ribbon .e-groupdiv .e-gallerycontent, .e-ribbon .e-groupdiv .e-gallexpandcontent, .e-ribbon .e-resizediv .e-gallerycontent, .e-ribbon .e-resizediv .e-gallexpandcontent {
    background: #fff;
    border-color: #c8c8c8
}

.e-ribbon.e-rtl .e-groupdiv .e-gallerycontent {
    border-right-color: #c8c8c8
}

.e-ribbon .e-groupdiv .e-gallscrollcontent .e-content, .e-ribbon .e-resizediv .e-gallscrollcontent .e-content {
    background: #fff
}

.e-ribbon .e-groupdiv .e-gallerymovediv, .e-ribbon .e-resizediv .e-gallerymovediv, .e-ribbon .e-groupdiv .e-gallexpandcontent, .e-ribbon .e-resizediv .e-gallexpandcontent {
    background: #fff
}

.e-ribbon .e-groupdiv .e-extracontent, .e-ribbon .e-resizediv .e-extracontent {
    border-top-color: #c8c8c8
}

.e-ribbon .e-groupdiv .e-moveupdiv, .e-ribbon .e-groupdiv .e-movedowndiv, .e-ribbon .e-groupdiv .e-expgallerydiv, .e-ribbon .e-resizediv .e-moveupdiv, .e-ribbon .e-resizediv .e-movedowndiv, .e-ribbon .e-resizediv .e-expgallerydiv {
    border-color: #c8c8c8
}

.e-ribbon.e-js .e-groupdiv .e-rbn-button.e-gallerybtn, .e-ribbon.e-js .e-resizediv .e-rbn-button.e-gallerybtn {
    background: #fff !important;
    border-color: #fff
}

.e-ribbon .e-groupdiv .e-rbn-button.e-galleryextrabtn, .e-ribbon .e-resizediv .e-rbn-button.e-galleryextrabtn, .e-ribbon.e-js .e-groupdiv .e-extracontent .e-menu, .e-ribbon.e-js .e-resizediv .e-extracontent .e-menu {
    background: #fff;
    color: #333
}

.e-ribbon.e-js .e-gallerymenu a {
    color: #333
}

.e-ribbon .e-groupdiv .e-rbn-button.e-galleryextrabtn:hover, .e-ribbon .e-resizediv .e-rbn-button.e-galleryextrabtn:hover {
    background: #86cbea
}

.e-ribbon.e-js .e-groupdiv .e-rbn-button.e-galleryselect, .e-ribbon.e-js .e-resizediv .e-rbn-button.e-galleryselect {
    box-shadow: none;
    border-color: #179bd7
}

.e-ribbon.e-js .e-groupdiv .e-rbn-button.e-gallerybtn:hover, .e-ribbon.e-js .e-resizediv .e-rbn-button.e-gallerybtn:hover {
    border-color: #86cbea;
    color: #282827;
    background: #fff
}

.e-ribbon .e-groupdiv .e-gallerymovediv > div:hover, .e-ribbon .e-resizediv .e-gallerymovediv > div:hover {
    border-color: #179bd7
}

.e-ribbon .e-groupdiv .e-gallerymovediv > div:hover, .e-ribbon .e-resizediv .e-gallerymovediv > div:hover {
    background: #86cbea
}

.e-ribbon .e-groupdiv .e-movedowndiv:hover ~ .e-expgallerydiv, .e-ribbon .e-groupdiv .e-moveupdiv:hover ~ .e-movedowndiv {
    border-top-color: #179bd7
}

.e-ribbon .e-groupdiv .e-disablegrymovebtn:hover ~ .e-expgallerydiv, .e-ribbon .e-groupdiv .e-disablegrymovebtn:hover ~ .e-movedowndiv {
    border-top-color: #c8c8c8
}

.e-ribbon .e-groupdiv .e-gallerymovediv > .e-disablegrymovebtn, .e-ribbon .e-groupdiv .e-gallerymovediv > .e-disablegrymovebtn:hover, .e-ribbon .e-resizediv .e-gallerymovediv > .e-disablegrymovebtn, .e-ribbon .e-resizediv .e-gallerymovediv > .e-disablegrymovebtn:hover {
    background: #fff;
    border-color: #c8c8c8
}

.e-ribbon .e-tooltipdiv {
    border-color: #c8c8c8;
    background: #fff
}

    .e-ribbon .e-tooltipdiv .e-tooltiptitle, .e-ribbon .e-tooltipdiv .e-tooltipcontent, .e-ribbon .e-tooltipdiv .e-tooltipcntwithimg {
        color: #282827
    }

.e-ribbon .e-resizediv {
    border-color: #c8c8c8
}

.e-ribbon .e-resizediv {
    background: #fff
}

.e-ribbon .e-header .e-margine-top:hover {
    border-top: none
}

.e-ribbon .e-groupdiv .e-gallexpandcontent, .e-ribbon .e-resizediv .e-gallexpandcontent {
    border-color: #c8c8c8
}

.e-ribbon .e-groupdiv .e-disablegrymovebtn > span, .e-ribbon .e-resizediv .e-disablegrymovebtn > span {
    color: #cecece
}

.e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover .e-icon {
    color: #282827
}

.e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover {
    background: none
}

.e-ribbon .e-rbn-button.e-tbtn.e-active.e-disable .e-icon {
    color: #282827
}

.e-ribbon .e-rbn-ddl.e-ddl .e-disable.e-select:hover {
    background: none;
    color: #282827
}

.e-ribbon .e-ribbonbackstagepage {
    border-color: #c8c8c8;
    background: #fff
}

.e-backstagescrollcontent.e-js .e-content {
    background: #fff
}

.e-ribbon .e-backstagetopcontent, .e-ribbon .e-backstageheader {
    background: #179bd7
}

.e-ribbon .e-backstageli:hover {
    background: #106992
}

.e-ribbon .e-backstageseparator, .e-ribbon .e-backstageactive {
    background: #4ebbec
}

.e-ribbon .e-backstagetopicon span:hover:before {
    color: #86cbea
}

.e-ribbon .e-backstagetopicon span:before {
    color: #fff
}

.e-ribbon .e-header > .e-apptab .e-apptabanchor:hover {
    color: #282827
}

.e-ribbon .e-header > .e-apptab .e-apptabanchor:hover {
    background: #86cbea
}

.e-ribbon .e-backstageli a, .e-ribbon .e-backstagebutton {
    color: #fff
}

.e-ribbon.e-js .e-backstageheader .e-backstageli:hover a, .e-ribbon.e-js .e-backstageheader .e-backstageactive a, .e-ribbon.e-js .e-backstageheader .e-backstagebutton:hover {
    color: #fff
}

.e-ribbon .e-backstagecontent {
    background: #fff
}

.e-ribbon .e-header > .e-apptab .e-apptabanchor {
    color: #fff
}

.e-ribbon .e-header > .e-apptab .e-apptabanchor {
    background: #179bd7
}

.e-ribbon.e-rbnwithqat .e-rbnqatmenu, .e-ribbon.e-rbnwithqat .e-qaresizediv {
    background: #fff
}

.e-ribbon.e-rbnwithqat .e-rbnqatmenu, .e-ribbon.e-rbnwithqat .e-qaresizediv {
    border-color: #c8c8c8
}

    .e-ribbon.e-rbnwithqat .e-rbnqatmenu div {
        background: #ececec
    }

.e-ribbon.e-rbnwithqat .e-qatmenuli {
    background: #fff;
    color: #333
}

.e-ribbon.e-rbnwithqat .e-qatseparator {
    background: #c8c8c8
}

.e-ribbon.e-rbnwithqat .e-qatmenuli:hover {
    color: #282827
}

.e-ribbon.e-rbnwithqat .e-qatmenuli:hover {
    background: #86cbea
}

.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar, .e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-btn {
    background: transparent
}

.e-ribbon.e-js .e-rbn-button.e-tbtn.e-active:hover, .e-ribbon.e-js .e-rbn-button.e-tbtn.e-active, .e-ribbon.e-js .e-rbn-button.e-btn.e-resizebtnselect, .e-ribbon.e-rbnwithqat.e-js .e-rbn-button.e-tbtn.e-active {
    color: #282827
}

    .e-ribbon.e-js .e-rbn-button.e-tbtn.e-active:hover, .e-ribbon.e-js .e-rbn-button.e-tbtn.e-active, .e-ribbon.e-js .e-rbn-button.e-btn.e-resizebtnselect, .e-ribbon.e-rbnwithqat.e-js .e-rbn-button.e-tbtn.e-active {
        background: #5cc0ee
    }

        .e-ribbon.e-js .e-rbn-button.e-tbtn.e-select:active .e-icon, .e-ribbon.e-js .e-rbn-button.e-tbtn.e-active .e-icon, .e-ribbon.e-js .e-rbn-button.e-tbtn.e-select.e-active:hover, .e-ribbon.e-js .e-rbn-button.e-tbtn.e-select.e-active:hover .e-icon {
            color: #282827
        }

.e-ribbon.e-js .e-rbn-button.e-btn, .e-ribbon .e-active-content.e-parentdiv .e-split, .e-ribbon .e-resizediv .e-split, .e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-split {
    box-shadow: none
}

.e-ribbon.e-responsive .e-header, .e-ribbon.e-responsive .e-responsiveqat .e-rbn-button.e-btn, .e-ribbon.e-responsive .e-resqatScroll .e-content, .e-ribbon.e-responsive .e-backstagerestop {
    background: #179bd7 !important
}

    .e-ribbon.e-responsive .e-icon.e-resbackstage, .e-ribbon.e-responsive .e-ribresmenu .e-icon, .e-ribbon.e-responsive .e-ribresmenu a, .e-ribbon.e-responsive .e-responsiveqat .e-rbn-button.e-btn .e-icon {
        color: #fff !important
    }

.e-ribbon.e-responsive .e-responsivebackstagecontent {
    background: #fff !important
}

.e-ribbon.e-responsive .e-backstageheader, .e-ribbon.e-responsive .e-rescontent {
    background: #fcfcfc
}

    .e-ribbon.e-responsive .e-backstageheader .e-backstagebutton, .e-ribbon.e-responsive .e-backstageheader a {
        color: #686969
    }

.e-ribbon.e-responsive .e-responsiveback, .e-ribbon.e-responsive .e-groupmobdiv, .e-ribbon.e-responsive .e-groupdiv {
    border-bottom: 1px solid #c8c8c8
}

.e-ribbon.e-responsive .e-responsiveqat .e-rbn-button.e-btn.e-active .e-icon {
    color: #282827 !important
}

.e-ribbon.e-responsive .e-rescontent, .e-ribbon.e-responsive .e-backstageheader {
    box-shadow: -1px 0 10px 0 black
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-kanban, .e-kanban .e-kanbanheader .e-headercell, .e-kanban .e-swimlanerow {
    background: #fff
}

    .e-kanban .e-icon, .e-kbntoolbar-body .e-icon {
        color: #686969
    }

.e-kanban {
    border-color: #c8c8c8;
    color: #333
}

    .e-kanban .e-kanbancontent .e-rowcell .e-shrinkheader {
        color: #179bd7
    }

.e-kanban-context .e-checkbox .e-checkmark {
    color: #179bd7 !important
}

.e-kanban .e-kanbantoolbar .e-searchdiv {
    background: #fff
}

.e-kanban .e-search.e-tooltxt:hover .e-searchdiv {
    background: #fff
}

.e-kanban .e-kanbanheader.e-slheader .e-headercell, .e-kanban.e-swimlane-responsive .e-columnrow .e-rowcell {
    border-bottom: 4px solid #ececec
}

.e-kanban .e-stackedHeaderRow th {
    border-bottom: 2px solid #179bd7 !important
}

.e-kanban .e-kanbanheader.e-slheader .e-headercell.e-exceed {
    border-bottom-color: #f8d9c7
}

.e-kanban .e-kanbanheader.e-slheader .e-headercell.e-deceed {
    border-bottom-color: #ffedcd
}

.e-kanban .e-columnrow .e-kanbancard {
    background: #fff;
    box-shadow: none
}

.e-kanban .e-kanbancard {
    border-color: #c8c8c8;
    color: #333
}

    .e-kanban .e-kanbancard .e-tag {
        background: #ececec;
        color: #6b6b6b
    }

    .e-kanban .e-kanbancard.e-cardselection {
        border-color: #c8c8c8;
        color: #fff
    }

    .e-kanban .e-kanbancard.e-cardselection {
        background: #179bd7
    }

        .e-kanban .e-draggedcard, .e-kanban .e-kanbancard.e-cardselection.dragClone {
            color: #333
        }

        .e-kanban .e-draggedcard, .e-kanban .e-kanbancard.e-cardselection.dragClone {
            background: #fff
        }

            .e-kanban .e-draggedcard .e-dragmultiple {
                border: 1px solid #c8c8c8
            }

            .e-kanban .e-draggedcard .e-dragmultiple {
                color: #179bd7
            }

.e-kanban .e-kanbancontent .e-rowcell .e-targetclone {
    border: 1px dashed #179bd7
}

.e-kanban .e-kanbancontent .e-rowcell .e-targetclone {
    background: #e1f2fa
}

.e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey {
    border-left: 1px dashed;
    border-right: 1px dashed;
    border-bottom: 1px dashed
}

.e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey {
    border-color: #c8c8c8
}

    .e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey.e-active {
        background: #e1f2fa
    }

    .e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey.e-active {
        border-color: #179bd7
    }

    .e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey.e-multiclonestyle {
        border-bottom-color: #179bd7
    }

    .e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey:first-child {
        border-top-width: 1px;
        border-top-style: dashed
    }

.e-kanban .e-kanbancontent .e-rowcell .e-targetdragclone {
    border: 1px dashed #c8c8c8
}

.e-kanban .e-kanbancontent .e-rowcell .e-targetdragclone {
    background: #ececec
}

.e-kanban .e-form-titlebar {
    border-bottom: 1px solid #c8c8c8
}

.e-kanban .e-form-container {
    border-color: #c8c8c8 !important;
    background-color: #fff
}

.e-kanban .e-columnrow .e-rowcell {
    border-bottom: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8
}

.e-kanban .e-columnrow .e-rowcell {
    background: #f6f6f6
}

.e-kanban .e-printlist {
    background: #f6f6f6
}

.e-kanban .e-collapsedrow .e-rowcell, .e-kanban .e-frozenrow .e-rowcell {
    border-bottom: 1px solid #ececec
}

.e-kanban .e-kanbancontent .e-rowcell.e-shrink, .e-kanban .e-kanbanheader .e-headercell.e-shrinkcol {
    background: #efefef
}

.e-kanban .e-kanbancard {
    color: #333
}

.e-kanban .e-swimlanerow .e-slkey {
    color: #333
}

.e-kanban .e-columnrow .e-rowcell .e-toggle-header:hover > div {
    color: #179bd7
}

.e-kanban .e-toggle-header:hover > div div {
    color: #179bd7 !important
}

.e-kanban .e-columnrow .e-rowcell .e-toggle-header > div {
    color: #333;
    opacity: .6;
    filter: alpha(opacity=60)
}

    .e-kanban .e-columnrow .e-rowcell .e-toggle-header > div div {
        color: #333;
        opacity: .8;
        filter: alpha(opacity=80)
    }

.e-kanbanfilter-window .e-filter-scrollcontent, .e-kbnfilterwindow-head {
    color: #333
}

.e-kanban .e-slexpand, .e-kanban .e-slcollapse {
    color: #686969
}

    .e-kanban .e-slexpand:hover, .e-kanban .e-slcollapse:hover {
        color: #282827
    }

    .e-kanban .e-slexpand:hover, .e-kanban .e-slcollapse:hover {
        background: #86cbea
    }

.e-kanban .e-clcollapse::before, .e-kanban .e-clexpand::before {
    color: #686969
}

.e-kanban .e-kanbancard.e-hover .e-cardcollapse:before, .e-kanban .e-kanbancard.e-hover .e-cardexpand:before {
    color: #282827
}

.e-kanban .e-kanbancard.e-cardselection .e-cardcollapse:before, .e-kanban .e-kanbancard.e-cardselection .e-cardexpand:before {
    color: #fff
}

.e-kanban .e-kanbancard.e-cardselection.e-hover .e-cardcollapse:before, .e-kanban .e-kanbancard.e-cardselection.e-hover .e-cardexpand:before {
    color: #282827
}

.e-kanban .e-swimlanerow .e-slcount {
    color: #999
}

.e-kanban .e-kanbancontent .e-rowcell .e-shrinkcount {
    color: #179bd7
}

.e-kanban .e-collapserow .e-rowcell {
    border: none
}

.e-kanban .e-kanbancard.e-hover {
    border-color: #c8c8c8;
    color: #282827
}

.e-kanban .e-kanbancard.e-hover {
    background: #86cbea
}

.e-kanban .e-headercontent {
    border-right-color: #c8c8c8
}

.e-kanban .e-kanbanheader .e-headercelldiv {
    color: #179bd7
}

.e-kanban .e-kanbanheader {
    color: #179bd7
}

.e-kanban .e-kanbancontent {
    background-color: #fff
}

    .e-kanban .e-kanbancontent .e-rowcell {
        border-color: #c8c8c8
    }

.e-kanban .e-cardcollapse:before, .e-kanban .e-cardexpand:before, .e-kanban .e-kanbancard.e-cardselection.dragClone .e-cardexpand:before, .e-kanban .e-kanbancard.e-cardselection.dragClone .e-cardcollapse:before {
    color: #686969
}

.e-kanban .e-kanbancard .e-card_image {
    background: #ececec;
    border-color: #c8c8c8
}

.e-kanban .e-kanbantoolbar.e-toolbar, .e-kbntoolbar-body.e-toolbar {
    border-color: #c8c8c8;
    filter: none
}

.e-kanban .e-kanbantoolbar.e-toolbar, .e-kbntoolbar-body.e-toolbar {
    background: #fff
}

.e-kanban .e-kanbantoolbar li {
    border: 1px solid #c8c8c8
}

    .e-kanban .e-kanbantoolbar li.e-select {
        background: #179bd7
    }

.e-kanban .e-kanbantoolbar .e-select a.e-toolbartext.e-text {
    color: #fff
}

.e-kanban .e-kanbantoolbar .e-select.e-hover a.e-toolbartext.e-text {
    color: #333
}

.e-kanban .e-kanbantoolbar .e-text, .e-kanban .e-kanbantoolbar .e-quickfilter .e-text, .e-kbntoolbar-body .e-text, .e-kbntoolbar-body .e-quickfilter .e-text {
    color: #333
}

.e-kanban .e-kanbantoolbar .e-select.e-hover {
    background: #86cbea
}

.e-kanban .e-kanbantoolbar .e-select.e-hover {
    border-color: #c8c8c8
}

.e-kanban .e-columnrow .e-rowcell.e-dropping {
    border-color: #c8c8c8
}

.e-kanban .e-kanbancontent .e-rowcell.e-exceed {
    background: #f8d9c7;
    filter: none !important
}

.e-kanban .e-kanbancontent .e-rowcell.e-deceed {
    background: #ffedcd
}

.e-kanban .e-kanbantooltip {
    border: 1px solid #c8c8c8;
    box-shadow: 9px 9px 15px -9px rgba(0,0,0,.3);
    -moz-box-shadow: 9px 9px 15px -9px rgba(0,0,0,.3);
    -webkit-box-shadow: 9px 9px 15px -9px rgba(0,0,0,.3)
}

.e-kanban .e-kanbantooltip {
    background: #fff;
    color: #333
}

.e-kanban .e-kanbantoolbar .e-toolbaricons.e-searchfind, .e-kanban .e-kanbantoolbar .e-toolbaricons.e-cancel {
    border-left: 1px solid #c8c8c8
}

.e-kanban .e-kanbantoolbar .e-toolbaricons.e-searchfind, .e-kanban .e-kanbantoolbar .e-toolbaricons.e-cancel {
    background: #f6f6f6
}

.e-kanban div.e-error .e-toparrow {
    border-bottom-color: #fffe92
}

.e-kanban div.e-field-validation-error {
    background-color: #fffe91;
    color: #cd0a0a
}

.e-kanban .e-kanbantouchbar .e-content {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-kanban .e-kanbantouchbar span:hover, .e-kanban .e-kanbantouchbar .e-spanclicked {
    border-color: #686969
}

.e-kanban .e-kanbantouchbar .e-downtail:before, .e-kanban .e-kanbantouchbar .e-downtail {
    border-top-color: #c8c8c8
}

    .e-kanban .e-kanbantouchbar .e-downtail:after {
        border-top-color: #fff
    }

.e-kanban .e-freezeswimlanerow .e-rowcell.e-shrink {
    background: #fff
}

.e-kanban.e-rtl .e-toolbaricons.e-searchfind, .e-kanban.e-rtl .e-toolbaricons.e-cancel {
    border-right: 1px solid #c8c8c8;
    border-left: 0
}

.e-kanban.e-rtl td:first-child, .e-kanban.e-rtl th:first-child, .e-kanban.e-rtl .e-headercontent, .e-kanban.e-rtl .e-columnrow td.e-dropping:first-child, .e-kanban .e-kanbancontent .e-rowcell.e-dragged {
    border-left-color: #c8c8c8 !important
}

.e-kanban.e-rtl .e-kanbancard {
    border-color: #c8c8c8
}

.e-kanban .e-customaddbutton, .e-kanban .e-columnadd {
    color: #179bd7
}

.e-kanban .e-customtoolbarseparator {
    border-right: 1px solid #c8c8c8
}

.e-kanban.e-responsive .e-kanbantoolbar.e-toolbar, .e-kbntoolbar-body.e-toolbar {
    background: #ececec
}

.e-kanban.e-responsive .e-kanbantoolbar:not(.e-adaptive-search) .e-searchfind {
    background: transparent
}

.e-kanbanfilter-window {
    background: #fff
}

.e-kanbanfilter-window {
    border: 1px solid #c8c8c8
}

    .e-kanbanfilter-window .e-kbnfilterwindow-head {
        background: #fcfcfc;
        border-bottom: 1px solid #c8c8c8
    }

    .e-kanbanfilter-window .e-filter-content, .e-swimlane-window, .e-kanban .e-adapt-search, .e-kanban.e-responsive .e-adapt-cancel {
        background: #fff
    }

        .e-swimlane-window .e-swimlane-item:hover {
            background: #86cbea
        }

        .e-swimlane-window .e-swimlane-item:hover {
            color: #fff
        }

.e-kanban.e-responsive .e-kanbantoolbar .e-kanbanfilter-icon:hover {
    color: #282827
}

.e-kanban.e-responsive .e-kanbantoolbar .e-kanbanfilter-icon:hover {
    background: #86cbea
}

.e-kanban.e-responsive .e-kanbantoolbar:not(.e-adaptive-search) .e-searchitem:hover {
    background: #86cbea
}

.e-kanbanfilter-window .e-filter-done:hover {
    color: #86cbea
}

.e-kanbanfilter-window .e-filter-done {
    color: #179bd7
}

.e-swimlane-window {
    background: #fff
}

.e-kanban.e-responsive .e-kanbantoolbar .e-searchitem:hover {
    background: #86cbea
}

.e-swimlane-ul li:not(:last-child) div:after {
    background: #c8c8c8
}

.e-swimlane-arrow:hover, .e-kanbanfilter-window .e-filterback-icon:hover, .e-kanban.e-responsive .e-adapt-cancel:hover {
    color: #179bd7
}

.e-kanban .e-kanbanheader .e-headercell .e-totalcard, .e-kanban .e-kanbanheader .e-headercell .e-totalcount, .e-kanban .e-minlimit, .e-kanban .e-maxlimit, .e-kanban .e-limits, .e-kanban .e-kanbancontent .e-rowcell .e-shrinklabel {
    color: #999
}

.e-kanban .e-kanbancard .e-bottom-triangle {
    border-bottom-color: #179bd7
}

.e-kanban.e-responsive .e-vhandlespace, .e-kanbanfilter-window .e-vhandlespace, .e-kbnslwindow-body .e-vhandlespace, .e-kbnadapt-editdlg .e-vhandlespace {
    border-color: #c8c8c8
}

.e-kanban .e-ejinputtext, .e-kbnadapt-editdlg .e-ejinputtext {
    background-color: #fff;
    color: #333
}

.e-kanban .e-ejinputtext, .e-kbnadapt-editdlg .e-ejinputtext {
    border-color: #c8c8c8
}

.e-kanban .e-kanbantoolbar .e-quickfilter.e-tooltxt {
    background: transparent
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-spreadsheet {
    color: #333;
    border-color: #c8c8c8
}

    .e-spreadsheet .e-spreadsheetmainpanel .e-headercell, .e-spreadsheet .e-spreadsheetmainpanel .e-headercontent, .e-spreadsheet .e-spreadsheetmainpanel .e-rowheader {
        border-color: #c8c8c8;
        color: #282827
    }

        .e-spreadsheet .e-spreadsheetmainpanel .e-headercell:hover, .e-spreadsheet .e-spreadsheetmainpanel .e-rowheader:hover {
            background-color: #e0eff6;
            border-color: #c8c8c8;
            color: #282827
        }

    .e-spreadsheet .e-spreadsheetmainpanel .e-rowheadercontent {
        border-bottom-color: #c8c8c8
    }

    .e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcontentcontainer {
        border-left-color: #c8c8c8;
        background-color: #fff
    }

    .e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcolumnheader {
        border-color: #c8c8c8
    }

    .e-spreadsheet .e-spreadsheetheader {
        border-bottom-color: #c8c8c8;
        border-top-color: #c8c8c8
    }

    .e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcolumnheader {
        border-right-color: #c8c8c8
    }

    .e-spreadsheet .e-spreadsheetmainpanel .e-rowcell {
        color: #333;
        background-color: #fff;
        border-color: #c8c8c8
    }

    .e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcolumnheader, .e-spreadsheet .e-spreadsheetmainpanel .e-rowheader, .e-spreadsheet .e-scrollcss, .e-spreadsheet .e-scrollrowcss {
        background-color: #fff
    }

.e-ss-editinput .e-in-wrap, .e-ss-editinput .e-input {
    color: inherit;
    font-size: 11pt;
    font-family: Calibri
}

.e-spreadsheet .e-reSizeColbg {
    border-left-color: #c8c8c8
}

.e-spreadsheet .e-reSizeAPbg {
    border-left-color: #c8c8c8
}

.e-spreadsheet .e-reSizeRowbg {
    border-top-color: #c8c8c8
}

.e-spreadsheet .e-spreadsheetmainpanel .e-selected, .e-spreadsheet .e-spreadsheetmainpanel .e-ctrlselected {
    background: #e0eff6;
    color: #333
}

.e-spreadsheet .e-spreadsheetmainpanel .e-activecell {
    background-color: #fff;
    color: #333
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader.e-rowhighlight, .e-spreadsheet .e-spreadsheetmainpanel .e-colhighlight {
    background-color: #e0eff6;
    color: #2390c1
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowhighlight {
    border-right-color: #2390c1
}

.e-spreadsheet .e-spreadsheetmainpanel .e-colhighlight {
    border-bottom-color: #2390c1
}

    .e-spreadsheet .e-spreadsheetmainpanel .e-colhighlight:hover {
        background-color: #e0eff6;
        border-bottom-color: #2390c1
    }

.e-spreadsheet .e-spreadsheetmainpanel .e-rowhighlight:hover {
    background-color: #e0eff6;
    border-right-color: #2390c1
}

.e-menu-wrap .e-chartcell:hover, .e-chartimg:hover {
    background-color: #86cbea
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-bborderright, .e-spreadsheet .e-spreadsheetmainpanel td.e-bctrlborderright, .e-spreadsheet .e-spreadsheetmainpanel td.e-bcborderright {
    border-right-color: #2094c9
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-bborderbottom, .e-spreadsheet .e-spreadsheetmainpanel td.e-bctrlborderbottom, .e-spreadsheet .e-spreadsheetmainpanel td.e-bcborderbottom {
    border-bottom-color: #2094c9
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-rborderright, .e-spreadsheet .e-spreadsheetmainpanel td.e-rctrlborderright, .e-spreadsheet .e-spreadsheetmainpanel td.e-rcborderright {
    border-right-color: #fc100c
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-rborderbottom, .e-spreadsheet .e-spreadsheetmainpanel td.e-rctrlborderbottom, .e-spreadsheet .e-spreadsheetmainpanel td.e-rcborderbottom {
    border-bottom-color: #fc100c
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-vborderright, .e-spreadsheet .e-spreadsheetmainpanel td.e-vctrlborderright, .e-spreadsheet .e-spreadsheetmainpanel td.e-vcborderright {
    border-right-color: #6a13ad
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-vborderbottom, .e-spreadsheet .e-spreadsheetmainpanel td.e-vctrlborderbottom, .e-spreadsheet .e-spreadsheetmainpanel td.e-vcborderbottom {
    border-bottom-color: #6a13ad
}

.e-spreadsheet .e-spreadsheetmainpanel .e-gborderright, .e-spreadsheet .e-spreadsheetmainpanel .e-gctrlborderright {
    border-right-color: #62c435 !important
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-gborderbottom, .e-spreadsheet .e-spreadsheetmainpanel td.e-gctrlborderbottom {
    border-bottom-color: #62c435
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-pborderright, .e-spreadsheet .e-spreadsheetmainpanel td.e-pctrlborderright {
    border-right-color: #f411b0
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-pborderbottom, .e-spreadsheet .e-spreadsheetmainpanel td.e-pctrlborderbottom {
    border-bottom-color: #f411b0
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-oborderright, .e-spreadsheet .e-spreadsheetmainpanel td.e-octrlborderright {
    border-right-color: #e59604
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-oborderbottom, .e-spreadsheet .e-spreadsheetmainpanel td.e-octrlborderbottom {
    border-bottom-color: #e59604
}

.e-spreadsheet .e-spreadsheetmainpanel .e-thinborderright {
    border-right-color: #2390c1
}

.e-spreadsheet .e-spreadsheetmainpanel .e-thinborderbottom {
    border-bottom-color: #2390c1
}

.e-spreadsheet .e-ss-numeric .e-select .e-spin {
    background-color: #fff;
    color: #797979
}

    .e-spreadsheet .e-ss-numeric .e-select .e-spin:hover {
        background-color: #5cb2da;
        border-color: #bebdbd;
        color: #fff
    }

.e-spreadsheet .e-ss-numeric .e-select {
    border-color: #fff
}

    .e-spreadsheet .e-ss-numeric .e-select:hover {
        border-color: #bebdbd
    }

.e-spreadsheet div.e-selecttop {
    border-top-color: #2390c1
}

.e-spreadsheet div.e-selectbottom {
    border-bottom-color: #2390c1
}

.e-spreadsheet div.e-selectright {
    border-right-color: #2390c1
}

.e-spreadsheet div.e-selectleft {
    border-left-color: #2390c1
}

.e-spreadsheet .e-ss-selectall {
    color: #c2e7f8
}

    .e-spreadsheet .e-ss-selectall:hover {
        color: #65c4ef
    }

.e-spreadsheet .e-sheetselected, .e-spreadsheet .e-sheetselected:hover {
    color: #5bb3db
}

.e-spreadsheet .e-autofill {
    border-color: #fff;
    background-color: #2390c1
}

.e-spreadsheet div.e-autofillright {
    border-right-color: #2390c1
}

.e-spreadsheet div.e-autofillbottom {
    border-bottom-color: #2390c1
}

.e-spreadsheet div.e-autofilltop {
    border-top-color: #2390c1
}

.e-spreadsheet div.e-autofillleft {
    border-left-color: #2390c1
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-cutright {
    border-right-color: #2390c1
}

.e-spreadsheet .e-spreadsheetmainpanel td.e-cutbottom {
    border-bottom-color: #2390c1
}

.e-spreadsheet .e-blur {
    background-color: #f5f5f5
}

.e-spreadsheet .e-spanfilter, .e-spreadsheet .e-spanddl {
    border-color: #c8c8c8;
    background-color: #ececec;
    color: #686969
}

.e-spreadsheet .e-spreadsheetcontentcontainer .e-ss-object.e-ss-activeimg {
    border-color: #2390c1
}

.e-spreadsheet .e-spreadsheetcontentcontainer .e-ss-pivot.e-ss-activepivot {
    border-color: #2390c1
}

.e-spreadsheet .e-ss-object.e-datavisualization-chart {
    border-color: #c8c8c8
}

.e-spreadsheet .e-ss-imgvisual {
    border-color: #c8c8c8
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-redft {
    background-color: #ffc7ce;
    color: #9c0055
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-yellowft {
    background-color: #ffeb9c;
    color: #9c6500
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-greenft {
    background-color: #c6efce;
    color: #006100
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-redf {
    background-color: #ffc7ce
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-redt {
    color: #9c0055
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-hlcell {
    background-color: #ff0;
    color: #f00
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-goto-blank {
    background-color: #c8c8c8
}

.e-spreadsheet .e-indexbox, .e-spreadsheet .functionbox, .e-spreadsheet .e-inputbox {
    border-color: #c8c8c8;
    color: #333;
    background-color: #fff
}

.e-ss-autocomplete.e-atc-popup ul li {
    color: #282827
}

.e-spreadsheet .e-inputbox > input {
    color: #333
}

.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-numericitem {
    color: #333
}

.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-currentitem, .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-currentitem:hover {
    background: #e0eff6;
    color: #2390c1;
    filter: none
}

.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-numericitem:hover {
    color: #2390c1
}

.e-spreadsheet .e-spreadsheetmainpanel .e-pager {
    background-color: #fff
}

    .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-prevpagedisabled, .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-prevpage, .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-nextpage, .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-nextpagedisabled, .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-lastpagedisabled, .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-lastpage, .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-firstpage, .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-firstpagedisabled, .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-numericcontainer {
        background-color: #fff
    }

    .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-pagercontainer {
        background-color: #fff
    }

    .e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-icon:not(.e-disable):hover {
        color: #2390c1;
        cursor: pointer
    }

.e-spreadsheet div.e-field-validation-error {
    background-color: #fffe91;
    color: #cd0a0a
}

.e-ss-dialog div.e-dlg-field-validation-error:before {
    border-bottom-color: #fffe91
}

.e-spreadsheet div.e-error .e-errortail {
    border-bottom-color: #fffe91
}

.e-spreadsheet .e-spreadsheetfooter {
    border-color: #c8c8c8
}

.e-spreadsheet .e-hyperlinks {
    color: inherit
}

.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-mediaforward {
    border-right-color: #c8c8c8
}

.e-spreadsheet .e-formulabar {
    background-color: #fff
}

.e-ss-dialog .e-chartheader {
    background-color: #fff;
    color: #333
}

.e-ss-dialog .e-tab .e-header.e-addborderbottom .e-active {
    border-top-color: #c8c8c8
}

.e-dlgtab .e-header, .e-valdlgtab .e-header {
    overflow: visible
}

.e-spreadsheet .e-dlg-field-validation-error, .e-ss-dialog .e-dlg-field-validation-error {
    background-color: #fffe91;
    color: #cd0a0a
}

.e-dlgright, .e-dlgleft, .e-dlginput, .e-dlgcontent, .e-chtdlgright, .e-chtdlgleft, .e-chtdlgcontent {
    border-color: #c8c8c8
}

.e-dlgviewpanel {
    border: 1px solid #c8c8c8
}

.e-ss-dlgtab .e-ss-sctnseparator {
    border-color: #c8c8c8
}

.e-ss-dialog hr {
    border-color: #eee
}

.e-menu .e-nmuseinformularow:hover {
    background-color: #2390c1
}

.e-menu-wrap .e-cellstylecontent, .e-menu-wrap .e-formatastablecontent, .e-menu-wrap .e-chartcontent {
    background-color: #fff;
    color: #333
}

.e-menu-wrap .e-cellstyleheader, .e-menu-wrap .e-formatastableheader {
    background-color: #fcfcfc;
    color: #333;
    border-color: #c8c8c8
}

.e-menu-wrap .e-cellstylecell:hover, .e-menu-wrap .e-formatastablecell:hover, .e-menu-wrap .e-chartcontent:hover {
    border-color: #86cbea
}

.e-spreadsheet .e-celltoparrow {
    border-color: #f00 transparent transparent
}

.e-spreadsheet .e-comment-txtarea {
    background-color: #f7fbbd;
    color: #000
}

.e-list.e-hdrcolor {
    background-color: #f2f2f2 !important;
    color: #333 !important
}

.e-list.e-color {
    border-color: #fcfcfc !important
}

.e-list.e-hdrcolor.e-mhover > a, .e-list.e-hdrcolor.e-mfocused > a {
    background-color: transparent !important;
    color: #333 !important
}

.e-list.e-color.e-mhover.e-mfocused {
    border-color: #5cb2da !important
}

.e-spreadsheet .e-excelfilter .e-in-wrap {
    border-color: #bebdbd
}

.e-spreadsheetrowheader.e-scrollrowcss.e-rtl {
    border-color: #c8c8c8
}

.e-spreadsheetcolumnheader.e-rtl {
    border-color: #c8c8c8
}

.e-spreadsheetcontentcontainer.e-rtl {
    border-color: #c8c8c8
}

.e-spreadsheet .e-numeric .e-in-wrap {
    border-color: #bebdbd
}

.e-ss-dialog .e-chartselect {
    border-color: #179bd7
}

.e-menu-wrap .e-chartcell {
    border-color: #fcfcfc
}

.e-spreadsheet .e-ss-object {
    background-color: #fff
}

.e-spreadsheet .e-ss-charttheme {
    background-color: #121212
}

.e-spreadsheet .e-ssr-horizontalprt .e-btn.e-ss-active {
    color: #333
}

.e-spreadsheet .e-ssr-horizontalprt .e-btn.e-ss-active {
    background: #5cc0ee
}

    .e-spreadsheet .e-ssr-horizontalprt .e-btn.e-ss-active:hover .e-icon {
        color: #686969
    }

.e-ss-colorpicker .e-in-wrap.e-tool, .e-ss-colorpicker .e-in-wrap.e-tool .e-select {
    background-color: #fff
}

.e-spreadsheet .e-frow {
    border-color: #2390c1
}

.e-spreadsheet .e-fcol {
    border-color: #2390c1
}

.e-spreadsheet .e-ssr-verticalHparent:hover .e-btn.e-select:not(.e-disable):not(.e-active), .e-spreadsheet .e-split .e-in-wrap.e-ssr-horizontalprt:hover .e-split-btn:not(.e-disable), .e-spreadsheet .e-ss-colorpicker .e-in-wrap.e-ssr-colpickHprt:hover:not(.e-disable) .e-ssr-colorcontainer {
    border-color: #86cbea
}

.e-spreadsheet .e-ssr-verticalHparent:hover .e-active, .e-spreadsheet .e-splitspan .e-spreadsheet.e-btn.e-select:hover {
    background: #5cc0ee
}

.e-spreadsheet .e-split.e-active .e-in-wrap.e-ssr-horizontalprt:hover .e-split-btn:not(.e-disable) {
    background: #5cc0ee
}

.e-spreadsheet .e-split.e-active .e-box .e-btn.e-select, .e-spreadsheet .e-split.e-active .e-box .e-btn.e-select:hover, .e-spreadsheet .e-button.e-btn.e-select.e-active, .e-spreadsheet .e-ribbon.e-js .e-rbn-button.e-button.e-btn.e-select.e-active:hover {
    color: #333
}

    .e-spreadsheet .e-split.e-active .e-box .e-btn.e-select, .e-spreadsheet .e-split.e-active .e-box .e-btn.e-select:hover, .e-spreadsheet .e-button.e-btn.e-select.e-active, .e-spreadsheet .e-ribbon.e-js .e-rbn-button.e-button.e-btn.e-select.e-active:hover {
        background: #5cc0ee
    }

.e-spreadsheet .e-split.e-active .e-box .e-btn .e-icon, .e-spreadsheet .e-split .e-btn.e-select:active .e-ss-active .e-icon {
    color: #686969
}

.e-spreadsheet .e-spreadsheetmainpanel .e-hborder {
    border-color: transparent
}

.e-spreadsheet .e-content.e-viewbrdr {
    border-color: #c8c8c8
}

.e-spreadsheet .e-ribbon .e-header {
    border-right: none;
    border-left: none;
    border-top: none
}

.e-spreadsheet .e-ribbon .e-content {
    border-right: none;
    border-left: none
}

.e-spreadsheet .e-ribbon .e-header {
    border-right: medium none;
    border-left: medium none;
    border-top: medium none
}

.e-spreadsheet .e-ribbon .e-content {
    border-right: medium none;
    border-left: medium none
}

.e-ribbon .e-btn.e-ss-active {
    background-color: #2390c1;
    color: #fcfcfc
}

.e-spreadsheet .e-ribbon .e-ddl {
    border-color: #b6b6b6
}

    .e-spreadsheet .e-ribbon .e-ddl.e-widget.e-focus .e-in-wrap {
        box-shadow: 0 0 7px #ccc
    }

.e-spreadsheet .e-ribbon .e-ddl {
    border-color: #b6b6b6
}

.e-spreadsheet .e-menu.e-split, .e-menu-wrap .e-spreadsheet.e-split.e-autofillbtn li.e-list, .e-spreadsheet .e-splitspan .e-btn.e-select {
    background: #fff
}

.e-spreadsheet .e-ssr-bscontent div:not(.e-ssr-bsnewtmpl) .e-btn.e-select {
    border-color: #c8c8c8
}

.e-ss-colorpicker.e-popup {
    background-color: #fff;
    color: #282827
}

.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-numericitem:not(.e-currentitem) {
    background-color: #fff
}

.e-spreadsheet .e-ribbon .e-btn.e-select.e-disable:hover .e-icon {
    color: #d6d7d7
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader.e-filterhiglight, .e-spreadsheet .e-spreadsheetmainpanel .e-rowheader.e-rowhighlight.e-filterhiglight {
    color: #0c0
}

.e-spreadsheet .e-spreadsheetmainpanel .e-headercell {
    cursor: url("../common-images/spreadsheet/down_arrow_light.cur"),auto
}

.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader {
    cursor: url("../common-images/spreadsheet/right_arrow_light.cur"),auto
}

.e-spreadsheet .e-ss-fpcursor {
    cursor: url("../common-images/spreadsheet/format_painter_light.cur"),auto
}

.e-spreadsheet .e-ss-drwbrdrcursor {
    cursor: url("../common-images/spreadsheet/draw_border_light.cur"),auto
}

.e-spreadsheet .e-ss-drwbrdrgridcursor {
    cursor: url("../common-images/spreadsheet/draw_border_grid_light.cur"),auto
}

.e-ss-textarea, .e-ss-textarea:focus, .e-ss-textarea:hover {
    border-color: #c8c8c8
}

.e-spreadsheet .e-cellreadonly .e-datewidget .e-select {
    background: #fff
}

.e-spreadsheet .e-cellreadonly .e-ddl .e-select {
    background: #fff
}

.e-spreadsheet .e-spreadsheetactpanel {
    border-left-color: #c8c8c8
}

.e-spreadsheet .e-bordercontainer {
    background-color: #fff
}

.e-spreadsheet .e-bordercell:hover {
    border-color: #86cbea
}

.e-spreadsheet .e-ss-bdr-header {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-spreadsheet .e-ss-pivottableheader {
    background-color: #e0eff6;
    border-color: #c8c8c8;
    color: #282827
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-documenteditor {
    background-color: #fff
}

.e-documenteditor-contextmenuitem:hover {
    background-color: #86cbea;
    color: #282827
}

.e-documenteditor-contextmenuitem {
    background-color: #fff;
    color: #333
}

.e-documenteditor-disabledcontextmenuitem {
    background-color: #fff;
    color: #808080
}

.e-documenteditor-optionspane {
    background-color: #fff;
    color: #333
}

.e-documenteditor-icon.e-search {
    color: #86cbea
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-media-player .e-media-content-div .e-waitpopup-pane {
    background-color: transparent
}

.e-media-player {
    border-color: #c8c8c8;
    background-color: #fff
}

    .e-media-player .e-media-control-container {
        background: #fff
    }

    .e-media-player .e-media-element {
        background: #fff
    }

    .e-media-player .e-slider {
        background-color: #686969 !important
    }

    .e-media-player .e-media-toolbar-icon:before, .e-media-player .e-media-playlist-icon:before, .e-media-player .e-media-playlist-toggle:before {
        color: #686969
    }

    .e-media-player .e-media-toolbar.adv .e-media-volume-text {
        color: #686969
    }

    .e-media-player .e-media-time-stamp.e-media-adv {
        color: #333
    }

    .e-media-player .media-shuffled:before, .e-media-player .media-muted:before, .e-media-player .media-repeated:before, .e-media-player .e-media-playlist-visible:before {
        color: #179bd7
    }

    .e-media-player .e-media-timeslider-div.e-media-adv {
        background: transparent
    }

    .e-media-player .e-media-prev-li.basic .e-media-toolbar-icon:before, .e-media-player .e-media-next-li.basic .e-media-toolbar-icon:before {
        color: #686969
    }

    .e-media-player .e-media-toolbar.basic .e-media-toolbar-split-li {
        color: #686969
    }

    .e-media-player .e-media-toolbar.basic .e-media-split {
        color: #333
    }

    .e-media-player .e-media-toolbar.basic .e-media-vol-slider-li {
        background-color: #fff
    }

.e-media-time-stamp-end.e-media-basic, .e-media-time-stamp-run.e-media-basic {
    color: #333
}

.e-media-player .e-media-time-stamp-end.e-media-mob, .e-media-player .e-media-time-stamp-run.e-media-mob {
    color: #333
}

.e-media-settings-popup > .e-lv.subpage {
    background-color: #fff;
    border-color: #c8c8c8 !important
}

.e-media-settings-popup li {
    background-color: #fff !important
}

.e-media-settings-popup .e-header {
    background-color: #fcfcfc !important;
    border-bottom-color: #c8c8c8 !important
}

.e-media-settings-selector:before {
    color: #179bd7
}

.e-media-settings-popup .e-lv .e-list .e-chevron-right_01.e-fontimage:before, .e-media-settings-popup .e-lv > .e-header > .e-icon:before {
    color: #179bd7 !important
}

.e-media-settings-popup .e-list-text, .e-media-settings-popup .e-btn-text {
    color: #333 !important
}

.e-media-player .e-media-playlist-img-div {
    color: #fff !important
}

    .e-media-player .e-media-playlist-img-div.desktop {
        border-color: #c8c8c8
    }

    .e-media-player .e-media-playlist-img-div.mobile {
        border-color: #c8c8c8
    }

.e-media-player .e-media-playlist-play:before {
    color: #333
}

.e-media-player .e-media-playlist-title {
    color: #333
}

.e-media-player .e-media-playlist-container.desktop, .e-media-player .e-media-playlist-container.mobile {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-media-player .e-media-playlist-header {
    border-bottom-color: #c8c8c8
}

    .e-media-player .e-media-playlist-header label {
        color: #333
    }

.e-media-player .e-media-playlist-toggle.desktop {
    background-color: #333
}

.e-media-player .e-media-playlist-toggle.e-media-expand:before, .e-media-player .e-media-playlist-toggle.e-media-collapse:before {
    color: #333 !important
}

.e-media-player .e-media-playlist-container .e-listbox li {
    border-bottom-color: #c8c8c8
}

.e-media-player .e-media-playlist-container .e-listbox-container {
    background-color: #fff
}

.e-media-player .e-media-video-baner {
    color: #fff
}

.e-media-player .e-media-audio-title {
    color: #282827
}

.e-media-player .e-media-overlay {
    color: #fff
}

.e-media-player .e-media-time-tooltip {
    border-color: #c8c8c8;
    color: #333;
    background-color: #fff
}

.e-media-player .e-media-hd-tag {
    color: #f00
}

.e-media-player .e-media-toolbar-split {
    background: #c8c8c8
}

.e-media-player .e-media-playlist-close:before {
    color: #686969
}

.e-media-player .e-media-play-animation {
    background: rgba(0,0,0,.5)
}

.e-media-player .e-slider .e-handle {
    border-color: #c8c8c8 !important
}

.e-media-player .e-media-mouse .e-media-toolbar-icon:not(.disabled):hover::before {
    color: #282827 !important
}

.e-media-player .e-media-toolbar.adv .e-media-toolbar-volume-li:hover {
    background: transparent !important
}

.e-media-settings-popup li:hover {
    background: #86cbea !important
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-ganttchart .e-ganttviewerbodyContianer {
    background-color: #fff
}

.e-ganttchart .e-ganttviewerbodyContianerparent {
    border-right-color: #c8c8c8
}

.e-ganttchart .e-headercell-weekend > div {
    background: #fcfcfc
}

.e-ganttchart .e-ganttoverallocate {
    background-color: #ffdede
}

.e-ganttchart .e-ganttnonoverallocate {
    background-color: #d4ffd0
}

.e-ganttchart .e-gantthistocalender {
    border-color: #ffa3a3
}

.e-ganttchart .e-gantthistoworklabel {
    color: #282827
}

.e-ganttchart .e-weekends, .e-ganttchart .e-ganttnonworkingrange, .e-ganttchart .e-ganttdayweekend {
    background-color: #fafafa
}

.e-ganttchart-core {
    background: #fff
}

.e-ganttchart .e-borderbox {
    border-bottom-color: #fff
}

.e-ganttchart .e-schedule-day-headercell, .e-ganttchart .e-schedule-hour-headercell, .e-ganttchart .e-schedule-week-headercell {
    color: #282827;
    border-color: #c8c8c8 !important;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-gantt-dialog {
    width: 42% !important
}

    .e-gantt-dialog .e-gantt-validation-btn {
        margin-top: 20px;
        margin-bottom: 15px;
        width: 100%;
        height: 27px
    }

.e-ganttchart .e-ganttviewerheaderContainer {
    color: #282827;
    border-bottom-color: #c8c8c8 !important;
    border-right-color: #c8c8c8
}

.e-ganttchart .e-ganttviewerheaderContainer {
    background: #fcfcfc
}

.e-ganttchart .e-milestone-top {
    border-bottom-color: #333
}

.e-ganttchart .e-milestone-bottom {
    border-top-color: #333
}

.e-ganttchart .e-taskbarname, .e-ganttchart .e-resourceinfo {
    color: #333;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-ganttchart .e-connectorline-rightarrow {
    border-left-color: #333
}

.e-ganttchart .e-connectorline-leftarrow {
    border-right-color: #333
}

.e-progressbartooltip, .e-editingtooltip, .e-tooltipganttpredecessor {
    background: #fff;
    background-color: #fff;
    color: #333;
    border-color: #c8c8c8
}

.e-tooltiptaskname {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-tooltiptaskname {
    color: #333
}

.e-tooltipgantt, .e-progressbartooltip, .e-editingtooltip, .e-tooltipganttpredecessor {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-ganttchart .e-tasklabel {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    color: #fff
}

.e-ganttchart .e-gantt-mouseclick td.e-chartcell {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#179bd7",endColorstr="#179bd7",GradientType=0)
}

.e-ganttchart .e-gantt-mouseclick {
    background: -moz-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(23,155,215,.2)),color-stop(100%,rgba(23,155,215,.2)));
    background: -webkit-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: -o-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: -ms-linear-gradient(top,rgba(23,155,215,.2),rgba(23,155,215,.2));
    background: linear-gradient(to bottom,rgba(23,155,215,.2),rgba(23,155,215,.2));
    color: #333;
    filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr="#179bd7", endColorstr="#179bd7", GradientType=0), progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'
}

.e-ganttchart .e-progresshandle {
    background: #333
}

.e-ganttchart .e-progresshandleafter {
    border-bottom-color: #333
}

.e-ganttchart .e-gantt-parenttaskbar-progress, .e-ganttchart .e-gantt-parenttaskbar-innerdiv {
    border-color: #333
}

.e-ganttchart .e-gantt-childtaskbar-progress, .e-ganttchart .e-gantt-childtaskbar {
    border-color: #179bd7
}

.e-ganttchart .e-chartcell {
    border-bottom-color: transparent
}

.e-ganttchart .e-gantt-mouseclick .e-chartcell .e-resourceinfo, .e-ganttchart .e-gantt-mouseclick .e-chartcell .e-tasknameContainer .e-taskbarname {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    color: #333
}

.e-ganttchart .e-gantt-parenttaskbar-progress {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#333333',GradientType=0)
}

.e-ganttchart .e-gantt-parenttaskbar-progress {
    background: #333
}

.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
    background-color: rgba(51,51,51,.6);
    background: #333 \9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e8e8e',endColorstr='#8e8e8e',GradientType=0)
}

.e-ganttchart .e-gantt-childtaskbar-progress {
    background: #179bd7
}

.e-ganttchart .e-gantt-childtaskbar {
    background-color: rgba(23,155,215,.6);
    background: #179bd7 \9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.e-ganttchart .e-manualprogressbar {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1b2',endColorstr='#67c1b2',GradientType=0);
    border-color: #4fb29f
}

.e-ganttchart .e-manualprogressbar {
    background: #67c1b2
}

.e-ganttchart .e-manualchildtaskbar {
    background-color: #8dd1c4;
    border-color: #4fb29f
}

.e-ganttchart .e-line {
    border-color: #333
}

.e-ganttchart .e-connectorpoint-hover {
    background-color: #333
}

.e-ganttchart .e-gantt-falseLine {
    border-top-color: #333
}

.e-ganttchart .e-gripper:before {
    color: rgba(255,255,255,.4);
    background: #fff \9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.e-ganttchart .e-ganttgridlines {
    border-bottom-color: #c8c8c8
}

.e-ganttchart .e-criticalconnectorline {
    border-color: #f55 !important
}

.e-ganttchart .e-criticalconnectorlinerightarrow {
    border-left-color: #f55 !important
}

.e-ganttchart .e-criticalconnectorlineleftarrow {
    border-right-color: #f55 !important
}

.e-ganttchart .e-criticalprogressbar {
    background: #f55 !important;
    border-color: #f55 !important
}

.e-ganttchart .e-criticaltaskbar {
    background: #ff8b8b !important;
    border-color: #ff8b8b !important
}

.e-gantt-manualparenttaskbar {
    background-color: #b3b3b3
}

.e-gantt-manualparenttaskbar-left, .e-gantt-manualparenttaskbar-right {
    border-color: #b3b3b3
}

.e-gantt-manualparenttaskbar-connectorpoint-hover {
    background-color: #b3b3b3 !important
}

.e-rg-rangdiv {
    background: #f00;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8
}

.e-gantt-taskbarSelection .e-gantt-childtaskbar:before {
    border-color: #000
}

.e-ganttchart .e-connectorline-leftarrow-hover {
    border-right-color: #0026da !important
}

.e-ganttchart .e-connectorline-rightarrow-hover {
    border-left-color: #0026da !important
}

.e-ganttchart .e-connectorline-hover {
    border-color: #0026da !important;
    outline-color: #0026da !important
}

.e-ganttchart .e-gantt-childtaskbar.e-gantt-unscheduletaskbar-left {
    background-color: none;
    background: none
}

.e-ganttchart .e-gantt-childtaskbar.e-gantt-unscheduletaskbar-right {
    background-color: none;
    background: none
}

.e-ganttchart .e-gantt-childtaskbar.e-gantt-unscheduletaskbar {
    background-color: rgba(23,155,215,.6);
    background: linear-gradient(to right,rgba(23,155,215,.2),#179bd7 30%,#179bd7 70%,#179bd7 70%,rgba(23,155,215,.2) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.e-ganttchart .e-manualchildtaskbar.e-gantt-unscheduletaskbar-left {
    background-color: none;
    background: none
}

.e-ganttchart .e-manualchildtaskbar.e-gantt-unscheduletaskbar-right {
    background-color: none;
    background: none
}

.e-ganttchart .e-manualchildtaskbar.e-gantt-unscheduletaskbar {
    background-color: #8dd1c4;
    background: linear-gradient(to right,rgba(141,209,196,.2),#67c1b2 30%,#67c1b2 70%,#67c1b2 70%,rgba(141,209,196,.2) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.e-ganttchart .e-milestone-top.e-unscheduletaskbar {
    border-bottom-color: rgba(51,51,51,.6)
}

.e-ganttchart .e-milestone-bottom.e-unscheduletaskbar {
    border-top-color: rgba(51,51,51,.6)
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-radialmenu .e-childdefault {
    fill: #179bd7
}

.e-radialmenu .e-default, .e-radialmenu .e-outerdefault {
    fill: #ececec
}

.e-radialmenu .e-active {
    fill: #86cbea
}

.e-radialmenu .e-arcbgcolor, .e-radialmenu .e-itembgcolor, .e-radialmenu .e-circlebgcolor {
    fill: white;
    stroke: white
}

.e-radialmenu .e-textcolor {
    fill: #333
}

.e-radialmenu .e-radial {
    border-color: #179bd7;
    background-color: #fff
}

.e-radialmenu .e-badgetext {
    fill: white
}

.e-radialmenu .e-badgecircle {
    fill: #179bd7
}

.e-radialmenu .e-radialslider {
    background-color: #fff
}

.e-radialmenu:focus {
    outline: none !important
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-nb.e-nb-layout.e-nb-right {
    color: #333;
    border-left: 1px solid #c8c8c8;
    box-shadow: -1px 0 10px 0 black;
    overflow-y: auto
}

.e-nb.e-nb-layout.e-nb-right {
    background: #ececec
}

.e-nb.e-nb-layout.e-nb-left {
    background: #fff;
    box-shadow: -1px 0 10px 0 black;
    overflow-y: auto
}

.e-nb.e-nb-layout.e-nb-left {
    border-right: 1px solid #c8c8c8
}

.e-lv.subpage {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8
}

.e-lv .e-lv .e-list-container {
    border: none
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-tile {
    color: #fff
}

    .e-tile .e-image-parent {
        background: #179bd7
    }

    .e-tile .e-tile-selected::after {
        border-top: 28px solid #1484b7
    }

    .e-tile .e-tile-selected {
        border: 2px solid #c8c8c8
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-radialslider .e-radial-needle {
    stroke: #179bd7
}

.e-radialslider .e-inner-circle {
    border-color: #179bd7
}

.e-radialslider .e-radialarcdefault {
    stroke: #179bd7
}

.e-radialslider .e-ticks-text, .e-radialslider .e-dynamic-text {
    fill: #333
}

.e-radialslider .e-needle-over {
    stroke: #179bd7
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-signature {
    background-color: #fff;
    border: 3px solid #179bd7
}

    .e-signature.e-disable {
        border-color: #e3e3e3
    }

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-spellcheck .e-sentencecontent .e-errorword {
    color: #f00
}

.e-spellcheck .e-sentence {
    border-color: #c8c8c8;
    background-color: #fff
}

.e-spellcheck .e-suggestionlist {
    border-color: #c8c8c8
}

.e-content-area {
    background-color: #fff;
    color: #111;
    border-color: #c8c8c8;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-ddl.e-input-group .e-ddl-hidden {
    border: 0;
    height: 0;
    visibility: hidden;
    width: 0
}

.e-input-group .e-input.e-placeholder {
    top: 0;
    position: absolute;
    border: inherit;
    font-style: italic
}

.e-dropdownbase.e-content {
    background: #fff;
    color: #333
}

.e-list-item.e-hover {
    background: #86cbea;
    color: #282827
}

input.e-combobox.e-input {
    border: 1px solid;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px
}

.e-combobox.e-input[disabled], .e-ddl.e-input-group.e-disabled {
    border-style: solid
}

.e-ddl.e-input-group.e-disabled {
    border-bottom-style: solid
}

.e-ddl.e-input-group .e-input-group-btn button {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px
}

.e-ddl.e-input-group.e-disabled {
    border-style: solid
}

.e-ddl.e-input-group .e-clear-icon {
    color: #686969
}

input.e-combobox.e-input, textarea.e-combobox.e-input {
    background: #fff;
    border-color: #c8c8c8;
    color: #333
}

.e-ddl.e-input-group {
    background: #fff
}

    .e-ddl.e-input-group .e-input-group-icon {
        color: #686969;
        border-color: #c8c8c8
    }

    .e-ddl.e-input-group .e-input-group-icon {
        background: #ececec
    }

    .e-ddl.e-input-group:not(.e-rtl) .e-input-group-icon {
        border-left: 1px solid #c8c8c8
    }

    .e-ddl.e-input-group.e-rtl .e-input-group-icon {
        border-right: 1px solid #c8c8c8
    }

.e-combobox.e-input[disabled] {
    background: 0
}

.e-combobox.e-input[readonly] {
    background: #fff
}

.e-ddl.e-input-group .e-input-group-btn button {
    background: #fff;
    border-color: #c8c8c8;
    color: #686969
}

    .e-ddl.e-input-group .e-input-group-btn button:hover, .e-ddl.e-input-group .e-input-group-icon:hover {
        background: #86cbea
    }

.e-ddl.e-input-group:not(.e-disabled) .e-input-group-btn:active button, .e-ddl.e-input-group:not(.e-disabled) .e-input-group-icon:active, input.e-combobox.e-input::selection {
    background: #179bd7;
    color: #fff
}

input.e-combobox.e-input::-webkit-input-placeholder, input.e-combobox.e-input:-moz-placeholder, input.e-combobox.e-input::-moz-placeholder, input.e-combobox.e-input:-ms-input-placeholder {
    color: #c8c8c8
}

.e-ddl.e-input-group {
    border-bottom-color: #c8c8c8
}

    .e-ddl.e-input-group .e-ddl-icon:before {
        width: 14px;
        height: 14px;
        display: block;
        margin: 0 auto
    }

    .e-ddl.e-input-group .e-ddl-icon:before {
        content: ""
    }

.e-input-group.e-ddl {
    height: 28px
}

.e-ddl.e-popup {
    border: 1px solid #c8c8c8;
    position: absolute
}

    .e-ddl.e-popup .e-input-group {
        margin-bottom: 0
    }

.e-ddl.e-popup {
    border-color: #c8c8c8
}

.e-dropdownbase.e-nodata {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 16px
}

.e-dropdownbase {
    border-color: #c8c8c8
}

    .e-dropdownbase .e-list-item {
        background-color: #fff;
        border-bottom: 1px;
        border-color: none;
        color: #333;
        font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
        font-size: 14px;
        line-height: 2.4em;
        text-indent: 1.067em
    }

    .e-dropdownbase .e-list-item {
        color: #333
    }

    .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
        background-color: #fff;
        border-color: #fff;
        font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
        font-size: 14px;
        font-weight: 600;
        line-height: 2.4em;
        padding-left: 1.067em
    }

    .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
        color: #333
    }

    .e-dropdownbase .e-list-item.e-hover {
        color: #282827;
        border-color: #c8c8c8
    }

    .e-dropdownbase .e-list-item.e-hover {
        background: #86cbea
    }

    .e-dropdownbase .e-list-item.e-active {
        color: #fff
    }

    .e-dropdownbase .e-list-item.e-active {
        background: #179bd7
    }

    .e-dropdownbase .e-list-item:last-child {
        border-bottom: 0
    }

    .e-dropdownbase .e-list-item.e-item-focus {
        background-color: #86cbea
    }

.e-ddl.e-input-group input.e-combobox.e-input, .e-ddl.e-input-group.e-input-focus .e-combobox.e-input:focus {
    border-color: #c8c8c8
}

.e-ddl.e-input-group.e-input-focus {
    box-shadow: 0 0 2px #cbcbcb
}

    .e-ddl.e-input-group.e-input-focus .e-combobox.e-input:first-child:focus, .e-ddl.e-input-group.e-input-focus.e-rtl span:last-child.e-input-group-icon, .e-ddl.e-input-group.e-input-focus.e-rtl span:last-child button {
        border-color: transparent #c8c8c8 transparent transparent
    }

    .e-ddl.e-input-group.e-input-focus.e-rtl span.e-input-group-icon, .e-ddl.e-input-group.e-input-focus span button, .e-ddl.e-input-group.e-input-focus.e-rtl span:first-child.e-input-group-icon, .e-ddl.e-input-group.e-input-focus.e-rtl span:first-child button, .e-input-focus.e-rtl .e-combobox.e-input:first-child:focus, .e-input-focus .e-combobox.e-input:last-child:focus, .e-ddl.e-input-group.e-input-focus span.e-input-group-icon {
        border-color: transparent transparent transparent #c8c8c8
    }

.e-ddl.e-input-group {
    border: 1px solid;
    border-color: #c8c8c8
}

.e-ddl.e-input-group {
    border-width: 1px
}

    .e-input-group-btn:not(:last-child) button, .e-ddl.e-input-group .e-input-group-icon:not(:last-child) {
        border-left: 1px solid;
        border-left-width: 1px;
        border-color: #c8c8c8
    }

    .e-ddl.e-input-group .e-input-group-icon, .e-ddl.e-input-group .e-input-group-btn button {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 14px;
        padding: 7px
    }

.e-ddl .e-input-value, .e-ddl .e-input-value:focus {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px;
    height: auto;
    line-height: 1.4;
    margin: 0;
    outline: none;
    padding: 2px 0;
    width: 100%
}

.e-input-group.e-ddl .e-comboie8.e-comboie.e-ddl-icon {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #c8c8c8
}