@charset "UTF-8";
/*!
*  filename: ej.theme.compatibility.min.css
*  version : 5.1.22
*  Copyright Syncfusion Inc. 2001 - 2023. 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: #e0e0e0;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

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

.e-js.e-grid .e-rarrowup-2x:before {
    content: "" !important
}

.e-js.e-grid .e-rarrowdown-2x:before {
    content: "" !important
}

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

.e-js.e-grid.e-rtl .e-movablecontent, .e-js.e-grid.e-rtl .e-movableheader {
    border-right-color: #e0e0e0
}

.e-js.e-grid {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    border-color: #e0e0e0;
    color: #212121;
    border-top: none
}

    .e-js.e-grid .e-pager {
        background-color: #fff;
        border-width: 1px 0 0
    }

    .e-js.e-grid .e-icon {
        color: #424242
    }

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

.e-js.e-grid .e-gridheader .e-icon {
    color: #424242
}

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

.e-js.e-grid .e-icon.e-animatebutton {
    cursor: pointer
}

.e-js.e-grid .e-icon.e-animatebutton {
    color: #000
}

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

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

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

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

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

.e-js.e-grid .e-ccButton {
    width: 100px !important;
    padding-left: 9px !important;
    margin-right: 1px !important
}

.e-js.e-grid .e-btncan {
    color: #000 !important
}

    .e-js.e-grid .e-btnsub.e-flat.e-button:after, .e-js.e-grid .e-btncan.e-flat.e-button:after {
        animation: none !important;
        background: transparent
    }

.e-js.e-grid .e-ccBtndiv {
    margin-right: -1px !important;
    border: none !important;
    margin-top: -7px !important
}

.e-js.e-grid .e-ccformbtn {
    width: 80px !important
}

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

.e-columnChoosertail {
    display: none !important
}

.e-columnChoosertailAlt {
    border-bottom-color: #3f51b5
}

.e-columnChoosertailAlt {
    border-bottom-color: #e0e0e0;
    display: none !important
}

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

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

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

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

.e-columnChooserSplitter {
    display: none !important
}

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

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

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

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

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

.e-resIcon {
    color: #e0e0e0 !important
}

.e-js.e-grid .e-toolbar .e-hover .e-icon, .e-js.e-grid .e-headercell.e-hover .e-icon {
    color: #424242;
    color: #fff
}

.e-js.e-grid .e-toolbar > .e-horizontal [data-content="Search"]:hover, .e-js.e-grid .e-toolbar > .e-horizontal [data-content="Search"]:active {
    background: none
}

.e-js.e-grid .e-toolbar > .e-horizontal [data-content="Search"].e-active > a, .e-js.e-grid .e-toolbar > .e-horizontal [data-content="Search"].e-hover > a {
    background: none
}

.e-js.e-grid .e-toolbar > .e-horizontal [data-content="Search"] > a.e-searchitem:hover, .e-js.e-grid .e-toolbar > .e-horizontal [data-content="Search"] > a.e-searchitem:active {
    background-color: #e0e0e0
}

.e-js.e-grid .e-ejinputtext.e-gridsearchbar {
    line-height: 20px !important;
    text-indent: .75em
}

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

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

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

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

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

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

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

.e-js.e-grid .e-groupdroparea {
    background-color: #fafafa;
    border-top-color: #e0e0e0;
    color: #fff
}

.e-js.e-grid .e-groupdroparea {
    color: #000;
    opacity: .87
}

.e-js.e-grid .e-groupdroparea {
    background: #7986cb
}

    .e-js.e-grid .e-groupdroparea.e-default {
        background: #e8eaf6
    }

    .e-js.e-grid .e-groupdroparea.e-active {
        background: #7986cb
    }

.e-js.e-grid .e-cloneproperties {
    border-color: #e0e0e0
}

.e-js.e-grid .e-cloneproperties {
    color: rgba(0,0,0,.54);
    background-color: #eee;
    font-size: 13px !important;
    font-family: 'Roboto',Segoe UI;
    font-weight: normal;
    border-radius: 22px;
    height: 17px !important;
    padding: 10px !important;
    width: auto !important
}

.e-js.e-grid.e-draganddrop {
    background-color: #eee;
    border-color: #e0e0e0;
    border-width: 1px;
    padding: 4px 5px;
    font-size: 13px;
    font-family: 'Roboto',Segoe UI;
    border-style: solid;
    white-space: nowrap;
    vertical-align: middle;
    height: auto !important;
    border-radius: 0 !important
}

    .e-js.e-grid.e-draganddrop .e-rowcell {
        color: rgba(0,0,0,.54);
        border-color: #e0e0e0
    }

.e-js.e-grid .e-groupcaption, .e-js.e-grid .e-groupcaptionsummary {
    color: #212121;
    background-color: #fafafa;
    border-color: #e0e0e0;
    border-top-color: #e0e0e0
}

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

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

.e-js.e-grid .e-gridsummary .e-indentcell {
    background-color: #fafafa;
    border-top-color: #e0e0e0
}

.e-js.e-grid .e-headercell-hover, .e-js.e-grid .e-groupheadercell:hover {
    color: #212121;
    color: #fff
}

.e-js.e-grid .e-headercell-hover {
    background-color: #eee
}

    .e-js.e-grid .e-headercell-hover .e-headercelldiv {
        color: #424242;
        color: #fff
    }

    .e-js.e-grid .e-headercell-hover > .e-headercelldiv:hover {
        color: #424242;
        color: #fff;
        opacity: 1
    }

.e-js.e-grid .e-gridheader .e-headercellactive .e-icon {
    color: #fff
}

.e-js.e-grid .e-groupheadercell {
    color: #fff;
    border-color: #e0e0e0;
    border-radius: 20px;
    background-color: #f5f5f5
}

.e-js.e-grid .e-groupheadercell {
    border-color: #3f51b5
}

.e-js.e-grid .e-alt_row {
    background: #fafafa
}

.e-js.e-grid .e-alt_row {
    background: #fafafa
}

.e-js.e-grid .e-inlineform-titlebar {
    border-color: #e0e0e0;
    background-color: #fafafa
}

.e-js.e-grid .e-inlineform-titlebar {
    background-color: #fff
}

.e-js.e-grid .e-dialog .gridform .e-numerictextbox {
    width: 100% !important
}

.e-js.e-grid .e-indentcell, .e-js.e-grid .e-recordpluscollapse, .e-js.e-grid .e-recordplusexpand {
    border-color: #e0e0e0;
    border-top-color: #e0e0e0;
    background-color: #fafafa
}

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

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

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

.e-js.e-grid .e-rowcell.e-updatedtd {
    color: #212121
}

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

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

.e-js.e-grid td.e-active, .e-js.e-grid .e-form-titlebar {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.84)
}

.e-js.e-grid td.e-cellselectionbackground {
    background-color: #f5f5f5
}

.e-js.e-grid .e-headercelldiv:hover {
    color: #000;
    opacity: .84
}

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

.e-js.e-grid .e-inlineform-titlebar {
    color: #000
}

.e-js.e-grid .e-form-titlebar {
    color: #000 !important;
    border-bottom: 1px solid;
    border-color: #e0e0e0;
    background-color: #fff !important
}

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

.e-js.e-grid .e-dialog .gridform .e-save {
    margin-left: 55px !important
}

.e-js.e-grid .e-dialog .gridform .e-save {
    margin-left: 42px !important
}

.e-js.e-grid .e-headercell, .e-js.e-grid .e-grouptopleftcell {
    border-left-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    border-right-color: #e0e0e0
}

.e-js.e-grid .e-grouptopleftcell {
    border-left-color: #e0e0e0;
    border-bottom-color: #e0e0e0
}

.e-js.e-grid .e-horizontallines .e-resizer {
    border-width: 0 1px 0 0
}

.e-js.e-grid th.e-headercell[aria-sort=ascending] div, .e-js.e-grid th.e-headercell[aria-sort=descending] div {
    font-size: medium
}

.e-js.e-grid .e-columnselection {
    background-color: #f5f5f5;
    color: #e0e0e0
}

.e-js.e-grid .e-columnselection {
    color: rgba(0,0,0,.84)
}

.e-js.e-grid .e-js.e-grid-icon {
    background: #3f51b5
}

.e-js.e-grid .e-gridheader {
    color: #fff;
    border-bottom-color: #e0e0e0;
    border-top-color: #e0e0e0
}

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

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

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

.e-js.e-grid .e-form-container, .e-js.e-grid .e-externalformedit {
    width: 100%
}

.e-js.e-grid .e-rowcell .e-ejinputtext, .e-js.e-grid .e-ejinputtext.e-filtertext {
    background-color: transparent;
    color: #000;
    border-color: #000;
    color: rgba(0,0,0,.87);
    border-color: rgba(0,0,0,.12)
}

.e-js.e-grid .e-rowcell .e-ejinputtext {
    height: 34px !important;
    border-width: 0 0 1px 0;
    width: 100% !important
}

.e-js.e-grid .e-ejinputtext.e-filtertext {
    border-width: 0 0 2px 0;
    text-indent: 0
}

    .e-js.e-grid .e-rowcell .e-ejinputtext:active, .e-js.e-grid .e-ejinputtext.e-filtertext:active {
        box-shadow: none;
        border-color: #ff4081;
        border-width: 0 0 2px 0
    }

    .e-js.e-grid .e-rowcell .e-ejinputtext:hover, .e-js.e-grid .e-ejinputtext.e-filtertext:hover {
        box-shadow: none
    }

    .e-js.e-grid .e-rowcell .e-ejinputtext[disabled], .e-js.e-grid .e-ejinputtext.e-filtertext[disabled] {
        box-shadow: none;
        border-width: 0 0 1px 0;
        border-bottom-color: transparent;
        background-image: linear-gradient(to right,rgba(0,0,0,.38) 0%,rgba(0,0,0,.38) 33%,transparent 0%);
        background-image: -ms-linear-gradient(left,transparent 0%,rgba(0,0,0,.38) 100%);
        background-position: bottom -1px left 0;
        background-size: 4px 1px;
        background-repeat: repeat-x;
        color: #000;
        color: rgba(0,0,0,.38)
    }

        .e-js.e-grid .e-rowcell .e-ejinputtext[disabled]:hover, .e-js.e-grid .e-ejinputtext.e-filtertext[disabled]:hover {
            box-shadow: none
        }

    .e-js.e-grid .e-rowcell .e-ejinputtext.e-animation:focus, .e-js.e-grid .e-ejinputtext.e-filtertext.e-animation:focus {
        border-color: #000;
        border-color: rgba(0,0,0,.12)
    }

    .e-js.e-grid .e-rowcell .e-ejinputtext::selection, .e-js.e-grid .e-ejinputtext.e-filtertext::selection {
        background: #ff4081;
        color: #fff;
        border-width: 0 0 2px 0
    }

    .e-js.e-grid .e-rowcell .e-ejinputtext::-moz-selection, .e-js.e-grid .e-ejinputtext.e-filtertext::-moz-selection {
        background: #ff4081;
        color: #fff
    }

.e-js.e-grid .e-form-togglebtn:hover {
    background: #e0e0e0
}

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

.e-js.e-grid .e-filterbarcell, .e-js.e-grid .e-filterbarcelldisabled {
    border-color: #e0e0e0;
    background-color: #3f51b5;
    background-image: none
}

.e-js.e-grid .e-filterbarcell, .e-js.e-grid .e-filterbarcelldisabled {
    background-color: #fff;
    border-color: #e0e0e0
}

.e-js.e-grid .e-js.e-grid-filterstatusbar, .e-js.e-grid .e-js.e-grid-filterstatusbarbottom {
    background-color: #fafafa;
    border-color: #e0e0e0
}

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

.e-js.e-grid .e-groupdroparea.e-hover {
    background: #e0e0e0
}

.e-js.e-grid tr.e-hover {
    color: #212121
}

.e-js.e-grid tr.e-hover {
    background: #e0e0e0
}

.e-js.e-grid tr.e-hover {
    background-color: #eee;
    color: rgba(0,0,0,.84)
}

.e-js.e-grid tr.e-traverse {
    color: #212121
}

.e-js.e-grid tr.e-traverse {
    background: #e0e0e0
}

.e-js.e-grid .e-scrollcss {
    background-color: #fafafa
}

.e-js.e-grid .e-headercell-hover, .e-js.e-grid .e-filtercell:hover, .e-js.e-grid .e-groupheadercell:hover {
    background: #606fc7
}

.e-js.e-grid .e-reorderindicate {
    border-right-color: #e0e0e0
}

.e-js.e-grid .e-reorderindicate {
    border-right-color: #ff4081
}

.e-js.e-grid.e-rtl .e-reorderindicate {
    border-left-color: #e0e0e0
}

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

.e-js.e-grid div.e-field-validation-error {
    background-color: #616161;
    color: #fff
}

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

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

.e-js.e-grid .e-ejinputtext {
    border: 1px solid #e0e0e0;
    outline: none;
    background-color: #fff;
    color: #212121;
    vertical-align: baseline;
    text-indent: 10px;
    padding-right: 4px
}

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

.e-js.e-grid .e-summaryrow {
    background-color: #fafafa;
    border-color: #e0e0e0;
    border-left-color: #e0e0e0 !important
}

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

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

.e-js.e-grid .e-gridSummaryRows {
    color: #212121
}

.e-js.e-grid .e-gridSummaryRows {
    height: 48px;
    color: rgba(0,0,0,.84)
}

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

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

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

.e-js.e-grid .e-headercellactive {
    background-color: #fafafa
}

.e-js.e-grid .e-headercellactive {
    background: #606fc7
}

.e-js.e-grid .e-movablecontent, .e-js.e-grid .e-movableheader {
    border-left-color: #9e9e9e
}

.e-js.e-grid .e-frozeny {
    border-bottom-color: #9e9e9e !important
}

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

.e-js.e-grid.e-responsive .e-rowcell {
    border-bottom-color: #e0e0e0
}

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

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

.e-js.e-grid.e-touch .e-gridheader .e-headercell, .e-js.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-js.e-grid .e-gridcontent tr.e-editedrow:not(.e-alt_row) {
    background-color: #fff
}

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

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

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

.e-excelfilter .e-btncan {
    color: #000 !important
}

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

    .e-excelfilter .e-menu, .e-excelfilter .e-menu.e-vertical, .e-excelfilter .e-menu.e-vertical .e-list > ul {
        box-shadow: none
    }

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

.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-excelfilter .e-optable .e-fields .e-value span.e-widget {
    width: 160px !important
}

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

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

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

.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: #fff
}

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

    .e-excelfilter .e-menu .e-list.e-valcolor.e-mhover.e-mfocused {
        border-color: #e0e0e0;
        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: #fff
}

.e-excelfilter .e-searchbox .e-ejinputtext {
    border-width: 0 0 2px 0;
    text-indent: .75em
}

    .e-excelfilter .e-searchbox .e-ejinputtext:focus {
        box-shadow: none;
        border-color: #ff4081
    }

.e-excelfilter .e-menu-wrap ul.e-menu {
    padding-left: 0;
    padding-top: 12px
}

.e-excelfilter .e-btncontainer input, .e-excelfilter .e-checkboxlist .e-ftrchk {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 14px
}

.e-excelfilter .e-searchcontainer .e-fields {
    margin: 12px 0
}

.e-btn.e-btn-normal, .e-tbtn.e-btn-normal {
    padding: 0 10px
}

.e-excelfilter .e-btncontainer > div {
    padding-left: 41px
}

.e-excelfilter.e-dlgcustom {
    padding-bottom: 8px !important
}

.e-excelfilter .e-shadow {
    box-shadow: 0 0 9px rgba(0,0,0,.4) !important
}

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

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

.e-js.e-pager, .e-js.e-grid .e-pagerstatusbar, .e-js.e-pager .e-drpdwn li, .e-js.e-pager .e-drpdwn, .e-js.e-pager div.e-drpdwndiv {
    background-color: #f5f5f5;
    border-color: #e0e0e0;
    color: #212121
}

.e-js.e-pager {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 13px;
    color: rgba(0,0,0,.87);
    background-color: #fff;
    border-color: #e0e0e0;
    border-width: 1px 1px 1px
}

    .e-js.e-pager .e-icon {
        position: relative
    }

    .e-js.e-pager .e-spacing {
        color: #212121
    }

    .e-js.e-pager .e-spacing {
        padding: 6px 1px 6px 1px
    }

        .e-js.e-pager .e-spacing.e-NP {
            color: #424242
        }

    .e-js.e-pager .e-numericitem.e-hover, .e-js.e-pager .e-currentitem.e-hover {
        background-color: #eee;
        color: rgba(0,0,0,.87)
    }

    .e-js.e-pager.e-disable .e-numericitem.e-hover {
        background: #f5f5f5;
        border-right-color: #e0e0e0
    }

    .e-js.e-pager.e-disable .e-numericitem.e-hover {
        background: #fff;
        color: rgba(0,0,0,.87)
    }

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

    .e-js.e-pager .e-numericitem {
        background: #fff;
        color: rgba(0,0,0,.87);
        border-right-color: #fff;
        width: 30px;
        height: 20px;
        line-height: 20px;
        border-right: 0;
        margin: 0 8px 0 8px;
        position: relative;
        overflow: hidden;
        border-radius: 50%
    }

    .e-js.e-pager .e-prevpagedisabled, .e-js.e-pager .e-nextpagedisabled, .e-js.e-pager .e-lastpagedisabled, .e-js.e-pager .e-firstpagedisabled {
        background-color: #fff;
        color: rgba(0,0,0,.26)
    }

    .e-js.e-pager .e-prevpage, .e-js.e-pager .e-nextpage, .e-js.e-pager .e-lastpage, .e-js.e-pager .e-firstpage {
        background-color: #fff;
        color: rgba(0,0,0,.54)
    }

        .e-js.e-pager .e-nextpage.e-hover, .e-js.e-pager .e-lastpage.e-hover, .e-js.e-pager .e-firstpage.e-hover, .e-js.e-pager .e-prevpage.e-hover {
            color: rgba(0,0,0,.87);
            background-color: #eee;
            border-radius: 50%
        }

    .e-js.e-pager.e-disable .e-nextpage.e-hover, .e-js.e-pager.e-disable .e-lastpage.e-hover, .e-js.e-pager.e-disable .e-firstpage.e-hover, .e-js.e-pager.e-disable .e-prevpage.e-hover {
        background: #fff;
        color: rgba(0,0,0,.54)
    }

    .e-js.e-pager .e-pagercontainer {
        background-color: #fff;
        border-color: #fff;
        margin: 2px 6px -4px 16px;
        border-width: 0
    }

    .e-js.e-pager.e-rtl .e-pagercontainer {
        margin: 4px 16px -4px 6px
    }

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

    .e-js.e-pager .e-firstpage, .e-js.e-pager .e-prevpage, .e-js.e-pager .e-firstpagedisabled, .e-js.e-pager .e-prevpagedisabled, .e-js.e-pager .e-nextpage, .e-js.e-pager .e-lastpage, .e-js.e-pager .e-nextpagedisabled, .e-js.e-pager .e-lastpagedisabled {
        border-right-color: #fff;
        padding: 6px 5px 6px 6px;
        margin: 5px 8px 0 8px;
        height: 12px;
        width: 13px;
        display: inline-block;
        border-radius: 50%
    }

    .e-js.e-pager.e-rtl .e-firstpage, .e-js.e-pager.e-rtl .e-prevpage, .e-js.e-pager.e-rtl .e-firstpagedisabled, .e-js.e-pager.e-rtl .e-prevpagedisabled, .e-js.e-pager.e-rtl .e-nextpage, .e-js.e-pager.e-rtl .e-lastpage, .e-js.e-pager.e-rtl .e-nextpagedisabled, .e-js.e-pager.e-rtl .e-lastpagedisabled {
        border-left-color: #fff;
        padding: 6px 5px 6px 5px
    }

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

    .e-js.e-pager.e-rtl div.e-parentmsgbar {
        padding-left: 24px
    }

    .e-js.e-pager .e-currentitem.e-active {
        background: #ff4081;
        border-radius: 50%;
        color: #fff
    }

    .e-js.e-pager .e-currentitem.e-hover {
        background: #eee;
        border-radius: 50%;
        color: rgba(0,0,0,.87)
    }

    .e-js.e-pager.e-disable .e-currentitem.e-hover {
        background: #ff4081;
        border-radius: 50%;
        color: #fff
    }

    .e-js.e-pager .e-NP.e-numericitem, .e-js.e-pager .e-PP.e-numericitem {
        vertical-align: top;
        line-height: 12px
    }

    .e-js.e-pager .e-drpdwndiv:before {
        color: #212121;
        background: #f5f5f5
    }

    .e-js.e-pager .e-pager-itemsinterval .e-drpdwndiv:hover:before, .e-js.e-pager .e-pager-itemsinterval .e-drpdwndiv:hover, .e-js.e-pager .e-drpdwn li:hover {
        background: #eee;
        color: rgba(0,0,0,.87)
    }

    .e-js.e-pager.e-disable .e-pager-itemsinterval .e-drpdwndiv:hover:before, .e-js.e-pager.e-disable .e-pager-itemsinterval .e-drpdwndiv:hover, .e-js.e-pager.e-disable .e-drpdwn li:hover {
        color: #212121;
        background: #f5f5f5
    }

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

    .e-js.e-pager .e-drpdwn li.e-active {
        background-color: #fff;
        color: #ff4081
    }

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

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

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

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

    .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord, .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-firstpage, .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-lastpage, .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-nextpage, .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-prevpage, .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-firstpagedisabled, .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-lastpagedisabled, .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-nextpagedisabled, .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-prevpagedisabled {
        margin: 5px 8px 0 8px;
        height: 12px;
        width: 13px;
        display: inline-block;
        border-radius: 50%;
        padding: 6px 3px 5px 6px;
        color: rgba(0,0,0,.54)
    }

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

    .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
        border-radius: 50%
    }

    .e-js.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
        background-color: #eee
    }

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

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

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

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

.e-widget.e-atc .e-in-wrap, .e-widget.e-atc .e-input, .e-widget.e-atc-popup, .e-widget.e-atc .e-options {
    color: rgba(0,0,0,.87);
    font-size: 13px;
    font-weight: normal
}

.e-widget.e-atc-popup {
    font-size: 13px !important
}

    .e-widget.e-atc-popup .e-hilight-txt {
        font-size: 13px;
        color: rgba(0,0,0,.54)
    }

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

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

.e-widget.e-atc .e-options.e-active {
    background: #ff4081
}

    .e-widget.e-atc .e-options.e-active:hover, .e-widget.e-atc .e-options:hover {
        color: #212121;
        border-color: #e0e0e0
    }

    .e-widget.e-atc .e-options.e-active:hover, .e-widget.e-atc .e-options:hover {
        background: #e0e0e0
    }

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

.e-widget.e-atc .e-in-wrap input.e-input, input[type="text"].e-input {
    padding-left: .1em
}

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

.e-widget.e-atc-popup .e-hover, .e-widget.e-atc-popup .e-content .e-atc-trbgcolor.e-hover {
    color: #212121;
    border-color: #e0e0e0
}

.e-widget.e-atc-popup .e-hover, .e-widget.e-atc-popup .e-content .e-atc-trbgcolor.e-hover {
    background: #eee
}

.e-widget.e-atc .e-select:hover, .e-widget.e-atc.e-rtl .e-select:hover {
    border-color: #fff;
    color: #424242
}

.e-widget.e-atc-popup ul li, .e-widget.e-atc-popup.e-rtl ul li {
    padding: 13.5px 5px 5px 24px;
    min-height: 2.1em
}

.e-widget.e-atc .e-select, .e-widget.e-atc.e-rtl .e-select, .e-widget.e-atc .e-select.e-disable:hover {
    border-color: #fff;
    color: #424242
}

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

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

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

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

.e-widget.e-atc ::-moz-placeholder {
    color: #212121
}

.e-widget.e-atc :-moz-placeholder {
    color: #212121
}

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

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

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

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

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

.e-widget.e-atc .e-in-wrap {
    border: none;
    border-bottom: 1px solid;
    border-color: rgba(0,0,0,.12);
    background: transparent
}

    .e-widget.e-atc .e-in-wrap, .e-widget.e-atc .e-in-wrap .e-input {
        border-radius: 0
    }

        .e-widget.e-atc .e-in-wrap input.e-input, input[type="text"].e-input {
            box-shadow: 0 1.83px 1px transparent
        }

.e-widget.e-atc-popup {
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.21)
}

.e-widget.e-atc .e-input::selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-atc .e-input::-moz-selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-atc.e-disable-wrap .e-in-wrap {
    border-bottom-color: transparent;
    background-image: linear-gradient(to right,rgba(0,0,0,.38) 0%,rgba(0,0,0,.38) 33%,transparent 0%);
    background-image: -ms-linear-gradient(left,transparent 0%,rgba(0,0,0,.38) 100%);
    background-position: bottom -1px left 0;
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.e-widget.e-atc .e-in-wrap:before, .e-widget.e-atc .e-in-wrap:after {
    background: #ff4081
}

.e-widget.e-atc .e-select.e-active, .e-widget.e-atc .e-select:hover {
    border-radius: 2px
}

.e-widget.e-atc .e-select:after {
    background: rgba(0,0,0,.12)
}

.e-widget.e-atc .e-select {
    right: 5px
}

.e-widget.e-atc .e-visual-mode.e-input {
    float: none
}

.e-widget.e-atc-popup .e-ul .txt {
    padding-left: 24px
}

.e-widget.e-atc-popup .e-ul .flag {
    margin-top: 4px
}

.e-widget.e-atc .e-select .e-icon.e-search {
    font-size: 18px
}

.e-widget.e-atc .e-in-wrap.e-padding {
    overflow: hidden
}

    .e-widget.e-atc .e-in-wrap.e-padding:before, .e-widget.e-atc .e-in-wrap.e-padding:after {
        height: 3px
    }

.e-widget.e-atc-popup .e-activeli, .e-widget.e-atc-popup .e-content .e-activeli {
    background: #3f51b5
}

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

.e-widget .e-ddl-icon {
    transform: rotate(0deg);
    transition: transform 300ms ease
}

.e-widget .e-ddl.e-input-group .e-ddl-hidden {
    border: 0;
    height: 0;
    visibility: hidden;
    width: 0
}

.e-widget .e-input-group .e-input.e-placeholder {
    top: 0;
    position: absolute;
    border: inherit;
    font-style: italic
}

.e-widget.e-ddl.e-input-group .e-input-group-btn button:hover, .e-widget.e-ddl.e-input-group .e-input-group-icon:hover, .e-widget.e-ddl.e-input-group .e-input-group-btn button:active, .e-widget.e-ddl.e-input-group .e-input-group-icon:active {
    background: #fff
}

.e-widget.e-input-group::before {
    left: 50%
}

.e-widget.e-input-group::before, .e-widget.e-input-group::after {
    background: #ff4081
}

.e-widget.e-input-group.e-input-focus::before, .e-widget.e-input-group.e-input-focus::after {
    width: 50%
}

.e-widget.e-input-group::after {
    right: 50%
}

.e-widget.e-input-group::before, .e-widget.e-input-group::after {
    bottom: -2px;
    content: '';
    height: 2px;
    position: absolute;
    transition: .2s cubic-bezier(.4,0,.4,1);
    width: 0;
    z-index: 10
}

.e-widget.e-icon-anim .e-ddl-icon {
    transform: rotate(180deg);
    transition: transform 300ms ease
}

.e-widget.e-input-group .e-ddl-icon:hover {
    background: transparent
}

.e-widget.e-input-group:not(.e-disabled) .e-ddl-icon:active {
    background: transparent
}

.e-widget input.e-combobox.e-input::selection {
    background: #ff4081;
    color: #fff
}

.e-widget input.e-combobox.e-input::-moz-selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-input-group .e-ddl-icon:not(:active)::after {
    animation: none
}

.e-widget .e-dropdownbase.e-content {
    background: #fff;
    color: #212121
}

.e-widget .e-list-item.e-hover {
    background: #e0e0e0;
    color: #212121
}

.e-widget input.e-combobox.e-input {
    border: 1px solid;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px
}

.e-widget .e-combobox.e-input[disabled], .e-widget.e-ddl.e-input-group.e-disabled {
    border-style: solid
}

.e-widget.e-ddl.e-input-group.e-disabled {
    border-bottom-style: solid
}

.e-widget.e-ddl.e-input-group .e-input-group-btn button {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px
}

.e-widget.e-ddl.e-input-group.e-disabled {
    border-style: solid
}

.e-widget.e-ddl.e-input-group .e-clear-icon {
    color: #424242
}

.e-widget input.e-combobox.e-input, .e-widget textarea.e-combobox.e-input {
    background: #fff;
    border-color: #e0e0e0;
    color: #212121
}

.e-widget.e-ddl.e-input-group {
    background: #fff
}

    .e-widget.e-ddl.e-input-group .e-input-group-icon {
        background-color: #fff;
        color: rgba(0,0,0,.87);
        border: none
    }

    .e-widget.e-ddl.e-input-group.e-rtl .e-input-group-icon {
        border: none
    }

.e-widget .e-combobox.e-input[disabled] {
    background: 0
}

.e-widget .e-combobox.e-input[readonly] {
    background: #fff
}

.e-widget.e-ddl.e-input-group .e-input-group-btn button {
    background: #fff;
    border-color: #e0e0e0;
    color: #424242
}

.e-widget input.e-combobox.e-input::-webkit-input-placeholder, .e-widget input.e-combobox.e-input:-moz-placeholder, .e-widget input.e-combobox.e-input::-moz-placeholder, .e-widget input.e-combobox.e-input:-ms-input-placeholder {
    color: #3f51b5
}

.e-widget.e-ddl.e-input-group {
    border-bottom-color: #e0e0e0
}

    .e-widget.e-ddl.e-input-group .e-ddl-icon:before {
        width: 14px;
        height: 14px;
        display: block;
        margin: 0 auto
    }

    .e-widget.e-ddl.e-input-group .e-ddl-icon:before {
        content: ""
    }

.e-widget.e-input-group.e-ddl {
    height: 31px
}

.e-widget.e-ddl.e-popup {
    border: 1px solid #e0e0e0;
    position: absolute
}

    .e-widget.e-ddl.e-popup .e-input-group {
        margin-bottom: 0
    }

.e-widget.e-ddl.e-popup {
    border-color: #e0e0e0
}

.e-widget .e-dropdownbase.e-nodata {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 16px
}

.e-widget .e-dropdownbase {
    border-color: #e0e0e0
}

    .e-widget .e-dropdownbase .e-list-item {
        background-color: #fff;
        border-bottom: 1px;
        border-color: none;
        color: #212121;
        font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
        font-size: 14px;
        line-height: 2.4em;
        text-indent: 1.067em
    }

    .e-widget .e-dropdownbase .e-list-item {
        color: rgba(0,0,0,.87)
    }

    .e-widget .e-dropdownbase .e-list-group-item, .e-widget .e-dropdownbase .e-fixed-head {
        background-color: #fff;
        border-color: #fff;
        font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
        font-size: 14px;
        font-weight: 600;
        line-height: 2.4em;
        padding-left: 1.067em
    }

    .e-widget .e-dropdownbase .e-list-group-item, .e-widget .e-dropdownbase .e-fixed-head {
        color: rgba(0,0,0,.87)
    }

    .e-widget .e-dropdownbase .e-list-item.e-active.e-hover {
        background-color: #eee;
        color: #ff4081
    }

    .e-widget .e-dropdownbase .e-list-item.e-hover {
        background: #eee;
        color: rgba(0,0,0,.87)
    }

    .e-widget .e-dropdownbase .e-list-item.e-active {
        background-color: #fff;
        color: #ff4081
    }

    .e-widget .e-dropdownbase .e-list-item:last-child {
        border-bottom: 0
    }

    .e-widget .e-dropdownbase .e-list-item.e-item-focus {
        background-color: #e0e0e0
    }

.e-widget.e-ddl.e-input-group input.e-combobox.e-input, .e-widget.e-ddl.e-input-group.e-input-focus .e-combobox.e-input:focus {
    border-color: #e0e0e0
}

.e-widget.e-ddl.e-input-group.e-input-focus .e-combobox.e-input:first-child:focus, .e-widget.e-ddl.e-input-group.e-input-focus.e-rtl span:last-child.e-input-group-icon, .e-widget.e-ddl.e-input-group.e-input-focus.e-rtl span:last-child button {
    border-color: transparent #e0e0e0 transparent transparent
}

.e-widget.e-ddl.e-input-group.e-input-focus.e-rtl span.e-input-group-icon, .e-widget.e-ddl.e-input-group.e-input-focus span button, .e-widget.e-ddl.e-input-group.e-input-focus.e-rtl span:first-child.e-input-group-icon, .e-widget.e-ddl.e-input-group.e-input-focus.e-rtl span:first-child button, .e-widget.e-input-focus.e-rtl .e-combobox.e-input:first-child:focus, .e-widget.e-input-focus .e-combobox.e-input:last-child:focus, .e-widget.e-ddl.e-input-group.e-input-focus span.e-input-group-icon {
    border-color: transparent transparent transparent #e0e0e0
}

.e-widget.e-ddl.e-input-group {
    border: 1px solid;
    border-color: #e0e0e0
}

.e-widget.e-ddl.e-input-group {
    border-width: 0 0 1px 0
}

    .e-widget .e-input-group-btn:not(:last-child) button, .e-widget.e-ddl.e-input-group .e-input-group-icon:not(:last-child) {
        border-left-width: 0
    }

    .e-widget.e-ddl.e-input-group .e-input-group-icon, .e-widget.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-widget.e-ddl .e-input-value, .e-widget.e-ddl .e-input-value:focus {
    font-family: 'Roboto',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-content-area {
    background-color: #fff;
    color: #111;
    border-color: #e0e0e0;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-widget.e-scrollbar .e-vscroll, .e-widget.e-scrollbar .e-hscroll, .e-widget.e-scrollbar .e-vhandlespace {
    background-color: #bdbdbd;
    border-color: #e0e0e0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.e-widget.e-scrollbar .e-vhandle {
    border-top: .5px solid transparent;
    border-bottom: .5px solid transparent
}

    .e-widget.e-scrollbar .e-vhandle:hover, .e-widget.e-scrollbar .e-vhandle:active {
        border-top: .5px solid #e0e0e0;
        border-bottom: .5px solid #e0e0e0
    }

.e-widget.e-scrollbar .e-hhandle {
    border-left: .5px solid transparent;
    border-right: .5px solid transparent
}

    .e-widget.e-scrollbar .e-hhandle:hover, .e-widget.e-scrollbar .e-hhandle:active {
        border-left: .5px solid #e0e0e0;
        border-right: .5px solid #e0e0e0
    }

.e-widget.e-vhandle.e-box.e-pinch.e-touch, .e-widget.e-hhandle.e-box.e-pinch.e-touch {
    background-color: #757575;
    border-color: #616161
}

.e-widget.e-scrollbar .e-vhandle:hover, .e-widget.e-scrollbar .e-hhandle:hover {
    background-color: #9e9e9e;
    border-color: #757575
}

.e-widget.e-scrollbar .e-vhandle.e-disable:hover, .e-widget.e-scrollbar .e-hhandle.e-disable:hover, .e-widget.e-scrollbar .e-vhandle.e-disable, .e-widget.e-scrollbar .e-hhandle.e-disable, .e-widget.e-scroller .e-vscroll .e-vup.e-button.e-disable, .e-widget.e-scroller .e-vscroll .e-vdown.e-button.e-disable, .e-widget.e-scroller .e-hscroll .e-hup.e-button.e-disable, .e-widget.e-scroller .e-hscroll .e-hdown.e-button.e-disable, .e-widget.e-scroller .e-vscroll .e-vup.e-button.e-disable:hover, .e-widget.e-scroller .e-vscroll .e-vdown.e-button.e-disable:hover, .e-widget.e-scroller .e-hscroll .e-hup.e-button.e-disable:hover, .e-widget.e-scroller .e-hscroll .e-hdown.e-button.e-disable:hover {
    background-color: rgba(0,0,0,.12);
    border-color: rgba(0,0,0,.12)
}

.e-widget.e-scrollbar .e-vhandle:active, .e-widget.e-scrollbar .e-hhandle:active {
    background-color: #757575;
    border-color: #616161
}

.e-widget.e-scrollbar .e-button {
    color: #424242
}

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

    .e-widget.e-scrollbar .e-button:hover {
        background-color: #e0e0e0;
        color: #424242
    }

.e-widget.e-scrollbar .e-button {
    background-color: #f5f5f5
}

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

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

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

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

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

.e-widget.e-scroller .e-button, .e-widget.e-scroller .e-disable .e-button:hover {
    color: rgba(0,0,0,.54)
}

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

.e-widget.e-scroller .e-vscroll .e-vup.e-button, .e-widget.e-scroller .e-vscroll .e-vdown.e-button, .e-widget.e-scroller .e-hscroll .e-hup.e-button, .e-widget.e-scroller .e-hscroll .e-hdown.e-button {
    background-color: #bdbdbd
}

    .e-widget.e-scroller .e-vscroll .e-vup.e-button:hover, .e-widget.e-scroller .e-vscroll .e-vdown.e-button:hover, .e-widget.e-scroller .e-hscroll .e-hup.e-button:hover, .e-widget.e-scroller .e-hscroll .e-hdown.e-button:hover {
        background-color: #9e9e9e
    }

    .e-widget.e-scroller .e-vscroll .e-vup.e-button:active, .e-widget.e-scroller .e-vscroll .e-vdown.e-button:active, .e-widget.e-scroller .e-hscroll .e-hup.e-button:active, .e-widget.e-scroller .e-hscroll .e-hdown.e-button:active {
        background-color: #757575;
        border-color: #616161
    }

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

.e-widget.e-waitpopup-pane .e-image {
    background-color: #fff;
    background-image: url(images/waitingpopup.gif)
}

.e-widget.e-waitpopup-pane {
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.e-widget.e-waitpopup-pane {
    background-color: rgba(0,0,0,.54)
}

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

.e-btn, .e-widget .e-tbtn, .e-widget .e-split-btn {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    position: relative;
    text-transform: uppercase
}

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

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

.e-widget.e-btn.e-select.e-disable, .e-widget.e-btn.e-disable.e-select:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.38);
    border-radius: 2px;
    border: rgba(0,0,0,.12);
    color: rgba(0,0,0,.26);
    background-color: #fafafa;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    border-color: #fafafa
}

.e-widget.e-btn.e-select, .e-widget .e-btn.e-tbtn.e-select, .e-widget .e-btn.e-split-btn.e-select {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-radius: 2px;
    color: rgba(0,0,0,.87);
    background-color: #fafafa;
    border-color: #fafafa
}

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

    .e-widget.e-btn.e-select.e-flat:hover, .e-widget.e-btn.e-select.e-flat:focus {
        color: #ff4081;
        border: none;
        background-color: rgba(0,0,0,.12);
        border-radius: 0;
        box-shadow: none
    }

    .e-widget.e-btn.e-select.e-flat:active {
        color: #ff4081;
        border: none;
        background-color: rgba(0,0,0,.12);
        border-radius: 0;
        box-shadow: none
    }

.e-widget.e-button.e-btn.e-flat.e-disable.e-select, .e-widget.e-button.e-btn.e-flat.e-disable.e-select:active, .e-widget.e-button.e-btn.e-flat.e-disable.e-select:hover {
    color: rgba(0,0,0,.26);
    background-color: transparent
}

.e-widget.e-btn.e-select.e-primary {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    color: #fff;
    border-radius: 2px;
    background: #ff4081;
    border: none;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

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

.e-widget .e-tbtn.e-btn.e-select.e-primary:hover {
    background: none
}

.e-widget .e-tbtn.e-btn.e-select.e-primary.e-active, .e-widget .e-tbtn.e-btn.e-select.e-primary.e-active:hover {
    background: #ff4081;
    border: none;
    box-shadow: none
}

.e-widget.e-btn.e-primary.e-select:hover, .e-widget.e-btn.e-primary.e-select:focus {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    color: #fff;
    border-radius: 2px;
    background: #ff4081;
    border: none;
    border-color: rgba(0,0,0,.12)
}

.e-widget.e-btn.e-select.e-primary:active {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    color: #fff;
    border-radius: 2px;
    background: #ff4081;
    border-color: rgba(255,255,255,.12);
    border: none
}

.e-widget.e-btn.e-select.e-primary-raised {
    color: #fff;
    border-radius: 2px;
    background: #ff4081;
    border: none;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    box-shadow: none
}

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

    .e-widget.e-btn.e-select.e-primary-raised.e-active, .e-widget.e-btn.e-select.e-primary-raised.e-active:hover {
        background: #ff4081;
        border: none
    }

.e-widget.e-btn.e-primary-raised.e-select:hover, .e-widget.e-btn.e-primary-raised.e-select:focus {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    color: #fff;
    border-radius: 2px;
    background: #ff4081;
    border: none;
    border-color: rgba(0,0,0,.12)
}

.e-widget.e-btn.e-select.e-primary-raised:active {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    color: #fff;
    border-radius: 2px;
    background: #ff4081;
    border-color: rgba(255,255,255,.12);
    border: none
}

.e-widget.e-btn.e-select.e-primary-raised.e-disable, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-disable:hover {
    background: rgba(0,0,0,.12);
    color: rgba(0,0,0,.26);
    box-shadow: none
}

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

.e-float-btn.e-btn.e-select.e-icon {
    color: #fff;
    background-color: #ff4081;
    font-family: 'ej-webfont';
    box-shadow: 0 7px 10px 0 rgba(0,0,0,.16)
}

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

    .e-float-btn.e-btn.e-select.e-icon:hover {
        box-shadow: 0 7px 10px 0 rgba(0,0,0,.2);
        color: #fff;
        background-color: #ff4081;
        border-color: rgba(0,0,0,.12);
        font-family: 'ej-webfont'
    }

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

    .e-float-btn.e-btn.e-select.e-icon:active {
        box-shadow: 0 16px 20px 0 rgba(0,0,0,.18);
        color: #fff;
        border-radius: 100%;
        font-family: 'ej-webfont';
        border-color: rgba(255,255,255,.12)
    }

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

    .e-float-btn.e-btn.e-select.e-icon:not(:active):after {
        background-color: rgba(255,255,255,.12)
    }

.e-primary-icon-btn.e-btn.e-select.e-icon, .e-primary-icon-btn.e-btn.e-select.e-icon:hover {
    color: #ff4081;
    background: none;
    border: none;
    box-shadow: none
}

    .e-primary-icon-btn.e-btn.e-select.e-icon.e-disable, .e-primary-icon-btn.e-tbtn.e-btn.e-select.e-icon.e-disable:hover, .e-primary-icon-btn.e-btn.e-select.e-icon.e-disable:focus {
        color: rgba(0,0,0,.26);
        background: none;
        border: none;
        box-shadow: none
    }

    .e-primary-icon-btn.e-btn.e-select.e-icon:focus {
        background-color: rgba(255,64,129,.26);
        border: none;
        box-shadow: none
    }

    .e-primary-icon-btn.e-btn.e-select.e-icon:not(:active):after {
        background-color: rgba(255,255,255,.26);
        border: none;
        box-shadow: none
    }

    .e-primary-icon-btn.e-btn.e-select.e-icon:active {
        border-radius: 100%
    }

    .e-primary-icon-btn.e-btn.e-select.e-icon:focus:hover {
        background-color: rgba(255,64,129,.26);
        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-tbtn.e-select.e-icon {
    color: rgba(0,0,0,.54);
    background: none;
    border: none;
    font-family: 'ej-webfont';
    box-shadow: none
}

.e-flat-icon-btn.e-btn.e-select.e-icon:focus, .e-flat-icon-btn.e-btn.e-select.e-icon:hover {
    background-color: rgba(0,0,0,.12);
    border: none;
    box-shadow: none
}

.e-flat-icon-btn.e-tbtn.e-btn.e-select.e-icon:not(:active):after {
    background-color: #bdbdbd;
    border: none;
    box-shadow: none
}

.e-flat-icon-btn.e-tbtn.e-btn.e-select.e-icon.e-active:not(:active):after {
    background-color: rgba(0,0,0,.12);
    border: none;
    box-shadow: none
}

.e-flat-icon-btn.e-btn.e-select.e-icon:active:hover, .e-flat-icon-btn.e-btn.e-select.e-icon:active, .e-flat-icon-btn.e-btn.e-select.e-icon.e-active {
    background-color: #bdbdbd;
    border: none;
    box-shadow: none
}

.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 {
    color: rgba(0,0,0,.87);
    background: none;
    border: none;
    box-shadow: none
}

    .e-icon-btn.e-btn.e-select.e-icon:focus {
        background-color: rgba(0,0,0,.12);
        border: none;
        box-shadow: none
    }

    .e-icon-btn.e-btn.e-select.e-icon.e-disable, .e-icon-btn.e-btn.e-select.e-icon.e-disable:focus, .e-icon-btn.e-btn.e-select.e-icon.e-disable:hover, .e-flat-icon-btn.e-btn.e-select.e-icon.e-disable, .e-flat-icon-btn.e-btn.e-select.e-icon.e-disable:focus, .e-flat-icon-btn.e-btn.e-select.e-icon.e-disable:hover {
        color: rgba(0,0,0,.26);
        border: none;
        box-shadow: none
    }

    .e-icon-btn.e-btn.e-select.e-icon:not(:active):after {
        background-color: rgba(0,0,0,.12);
        border: none;
        box-shadow: none
    }

    .e-icon-btn.e-btn.e-select.e-icon:active {
        border-radius: 100%
    }

    .e-icon-btn.e-btn.e-select.e-icon:active, .e-primary-icon-btn.e-btn.e-select.e-icon:active, .e-icon-btn.e-btn.e-select.e-icon:hover, .e-primary-icon-btn.e-btn.e-select.e-icon:hover {
        background: none;
        box-shadow: none;
        border: none
    }

    .e-icon-btn.e-btn.e-select.e-icon:focus:hover {
        background-color: rgba(0,0,0,.12);
        border: none;
        box-shadow: none
    }

    .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-primary-icon-btn.e-btn.e-select.e-icon.e-disable, .e-flat-icon-btn.e-btn.e-select.e-icon.e-disable, .e-icon-btn.e-btn.e-select.e-icon.e-disable, .e-primary-icon-btn.e-btn.e-select.e-icon.e-disable:hover, .e-flat-icon-btn.e-btn.e-select.e-icon.e-disable:hover, .e-icon-btn.e-btn.e-select.e-icon.e-disable:hover {
            font-family: "ej-webfont";
            background: transparent;
            box-shadow: none;
            border: none
        }

.e-float-btn.e-btn.e-select.e-icon.e-disable, .e-float-btn.e-btn.e-select.e-icon.e-disable:hover, .e-float-btn.e-btn.e-select.e-icon.e-disable:focus {
    font-family: "ej-webfont";
    box-shadow: none;
    border: none;
    border-radius: 50%;
    color: rgba(0,0,0,.26);
    background-color: rgba(0,0,0,.12)
}

.e-primary-icon-btn.e-btn.e-select.e-icon.e-disable:hover, .e-icon-btn.e-btn.e-select.e-icon.e-disable:hover {
    border-radius: 50%
}

.e-widget.e-button.e-btn.e-select.e-disable:after, .e-widget .e-tbtn.e-btn.e-select.e-disable:after, .e-widget.e-split .e-split-btn.e-btn:after {
    content: none
}

.e-widget.e-btn.e-select:hover, .e-widget.e-btn.e-select.e-active:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    background-color: rgba(0,0,0,.12);
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-widget.e-btn.e-select:focus {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    background-color: rgba(0,0,0,.12);
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-widget.e-btn.e-select:active, .e-widget.e-btn.e-disable.e-active.e-select:hover, .e-widget.e-tbtn.e-flat.e-active, .e-widget.e-tbtn.e-btn.e-select.e-flat {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    color: #000;
    border-radius: 2px;
    border: none
}

.e-widget.e-btn.e-select:active, .e-widget.e-tbtn.e-active {
    background-color: rgba(0,0,0,.12)
}

.e-drp-btn.e-select .e-icon, .e-btn.e-select .e-icon {
    color: rgba(0,0,0,.54)
}

.e-widget.e-btn.e-select:hover .e-icon {
    color: rgba(0,0,0,.54)
}

.e-widget .e-drp-btn.e-select:hover, .e-widget.e-btn.e-select:hover .e-icon {
    color: rgba(0,0,0,.54)
}

.e-widget .e-drp-btn.e-select:active, .e-widget.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: rgba(0,0,0,.54)
}

.e-widget.e-menu.e-split, .e-widget.e-menu.e-context.e-split, .e-widget.e-menu.e-context.e-split .e-list > ul, .e-widget.e-menu.e-widget.e-split li.e-list {
    background-color: #fff
}

.e-widget .e-split-btn-div .e-icon {
    padding: 0
}

.e-widget.e-btn.e-disable.e-select:hover, .e-widget.e-btn.e-disable, .e-widget.e-btn.e-select.e-disable:hover, .e-widget.e-btn.e-select.e-disable {
    color: rgba(0,0,0,.26);
    box-shadow: none;
    border: none;
    background-color: rgba(0,0,0,.12);
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-widget .e-tbtn.e-btn.e-select {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-radius: 2px;
    color: rgba(0,0,0,.87);
    background-color: #fafafa;
    border-color: #fafafa
}

    .e-widget .e-tbtn.e-btn.e-select:hover, .e-widget .e-tbtn.e-btn.e-select:focus {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        background-color: rgba(0,0,0,.12);
        font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
    }

    .e-widget .e-tbtn.e-btn.e-select.e-active {
        box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
        background-color: #ff4081
    }

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

            .e-widget .e-tbtn.e-btn.e-select.e-active.e-disable, .e-widget .e-tbtn.e-btn.e-select.e-disable {
                box-shadow: none;
                background-color: rgba(0,0,0,.12);
                color: rgba(0,0,0,.87)
            }

.e-widget .e-tbtn.e-select.e-flat:hover {
    background: none
}

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .e-widget.e-btn.e-select.e-flat {
    background: none;
    color: #ff4081;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    box-shadow: none;
    border: none
}

    .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-flat .e-icon, .e-widget.e-btn.e-select.e-flat .e-icon {
        color: #ff4081
    }

    .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-active {
        background-color: #ff4081;
        color: #fff;
        box-shadow: none;
        font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
    }

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-active.e-flat .e-icon {
    color: #fff
}

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-active:active {
    background-color: rgba(255,64,129,.61);
    border-radius: 2px
}

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-flat:active {
    background-color: rgba(255,64,129,.12);
    border-radius: 2px
}

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon:hover {
    font-family: "ej-webfont";
    border-radius: 100%;
    background: none;
    border: none;
    box-shadow: none;
    color: rgba(0,0,0,.54)
}

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-disable, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-disable:hover, .e-widget.e-btn.e-select.e-flat.e-disable, .e-widget.e-btn.e-select.e-flat.e-disable:hover, .e-widget.e-split.e-widget.e-disable, .e-widget.e-split.e-widget.e-disable:hover, .e-widget.e-split.e-widget.e-disable .e-icon {
    color: rgba(0,0,0,.26)
}

    .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-disable, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-disable:hover {
        background-color: rgba(0,0,0,.12)
    }

        .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-disable .e-icon, .e-widget.e-btn.e-select.e-flat.e-disable .e-icon, .e-widget.e-btn.e-select.e-primary.e-disable .e-icon, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-disable .e-icon:hover, .e-widget.e-btn.e-select.e-flat.e-disable .e-icon:hover, .e-btn.e-select.e-primary.e-disable .e-icon:hover {
            color: rgba(0,0,0,.26)
        }

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon:focus, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon:hover {
    background-color: rgba(0,0,0,.12)
}

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon:not(:active):after {
    background-color: rgba(255,64,129,.12)
}

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active:not(:active):after {
    background-color: rgba(255,255,255,.12)
}

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active:hover {
    color: #ff4081;
    background: none
}

    .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active:focus, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active:hover {
        background-color: rgba(255,64,129,.26);
        color: #fff
    }

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-disable, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-disable:active, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-disable.e-toggle-icon-btn.e-icon.e-icon:focus, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-disable.e-toggle-icon-btn.e-icon.e-icon:hover {
    color: rgba(0,0,0,.26);
    background-color: transparent
}

.e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-disable, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-disable:active, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-disable:hover, .e-widget .e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-disable:focus {
    background: none
}

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

.e-widget.e-btn.e-select {
    color: rgba(0,0,0,.87)
}

    .e-widget.e-btn.e-select .e-icon {
        color: rgba(0,0,0,.54)
    }

    .e-widget.e-btn.e-select.e-disable {
        color: rgba(0,0,0,.26)
    }

        .e-widget.e-btn.e-select.e-disable .e-icon {
            color: rgba(0,0,0,.26)
        }

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

.e-widget.e-split.e-widget {
    color: rgba(0,0,0,.87)
}

    .e-widget.e-split.e-widget:hover, .e-widget.e-split.e-widget:focus {
        background-color: rgba(0,0,0,.12);
        border-radius: 2px
    }

    .e-widget.e-split.e-widget.e-active .e-splitarrowright, .e-widget.e-split.e-widget.e-active .e-splitarrowleft, .e-widget.e-split.e-widget.e-active .e-splitarrowtop, .e-widget.e-split.e-widget.e-active .e-splitarrowbottom {
        background-color: #fff;
        border-radius: 2px;
        box-shadow: rgba(0,0,0,.26)
    }

    .e-widget.e-split.e-widget .e-in-wrap.e-splitarrowright .e-split-btn.e-left-btn, .e-widget.e-split.e-widget.e-rtl .e-in-wrap.e-splitarrowleft .e-split-btn.e-left-btn {
        border-width: 0 .5px 0 0;
        border-style: solid
    }

    .e-widget.e-split.e-widget .e-in-wrap.e-splitarrowleft .e-split-btn.e-left-btn, .e-widget.e-split.e-widget.e-rtl .e-in-wrap.e-splitarrowright .e-split-btn.e-left-btn {
        border-width: 0 0 0 .5px;
        border-style: solid
    }

    .e-widget.e-split.e-widget .e-in-wrap.e-splitarrowtop .e-split-btn.e-left-btn {
        border-width: .5px 0 0 0;
        border-style: solid
    }

    .e-widget.e-split.e-widget .e-in-wrap.e-splitarrowbottom .e-split-btn.e-left-btn {
        border-width: 0 0 .5px 0;
        border-style: solid
    }

    .e-widget.e-split.e-widget:hover .e-in-wrap .e-split-btn.e-left-btn, .e-widget.e-split.e-widget.e-active .e-in-wrap .e-split-btn.e-left-btn, .e-widget.e-split.e-widget:focus .e-in-wrap .e-split-btn.e-left-btn {
        border-color: rgba(0,0,0,.12)
    }

    .e-widget.e-split.e-widget:hover .e-in-wrap .e-split-btn.e-left-btn, .e-widget.e-split.e-widget:hover .e-in-wrap .e-split-btn.e-drp-btn {
        border-style: solid;
        background-color: #f5f5f5;
        box-shadow: none
    }

    .e-widget.e-split.e-widget.e-drop:hover .e-in-wrap .e-split-btn.e-left-btn.e-droparrowbottom, .e-widget.e-split.e-widget.e-drop:hover .e-in-wrap .e-split-btn.e-left-btn.e-droparrowtop, .e-widget.e-split.e-widget.e-drop:hover .e-in-wrap .e-split-btn.e-left-btn.e-droparrowleft, .e-widget.e-split.e-widget.e-drop:hover .e-in-wrap .e-split-btn.e-left-btn.e-droparrowright {
        border: none
    }

    .e-widget.e-split.e-widget.e-disable:hover .e-in-wrap .e-split-btn.e-left-btn.e-disable, .e-widget.e-split.e-widget.e-disable:hover .e-in-wrap .e-split-btn.e-drp-btn.e-disable {
        background-color: transparent
    }

    .e-widget.e-split.e-widget.e-disable:hover .e-in-wrap .e-split-btn.e-left-btn {
        border-color: transparent
    }

    .e-widget.e-split.e-widget:hover .e-in-wrap.e-splitarrowright .e-split-btn.e-drp-btn, .e-widget.e-split.e-widget:hover .e-in-wrap.e-splitarrowleft .e-split-btn.e-drp-btn, .e-widget.e-split.e-widget:hover .e-in-wrap.e-splitarrowtop .e-split-btn.e-drp-btn, .e-widget.e-split.e-widget:hover .e-in-wrap.e-splitarrowbottom .e-split-btn.e-drp-btn {
        border: none
    }

    .e-widget.e-split.e-widget:focus {
        border-style: solid;
        background-color: #f5f5f5;
        border: none;
        outline: none;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

    .e-widget.e-split.e-widget.e-active {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
    }

        .e-widget.e-split.e-widget.e-active .e-in-wrap.e-splitarrowbottom .e-split-btn.e-left-btn {
            border-width: 0 0 .5px 0;
            border-style: solid;
            border-color: rgba(0,0,0,.12)
        }

        .e-widget.e-split.e-widget.e-active .e-in-wrap.e-splitarrowleft .e-split-btn.e-left-btn {
            border-width: 0 0 0 .5px;
            border-style: solid;
            border-color: rgba(0,0,0,.12)
        }

        .e-widget.e-split.e-widget.e-active .e-in-wrap.e-splitarrowtop .e-split-btn.e-left-btn {
            border-width: .5px 0 0 0;
            border-style: solid;
            border-color: rgba(0,0,0,.12)
        }

        .e-widget.e-split.e-widget.e-active .e-in-wrap.e-splitarrowbottom .e-split-btn.e-left-btn {
            border-width: 0 0 .5px 0;
            border-style: solid;
            border-color: rgba(0,0,0,.12)
        }

.e-widget.e-button.e-btn:not(:active):after, .e-widget .e-tbtn.e-btn.e-active:not(:active):after, .e-widget.e-split .e-split-btn.e-select.e-btn:not(:active):after, .e-widget .e-tbtn.e-btn.e-flat.e-active:not(:active):after, .e-widget.e-colorwidget .e-color-container .e-selected-color:active::after, .e-widget.e-colorwidget .e-select:active .e-icon::after, .e-widget.e-colorpicker .e-colorblock .e-color-image.e-add:active:after, .e-widget.e-groupbutton > .e-ul > .e-grp-btn-item.e-active:not(:active):after, .e-widget.e-groupbutton > .e-ul > .e-grp-btn-item:not(:active):after {
    background-color: rgba(255,255,255,.12)
}

.e-widget.e-button.e-btn.e-flat:not(:active):after, .e-widget .e-tbtn.e-btn.e-flat:not(:active):after, .e-widget .e-tbtn.e-btn:not(:active):after {
    background-color: rgba(255,64,129,.12)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .e-widget.e-btn.e-select.e-disable.e-link .e-icon, .e-widget.e-btn.e-select.e-disable.e-link:hover .e-icon, .e-widget.e-btn.e-select.e-disable.e-link:focus .e-icon, .e-widget.e-btn.e-select.e-disable.e-link:active .e-icon, .e-widget.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 {
    color: #000;
    border: 1px solid #000;
    color: rgba(0,0,0,.87);
    border: 1px solid rgba(0,0,0,.26)
}

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

.e-textbox, .e-textarea {
    color: #000;
    border-color: #000;
    color: rgba(0,0,0,.87);
    border-color: rgba(0,0,0,.12)
}

.ejinputtext:focus {
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.54)
}

.e-textbox:hover, .e-textarea:hover {
    box-shadow: none
}

.e-textbox:focus, .e-textarea:focus {
    box-shadow: none;
    border-color: #ff4081
}

.e-textbox.e-animation:focus, .e-textarea.e-animation:focus {
    border-color: #000;
    border-color: rgba(0,0,0,.12)
}

.e-ripple-bar:before, .e-ripple-bar:after {
    background: #ff4081
}

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

.e-textbox[disabled], .e-textarea[disabled] {
    border-bottom-style: dashed;
    background-image: linear-gradient(to right,rgba(0,0,0,.38) 0%,rgba(0,0,0,.38) 33%,transparent 0%);
    background-image: -ms-linear-gradient(left,transparent 0%,rgba(0,0,0,.38) 100%);
    background-position: bottom -1px left 0;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    color: #000;
    color: rgba(0,0,0,.26)
}

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

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

.e-textbox::-moz-selection, .e-textarea::-moz-selection {
    background: #ff4081;
    color: #fff
}

.e-textbox::-webkit-input-placeholder, .e-textarea::-webkit-input-placeholder {
    font-style: normal;
    color: rgba(0,0,0,.38)
}

.e-textbox:-ms-input-placeholder, .e-textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.38)
}

.e-textbox::-moz-placeholder, .e-textarea::-moz-placeholder {
    color: rgba(0,0,0,.38)
}

.e-textbox:-moz-placeholder, .e-textarea:-moz-placeholder {
    color: rgba(0,0,0,.38)
}

.e-widget.e-menu.e-split.e-context {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

    .e-widget.e-menu.e-split.e-context .e-list > .e-menulink {
        color: rgba(0,0,0,.87)
    }

    .e-widget.e-menu.e-split.e-context .e-list .e-icon {
        color: rgba(0,0,0,.54)
    }

    .e-widget.e-menu.e-split.e-context .e-list.e-mhover {
        background-color: #eee
    }

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

.e-widget.e-colorpicker .e-hsv-color, .e-widget.e-colorpicker .e-buttons .e-preview, .e-widget.e-colorpicker .e-slider-wrap .e-hue, .e-widget.e-colorpicker .e-slider-wrap .e-opacity {
    border: none
}

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

.e-widget.e-colorpicker:focus {
    outline: none
}

.e-widget.e-colorwidget .e-select {
    color: rgba(0,0,0,.54)
}

.e-widget.e-colorpicker .e-buttons .e-codeeditor .e-color-code {
    border-color: rgba(0,0,0,.12)
}

.e-widget.e-colorwidget .e-in-wrap.e-box:hover {
    background-color: #f5f5f5;
    color: #424242
}

.e-widget.e-colorwidget .e-in-wrap.e-box:focus {
    color: #424242
}

.e-widget.e-colorwidget .e-in-wrap.e-box:focus {
    background: #e0e0e0
}

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

.e-widget.e-colorpicker.e-popup {
    background-color: #fff;
    border-color: #e0e0e0
}

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

.e-widget.e-presetWrapper.e-widget.e-context {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

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

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

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

.e-widget.e-colorpicker .e-colorblock .e-color-image.e-add:active {
    background-color: rgba(0,0,0,.12)
}

.e-widget.e-colorpicker .e-recent-color .e-colorblock.e-colorset:hover {
    background-color: #f5f5f5
}

.e-widget.e-colorpicker .e-recent-color .e-colorblock.e-colorset.e-select {
    background-color: #eee
}

.e-widget.e-colorpicker .e-colorblock .e-color-image.e-add:active {
    background-color: rgba(0,0,0,.12)
}

.e-widget.e-colorwidget .e-color-container .e-selected-color::after, .e-widget.e-colorwidget .e-select .e-icon::after, .e-widget.e-colorpicker .e-colorblock .e-color-image.e-add:after {
    background-color: rgba(255,255,255,.5)
}

.e-widget.e-colorpicker .e-footer .e-switcher:hover {
    border-radius: 2px
}

.e-widget.e-colorpicker .e-footer .e-switcher:hover {
    background: #e0e0e0
}

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

    .e-widget.e-colorwidget .e-in-wrap.e-box, .e-widget.e-colorwidget .e-in-wrap.e-box .e-select, .e-widget.e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton, .e-widget.e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn, .e-widget.e-colorpicker .e-footer .e-in-wrap.e-box .e-split-btn, .e-widget.e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn, .e-widget.e-colorwidget.e-split .e-in-wrap .e-select.e-disable:active {
        border-color: transparent;
        color: rgba(0,0,0,.54)
    }

.e-widget.e-colorwidget .e-select:hover, .e-widget.e-colorpicker .e-element .e-split-btn.e-select.e-rht-btn:hover {
    color: #212121;
    border-color: #e0e0e0
}

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

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

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

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

.e-widget.e-colorpicker .e-buttons .e-grpbtn {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}

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

        .e-widget.e-colorpicker .e-buttons .e-grpbtn .e-btn, .e-widget.e-colorpicker .e-buttons .e-grpbtn .e-btn.e-disable:hover {
            background: #fafafa;
            box-shadow: none;
            border-radius: 0
        }

    .e-widget.e-colorpicker .e-buttons .e-grpbtn, .e-widget.e-colorpicker .e-buttons .e-grpbtn .e-btn {
        border-color: #e0e0e0
    }

        .e-widget.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-widget.e-colorpicker .e-buttons .e-color-code {
    border-color: rgba(0,0,0,.26)
}

    .e-widget.e-colorpicker .e-buttons .e-color-code:focus {
        border-color: rgba(0,0,0,.54)
    }

.e-widget.e-colorpicker .e-buttons .e-codeeditor::before {
    background: #ff4081
}

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

.e-widget.e-colorpicker .e-item.e-state-selected {
    border-color: #000;
    border-width: 1px
}

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

.e-widget.e-presetWrapper.e-menu.e-context .e-color-image.e-mhover {
    background-color: rgba(0,0,0,.12)
}

.e-widget.e-presetWrapper.e-menu.e-context .e-color-image.e-presetsactive {
    background-color: rgba(0,0,0,.24)
}

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

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

.e-widget.e-colorpicker .e-buttons .e-grpbtn .e-click {
    color: #000;
    background-color: #bdbdbd
}

.e-widget.e-colorpicker .e-buttons .e-grpbtn .e-btn:hover {
    color: #212121;
    border-color: #e0e0e0
}

.e-widget.e-colorpicker .e-buttons .e-grpbtn .e-btn:hover {
    background: #e0e0e0
}

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

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

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

.e-widget.e-colorwidget .e-color-container .e-selected-color:active::after, .e-widget.e-colorwidget .e-select:active .e-icon::after, .e-widget.e-colorpicker .e-colorblock .e-color-image.e-add:active:after {
    background-color: rgba(255,255,255,.5)
}

.e-widget.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-widget.e-colorwidget .e-in-wrap .e-tool-icon.e-icon {
    margin: -11px 8px;
    height: 14px
}

.e-widget.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: #e0e0e0;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

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

.e-widget.e-datetime-wrap .e-input, .e-widget.e-datetime-popup {
    color: rgba(0,0,0,.87)
}

.e-widget.e-datetime-wrap .e-input {
    font-size: 13px
}

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

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

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

.e-widget.e-datetime-wrap .e-select, .e-widget.e-datetime-wrap.e-rtl .e-select, .e-widget.e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
    background: #fff;
    color: rgba(0,0,0,.54)
}

.e-widget.e-ntouch.e-datetime-wrap .e-select:hover {
    background: #fff
}

.e-widget.e-datetime-popup .e-dt-button {
    border: none;
    color: #ff4081;
    background: #fff;
    text-transform: uppercase;
    font-size: 14px
}

    .e-widget.e-datetime-popup .e-dt-button:active {
        border-color: #fff;
        color: #ff4081;
        background: #fff
    }

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

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

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
    background: #fff;
    color: rgba(0,0,0,.87)
}

    .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header:hover > span, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header:hover > span, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am:hover > span, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm:hover > span {
        color: rgba(0,0,0,.87)
    }

    .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header:hover > span, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am:hover > span, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm:hover > span {
        color: rgba(0,0,0,.38)
    }

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header {
    background: #3f51b5
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header {
    border-bottom: none;
    background: #fff;
    padding: 9px 0 9px 0
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm > .e-text {
    border-top: 0;
    padding-top: 12px
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
    border-top: 1px solid;
    border-color: rgba(0,0,0,.12)
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon {
    color: rgba(0,0,0,.54)
}

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

.e-timepicker table td.e-active::before, .e-timepicker table td.e-active.e-state-hover::before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0;
    background-color: #ff4081;
    position: absolute
}

.e-timepicker table td.e-active, .e-timepicker table td.e-active.e-state-hover {
    color: #fff
}

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

.e-timepicker .e-state-default {
    color: rgba(0,0,0,.87)
}

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

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

.e-ntouch.e-timepicker table td:hover::before, .e-timepicker table td.e-state-hover::before {
    border-radius: 50%;
    box-shadow: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block
}

.e-ntouch.e-timepicker table td:hover, .e-timepicker table td.e-state-hover {
    color: rgba(0,0,0,.87)
}

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

.e-timepicker .e-footer {
    border: none;
    color: #212121
}

.e-ntouch.e-timepicker .e-footer:hover {
    background: #fff;
    border: none
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-footer {
    color: #ff4081;
    text-transform: uppercase
}

    .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-footer:hover {
        color: #ff4081;
        border: none;
        background-color: rgba(0,0,0,.12);
        border-radius: 0;
        box-shadow: none
    }

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

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

.e-widget.e-ntouch.e-timepicker .e-arrow-sans-left:hover, .e-widget.e-ntouch.e-timepicker .e-arrow-sans-right:hover {
    background-color: #fff
}

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

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

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

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

.e-widget.e-datetime-popup .e-dp-viewhours .e-timepicker-hours .e-state-default {
    height: 56px
}

.e-widget.e-datetime-wrap .e-in-wrap {
    border-width: 0 0 1px 0;
    border-color: rgba(0,0,0,.12)
}

.e-widget.e-datetime-popup .e-header-am + .e-dp-viewhours .e-timepicker-hours .e-state-default, .e-widget.e-datetime-popup .e-header-pm + .e-dp-viewhours .e-timepicker-hours .e-state-default {
    height: 44px;
    position: relative;
    z-index: 1
}

.e-widget.e-datetime-wrap .e-in-wrap:before, .e-widget.e-datetime-wrap .e-in-wrap:after {
    background: #ff4081
}

.e-widget.e-datetime-wrap.e-focus .e-in-wrap {
    box-shadow: none
}

.e-widget.e-datetime-popup .e-dp-viewmins .e-timepicker-mins .e-state-default {
    height: 78px;
    position: relative;
    z-index: 1
}

.e-widget.e-datetime-wrap .e-select {
    border-left: 0;
    width: 24px
}

.e-widget.e-ntouch.e-datetime-wrap.e-active .e-select:hover {
    color: #ff4081
}

.e-widget.e-ntouch.e-datetime-wrap.e-active .e-select {
    color: #ff4081
}

.e-widget.e-datetime-popup .e-time-popup {
    border-left: 1px solid;
    border-color: rgba(0,0,0,.12);
    box-shadow: none
}

    .e-widget.e-datetime-popup .e-time-popup.e-rtl {
        border-right: 1px solid;
        border-color: rgba(0,0,0,.12);
        box-shadow: none
    }

.e-widget.e-datetime-popup .e-datepicker {
    box-shadow: none;
    padding: 0
}

.e-widget.e-datetime-popup .e-popup-container {
    padding: 0;
    border-bottom: 1px solid;
    border-color: rgba(0,0,0,.12)
}

.e-widget.e-datetime-popup .e-button-container {
    padding: 5px 5px 5px
}

.e-widget.e-datetime-popup .e-datepicker table {
    margin: 0
}

.e-widget.e-datetime-popup .e-timecontainer .e-header {
    display: none
}

.e-widget.e-datetime-popup .e-timecontainer .e-time-popup ul li {
    padding: 15px 0 15px 18px
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
    color: rgba(0,0,0,.38)
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-icon {
    height: 30px;
    width: 30px
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am .e-text, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm .e-text, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header .e-text {
    width: 79%
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text {
    float: left
}

    .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text .e-hours-headertext, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text .e-minitues-headertext, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am .e-text .e-hours-meridiantxt-am, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm .e-text .e-hours-meridiantxt-pm, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header .e-text .e-minitues-meridiantxt {
        padding: 7px;
        border-radius: 0
    }

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon:before {
    top: 7px;
    left: 8px
}

.e-widget.e-datetime-popup .e-dp-viewmins .e-timepicker-mins .e-state-default {
    border-radius: 50%;
    box-shadow: none;
    width: 70px;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 1
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-next, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-prev {
    top: 0;
    left: 0;
    float: left
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-next, .e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-prev {
    overflow: hidden
}

.e-widget.e-datetime-popup .e-dp-viewmins .e-timepicker-mins .e-state-default::before {
    top: 8px;
    left: 17px
}

.e-widget.e-datetime-popup.e-rtl .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text {
    float: right
}

.e-widget.e-datetime-popup.e-drill-down .e-popup-container {
    padding: 0 10px 10px 10px;
    border-bottom: 0
}

.e-widget.e-datetime-popup.e-rtl .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-next {
    right: 0;
    float: right
}

.e-widget.e-datetime-popup.e-rtl .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-prev {
    left: 0;
    float: right
}

.e-widget.e-datetime-popup .e-drillDowncontainer table td::before {
    content: "";
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: -1
}

.e-widget.e-datetime-popup .e-dp-viewhours .e-timepicker-hours .e-state-default {
    width: 40px;
    height: 40px;
    padding: 3px 15px;
    z-index: 1
}

    .e-widget.e-datetime-popup .e-dp-viewhours .e-timepicker-hours .e-state-default::before {
        top: 3px;
        left: 18px
    }

.e-widget.e-datetime-popup .e-drillDowncontainer .e-header-am + .e-dp-viewhours .e-timepicker-hours .e-state-default, .e-widget.e-datetime-popup .e-drillDowncontainer .e-header-pm + .e-dp-viewhours .e-timepicker-hours .e-state-default {
    width: 40px;
    height: 40px;
    padding: 3px;
    position: relative;
    z-index: 1
}

    .e-widget.e-datetime-popup .e-drillDowncontainer .e-header-am + .e-dp-viewhours .e-timepicker-hours .e-state-default::before, .e-widget.e-datetime-popup .e-drillDowncontainer .e-header-pm + .e-dp-viewhours .e-timepicker-hours .e-state-default::before {
        top: 3px;
        left: 5px
    }

.e-widget.e-datetime-popup .e-datepicker .e-footer {
    margin: 0
}

.e-widget.e-datetime-popup .e-timecontainer .e-time-popup.e-rtl ul li {
    padding: 15px 18px 15px 0
}

.e-widget.e-datetime-wrap .e-input::selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-datetime-wrap .e-input::-moz-selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm + .e-dp-viewhours {
    margin-top: 10px
}

@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-widget.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon:not(:active):after {
    background: rgba(0,0,0,.12)
}

.e-widget.e-datetime-popup .e-dt-button.e-btn.e-select.e-flat:not(:active):after {
    background-color: rgba(255,64,129,.12)
}

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

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

.e-widget.e-daterangepicker-popup {
    border: 0;
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.21)
}

.e-widget.e-daterangewidget .e-select {
    border-left: 0;
    width: 24px
}

.e-widget.e-daterangewidget .e-in-wrap:before, .e-widget.e-daterangewidget .e-in-wrap:after {
    background: #ff4081
}

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

.e-widget.e-daterangewidget .e-input {
    color: rgba(0,0,0,.87);
    font-size: 13px
}

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

.e-widget.e-daterangewidget .e-in-wrap {
    border-width: 0 0 1px 0;
    border-color: rgba(0,0,0,.12)
}

.e-widget.e-daterangewidget.e-focus .e-in-wrap, .e-widget.e-daterangewidget .e-focus {
    box-shadow: none
}

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

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

.e-widget.e-daterangewidget .e-select, .e-widget.e-daterangewidget .e-drpbuttons .e-disable:hover, .e-widget.e-ntouch.e-daterangewidget .e-disable.e-select:hover {
    background: #fff;
    color: rgba(0,0,0,.54)
}

.e-widget.e-ntouch.e-daterangewidget .e-select:hover {
    background: #fff
}

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

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

.e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.e-hidedate:hover, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-state-hover.e-hidedate, .e-widget.e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-days .e-state-default.in-range:hover.e-hidedate, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date.e-hidedate:hover, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date.e-hidedate:hover, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date.e-hidedate:hover, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-start-date, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-end-date, .e-widget.e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-hidedate:hover {
    color: rgba(0,0,0,.38)
}

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

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

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

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

        .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date::before, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-start-date::before, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date::before, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date::before, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-end-date::before, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-end-date::before, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-end-date::before {
            background: #ff4081;
            border-radius: 50%;
            top: 2px
        }

    .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default:hover, .e-widget.e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-state-default:hover {
        color: rgba(0,0,0,.38);
        background: transparent
    }

        .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default:hover::before, .e-widget.e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-state-default:hover::before {
            background: transparent;
            content: ""
        }

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

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

.e-widget.e-custom-dateranges li {
    box-shadow: none;
    background: #fff;
    border: 0;
    padding: 9px 24px;
    margin: 0;
    text-align: center;
    height: 30px;
    box-sizing: content-box
}

    .e-widget.e-custom-dateranges li.e-active {
        background: #fff;
        color: #ff4081;
        border-color: #fff
    }

    .e-widget.e-custom-dateranges li:hover {
        color: #212121;
        border-color: #e0e0e0
    }

    .e-widget.e-custom-dateranges li:hover {
        background: #e0e0e0
    }

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

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

.e-widget.e-daterangepicker-popup .e-custom-dateranges li:hover {
    background-color: #eee;
    color: rgba(0,0,0,.87)
}

.e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range + .e-end-date {
    box-shadow: -15px 0 0 0 #eee
}

.e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.showrange {
    box-shadow: 15px 0 0 0 #eee
}

.e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range {
    color: #212121;
    border-color: #e0e0e0
}

.e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range {
    background: #eee;
    box-shadow: none
}

.e-widget.e-daterangepicker-popup .e-drpbuttons {
    border-top: 1px solid #e0e0e0;
    border-color: #e0e0e0;
    color: #212121
}

.e-widget.e-daterangepicker-popup .e-drpbuttons {
    background: #f5f5f5
}

.e-daterangepicker-popup .e-drpbuttons div {
    border: none;
    color: #ff4081;
    background: #fff;
    text-transform: uppercase
}

    .e-daterangepicker-popup .e-drpbuttons div:hover {
        background: #fff;
        color: #ff4081;
        border-color: #fff
    }

.e-widget.e-daterangepicker-popup .e-drpbuttons .e-active {
    background-color: #fafafa;
    border-color: #3f51b5;
    color: #212121
}

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

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

.e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default {
    height: 44px;
    position: relative;
    z-index: 1
}

.e-widget.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-left-datepicker .e-datewidget.e-focus .e-in-wrap, .e-widget.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-right-datepicker .e-datewidget.e-focus .e-in-wrap {
    border-color: rgba(0,0,0,.12);
    box-shadow: none
}

.e-widget.e-daterangepicker-popup .e-left-datepicker {
    border-right: 1px solid;
    border-color: rgba(0,0,0,.12);
    box-shadow: none;
    margin-right: -1px
}

.e-widget.e-daterangepicker-popup .e-right-datepicker {
    border-left: 1px solid;
    border-color: rgba(0,0,0,.12);
    box-shadow: none
}

    .e-widget.e-daterangepicker-popup .e-left-datepicker .e-timewidget, .e-widget.e-daterangepicker-popup .e-right-datepicker .e-timewidget {
        height: 32px
    }

        .e-widget.e-daterangepicker-popup .e-left-datepicker .e-timewidget.e-focus .e-in-wrap, .e-widget.e-daterangepicker-popup .e-right-datepicker .e-timewidget.e-focus .e-in-wrap {
            border-color: rgba(0,0,0,.12);
            box-shadow: none
        }

.e-widget.e-daterange-timepopup.e-time-popup ul li {
    padding: 15px 0 15px 15px
}

.e-widget.e-daterangepicker-popup .e-left-datepicker .e-timewidget.e-active .e-select, .e-widget.e-daterangepicker-popup .e-right-datepicker .e-timewidget.e-active .e-select {
    color: rgba(0,0,0,.54)
}

.e-widget.e-daterangepicker-popup .e-left-datepicker .e-timewidget .e-select, .e-widget.e-daterangepicker-popup .e-right-datepicker .e-timewidget .e-select {
    border-left: 0
}

.e-widget.e-daterangewidget.e-active .e-select {
    color: #ff4081
}

.e-widget.e-daterangewidget .e-input::selection, .e-widget.e-datetime-wrap .e-input::selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-daterangewidget .e-input::-moz-selection, .e-widget.e-datetime-wrap .e-input::-moz-selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-daterangepicker-popup .e-drp-button.e-btn.e-select.e-flat:not(:active):after {
    background-color: rgba(255,64,129,.12)
}

.e-widget.e-daterangepicker-popup .e-drp-button.e-btn.e-select.e-flat.e-disable:not(:active):after {
    animation: none
}

.e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days td.e-start-date:not(:active):after, .e-widget.e-daterangepicker-popup .e-datepicker .e-datepicker-days td.e-end-date:not(:active):after {
    background: rgba(255,255,255,.5)
}

.e-widget.e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select, .e-widget.e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select:active, .e-widget.e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select:hover {
    color: rgba(0,0,0,.26);
    background-color: 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-widget.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-right-datepicker.e-right-timepicker .e-datewidget .e-in-wrap, .e-widget.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-left-datepicker.e-left-timepicker .e-datewidget .e-in-wrap {
    width: 195px
}

.e-widget.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-left-datepicker::after {
    content: "";
    width: 100%;
    height: 100%;
    float: left
}

.e-widget.e-daterangepicker-popup .e-custom-dateranges ul {
    color: rgba(0,0,0,.87);
    margin-top: 13px
}

.e-widget.e-daterangepicker-popup .e-datewidget.e-focus .e-in-wrap:before, .e-widget.e-daterangepicker-popup .e-datewidget.e-focus .e-in-wrap:after, .e-widget.e-daterangepicker-popup .e-left-datepicker .e-timewidget.e-focus .e-in-wrap:before, .e-widget.e-daterangepicker-popup .e-left-datepicker .e-timewidget.e-focus .e-in-wrap:after, .e-widget.e-daterangepicker-popup .e-right-datepicker .e-timewidget.e-focus .e-in-wrap:before, .e-widget.e-daterangepicker-popup .e-right-datepicker .e-timewidget.e-focus .e-in-wrap:after {
    width: 0
}

.e-widget.e-daterangepicker-popup.e-daterange-responsive .e-right-datepicker {
    float: none
}

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

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

.e-widget.e-chkbox-wrap {
    display: inline-flex
}

    .e-widget.e-chkbox-wrap.e-tb-cell .e-text, .e-widget.e-chkbox-wrap.e-tb-cell div {
        display: table-cell;
        padding: 0 5px 2px 5px
    }

    .e-widget.e-chkbox-wrap.e-check-small.e-tb-cell .e-text {
        padding: 0 5px 2px 5px
    }

    .e-widget.e-chkbox-wrap.e-focus div > span {
        box-shadow: 0 0 2px #d4d4d4
    }

    .e-widget.e-chkbox-wrap div > span {
        border-color: rgba(0,0,0,.54);
        background-color: #fff
    }

    .e-widget.e-chkbox-wrap.e-disable {
        opacity: .26
    }

    .e-widget.e-chkbox-wrap div > span:hover {
        border-color: rgba(0,0,0,.54)
    }

    .e-widget.e-chkbox-wrap div > span.e-chk-act {
        border-color: #ff4081
    }

    .e-widget.e-chkbox-wrap.e-widget.e-disable div > span.e-chk-act, .e-widget.e-chkbox-wrap.e-widget.e-disable div > span.e-chk-indeter, .e-widget.e-chkbox-wrap.e-disable div > span {
        border-color: rgba(0,0,0,.26)
    }

    .e-widget.e-chkbox-wrap .e-chk-image.e-stop, .e-widget.e-chkbox-wrap .e-chk-image.e-checkmark {
        background-color: #3f51b5
    }

    .e-widget.e-chkbox-wrap .e-chk-image.e-stop, .e-widget.e-chkbox-wrap .e-chk-image.e-checkmark {
        color: #fff;
        background-color: #ff4081
    }

    .e-widget.e-chkbox-wrap .e-chk-image.e-stop {
        color: rgba(0,0,0,.54);
        background-color: #fff
    }

        .e-widget.e-chkbox-wrap .e-chk-image.e-stop:before {
            content: ""
        }

    .e-widget.e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
        background-color: rgba(0,0,0,.26)
    }

    .e-widget.e-chkbox-wrap .e-text {
        font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
        font-size: 12px;
        color: #212121
    }

    .e-widget.e-chkbox-wrap .e-text {
        font-size: 13px
    }

.e-check-small.e-chkbox-wrap .e-text {
    vertical-align: middle;
    margin-top: -7px
}

.e-check-medium.e-chkbox-wrap .e-text {
    vertical-align: middle;
    margin-top: -15px
}

.e-material-animate.e-chkbox-wrap .e-chk-act::before {
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    top: 43%;
    right: 6px;
    transform: scale(0);
    -webkit-transform: scale(0);
    width: 3px;
    height: 3px;
    content: '';
    border: 1px solid rgba(0,0,0,.7);
    animation: smallShadow .45s cubic-bezier(.25,.8,.25,1);
    background: rgba(0,0,0,.7)
}

.e-material-animate.e-chkbox-wrap .e-chk-inact::after {
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    top: 43%;
    right: 6px;
    transform: scale(0);
    -webkit-transform: scale(0);
    width: 3px;
    height: 3px;
    background: rgba(255,64,129,.7);
    content: '';
    border: 1px solid rgba(255,64,129,.7);
    animation: smallShadow .45s cubic-bezier(.25,.8,.25,1)
}

.e-material-animate.e-chkbox-wrap .e-chkbox-medium .e-chk-act::before {
    right: 8.7px;
    top: 45%;
    animation: mediumShadow .45s cubic-bezier(.25,.8,.25,1)
}

.e-material-animate.e-chkbox-wrap .e-chkbox-medium .e-chk-inact::after {
    right: 8.7px;
    top: 45%;
    animation: mediumShadow .45s cubic-bezier(.25,.8,.25,1)
}

@keyframes mediumShadow {
    100% {
        opacity: 0;
        transform: scale(18,18)
    }
}

@keyframes smallShadow {
    100% {
        opacity: 0;
        transform: scale(15,15)
    }
}

.e-widget.e-chkbox-wrap .e-chk-act, .e-widget.e-chkbox-wrap .e-chk-inact, .e-widget.e-chkbox-wrap .e-chk-indeter {
    box-sizing: content-box
}

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

.e-widget.e-radiobtn-wrap > span {
    background-image: none
}

.e-widget.e-radiobtn-wrap > span {
    border-color: rgba(0,0,0,.54);
    background-color: #fff
}

.e-widget.e-radiobtnwrap.e-disable > span, .e-widget.e-radiobtn-wrap.e-disable > span.e-rad-active, .e-widget.e-radiobtn-wrap.e-disable > span.e-rad-active:hover, .e-widget.e-radiobtn-wrap.e-disable .e-circle_01, .e-widget.e-radiobtn-wrap.e-disable > span:hover {
    border-color: rgba(0,0,0,.26)
}

.e-widget.e-radiobtn-wrap > span.e-rad-active, .e-widget.e-radiobtn-wrap > span.e-rad-active:hover {
    border-color: #e0e0e0
}

    .e-widget.e-radiobtn-wrap > span.e-rad-active, .e-widget.e-radiobtn-wrap > span.e-rad-active:hover {
        border-color: #ff4081
    }

.e-widget.e-radiobtn-wrap.e-focus > span {
    box-shadow: 0 0 2px #d4d4d4
}

.e-widget.e-radiobtn-wrap .e-spanicon {
    box-sizing: content-box
}

.e-widget.e-radiobtn-wrap .e-rad-select {
    background: none repeat scroll 0 0 transparent
}

.e-widget.e-radiobtn-wrap .e-circle_01 {
    color: #3f51b5;
    border-color: #e0e0e0
}

.e-widget.e-radiobtn-wrap .e-circle_01 {
    border-color: #ff4081;
    color: #ff4081
}

.e-widget.e-radiobtn-wrap.e-disable .e-circle_01, .e-widget.e-radiobtn-wrap.e-disable .e-text {
    color: rgba(0,0,0,.26)
}

.e-widget.e-radiobtn-wrap .e-text {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 12px;
    color: #212121
}

.e-widget.e-radiobtn-wrap .e-text {
    font-size: 13px
}

.e-widget.e-radiobtn-wrap span.e-rad-icon.e-icon.e-rad-select:before {
    content: "";
    font-size: 0;
    color: #ff4081
}

@keyframes rippleEffect {
    0% {
        opacity: 1;
        box-shadow: 0 0 0 0 #ff4081
    }

    100% {
        box-shadow: 0 0 0 15px white;
        opacity: 0
    }
}

@keyframes back_rippleEffect {
    0% {
        box-shadow: 0 0 0 15px white;
        opacity: 1
    }

    100% {
        opacity: 0;
        box-shadow: 0 0 0 0 #ff4081
    }
}

.e-widget.e-radiobtn-wrap span.e-spanicon.e-rad-active {
    border-radius: 100%;
    z-index: 1
}

.e-widget.e-radiobtn-wrap.e-material-animate span.e-spanicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.e-widget.e-radiobtn-wrap.e-material-animate span.e-spanicon:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    opacity: 0
}

.e-widget.e-radiobtn-wrap.e-material-animate span.e-spanicon.e-rad-active:after {
    animation: rippleEffect .3s linear 0ms
}

.e-widget.e-radiobtn-wrap.e-material-animate span.e-spanicon:after {
    animation: back_rippleEffect .3s linear 0ms
}

.e-widget.e-radiobtn-wrap .e-spanicon.e-radsmaller .e-icon.e-rad-icon, .e-widget.e-radiobtn-wrap .e-radmedium .e-rad-icon {
    text-indent: 0
}

.e-widget.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-widget.e-radiobtn-wrap.e-ie8 .e-spanicon.e-radsmaller .e-icon.e-rad-icon {
    font-size: 10px;
    text-indent: 2.5px;
    line-height: 15px
}

.e-widget.e-radiobtn-wrap.e-ie8 .e-radmedium .e-rad-icon {
    font-size: 9px;
    text-indent: 3px;
    line-height: 15px
}

.e-widget.e-radiobtn-wrap.e-ie8 .e-radmedium .e-rad-icon {
    font-size: 12px;
    text-indent: 2px;
    line-height: 18px
}

.e-widget.e-radiobtn-wrap.e-rtl .e-spanicon.e-radsmaller .e-icon.e-rad-icon {
    width: .98em
}

.e-widget.e-radiobtn-wrap.e-rtl > span.e-radmedium > span.e-rad-icon {
    width: 1.25em
}

.e-widget.e-ie8.e-radiobtn-wrap .e-radmedium.e-spanicon .e-rad-icon.e-icon, .e-widget.e-ie8.e-radiobtn-wrap .e-radsmaller.e-spanicon .e-rad-icon.e-icon {
    width: 1.6em
}

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

.e-js .e-reportviewer-outerborder:hover {
    border-color: #e0e0e0;
    color: #212121
}

.e-js .e-reportviewer-outerborder:hover {
    background: #e0e0e0
}

.e-js.e-reportviewer-tbdiv.e-reportviewer-exporttip {
    border-color: #e0e0e0
}

.e-js.e-reportviewer-tbdiv.e-reportviewer-exporttip {
    background: #f5f5f5
}

.e-js.e-reportviewer-tbdiv.e-reportviewer-exporttip {
    background-color: #fff !important
}

.e-js.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
    border-color: #e0e0e0
}

.e-js.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
    background: #f5f5f5
}

.e-js.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
    background-color: #fff !important
}

.e-js.e-reportviewer-tbdiv.e-reportviewer-tooltip {
    border-color: #e0e0e0
}

.e-js.e-reportviewer-tbdiv.e-reportviewer-tooltip {
    background-color: #616161
}

.e-js .e-reportviewer-headerspan, .e-js .e-reportviewer-contentspan {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-js .e-reportviewer-headerspan, .e-js .e-reportviewer-contentspan {
    color: #fff
}

.e-js .e-reportviewer-viewer {
    font-size: 14px
}

.e-js .e-reportviewer-popuppageno, .e-js .e-reportviewer-popuptotalpage {
    color: #fff
}

.e-js.e-reportviewer-toolbarcontainer .ejinputtext {
    background-color: #fafafa !important;
    font-size: 16px
}

.e-js .e-reportviewer-viewerblock {
    background-color: #fafafa;
    font-size: 13px;
    color: #000
}

.e-js .e-reportviewer-viewerblockcellcontent {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 13px;
    color: #000;
    opacity: 87
}

.e-js .e-reportviewer-viewreport {
    border-left-color: #e0e0e0
}

.e-js .e-reportviewer-viewreport {
    padding-left: 40px
}

.e-js .e-reportviewer-scrollcontainer, .e-js .e-reportviewer-viewer > .e-splitter .e-pane {
    background-color: #eee
}

.e-js .e-reportviewer-pageviewcontainer {
    background-color: #eee
}

.e-js .e-reportviewer-pageview {
    -moz-box-shadow: 0 0 7px 4px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 0 7px 4px rgba(0,0,0,.16);
    box-shadow: 0 0 7px 4px rgba(0,0,0,.16);
    border-color: #808080
}

.e-js .e-reportviewer-label, .e-js .e-reportviewer-tbpage, .e-js .e-reportviewer-elementalignments, .e-js .e-reportviewer-textbox {
    color: #212121
}

.e-js .e-reportviewer-label, .e-js .e-reportviewer-tbpage, .e-js .e-reportviewer-elementalignments, .e-js .e-reportviewer-textbox {
    font-size: 14px;
    font-weight: normal
}

.e-js .e-reportviewer-labelpageno {
    font-size: 16px !important
}

.e-js .e-reportviewer-documentmapcontainer div, .e-js .e-reportviewer-documentmappopup {
    background-color: #ebebeb
}

.e-js .e-reportviewer-pagepopupinfo {
    background-color: #000
}

.e-js .e-reportviewer-viewerblock, .e-js .e-reportviewer-pagenumber, .e-js .e-reportviewer-tbpage, .e-js .e-reportviewer-tbdiv.e-reportviewer-exportlist, .e-js .e-reportviewer-label, .e-js .e-reportviewer-labelpageno {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-js.e-reportviewer-toolbarcontainer, .e-js .e-reportviewer-viewerblock, .e-js .e-reportviewer-viewercontainer, .e-js .e-reportviewer-elementalignments, .e-js .e-reportviewer-viewerblockcellcontent, .e-js .e-reportviewer-viewerblockcontent, .e-js .e-reportviewer-textbox, .e-js .e-reportviewer-documentmappopup {
    border-color: #e0e0e0
}

.e-js .e-reportviewer-printExportLoading {
    font-style: italic;
    font-weight: bolder;
    font-size: larger;
    opacity: .7;
    color: #000;
    background-color: rgba(56,56,56,.2)
}

.e-js .e-reportviewer-popupli:hover {
    background: #e0e0e0
}

.e-js .e-reportviewer-popupli:hover {
    background-color: #eee
}

.e-js .e-reportviewer-popupli {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial !important;
    font-size: 14px !important;
    font-weight: normal !important
}

.e-js .e-reportviewer-popupli {
    color: #212121 !important
}

.e-js .e-reportviewer-toolbarli.e-reportviewer-ejdropdownlist .e-rptviewer-drpdown .e-in-wrap.e-box {
    border-style: none
}

    .e-js .e-reportviewer-toolbarli.e-reportviewer-ejdropdownlist .e-rptviewer-drpdown .e-in-wrap.e-box .e-input, .e-js .e-reportviewer-toolbarli.e-reportviewer-ejdropdownlist .e-rptviewer-drpdown .e-in-wrap.e-box .e-select {
        background-color: transparent
    }

.e-js .e-reportviewer-gotonext.e-reportviewer-disabled, .e-js .e-reportviewer-gotoprevious.e-reportviewer-disabled, .e-js .e-reportviewer-gotolast.e-reportviewer-disabled, .e-js .e-reportviewer-gotofirst.e-reportviewer-disabled {
    opacity: .5
}

.e-js .e-reportviewer-viewreportbutton {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-js .e-reportviewer-alert-icon {
    color: #f44336;
    font-size: 40px
}

.e-js .e-reportviewer-error-content {
    font-size: 12.5px
}

.e-js .e-reportviewer-scroller .e-scrollbar .e-icon {
    font-size: 0
}

.e-js .e-tooltip-wrap .e-widget .e-rptviewer-tooltip {
    pointer-events: none
}

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

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

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

.e-widget.e-datepicker:focus {
    outline: none
}

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

.e-widget.e-datewidget .e-in-wrap {
    border-width: 0 0 1px 0;
    border-color: rgba(0,0,0,.12)
}

    .e-widget.e-datewidget .e-in-wrap:before, .e-widget.e-datewidget .e-in-wrap:after {
        background: #ff4081
    }

.e-widget.e-datewidget.e-focus .e-in-wrap, .e-widget.e-datewidget.e-focus .e-in-wrap:hover {
    box-shadow: none
}

.e-widget.e-datewidget .e-select, .e-widget.e-datewidget.e-rtl .e-select, .e-widget.e-ntouch.e-datewidget .e-disable.e-select:hover {
    background-color: #fff;
    color: rgba(0,0,0,.54)
}

.e-widget.e-ntouch.e-datewidget .e-select:hover {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    border-color: #e0e0e0
}

.e-widget.e-datewidget .e-select.e-active {
    background-color: #fafafa;
    border-color: #3f51b5
}

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

.e-widget.e-datewidget .e-input {
    color: rgba(0,0,0,.87);
    font-size: 13px
}

.e-widget.e-datepicker table td.other-month, .e-widget.e-datepicker .e-allyear-first, .e-widget.e-datepicker .e-allyear-last, .e-widget.e-datepicker .e-year-first, .e-widget.e-datepicker .e-year-last {
    color: rgba(0,0,0,.38)
}

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

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

.e-widget.e-datepicker.e-calendar {
    background: #fff;
    font-size: 12px;
    width: 308px;
    padding: 0 10px 10px 10px
}

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

.e-widget.e-datepicker .e-header, .e-widget.e-datetime-popup .e-timecontainer .e-header {
    background: #3f51b5
}

.e-widget.e-datepicker .e-header, .e-widget.e-datetime-popup .e-timecontainer .e-header {
    background: #fff;
    color: rgba(0,0,0,.87);
    border-bottom: 0;
    font-size: 16px
}

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

.e-widget.e-datepicker .e-footer {
    color: #ff4081;
    text-transform: uppercase;
    border: none;
    width: 94%
}

.e-widget.e-ntouch.e-datepicker .e-footer:hover {
    color: #ff4081;
    border: none;
    background-color: rgba(0,0,0,.12);
    border-radius: 0;
    box-shadow: none
}

.e-widget.e-datepicker .e-text {
    color: rgba(0,0,0,.87)
}

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

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

.e-widget.e-datepicker .e-week-header, .e-widget.e-ntouch.e-datepicker .e-week-header:hover {
    color: rgba(0,0,0,.38);
    background: #fff
}

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

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

.e-widget.e-ntouch.e-datepicker table td:hover, .e-widget.e-datepicker td.e-state-hover, .e-widget.e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover {
    background: transparent;
    color: rgba(0,0,0,.87);
    border-radius: 50%
}

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

.e-widget.e-datepicker td.e-state-hover {
    color: #ff4081;
    background: transparent
}

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

.e-widget.e-ntouch.e-datepicker table td.e-disable:hover, .e-widget.e-ntouch.e-datepicker table td.e-hidedate:hover {
    color: rgba(0,0,0,.38)
}

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

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

.e-widget.e-datepicker .e-header .e-icon {
    color: rgba(0,0,0,.54)
}

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

.e-widget.e-ntouch.e-datepicker .e-arrow-sans-left:hover, .e-widget.e-ntouch.e-datepicker .e-arrow-sans-right:hover {
    border-radius: 0;
    border-color: #e0e0e0
}

.e-widget.e-ntouch.e-datepicker .e-arrow-sans-left:hover, .e-widget.e-ntouch.e-datepicker .e-arrow-sans-right:hover {
    background-color: #fff
}

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

.e-widget.e-datepicker .e-state-default {
    color: rgba(0,0,0,.87);
    font-size: 14px
}

.e-widget.e-datepicker table td.e-weeknumber, .e-widget.e-datepicker table td.e-weeknumber:hover {
    color: rgba(0,0,0,.54)
}

.e-widget.e-datepicker .today {
    color: #ff4081;
    background: #fff;
    box-shadow: 0 0 0 transparent inset;
    border-radius: 50%
}

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

.e-widget.e-datepicker .e-active, .e-widget.e-datepicker .e-active:hover, .e-widget.e-datepicker .e-active.e-state-hover {
    background-color: #fafafa;
    box-shadow: 0 0 0 transparent inset;
    color: #fff;
    border-color: #3f51b5
}

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

        .e-widget.e-datepicker .e-active, .e-widget.e-datepicker .e-active:hover, .e-widget.e-datepicker .e-active.e-state-hover {
            color: #fff
        }

            .e-widget.e-datepicker .e-active, .e-widget.e-datepicker .e-active:hover, .e-widget.e-datepicker .e-active.e-state-hover {
                background: transparent
            }

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

.e-widget.e-ntouch.e-datepicker table td.other-month:hover, .e-widget.e-ntouch.e-datepicker .e-allyear-first:hover, .e-widget.e-ntouch.e-datepicker .e-allyear-last:hover, .e-widget.e-ntouch.e-datepicker .e-year-first:hover, .e-widget.e-ntouch.e-datepicker .e-year-last:hover {
    color: rgba(0,0,0,.38)
}

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

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

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

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

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

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

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

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

.e-widget.e-datepicker::-moz-placeholder {
    color: #212121
}

.e-widget.e-datepicker:-moz-placeholder {
    color: #212121
}

.e-widget.e-ntouch.e-datepicker .e-datepicker-headertext:hover {
    color: rgba(0,0,0,.87);
    background: #fff
}

.e-widget.e-datepicker .e-datepicker-days .e-state-default {
    height: 44px;
    position: relative;
    z-index: 1
}

.e-widget.e-datepicker .e-datepicker-months td, .e-widget.e-datepicker .e-datepicker-years td {
    height: 50px;
    position: relative;
    z-index: 1
}

.e-widget.e-datepicker .e-datepicker-allyears td {
    height: 78px;
    position: relative;
    z-index: 1
}

.e-widget.e-datepicker .e-datepicker-months td:hover::before, .e-widget.e-datepicker .e-datepicker-years td:hover::before {
    top: 5px;
    left: 18px
}

.e-widget.e-datepicker .e-header .e-next, .e-widget.e-datepicker .e-header .e-prev {
    top: 0;
    left: 0;
    float: left
}

.e-widget.e-datepicker .e-header .e-prev {
    top: 0;
    left: 0
}

.e-widget.e-datepicker .e-header .e-text {
    float: left
}

    .e-widget.e-datepicker .e-header .e-text .e-datepicker-headertext {
        padding: 7px;
        border-radius: 0
    }

.e-widget.e-datepicker .e-header .e-next {
    right: 0
}

.e-widget.e-datepicker .e-icon {
    height: 30px;
    width: 30px
}

.e-widget.e-datepicker .e-header .e-icon:before {
    top: 7px;
    left: 8px
}

.e-widget.e-datepicker .e-header .e-text {
    width: 79%
}

.e-widget.e-datepicker.e-headerlong .e-header .e-text {
    width: 85%
}

.e-widget.e-datepicker.e-rtl .e-header .e-text {
    float: right
}

.e-widget.e-datepicker.e-rtl .e-header .e-prev {
    left: 0;
    float: right
}

.e-widget.e-datepicker.e-rtl .e-header .e-next {
    right: 0;
    float: right
}

.e-widget.e-datewidget.e-active .e-select {
    color: #ff4081
}

    .e-widget.e-datewidget.e-active .e-select:hover {
        color: #ff4081
    }

.e-widget.e-datepicker .today:hover {
    background: #fff
}

.e-widget.e-ntouch.e-datepicker table td:hover::before, .e-widget.e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover::before {
    border-radius: 50%;
    background: #eee;
    color: #000
}

.e-widget.e-datepicker table td::before {
    width: 40px;
    height: 40px;
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: -1
}

.e-widget.e-datepicker table td.e-weeknumber:hover::before {
    content: none
}

.e-widget.e-datepicker.e-headerlong .e-datepicker-days .e-active::before, .e-widget.e-datepicker.e-headerlong .e-datepicker-days .e-active .e-state-hover::before, .e-widget.e-datepicker.e-headerlong table .e-datepicker-days td::before {
    left: 10px
}

.e-widget.e-datepicker .e-active::before, .e-widget.e-datepicker .e-active .e-state-hover::before {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ff4081;
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: -1
}

.e-widget.e-datepicker.e-headerlong table td.e-current-allyear::before {
    left: 14px
}

.e-widget.e-datepicker.e-icons .e-active::before, .e-widget.e-datepicker.e-icons .e-active .e-state-hover::before, .e-widget.e-datepicker.e-icons td::before, .e-widget.e-datepicker.e-icons td.e-state-hover::before {
    left: 2px
}

.e-widget.e-datepicker td.e-state-hover::before {
    border-radius: 50%
}

.e-widget.e-datepicker .e-active::before, .e-widget.e-datepicker .e-active.e-state-hover::before {
    background: #ff4081;
    border-radius: 50%
}

.e-widget.e-ntouch.e-datepicker table td.e-disable:hover::before, .e-widget.e-ntouch.e-datepicker table td.e-hidedate:hover::before {
    color: rgba(0,0,0,.38)
}

.e-widget.e-datepicker table td.e-hidedate:hover::before {
    background: none
}

.e-widget.e-datepicker .e-datepicker-months td.e-active::before, .e-widget.e-datepicker .e-datepicker-years td.e-active::before {
    top: 5px;
    left: 20px
}

.e-widget.e-datepicker .e-datepicker-months td.e-state-hover::before, .e-widget.e-datepicker .e-datepicker-years td.e-state-hover::before {
    top: 5px;
    left: 20px
}

.e-widget.e-datepicker.e-headerlong .e-datepicker-months td::before, .e-widget.e-datepicker.e-headerlong .e-datepicker-years td::before {
    left: 32px
}

.e-widget.e-datewidget .e-input::selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-datewidget .e-input::-moz-selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-datepicker.e-popup .e-header .e-prev:not(:active):after, .e-widget.e-datepicker.e-popup .e-header .e-next:not(:active):after {
    background-color: rgba(0,0,0,.12)
}

.e-widget.e-datepicker.e-popup .e-header .e-prev.e-disable:not(:active):after, .e-widget.e-datepicker.e-popup .e-header .e-next.e-disable:not(:active):after {
    background-color: transparent
}

.e-widget.e-datepicker .e-footer.e-btn.e-select.e-flat:not(:active):after {
    background-color: rgba(255,64,129,.12)
}

.e-widget.e-datepicker .e-datepicker-days td.e-active:not(:active):after {
    background: rgba(255,64,129,.5)
}

.e-widget.e-datepicker .e-datepicker-days td.e-active {
    overflow: hidden;
    border-radius: 50%
}

.e-widget.e-datepicker.e-popup .e-dp-viewallyears .e-datepicker-allyears td.e-current-allyear.e-active::before, .e-widget.e-datepicker.e-popup .e-dp-viewallyears .e-datepicker-allyears td.e-current-allyear:hover::before, .e-widget.e-datepicker.e-popup .e-dp-viewallyears .e-datepicker-allyears td.e-current-allyear::before {
    content: "";
    width: 75px;
    height: 75px;
    z-index: -1
}

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

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

.e-widget .e-atc .e-in-wrap, .e-widget .e-atc .e-input, .e-widget.e-atc-popup, .e-widget .e-atc .e-options {
    color: rgba(0,0,0,.87);
    font-size: 13px;
    font-weight: normal
}

.e-widget.e-ddl .e-input, .e-widget.e-ddl .e-input[readonly], .e-widget.e-ddl-popup, .e-widget.e-ddl .e-options {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px;
    font-weight: normal;
    cursor: default
}

    .e-widget.e-ddl .e-input, .e-widget.e-ddl .e-input[readonly], .e-widget.e-ddl-popup, .e-widget.e-ddl .e-options {
        color: rgba(0,0,0,.87);
        background-color: #fff
    }

        .e-widget.e-ddl .e-in-wrap, .e-widget.e-ddl-popup, .e-ddl .e-options, .e-widget.e-ddl-popup .e-atc.e-search {
            border-color: rgba(0,0,0,.12);
            border-width: 0 0 1px 0
        }

        .e-widget.e-ddl .e-options.e-active {
            background-color: #fff;
            color: #ff4081;
            border-color: #fff
        }

.e-widget.e-ddl .e-boxes {
    background-color: #fff
}

.e-widget.e-ddl.e-popactive .e-in-wrap:before, .e-widget.e-ddl.e-popactive .e-in-wrap:after {
    background: #ff4081
}

.e-widget.e-ddl.e-focus .e-in-wrap {
    box-shadow: none
}

.e-widget.e-ddl .e-input.e-watermark {
    color: #c0bebe !important;
    font-style: italic
}

.e-widget.e-ddl-popup .e-hover {
    background: #eee;
    color: rgba(0,0,0,.87)
}

.e-widget.e-ddl .e-select:hover, .e-widget.e-ddl.e-rtl .e-select:hover {
    background-color: #fff;
    color: rgba(0,0,0,.87)
}

.e-widget.e-ddl-popup .e-active {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255,255,255,.3)
}

.e-widget.e-ddl-popup .e-active {
    background-color: #fff;
    color: #ff4081
}

    .e-widget.e-ddl-popup .e-active.e-hover {
        background-color: #eee;
        color: #ff4081
    }

.e-widget.e-ddl .e-select, .e-widget.e-ddl.e-rtl .e-select, .e-widget.e-ddl .e-disable.e-select:hover {
    background-color: #fff;
    color: rgba(0,0,0,.87);
    border: none
}

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

.e-widget.e-ddl-popup .e-resize-handle {
    cursor: se-resize;
    float: right;
    padding: 4px 3px 0 0;
    margin-right: 2px
}

    .e-widget.e-ddl-popup .e-resize-handle.e-rtl-resize {
        float: left;
        cursor: sw-resize;
        transform: rotate(90deg);
        padding: 3px 0 0 3px
    }

.e-widget.e-ddl-popup .e-resizebar {
    border-top: 1px solid #fff;
    height: 20px;
    width: auto;
    display: block
}

.e-widget.e-ddl-popup .e-resizebar {
    background: #f5f5f5
}

.e-widget.e-ddl-popup .e-atc.e-search .e-search:before, .e-widget.e-ddl-popup .e-atc.e-search .e-cross-circle:before {
    color: #e0e0e0
}

.e-widget.e-ddl-popup .e-checkwrap.e-check-act, .e-widget.e-ddl-popup .e-checkwrap:hover {
    border: 2px solid;
    border-color: rgba(0,0,0,.54)
}

.e-widget.e-ddl-popup .e-checkwrap.e-check-act {
    border-color: #ff4081
}

.e-widget.e-ddl-popup .e-checkwrap {
    background-color: #fff
}

.e-widget.e-ddl-popup .e-checkwrap {
    border-radius: 2px;
    border: 2px solid;
    border-color: rgba(0,0,0,.54)
}

.e-widget.e-ddl-popup .e-check-act {
    background-color: #ff4081;
    color: #fff;
    border-radius: 2px
}

.e-widget .e-dropdownlist::-webkit-input-placeholder {
    color: #212121
}

.e-widget .e-dropdownlist:-ms-input-placeholder {
    color: #212121
}

.e-widget .e-dropdownlist::-moz-placeholder {
    color: #212121
}

.e-widget .e-dropdownlist:-moz-placeholder {
    color: #212121
}

.e-widget.e-ddl.e-widget.e-popactive .e-select .e-icon {
    transform: rotate(180deg);
    transition: transform 300ms ease
}

.e-widget.e-ddl.e-widget .e-select .e-icon {
    transform: rotate(0deg);
    transition: transform 300ms ease
}

.e-widget.e-ddl-popup .e-check-inact.e-ddl-anim:before {
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    top: 43%;
    right: 6px;
    transform: translate(-5%,-50%) scale(0);
    width: 3px;
    height: 3px;
    background: rgba(255,64,129,.7);
    content: '';
    border: 0 solid rgba(255,64,129,.7);
    animation: smallShadow .45s cubic-bezier(.25,.8,.25,1)
}

.e-widget.e-ddl-popup .e-check-act.e-ddl-anim:after {
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    top: 43%;
    right: 6px;
    transform: translate(-5%,-50%) scale(0);
    width: 3px;
    height: 3px;
    background: rgba(255,64,129,.7);
    content: '';
    border: 1px solid rgba(255,64,129,.7);
    animation: smallShadow .45s cubic-bezier(.25,.8,.25,1)
}

.e-widget.e-ddl.e-widget .e-input.e-disable {
    background: #f5f5f5
}

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

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

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

.e-widget.e-dialog .e-dialog-icon:hover {
    background: #e0e0e0
}

.e-widget.e-dialog-modal {
    overflow: hidden
}

.e-widget.e-dialog .e-dialog-icon:hover {
    background: #fff
}

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

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

.e-widget.e-dialog .e-dialog-icon:before {
    color: rgba(0,0,0,.54)
}

.e-widget.e-dialog > .e-header {
    font-size: 20px;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.e-widget.e-dialog > .e-titlebar {
    box-shadow: 0 1.83px 1px transparent;
    padding: 24px 24px 0
}

.e-widget.e-dialog.e-shadow {
    box-shadow: 0 12px 40px 5px rgba(0,0,0,.26)
}

.e-widget .e-dialog.e-widget-content {
    font-size: 15px;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    color: rgba(0,0,0,.54);
    padding: 20px 24px 24px 24px;
    font-weight: 400;
    line-height: 1.5
}

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

.e-widget.e-overlay {
    background-color: #424242
}

.e-widget.e-dialog > .e-dialog-scroller {
    border: none
}

.e-widget.e-dialog > .e-footerbar {
    position: relative;
    background: #fff
}

.e-widget.e-dialog > .e-footerbar {
    height: 36px;
    padding: 8px;
    border: none
}

    .e-widget.e-dialog > .e-footerbar > .e-icon.e-resize-handle.e-resizable.e-js {
        position: absolute;
        cursor: se-resize;
        bottom: 0;
        right: 0
    }

.e-widget .e-corner.e-dialog > .e-footerbar {
    border-radius: 0 0 3px 3px
}

.e-widget .e-corner .e-dialog-content {
    border-radius: 3px
}

.e-widget .e-corner .e-dialog-bottom {
    border-radius: 0 0 3px 3px
}

.e-widget .e-corner .e-dialog-top {
    border-radius: 3px 3px 0 0
}

.e-widget.e-dialog .e-scrollbar .e-icon {
    display: block
}

.e-dialog .e-scrollbar .e-icon {
    display: block
}

.e-widget.e-dialog .e-dialog-icon::after {
    background: rgba(0,0,0,.12)
}

.e-widget.e-dialog > .e-icon.e-resizable:before {
    display: none
}

.e-widget.e-dialog .e-dialog-icon {
    top: 3px
}

    .e-widget.e-dialog .e-dialog-icon.e-icon.e-close {
        font-size: 12px
    }

        .e-widget.e-dialog .e-dialog-icon.e-icon.e-close:before {
            content: ""
        }

    .e-widget.e-dialog .e-dialog-icon.e-icon.e-arrowhead-up:before {
        content: ""
    }

    .e-widget.e-dialog .e-dialog-icon.e-icon.e-arrowhead-down:before {
        content: ""
    }

.e-widget.e-dialog .e-draggable {
    touch-action: none
}

.e-widget .e-dialog.e-widget-content .e-pager .e-firstpage, .e-widget .e-dialog.e-widget-content .e-pager .e-prevpage, .e-widget .e-dialog.e-widget-content .e-pager .e-firstpagedisabled, .e-widget .e-dialog.e-widget-content .e-pager .e-prevpagedisabled, .e-widget .e-dialog.e-widget-content .e-pager .e-nextpage, .e-widget .e-dialog.e-widget-content .e-pager .e-lastpage, .e-widget .e-dialog.e-widget-content .e-pager .e-nextpagedisabled, .e-widget .e-dialog.e-widget-content .e-pager .e-lastpagedisabled {
    padding: 9px 3px 1px 9px
}

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

.e-widget.e-numeric, .e-widget.e-percent, .e-widget.e-currency, .e-widget.e-mask {
    background-color: #fff
}

    .e-widget.e-numeric:hover .e-in-wrap, .e-widget.e-percent:hover .e-in-wrap, .e-widget.e-currency:hover .e-in-wrap, .e-widget.e-mask:hover .e-in-wrap {
        box-shadow: none
    }

    .e-widget.e-mask.e-disable-wrap .e-placeholder {
        background-color: transparent
    }

    .e-widget.e-numeric.e-disable-wrap:hover .e-in-wrap, .e-widget.e-percent.e-disable-wrap:hover .e-in-wrap, .e-widget.e-currency.e-disable-wrap:hover .e-in-wrap, .e-widget.e-mask.e-disable-wrap:hover .e-in-wrap {
        box-shadow: none
    }

    .e-widget.e-numeric.e-disable-wrap:hover .e-in-wrap, .e-widget.e-percent.e-disable-wrap:hover .e-in-wrap, .e-widget.e-currency.e-disable-wrap:hover .e-in-wrap, .e-widget.e-mask.e-disable-wrap:hover .e-in-wrap {
        border-color: #e0e0e0
    }

        .e-widget.e-numeric.e-disable-wrap:hover .e-in-wrap input.e-input, .e-widget.e-percent.e-disable-wrap:hover .e-in-wrap input.e-input, .e-widget.e-currency.e-disable-wrap:hover .e-in-wrap input.e-input, .e-widget.e-mask.e-disable-wrap:hover .e-in-wrap input.e-input {
            box-shadow: none
        }

    .e-widget.e-numeric .e-in-wrap, .e-widget.e-percent .e-in-wrap, .e-widget.e-currency .e-in-wrap, .e-widget.e-mask .e-in-wrap {
        border-color: rgba(0,0,0,.12)
    }

.e-widget .e-select.e-disable .e-spin .e-icon, .e-widget .e-select.e-disable .e-spin {
    cursor: default
}

.e-widget.e-numeric .e-input, .e-widget.e-percent .e-input, .e-widget.e-currency .e-input, .e-widget.e-mask .e-input {
    color: rgba(0,0,0,.87);
    background-color: #fff
}

.e-widget.e-numeric.e-focus .e-in-wrap, .e-widget.e-percent.e-focus .e-in-wrap, .e-widget.e-currency.e-focus .e-in-wrap, .e-widget.e-mask.e-focus .e-in-wrap {
    box-shadow: none
}

.e-widget.e-numeric .e-input.e-error, .e-widget.e-percent .e-input.e-error, .e-widget.e-currency .e-input.e-error, .e-widget.e-mask.e-error, .e-widget.e-mask .e-error {
    color: #f44336
}

    .e-widget.e-numeric.e-error .e-in-wrap, .e-widget.e-percent.e-error .e-in-wrap, .e-widget.e-currency.e-error .e-in-wrap, .e-widget.e-mask.e-error .e-in-wrap {
        border-color: #f44336
    }

.e-widget.e-numeric .e-watermark, .e-widget.e-percent .e-watermark, .e-widget.e-currency .e-watermark, .e-widget.e-mask .e-watermark {
    color: #c0bebe
}

.e-widget .e-input.e-placeholder {
    color: rgba(0,0,0,.38)
}

.e-widget.e-numeric .e-select, .e-widget.e-numeric.e-rtl .e-select, .e-widget.e-numeric .e-disable.e-select:hover, .e-widget.e-percent .e-select, .e-widget.e-percent.e-rtl .e-select, .e-widget.e-percent .e-disable.e-select:hover, .e-widget.e-currency .e-select, .e-widget.e-currency.e-rtl .e-select, .e-widget.e-currency .e-disable.e-select:hover {
    background: #fff;
    border-color: #fff;
    color: rgba(0,0,0,.54)
}

    .e-widget.e-numeric .e-select:hover, .e-widget.e-percent .e-select:hover, .e-widget.e-currency .e-select:hover {
        background: #fff;
        border-color: #fff;
        color: rgba(0,0,0,.54)
    }

    .e-widget.e-numeric .e-select .e-spin-up.e-active, .e-widget.e-numeric .e-select .e-spin-down.e-active, .e-widget.e-percent .e-select .e-spin-up.e-active, .e-widget.e-percent .e-select .e-spin-down.e-active, .e-widget.e-currency .e-select .e-spin-up.e-active, .e-widget.e-currency .e-select .e-spin-down.e-active {
        background: #bdbdbd;
        border-color: #bdbdbd;
        color: rgba(0,0,0,.54)
    }

    .e-widget.e-numeric .e-select .e-spin-up:hover, .e-widget.e-numeric .e-select .e-spin-down:hover, .e-widget.e-percent .e-select .e-spin-up:hover, .e-widget.e-percent .e-select .e-spin-down:hover, .e-widget.e-currency .e-select .e-spin-up:hover, .e-widget.e-currency .e-select .e-spin-down:hover {
        background: #e0e0e0;
        border-color: #e0e0e0;
        background: rgba(0,0,0,.12);
        border-color: rgba(0,0,0,.12)
    }

    .e-widget.e-numeric .e-select .e-spin-up.e-active:hover, .e-widget.e-numeric .e-select .e-spin-down.e-active:hover, .e-widget.e-percent .e-select .e-spin-up.e-active:hover, .e-widget.e-percent .e-select .e-spin-down.e-active:hover, .e-widget.e-currency .e-select .e-spin-up.e-active:hover, .e-widget.e-currency .e-select .e-spin-down.e-active:hover {
        background: #bdbdbd;
        border-color: #bdbdbd
    }

.e-widget.e-numeric.e-disable-wrap .e-input, .e-widget.e-percent.e-disable-wrap .e-input, .e-widget.e-currency.e-disable-wrap .e-input, .e-widget.e-mask.e-disable-wrap .e-input {
    color: rgba(0,0,0,.38)
}

.e-widget.e-numeric .e-icon .e-arrow, .e-widget.e-percent .e-icon .e-arrow, .e-widget.e-currency .e-icon .e-arrow {
    border: 0 none transparent
}

.e-input::-webkit-input-placeholder {
    font-style: normal;
    color: rgba(0,0,0,.38)
}

.e-input:-ms-input-placeholder {
    color: rgba(0,0,0,.38)
}

.e-input::-moz-placeholder {
    color: rgba(0,0,0,.38)
}

.e-input:-moz-placeholder {
    color: rgba(0,0,0,.38)
}

.e-widget.e-numeric .e-input::selection, .e-widget.e-percent .e-input::selection, .e-widget.e-currency .e-input::selection, .e-widget.e-mask .e-input::selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-numeric .e-input::-moz-selection, .e-widget.e-percent .e-input::-moz-selection, .e-widget.e-currency .e-input::-moz-selection, .e-widget.e-mask .e-input::-moz-selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-numeric.e-disable-wrap .e-in-wrap, .e-widget.e-percent.e-disable-wrap .e-in-wrap, .e-widget.e-currency.e-disable-wrap .e-in-wrap, .e-widget.e-mask.e-disable-wrap .e-in-wrap, .e-widget.e-numeric.e-disable-wrap:hover .e-in-wrap, .e-widget.e-percent.e-disable-wrap:hover .e-in-wrap, .e-widget.e-currency.e-disable-wrap:hover .e-in-wrap, .e-widget.e-mask.e-disable-wrap:hover .e-in-wrap {
    border-bottom-style: dashed;
    background-image: linear-gradient(to right,rgba(0,0,0,.26) 0%,rgba(0,0,0,.26) 33%,transparent 0%);
    background-image: -ms-linear-gradient(left,transparent 0%,rgba(0,0,0,.26) 100%);
    background-position: bottom -1px left 0;
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.e-widget.e-numeric.e-disable-wrap .e-disable, .e-widget.e-percent.e-disable-wrap .e-disable, .e-widget.e-currency.e-disable-wrap .e-disable, .e-widget.e-mask.e-disable-wrap .e-disable {
    opacity: 1;
    filter: alpha(opacity=100)
}

.e-widget.e-numeric .e-disable.e-select, .e-widget.e-numeric.e-rtl .e-disable.e-select, .e-widget.e-numeric .e-disable.e-select:hover, .e-widget.e-percent .e-disable.e-select, .e-widget.e-percent.e-rtl .e-disable.e-select, .e-widget.e-percent .e-disable.e-select:hover, .e-widget.e-currency .e-disable.e-select, .e-widget.e-currency.e-rtl .e-disable.e-select, .e-widget.e-currency .e-disable.e-select:hover {
    color: rgba(0,0,0,.26)
}

.e-widget.e-numeric.e-disable-wrap .e-select .e-spin-up:hover, .e-widget.e-numeric.e-disable-wrap .e-select .e-spin-down:hover, .e-widget.e-percent.e-disable-wrap .e-select .e-spin-up:hover, .e-widget.e-percent.e-disable-wrap .e-select .e-spin-down:hover, .e-widget.e-currency.e-disable-wrap .e-select .e-spin-up:hover, .e-widget.e-currency.e-disable-wrap .e-select .e-spin-down:hover {
    background: #fff;
    border-color: #fff
}

.e-widget.e-numeric .e-in-wrap:before, .e-widget.e-percent .e-in-wrap:before, .e-widget.e-currency .e-in-wrap:before, .e-widget.e-mask .e-in-wrap:before, .e-widget.e-numeric .e-in-wrap:after, .e-widget.e-percent .e-in-wrap:after, .e-widget.e-currency .e-in-wrap:after, .e-widget.e-mask .e-in-wrap:after {
    background: #ff4081
}

.e-widget.e-numeric .e-select .e-spin-up:after, .e-widget.e-numeric .e-select .e-spin-down:after, .e-widget.e-percent .e-select .e-spin-up:after, .e-widget.e-percent .e-select .e-spin-down:after, .e-widget.e-currency .e-select .e-spin-up:after, .e-widget.e-currency .e-select .e-spin-down:after {
    background: #bdbdbd
}

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

.e-widget.e-menu.e-separator.e-horizontal > .e-list, .e-widget.e-menu.e-separator.e-horizontal > .e-list:hover, .e-widget.e-menu.e-horizontal > .e-separator.e-list, .e-widget.e-menu.e-horizontal > .e-separator.e-list:hover {
    border-right-color: transparent
}

.e-widget.e-menu.e-horizontal .e-list > ul .e-list.e-separator, .e-widget.e-menu.e-horizontal .e-list > ul .e-list.e-separator:hover, .e-widget.e-menu.e-vertical .e-list > ul .e-list.e-separator, .e-widget.e-menu.e-vertical .e-list > ul .e-list.e-separator:hover, .e-widget.e-menu.e-context .e-list > ul .e-list.e-separator, .e-widget.e-menu.e-context .e-list > ul .e-list.e-separator:hover, .e-widget.e-menu.e-separator.e-vertical > .e-list, .e-widget.e-menu.e-vertical > .e-separator.e-list, .e-widget.e-menu.e-separator.e-vertical > .e-list:hover, .e-widget.e-menu.e-vertical > .e-separator.e-list:hover, .e-widget.e-menu.e-context > .e-separator.e-list, .e-widget.e-menu.e-context > .e-separator.e-list:hover {
    border-bottom-color: #e0e0e0
}

.e-widget.e-menu.e-separator.e-rtl.e-horizontal > .e-list, .e-widget.e-menu.e-rtl.e-horizontal > .e-separator.e-list, .e-widget.e-menu.e-rtl.e-horizontal > .e-separator.e-list:hover {
    border-left-color: #e0e0e0
}

.e-widget.e-menu.e-horizontal .e-list > .e-menulink, .e-widget.e-menu.e-vertical .e-list > .e-menulink, .e-widget.e-menu.e-context .e-list > .e-menulink, .e-widget .e-menu-res-wrap .e-menu-res-in-wrap .e-res-title, .e-widget.e-menu.e-vertical {
    color: rgba(0,0,0,.87)
}

    .e-widget.e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-widget.e-menu.e-vertical, .e-widget.e-menu.e-vertical .e-list > ul, .e-widget.e-menu.e-context, .e-menu.e-context .e-list > ul {
        border-color: transparent;
        background: #fff
    }

        .e-widget.e-menu.e-horizontal .e-list > ul {
            background: #fff;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

        .e-widget.e-menu.e-horizontal .e-list > ul {
            border-color: transparent
        }

        .e-widget.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 #e0e0e0;
            position: absolute
        }

        .e-widget.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-widget.e-menu.e-horizontal .e-list:hover, .e-widget.e-menu.e-vertical .e-list:hover, .e-widget.e-menu.e-context .e-list:hover {
            background: rgba(0,0,0,.12)
        }

        .e-widget.e-menu.e-horizontal .e-list > ul li.e-haschild:hover, .e-widget.e-menu.e-vertical .e-list > ul li.e-haschild:hover, .e-widget.e-menu.e-context .e-list > ul li.e-haschild:hover {
            border-color: #e0e0e0
        }

        .e-widget.e-menu.e-horizontal .e-list:hover > .e-menulink, .e-widget.e-menu.e-vertical .e-list:hover > .e-menulink, .e-widget.e-menu.e-context .e-list:hover > .e-menulink {
            color: #212121
        }

        .e-widget.e-menu.e-horizontal .e-list.e-active, .e-widget.e-menu.e-vertical .e-list.e-active, .e-widget.e-menu.e-context .e-list.e-active {
            background: rgba(0,0,0,.12)
        }

        .e-widget.e-menu.e-horizontal .e-list.e-active, .e-widget.e-menu.e-vertical .e-list.e-active, .e-widget.e-menu.e-context .e-list.e-active {
            background: rgba(0,0,0,.12);
            color: rgba(0,0,0,.87)
        }

        .e-widget.e-menu.e-horizontal .e-list > ul li.e-haschild.e-active > .e-menulink, .e-widget.e-menu.e-vertical .e-list > ul li.e-haschild.e-active > .e-menulink, .e-widget.e-menu.e-context .e-list > ul li.e-haschild.e-active > .e-menulink {
            background: none;
            color: none;
            border-color: none
        }

        .e-widget.e-menu.e-horizontal .e-list.e-active > .e-menulink, .e-widget.e-menu.e-vertical .e-list.e-active > .e-menulink, .e-widget.e-menu.e-context .e-list.e-active > .e-menulink, .e-widget.e-menu.e-horizontal .e-list.e-active:hover, .e-widget.e-menu.e-vertical .e-list.e-active:hover, .e-widget.e-menu.e-context .e-list.e-active:hover {
            color: rgba(0,0,0,.87)
        }

        .e-widget.e-menu .e-list > a .e-icon, .e-widget.e-menu .e-list > span > .e-icon {
            color: rgba(0,0,0,.54)
        }

        .e-widget.e-menu .e-list:hover > a .e-icon, .e-widget.e-menu .e-list:hover > span > .e-icon {
            color: #424242
        }

        .e-widget.e-menu .e-list.e-active > a > .e-icon, .e-widget.e-menu .e-list.e-active > span > .e-icon, .e-widget.e-menu .e-list.e-active:hover > a > .e-icon, .e-widget.e-menu .e-list.e-active:hover > span > .e-icon {
            color: rgba(0,0,0,.54)
        }

        .e-widget.e-menu.e-horizontal .e-list.e-disable-item, .e-widget.e-menu.e-vertical .e-list.e-disable-item, .e-widget.e-menu.e-context .e-list.e-disable-item {
            background-color: transparent
        }

            .e-widget.e-menu.e-horizontal .e-list.e-disable-item .e-icon, .e-widget.e-menu.e-vertical .e-list.e-disable-item .e-icon, .e-widget.e-menu.e-context .e-list.e-disable-item .e-icon {
                color: #424242
            }

            .e-widget.e-menu.e-horizontal .e-list.e-disable-item *, .e-widget.e-menu.e-vertical .e-list.e-disable-item *, .e-widget.e-menu.e-context .e-list.e-disable-item * {
                filter: alpha(opacity=40);
                opacity: .4
            }

            .e-widget.e-menu.e-horizontal .e-list.e-disable-item .e-menulink:hover, .e-widget.e-menu.e-horizontal .e-list.e-disable-item:hover, .e-widget.e-menu.e-vertical .e-list.e-disable-item .e-menulink:hover, .e-widget.e-menu.e-vertical .e-list.e-disable-item:hover, .e-widget.e-menu.e-context .e-list.e-disable-item .e-menulink:hover, .e-widget.e-menu.e-context .e-list.e-disable-item:hover {
                background-color: transparent;
                background-image: none;
                color: #212121;
                cursor: default
            }

        .e-widget.e-menu.e-horizontal .e-mhover, .e-widget.e-menu.e-context .e-mhover, .e-widget.e-menu.e-vertical .e-mhover, .e-widget.e-menu.e-horizontal .e-mhover > .e-menulink, .e-widget.e-menu.e-context .e-mhover > .e-menulink, .e-widget.e-menu.e-vertical .e-mhover > .e-menulink, .e-widget.e-menu.e-horizontal .e-mfocused, .e-widget.e-menu.e-context .e-mfocused, .e-widget.e-menu.e-vertical .e-mfocused, .e-widget.e-menu.e-horizontal .e-mfocused > .e-menulink, .e-widget.e-menu.e-context .e-mfocused > .e-menulink, .e-widget.e-menu.e-vertical .e-mfocused > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
            background: rgba(0,0,0,.12)
        }

        .e-widget.e-menu.e-horizontal .e-active, .e-widget.e-menu.e-context .e-active, .e-widget.e-menu.e-vertical .e-active, .e-widget.e-menu.e-horizontal .e-active > .e-menulink, .e-widget.e-menu.e-context .e-active > .e-menulink, .e-widget.e-menu.e-vertical .e-active > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
            background: rgba(0,0,0,.12)
        }

            .e-widget.e-menu.e-horizontal .e-active, .e-widget.e-menu.e-context .e-active, .e-widget.e-menu.e-vertical .e-active, .e-widget.e-menu.e-horizontal .e-active > .e-menulink, .e-widget.e-menu.e-context .e-active > .e-menulink, .e-widget.e-menu.e-vertical .e-active > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
                background: rgba(0,0,0,.12)
            }

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
    border-color: #e0e0e0
}

.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: #e0e0e0
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:active {
    color: #fff;
    border-color: #e0e0e0
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:active {
    background-color: #fafafa
}

.e-widget.e-menu.e-horizontal > .e-list span.e-menu-left {
    display: none !important
}

.e-widget.e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-down {
    display: none
}

.e-widget.e-menu.e-horizontal > .e-ham-wrap {
    background: #fff;
    border-left-color: #e0e0e0
}

    .e-widget.e-menu.e-horizontal > .e-ham-wrap:hover {
        color: #fff;
        border-color: #e0e0e0
    }

    .e-widget.e-menu.e-horizontal > .e-ham-wrap:hover {
        background: #e0e0e0
    }

    .e-widget.e-menu.e-horizontal > .e-ham-wrap:active {
        color: #fff;
        border-color: #e0e0e0
    }

    .e-widget.e-menu.e-horizontal > .e-ham-wrap:active {
        background: rgba(0,0,0,.12)
    }

    .e-widget.e-menu.e-horizontal > .e-ham-wrap > div > .e-hamburger {
        border-top-color: #212121;
        border-bottom-color: #212121
    }

        .e-widget.e-menu.e-horizontal > .e-ham-wrap > div > .e-hamburger:before {
            border-top-color: #212121
        }

.e-menu-wrap > .e-menu-popwrap {
    border-color: #e0e0e0
}

    .e-menu-wrap > .e-menu-popwrap > .e-menu {
        background-color: #fff
    }

.e-widget.e-menu .e-list ul:first-child li:first-child {
    margin-top: 21px
}

.e-widget.e-menu.e-context > .e-separator.e-list {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

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

.e-slider.e-widget {
    background-color: #bdbdbd;
    background-color: rgba(0,0,0,.26)
}

.e-tooltipbox {
    background-color: #616161;
    border-color: #616161;
    color: #fff
}

.e-widget.e-slider .e-handle.e-select {
    background-color: #ff4081;
    border-color: #ff4081
}

.e-widget.e-slider .e-handle.e-hover {
    background-color: #ff4081;
    border-color: #ff4081
}

.e-widget.e-slider .e-handle.e-focus {
    background-color: #ff4081;
    border-color: #ff4081
}

.e-widget.e-slider .e-range {
    background: #ff4081
}

.e-widget.e-slider-wrap.e-disable .e-slider .e-range {
    background-color: rgba(0,0,0,.26);
    border-color: rgba(0,0,0,.26)
}

.e-widget.e-slider-wrap.e-disable, .e-widget.e-slider.e-disable {
    opacity: 1
}

    .e-widget.e-slider-wrap.e-disable .e-handle.e-select {
        border-color: #fff;
        background-color: #bdbdbd
    }

.e-widget .e-scale .e-tick {
    background-image: url(images/slider-tick.png)
}

.e-widget.e-slider-wrap .e-scale .e-tick .e-tick-value {
    color: rgba(0,0,0,.87)
}

.e-widget.e-slider .e-handle.e-select.e-handle-start {
    background-color: #fff;
    border-color: rgba(0,0,0,.26)
}

    .e-widget.e-slider .e-handle.e-select.e-handle-start.e-focus {
        border-color: rgba(0,0,0,.38)
    }

.e-widget.e-slider-wrap.e-disable .e-handle.e-select.e-handle-start:after {
    border-color: #fff
}

.e-widget.e-slider .e-handle.e-select.e-focus:not(.e-no-tab):after {
    border-color: #ff4081;
    background-color: #ff4081
}

.e-widget.e-slider .e-handle.e-select.e-focus.e-handle-start:not(.e-no-tab):after {
    border-color: rgba(0,0,0,.24);
    background-color: rgba(0,0,0,.24)
}

.e-widget.e-slider .e-handle.e-select.e-focus.e-handle-start:not(.e-no-tab) {
    border-color: rgba(0,0,0,.24);
    background-color: #fff
}

.e-widget.e-slider-wrap.e-disable .e-slider .e-handle:after {
    background-color: #fff
}

.e-widget.e-slider-wrap .e-sliderbtn:not(.e-animate).e-select:not(:active):after {
    background-color: #000
}

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

.e-widget.e-tooltip-wrap {
    border-radius: 2px;
    border: 0 solid #e0e0e0;
    background-color: #616161
}

    .e-widget.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-widget.e-tooltip-wrap .e-arrowTipOuter {
        border: none !important;
        border-top: 10px solid none
    }

    .e-widget.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-widget.e-tooltip-wrap .e-arrowTipInner {
        border-top: 9px solid #616161
    }

.e-widget .e-def {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    line-height: 18px
}

.e-widget .e-def {
    font-size: 10px;
    color: #fff
}

.e-widget.e-tooltip-wrap .e-tipContainer .e-tooltipHeader {
    background: none repeat scroll 0 0 #3f51b5;
    border-bottom: 3px solid #3f51b5
}

    .e-widget.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:before {
        color: #fff
    }

    .e-widget.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover {
        color: #424242;
        border-color: #e0e0e0
    }

    .e-widget.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover {
        background: #e0e0e0
    }

.e-widget.e-tooltip-wrap .e-cross-circle:hover {
    color: #424242;
    border-color: #e0e0e0
}

.e-widget.e-tooltip-wrap .e-cross-circle:hover {
    background: #e0e0e0
}

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

.e-js.e-toolbar {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-weight: normal;
    font-size: 14px
}

.e-js.e-toolbar {
    background: #fafafa;
    color: rgba(0,0,0,.54);
    background-repeat: no-repeat;
    border-color: #e0e0e0
}

.e-js.e-toolbar {
    background: #fafafa
}

    .e-js.e-toolbar.e-focus {
        box-shadow: none
    }

    .e-js.e-toolbar > .e-horizontal.e-separator {
        border-right: 1px solid #e0e0e0;
        border-left: none;
        border-radius: initial;
        margin-right: 4px;
        height: 36px
    }

.e-toolbarTooltip {
    min-width: auto
}

    .e-toolbarTooltip .e-tipContainer .e-tipcontent {
        padding: 2px 8px 2px 8px
    }

.e-js.e-toolbar > .e-horizontal .e-separator {
    border-right: 1px solid #e0e0e0;
    border-left: none;
    border-radius: inherit;
    height: inherit
}

.e-js.e-toolbar > .e-vertical.e-separator {
    border-bottom: 1px solid #e0e0e0;
    border-top: none;
    border-radius: initial
}

.e-js.e-toolbar > .e-vertical .e-separator {
    border-top: none;
    border-radius: inherit
}

.e-js.e-toolbar > .e-vertical .e-separator {
    border-bottom: 1px solid #e0e0e0
}

.e-js.e-toolbar.e-rtl > .e-horizontal.e-separator {
    border-right: none;
    border-radius: initial
}

.e-js.e-toolbar.e-rtl > .e-horizontal.e-separator {
    border-left: 1px solid #e0e0e0
}

.e-js.e-toolbar.e-rtl > .e-horizontal .e-separator {
    border-left: 1px solid #e0e0e0;
    border-right: none;
    border-radius: inherit;
    margin-right: 16px
}

.e-js.e-toolbar.e-rtl > .e-vertical.e-separator {
    border-top: 1px solid #e0e0e0;
    border-bottom: none;
    border-radius: initial
}

.e-js.e-toolbar.e-rtl > .e-vertical .e-separator {
    border-top: 1px solid #e0e0e0;
    border-bottom: none;
    border-radius: inherit
}

.e-js.e-toolbar.e-rtl > .e-vertical .e-corner-all {
    border-radius: inherit
}

.e-js.e-toolbar > ul > li div.e-item-overlay {
    background-color: #f5f5f5
}

.e-js.e-toolbar > .e-horizontal .e-hover, .e-js.e-toolbar > .e-vertical > .e-hover {
    border-color: #e0e0e0
}

.e-js.e-toolbar > .e-horizontal .e-hover, .e-js.e-toolbar > .e-vertical > .e-hover {
    color: rgba(0,0,0,.54)
}

.e-js.e-toolbar > .e-horizontal .e-hover, .e-js.e-toolbar > .e-vertical > .e-hover {
    background: #e0e0e0
}

    .e-js.e-toolbar > .e-horizontal .e-hover > div:before, .e-js.e-toolbar > .e-vertical > .e-hover > div:before, .e-js.e-toolbar > .e-horizontal .e-hover > span:before, .e-js.e-toolbar > .e-vertical > .e-hover > span:before, .e-js.e-toolbar > .e-horizontal .e-hover > a:before, .e-js.e-toolbar > .e-vertical > .e-hover > a:before {
        color: #424242
    }

.e-js.e-toolbar > .e-horizontal .e-active.e-hover > div:before, .e-js.e-toolbar > .e-vertical > .e-active.e-hover > div:before, .e-js.e-toolbar > .e-horizontal .e-active.e-hover > span:before, .e-js.e-toolbar > .e-vertical > .e-active.e-hover > span:before, .e-js.e-toolbar > .e-horizontal .e-active.e-hover > a:before, .e-js.e-toolbar > .e-vertical > .e-active.e-hover > a:before {
    color: rgba(0,0,0,.54)
}

.e-js.e-toolbar > .e-horizontal .e-active, .e-js.e-toolbar > .e-vertical > .e-active {
    background: #bdbdbd;
    border-color: transparent;
    color: rgba(0,0,0,.12)
}

.e-js.e-toolbar > .e-horizontal > .e-hover > a, .e-js.e-toolbar > .e-horizontal > .e-hover > span, .e-js.e-toolbar > .e-horizontal > .e-hover > div, .e-js.e-toolbar > .e-vertical > .e-hover > a, .e-js.e-toolbar > .e-vertical > .e-hover > span, .e-js.e-toolbar > .e-vertical > .e-hover > div {
    background-color: transparent;
    color: rgba(0,0,0,.54)
}

.e-js.e-toolbar > .e-horizontal > .e-active > a, .e-js.e-toolbar > .e-horizontal > .e-active > span, .e-js.e-toolbar > .e-horizontal > .e-active > div, .e-js.e-toolbar > .e-vertical > .e-active > a, .e-js.e-toolbar > .e-vertical > .e-active > span, .e-js.e-toolbar > .e-vertical > .e-active > div {
    background-color: #bdbdbd;
    color: rgba(0,0,0,.87)
}

.e-toolbar.e-js .e-vertical > li.e-tooltxt {
    margin-right: 0;
    margin-bottom: 14px
}

.e-js.e-toolbar > .e-vertical > .e-hover {
    margin-right: 0 !important;
    margin-left: 3px
}

.e-js.e-toolbar > .e-vertical .e-align {
    margin-left: 0
}

.e-js.e-toolbar .e-ul.e-vertical {
    width: 48px !important
}

.e-toolbar.e-js ul > li.e-tooltxt:before {
    color: rgba(0,0,0,.54)
}

.e-toolbar.e-js ul > li.e-tooltxt.e-disable:before {
    color: rgba(0,0,0,.26)
}

.e-js.e-toolbar .e-ul.e-horizontal.e-separator:first-child {
    padding-left: 0
}

.e-js.e-toolbar > .e-horizontal.e-ul:first-child {
    padding-left: 0
}

.e-js.e-toolbar .e-ul.e-horizontal.e-separator .e-tooltxt:last-child {
    margin-right: 4px
}

.e-js.e-toolbar > ul > li.e-icon {
    width: 14px;
    height: 14px
}

.e-js .e-responsive-toolbar.e-toolbar .e-ul.e-horizontal.e-separator:first-child {
    padding-left: 0
}

.e-js.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:last-child {
    margin-right: 10px;
    margin-left: 4px
}

.e-js.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:first-child {
    margin-right: 0
}

.e-js.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:last-child {
    margin-right: 10px
}

.e-js.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator:first-child {
    padding-left: 0;
    margin-right: 0
}

.e-js.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:first-child {
    margin-right: 4px
}

.e-js.e-toolbar.e-toolbarspan.e-rtl {
    padding-right: 24px;
    padding-left: 24px
}

.e-js.e-responsive-toolbar.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:first-child {
    margin-left: 4px
}

.e-js.e-toolbar > .e-horizontal .e-disable, .e-js.e-toolbar > .e-vertical .e-disable {
    color: rgba(0,0,0,.26)
}

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

.e-js.e-listbox .e-select {
    border-color: #f5f5f5
}

.e-js.e-listbox .e-select {
    background: #f5f5f5
}

.e-js.e-listbox .e-active {
    color: #fff;
    border-color: #e0e0e0
}

.e-js.e-listbox .e-active {
    background: #e0e0e0
}

.e-js.e-listbox .e-hover {
    background: #eee
}

.e-js.e-dragClonelist {
    background: #f5f5f5;
    text-align: center;
    line-height: 38px
}

.e-js.e-wrap .e-listbox li {
    word-break: break-all
}

.e-js.e-wrap .e-listbox li {
    padding-left: 16px !important
}

.e-js.e-rtl.e-wrap .e-listbox li {
    padding-right: 16px !important
}

.e-js.e-nowrap .e-listbox li {
    padding-left: 10px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.e-widget.e-ddl-popup.e-wrap.e-js {
    border: 1px solid #e0e0e0;
    box-shadow: 0 1.83px 1px transparent
}

.e-js.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-inact, .e-js.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-act {
    height: 14px;
    width: 14px
}

.e-js.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-inact, .e-js.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-act {
    top: 2px
}

    .e-js.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-act .e-checkmark {
        font-size: 12px;
        line-height: 15px
    }

.e-widget.e-ddl-popup.e-wrap.e-js div > ul li .e-chkbox-wrap, .e-widget.e-ddl-popup div > .e-listbox li .e-chkbox-wrap {
    padding-right: 18px
}

.e-widget.e-ddl-popup div > .e-ul .e-ghead {
    font-weight: 500;
    font-size: 15px;
    line-height: 48px;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    margin: 2px 2px 2px 0;
    position: relative;
    padding-bottom: 5px;
    padding-left: .857em;
    padding-top: 5px
}

.e-widget.e-ddl-popup.e-wrap.e-js div > ul li .e-align {
    margin-top: 0 !important;
    margin-right: 18px
}

.e-widget.e-ddl-popup.e-js {
    max-height: inherit;
    max-width: inherit
}

.e-js.e-listbox .e-draggable {
    touch-action: none
}

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

.e-js.e-lv .e-list-text {
    font-size: 15px;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-js.e-lv .e-list {
    border-bottom: none;
    padding: 0 16px;
    height: 48px;
    font-size: 12px
}

    .e-js.e-lv .e-list .e-chevron-right_01.e-fontimage:before {
        color: rgba(0,0,0,.54)
    }

    .e-js.e-lv .e-list.e-state-default {
        background-color: #fff
    }

    .e-js.e-lv .e-list.e-state-default {
        border-color: #e0e0e0
    }

        .e-js.e-lv .e-list.e-state-default > .e-chevron-right_01 .e-list-text {
            color: rgba(0,0,0,.87);
            font-weight: 400
        }

        .e-js.e-lv .e-list.e-state-default:hover {
            color: #212121
        }

        .e-js.e-lv .e-list.e-state-default:hover {
            background: #eee
        }

            .e-js.e-lv .e-list.e-state-default:hover > .e-chevron-right_01 .e-list-text {
                color: #212121
            }

    .e-js.e-lv .e-list:hover > .e-chevron-right_01.e-fontimage:before {
        color: #424242
    }

    .e-js.e-lv .e-list .e-chevron-right_01:hover {
        color: #212121
    }

    .e-js.e-lv .e-list.e-state-active {
        background: #f5f5f5
    }

        .e-js.e-lv .e-list.e-state-active .e-chevron-right_01 .e-list-text {
            color: rgba(0,0,0,.87)
        }

        .e-js.e-lv .e-list.e-state-active > .e-chevron-right_01.e-fontimage:before {
            color: rgba(0,0,0,.87)
        }

.e-js.e-lv-inputdiv .e-lv-input {
    border: 1px solid #e0e0e0;
    border-radius: 7px;
    font-size: 14px
}

.e-js.e-lv .e-header {
    color: rgba(0,0,0,.87);
    padding-left: 16px;
    border-bottom: 1px solid #e0e0e0;
    height: 64px;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-js.e-lv .e-header {
    background: #fff
}

.e-js.e-lv.e-parentlv > .e-lv .e-list-container {
    border: none
}

.e-js.e-lv.e-parentlv > .e-lv.subpage {
    border: none
}

.e-js.e-nb .e-lv .subpage .e-content {
    float: none
}

.e-js.e-lv > .e-header > .e-icon:before, .e-js.e-lv > .e-header > .e-icon:hover:before {
    color: rgba(0,0,0,.54)
}

.e-js.e-lv .e-list .e-lv-checkdiv.e-template-checkmark, .e-js.e-lv .e-template-list .e-list-check div {
    float: none;
    vertical-align: middle;
    display: table-cell
}

.e-js.e-lv .e-template-list .e-list-check div {
    vertical-align: initial
}

.e-js.e-lv .e-template-list .e-list-check {
    display: table
}

.e-js.e-lv .e-htitle, .e-js.e-lv .e-btn-text {
    font-size: 20px;
    height: 40px
}

.e-js .e-htitle, .e-js .e-btn-text {
    font-weight: 500
}

.e-js.e-lv .e-btn-text {
    padding-left: 12px
}

.e-js.e-icon.e-chevron-left_01:before {
    content: "";
    font-size: 18px
}

.e-js.e-list-container .e-chkbox-wrap .e-chk-image.e-stop, .e-js.e-list-container .e-chkbox-wrap .e-chk-image.e-checkmark {
    background-color: #ff4081
}

.e-js.e-list-container .e-chkbox-wrap div > span.e-chk-act, .e-js.e-list-container .e-chkbox-wrap div > span.e-chk-indeter {
    border-color: #ff4081
}

.e-js.e-lv .e-list.e-state-default.e-arrow, .e-js.e-lv .e-list .e-chevron-right_01 {
    line-height: 1.5
}

.e-js.e-lv .e-list-container .e-chkbox-wrap {
    margin-top: 3px
}

.e-js.e-list-container .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: #e0e0e0;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-js.e-splitter {
    border-color: #e0e0e0
}

    .e-js.e-splitter .e-pane {
        background-color: #fff;
        color: #212121
    }

    .e-js.e-splitter .e-splitbar.e-shadowbar.e-end-indicaton, .e-js.e-splitter .e-splitbar .e-end-indicaton {
        background-color: #fef1ec
    }

    .e-js.e-splitter .e-splitbar.e-shadowbar {
        background: #f5f5f5
    }

    .e-js.e-splitter .e-splitbar {
        background-color: #e0e0e0
    }

    .e-js.e-splitter .e-splitbar {
        border-color: #e0e0e0
    }

        .e-js.e-splitter .e-splitbar .e-icon {
            color: #424242
        }

        .e-js.e-splitter .e-splitbar:hover .e-icon, .e-js.e-splitter .e-splitbar.e-hover .e-icon {
            color: #424242
        }

        .e-js.e-splitter .e-hover.e-splitbar.e-split-divider, .e-js.e-splitter .e-splitbar.e-split-divider:hover {
            background-color: #e0e0e0;
            border-color: #e0e0e0
        }

        .e-js.e-splitter .e-splitbar .e-icon.e-arrow-sans-left:before {
            content: ""
        }

        .e-js.e-splitter .e-splitbar .e-icon.e-arrow-sans-right:before {
            content: ""
        }

        .e-js.e-splitter .e-splitbar > .e-icon.v-backward:before, .e-js.e-splitter .e-splitbar > .e-icon.e-arrow-sans-left:before, .e-js.e-splitter .e-splitbar > .e-icon:before {
            font-size: 8px
        }

        .e-js.e-splitter .e-splitbar .e-h-arrow.e-arrow-sans-right {
            left: -1.25px
        }

        .e-js.e-splitter .e-splitbar .e-h-arrow.e-arrow-sans-left {
            left: -1px
        }

        .e-js.e-splitter .e-splitbar.e-h-bar {
            width: 8px
        }

        .e-js.e-splitter .e-splitbar .e-activebar {
            display: block
        }

        .e-js.e-splitter .e-splitbar .e-h-arrow.e-arrow-sans-left {
            margin-top: -13px
        }

        .e-js.e-splitter .e-splitbar .e-icon.e-arrow-sans-up:before {
            content: ""
        }

        .e-js.e-splitter .e-splitbar .e-icon.e-arrow-sans-down:before {
            content: ""
        }

        .e-js.e-splitter .e-splitbar.e-v-bar {
            height: 8px
        }

        .e-js.e-splitter .e-splitbar .e-v-arrow.e-arrow-sans-up {
            top: -.5px;
            margin-left: -16px
        }

        .e-js.e-splitter .e-splitbar .e-v-arrow.e-arrow-sans-down {
            top: -.5px
        }

        .e-js.e-splitter .e-splitbar.e-v-bar .e-activebar {
            height: 2px;
            width: 14px;
            margin-top: 2px;
            background: #000
        }

        .e-js.e-splitter .e-splitbar.e-h-bar .e-activebar {
            height: 14px;
            width: 2px;
            margin-left: 2px;
            background: #000
        }

            .e-js.e-splitter .e-splitbar.e-h-bar .e-activebar:before {
                height: 100%;
                width: 100%;
                display: block
            }

    .e-js.e-splitter .e-h-arrow.e-arrow-sans-right {
        margin-top: 19px
    }

    .e-js.e-splitter .e-v-arrow.e-arrow-sans-down {
        margin-left: 21px
    }

    .e-js.e-splitter.e-rtl .e-h-arrow.e-arrow-sans-left {
        left: -3.4px
    }

    .e-js.e-splitter.e-rtl .e-h-arrow.e-arrow-sans-right {
        left: -4px
    }

    .e-js.e-splitter.e-rtl .e-splitbar.e-h-bar .e-activebar {
        margin-right: 2px
    }

    .e-js.e-splitter.e-rtl .e-splitbar .e-v-arrow.e-arrow-sans-up {
        margin-left: -21px
    }

    .e-js.e-splitter .e-splitbar.e-v-bar.e-resize {
        cursor: row-resize
    }

    .e-js.e-splitter .e-splitbar.e-h-bar.e-resize {
        cursor: col-resize
    }

    .e-js.e-splitter .e-splitbar .e-splitter-h-template {
        cursor: pointer;
        position: fixed;
        top: 30%
    }

    .e-js.e-splitter .e-splitbar .e-splitter-v-template {
        cursor: pointer;
        position: fixed;
        left: 49%
    }

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

.e-tab.e-js.e-widget {
    font-family: 'Roboto',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-js.e-tab.e-disable .e-select:hover {
    background: transparent
}

.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-js.e-tab.e-disable .e-select:hover {
    background: #fff
}

.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: #ff4081
    }

.e-tab.e-js .e-header > .e-rtl-bottom-line.e-active {
    border-top: 2px solid #ff4081
}

.e-tab.e-js .e-header .e-select.e-disable a, .e-tab.e-js.e-disable a {
    cursor: default
}

.e-js.e-tab > .e-header {
    border-left: none
}

.e-js.e-tab > .e-header {
    border: none
}

.e-js.e-tab .e-left {
    border-right: 0
}

.e-js.e-tab .e-right {
    border-right: 0
}

.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: 2px solid #ff4081
    }

.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: 2px solid #ff4081
    }

.e-js.e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active, .e-js.e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active:hover {
    border: 1px solid #e0e0e0
}

.e-js.e-tab .e-left .e-item.e-active, .e-js.e-tab .e-right .e-item.e-active {
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

.e-js.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: 0;
        border-bottom: 2px solid #ff4081
    }

.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: 2px solid #ff4081
    }

.e-js.e-tab .e-left li, .e-js.e-tab .e-right li {
    border-bottom: 1px solid #e0e0e0
}

.e-js.e-tab.e-vertical {
    background: transparent;
    border: 1px solid #e0e0e0
}

.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 {
    filter: none
}

.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: rgba(255,255,255,.3);
    color: #212121
}

.e-tab.e-js .e-icon.e-chevron-circle-left, .e-tab.e-js .e-icon.e-chevron-circle-right {
    color: rgba(0,0,0,.87)
}

.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: #424242
}

.e-tab.e-js > .e-content {
    font-size: 14px;
    border-style: solid
}

.e-tab.e-js > .e-content {
    border-width: 0;
    background: #fff;
    color: #212121
}

.e-tab.e-js > .e-content {
    border-color: #e0e0e0
}

.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: #e0e0e0;
    color: #212121;
    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 {
    background: transparent;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial;
    border-radius: 0
}

.e-js.e-tab .e-header > .e-select a, .e-js.e-tab .e-left > .e-select a, .e-js.e-tab .e-right > .e-select a {
    text-transform: uppercase;
    color: rgba(0,0,0,.87)
}

.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: transparent;
    border-color: transparent
}

    .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: transparent;
        color: #ff4081
    }

.e-js.e-tab .e-header > .e-active a, .e-js.e-tab .e-left > .e-active a, .e-js.e-tab .e-right > .e-active a {
    text-transform: uppercase;
    color: #ff4081
}

.e-js.e-tab .e-header > .e-select:hover a, .e-js.e-tab .e-left > .e-select:hover a, .e-js.e-tab .e-right > .e-select:hover a {
    text-transform: uppercase;
    color: rgba(0,0,0,.87)
}

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

.e-js.e-tab .e-hidebottom {
    border-top: none !important
}

.e-js.e-tab .e-hidetop {
    border-bottom: none !important
}

.e-js.e-tab .e-header.e-addbordertop {
    border-top: 0 solid #e0e0e0
}

.e-js.e-tab .e-header.e-hideleft {
    border-left: none
}

.e-js.e-tab .e-header.e-addborderleft {
    border-right: 1px solid #e0e0e0
}

.e-js.e-tab .e-header.e-hideright {
    border-right: none
}

.e-js.e-tab .e-header.e-addborderright {
    border-left: 1px solid #e0e0e0
}

.e-js.e-tab .e-header .e-margine-top:hover {
    border-top: none
}

.e-js.e-tab .e-header .e-margine-bottom:hover {
    border-bottom: 1px solid #fff
}

.e-js.e-tab .e-header.e-addborderbottom .e-active {
    border-top: 0 solid transparent
}

.e-js.e-tab .e-header.e-addbordertop .e-active {
    border-bottom: transparent
}

.e-js.e-tab .e-right.e-addborderright .e-active {
    border-right: transparent
}

.e-js.e-tab .e-left.e-addborderleft .e-active {
    border-left: transparent
}

.e-tab.e-js.e-tabscroll > .e-content {
    padding-top: 65px !important
}

.e-tab.e-js.e-tabscroll > .e-header.e-addborderbottom {
    border-bottom: 0 solid #bbbcbb !important
}

.e-tab.e-js .e-header .e-icon.e-chevron-circle-left {
    top: 14px
}

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

.e-widget.e-timewidget .e-input, .e-widget.e-time-popup {
    background-color: #fff;
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

.e-widget.e-timewidget .e-input, .e-widget.e-time-popup {
    color: rgba(0,0,0,.87);
    font-weight: normal
}

.e-widget.e-timewidget .e-input {
    font-size: 13px
}

.e-widget.e-timewidget .e-in-wrap, .e-widget.e-time-popup {
    border-color: #e0e0e0
}

.e-widget.e-timewidget .e-in-wrap, .e-widget.e-time-popup {
    border-color: rgba(0,0,0,.12)
}

    .e-widget.e-timewidget .e-in-wrap:before, .e-widget.e-timewidget .e-in-wrap:after {
        background: #ff4081
    }

.e-widget.e-timewidget.e-focus .e-in-wrap, .e-widget.e-timewidget.e-focus .e-in-wrap:hover {
    box-shadow: none
}

.e-widget.e-timewidget .e-select, .e-widget.e-timewidget.e-rtl .e-select, .e-widget.e-ntouch.e-timewidget .e-disable.e-select:hover {
    background: #f5f5f5
}

.e-widget.e-timewidget .e-select, .e-widget.e-timewidget.e-rtl .e-select, .e-widget.e-ntouch.e-timewidget .e-disable.e-select:hover {
    background: #fff;
    box-shadow: none;
    border-color: #fff;
    color: rgba(0,0,0,.54)
}

.e-widget.e-ntouch.e-timewidget .e-select:hover, .e-widget.e-time-popup.e-popup .e-hover {
    background: #e0e0e0
}

.e-widget.e-ntouch.e-timewidget .e-select:hover, .e-widget.e-time-popup.e-popup .e-hover {
    background-color: #eee;
    color: rgba(0,0,0,.87)
}

.e-widget.e-time-popup .e-active.e-hover {
    background-color: #eee;
    color: rgba(0,0,0,.87)
}

.e-widget.e-ntouch.e-timewidget .e-select:hover {
    background-color: #fff;
    color: rgba(0,0,0,.54)
}

.e-widget.e-time-popup .e-active {
    background-color: #fafafa;
    border-color: #3f51b5
}

.e-widget.e-time-popup .e-active {
    background: #fff;
    color: #ff4081
}

.e-widget.e-time-popup.e-popup .e-hover.e-active {
    color: rgba(0,0,0,.87)
}

.e-widget.e-timewidget .e-icon.e-clock:before {
    width: 20px;
    height: 20px
}

.e-widget.e-timewidget.e-active .e-select {
    color: #ff4081
}

    .e-widget.e-timewidget.e-active .e-select:hover {
        color: #ff4081
    }

.e-widget.e-time-popup {
    font-size: 13px
}

.e-widget.e-timewidget .e-input::selection {
    background: #ff4081;
    color: #fff
}

.e-widget.e-timewidget .e-input::-moz-selection {
    background: #ff4081;
    color: #fff
}

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

.e-js.e-treeview, .e-dragedNode {
    font-family: 'Roboto',Segoe UI,Helvetica Neue,Ubuntu,Arial
}

    .e-js.e-treeview .e-text {
        background-color: transparent
    }

    .e-js.e-treeview .e-text {
        color: #000;
        color: rgba(0,0,0,.87)
    }

.e-dragedNode {
    background: #eee;
    color: #000;
    color: rgba(0,0,0,.54)
}

    .e-dragedNode .e-text {
        float: left
    }

    .e-dragedNode .e-text {
        color: #000;
        color: rgba(0,0,0,.54)
    }

.e-js.e-treeview .e-active, .e-widget.e-fullrow-wrap .e-li-active > .e-fullrow {
    border: 1px solid transparent;
    border-image: initial
}

.e-js.e-treeview .e-active, .e-widget.e-fullrow-wrap .e-li-active > .e-fullrow {
    background: #f5f5f5
}

.e-js.e-treeview .e-node-hover, .e-js.e-treeview .e-node-focus, .e-widget.e-fullrow-wrap .e-li-hover > .e-fullrow, .e-widget.e-fullrow-wrap .e-li-focus > .e-fullrow {
    border-image: initial;
    cursor: pointer
}

.e-js.e-treeview .e-node-hover, .e-js.e-treeview .e-node-focus, .e-widget.e-fullrow-wrap .e-li-hover > .e-fullrow, .e-widget.e-fullrow-wrap .e-li-focus > .e-fullrow {
    background: #eee;
    border: 1px solid transparent
}

.e-widget.e-treeview-wrap.e-dragging .e-node-hover, .e-widget.e-fullrow-wrap.e-dragging .e-li-hover > .e-fullrow {
    background: transparent;
    border-color: #eee
}

.e-widget.e-treeview-wrap.e-dragging .e-active.e-node-hover, .e-widget.e-fullrow-wrap.e-dragging .e-li-active.e-li-hover > .e-fullrow {
    background: #f5f5f5;
    border-color: #f5f5f5
}

.e-widget.e-treeview-wrap .e-sibling {
    background: #ff4081
}

    .e-widget.e-treeview-wrap .e-sibling::before {
        background: #000;
        background: rgba(0,0,0,.12)
    }

.e-js.e-treeview .e-node-disable {
    filter: alpha(opacity=40);
    opacity: .4
}

.e-js.e-treeview .e-icon.e-load, .e-js.e-treeview.e-rtl .e-icon.e-load {
    background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat
}

.e-js.e-treeview .e-icon.e-load, .e-js.e-treeview.e-rtl .e-icon.e-load {
    background-position: center
}

.e-js.e-treeview .e-item .e-icon {
    color: #000;
    color: rgba(0,0,0,.54)
}

.e-js.e-treeview .e-fe-popup .e-content {
    background-color: #fff;
    border-color: #e0e0e0
}

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

.e-js.e-treeview .e-fe-popup .e-downtail:before, .e-js.e-treeview .e-fe-popup .e-downtail {
    border-top-color: #e0e0e0
}

.e-js.e-treeview .e-fe-popup .e-spanclicked {
    border-color: #424242
}

.e-drop-count {
    border-color: #fff
}

.e-drop-count {
    background-color: #ff4081;
    color: #fff
}

.e-widget.e-fullrow-wrap .e-li-active .e-active, .e-widget.e-fullrow-wrap .e-li-hover .e-node-hover, .e-widget.e-fullrow-wrap .e-li-focus .e-node-focus {
    background: transparent
}

.e-js.e-treeview .e-plus:after, .e-js.e-treeview .e-minus:after, .e-js.e-treeview .e-icon.e-load:after, .e-widget.e-treeview-wrap:not(.e-fullrow-wrap) .e-text:after, .e-widget.e-fullrow-wrap .e-fullrow:after {
    background: #000;
    background: rgba(0,0,0,.12)
}

.e-js.e-treeview .e-text.e-editable .e-tree-input {
    border-color: #000;
    border-color: rgba(0,0,0,.54)
}

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

.e-js.e-uploadbox .e-inputbtn, .e-js.e-uploadbox .e-file-name-txt {
    font-family: roboto Medium;
    font-size: 16px;
    font-weight: normal
}

.e-js.e-uploadbox.e-disable .e-uploadinput {
    cursor: default
}

.e-js.e-uploadbox.e-widget .e-selectpart.e-select, .e-js.e-uploadbox.e-disable .e-select:hover, .e-js.e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover, .e-js.e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover .e-inputbtn {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    background-color: #fafafa;
    color: rgba(0,0,0,.87);
    font-family: roboto Medium;
    font-size: 16px
}

.e-js.e-uploadbox.e-disable .e-uploadbtn.e-select:hover, .e-js.e-uploadbox.e-disable .e-uploadclosebtn.e-select:hover {
    color: #212121;
    border-color: #e0e0e0;
    cursor: default
}

.e-js.e-uploadbox.e-disable .e-uploadbtn.e-select:hover, .e-js.e-uploadbox.e-disable .e-uploadclosebtn.e-select:hover {
    background: #f5f5f5
}

.e-js.e-uploadbox.e-widget .e-selectpart.e-select:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    background-color: rgba(0,0,0,.12);
    color: #000;
    font-family: roboto Medium
}

.e-js.e-uploadbox.e-widget .e-inputbtn, .e-js.e-uploadbox.e-disable .e-select .e-inputbtn {
    color: #000;
    text-transform: none
}

    .e-js.e-uploadbox.e-widget .e-inputbtn:focus {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
        background-color: rgba(0,0,0,.12)
    }

.e-uploadbox.e-widget .e-selectpart.e-select:hover .e-inputbtn {
    color: #212121;
    border-color: #e0e0e0
}

.e-js.e-uploadbox .e-file-name-txt {
    color: rgba(0,0,0,.87);
    font-size: 13px;
    padding-top: 9px
}

.e-js.e-uploadbox .e-file-size .e-file-name-txt {
    color: rgba(0,0,0,.38)
}

.e-js.e-uploadbox .e-file-list .e-file-status-failed {
    color: #cd0a0a
}

.e-js.e-uploadbox .e-file-list .e-file-status-success {
    color: #212121
}

.e-js.e-uploadbox .e-file-progress-status {
    background: #ff4081;
    border-color: #ff4081
}

.e-js.e-uploadbox .e-file-list {
    background-color: #fff;
    color: #212121
}

.e-js.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
    background-color: #fff
}

.e-js.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
    border-bottom: 1px solid #e0e0e0
}

.e-js.e-uploadbox .e-ul li:nth-child(even) .e-file-list, .e-js.e-uploadbox .e-head-content {
    background-color: #fafafa
}

.e-js.e-uploadbox .e-ul li:nth-child(even) .e-file-list, .e-js.e-uploadbox .e-head-content {
    border-bottom: 1px solid #e0e0e0
}

.e-js.e-uploadbox.e-dialog > .e-header + .e-dialog-scroller {
    border-top: 0
}

.e-js.e-mobile-upload.e-uploadbox .e-ul li:nth-child(even) .e-file-list, .e-js.e-mobile-upload.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
    border-bottom: none
}

.e-js.e-uploadbox .e-file-upload {
    background-color: #fafafa
}

.e-js.e-uploadbox .e-file-progress-bar {
    background-color: rgba(0,0,0,.12)
}

.e-js.e-uploadbox .e-file-list .e-checkmark {
    background-color: #39b54a;
    color: #fff;
    border-radius: 10px
}

.e-js.e-uploadbox .e-file-list .e-checkmark {
    margin-top: 4px
}

.e-js.e-uploadbox .e-file-list .e-file-percentage-failed {
    background-color: #f00;
    color: #fff;
    border-radius: 10px
}

.e-js.e-uploadbox .e-file-list .e-file-percentage-failed {
    margin-top: 4px
}

.e-js.e-uploadbox.e-dialog .e-header {
    border-color: #3f51b5;
    border-bottom: none
}

.e-js.e-uploadbox.e-dialog .e-header {
    color: #000;
    font-weight: bold;
    line-height: 40px;
    font-size: 23px
}

.e-js.e-uploadbox .e-uploadinput {
    font-size: 200px
}

.e-js.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform, .e-js.e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
    background-color: #fff;
    color: #424242
}

.e-js.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform, .e-js.e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover {
    background-color: #fafafa;
    color: #424242
}

    .e-js.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover, .e-js.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
        color: #424242;
        border-color: #e0e0e0
    }

    .e-js.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover, .e-js.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
        background: #e0e0e0
    }

.e-js.e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover, .e-js.e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
    background: none
}

.e-js .e-uploaddialog.e-dialog .e-btn.e-select {
    border-color: #e0e0e0
}

    .e-js .e-uploaddialog.e-dialog .e-btn.e-select:hover {
        box-shadow: none;
        border-radius: 0
    }

    .e-js .e-uploaddialog.e-dialog .e-btn.e-select:hover {
        background: rgba(0,0,0,.12)
    }

    .e-js .e-uploaddialog.e-dialog .e-btn.e-select:active {
        background: rgba(255,64,129,.12)
    }

.e-js .e-uploaddialog.e-dialog .e-btn.e-select {
    color: #ff4081;
    background: #fff;
    box-shadow: none;
    border-radius: 0
}

    .e-js.e-uploadbox.e-widget .e-selectpart.e-select:active, .e-js .e-uploaddialog.e-dialog .e-btn.e-select:active {
        position: relative
    }

        .e-js.e-uploadbox.e-widget .e-selectpart.e-select:active:after, .e-js .e-uploaddialog.e-dialog .e-btn.e-select:active:after {
            animation: shadow 1.6s ease-out 0ms
        }

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

.e-rangeScroll-select {
    fill: whitesmoke;
    stroke: #e0e0e0
}

    .e-rangeScroll-select:hover {
        fill: #e0e0e0;
        stroke: #e0e0e0
    }

    .e-rangeScroll-select:active {
        fill: #e0e0e0;
        stroke: #e0e0e0
    }

.e-rangeScroll-select-hover {
    fill: #e0e0e0;
    stroke: #e0e0e0
}

.e-rangeScroll-backRect {
    fill: white;
    stroke: #e0e0e0
}

.e-rangeScroll-arrow {
    fill: #424242;
    stroke: #424242
}

    .e-rangeScroll-arrow:hover {
        fill: #424242;
        stroke: #424242
    }

    .e-rangeScroll-arrow:active {
        fill: #424242;
        stroke: #424242
    }

.e-rangeScroll-centerShape {
    fill: #424242;
    stroke: #424242
}

.e-rangeScroll-leftCircle, .e-rangeScroll-rightCircle {
    fill: #424242;
    stroke: #424242
}

    .e-rangeScroll-leftCircle:hover, .e-rangeScroll-rightCircle:hover {
        fill: #424242;
        stroke: #424242
    }

    .e-rangeScroll-leftCircle:active, .e-rangeScroll-rightCircle:active {
        fill: #424242;
        stroke: #424242
    }

.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: #424242;
    stroke: #424242
}