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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .e-chkbox-wrap.e-tb-cell {
        display: table-cell
    }

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

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

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

    .e-chkbox-wrap div > span {
        border-color: #c8c8c8;
        background-color: #fff
    }

        .e-chkbox-wrap div > span.e-chk-act, .e-chkbox-wrap div > span:hover {
            border-color: #c8c8c8
        }

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

    .e-chkbox-wrap .e-chk-image.e-stop, .e-chkbox-wrap .e-chk-image.e-checkmark {
        color: #179bd7
    }

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

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

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

.e-chkbox-wrap.e-disable div > span {
    background-color: #f5f5f5;
    border-color: #e3e3e3
}

.e-chkbox-wrap.e-disable {
    opacity: 1
}

    .e-chkbox-wrap.e-disable .e-chk-image.e-stop, .e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
        color: #d6d7d7
    }

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

.e-ddl .e-input, .e-ddl .e-input[readonly], .e-ddl-popup, .e-ddl .e-options {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    font-size: 14px;
    font-weight: normal;
    cursor: default
}

    .e-ddl .e-input, .e-ddl .e-input[readonly], .e-ddl-popup, .e-ddl .e-options {
        color: #333;
        background-color: #fff
    }

        .e-ddl .e-in-wrap, .e-ddl-popup, .e-ddl .e-options, .e-ddl-popup .e-atc.e-search {
            border-color: #c8c8c8
        }

            .e-ddl .e-options.e-active {
                background-color: #179bd7;
                color: #fff;
                border-color: #179bd7
            }

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

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

.e-ddl .e-input.e-watermark {
    color: #d2d1d1 !important;
    font-style: italic
}

.e-ddl-popup .e-hover {
    color: #282827
}

.e-ddl-popup .e-hover {
    background: #86cbea
}

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

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

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

.e-ddl-popup .e-active {
    color: #fff
}

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

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

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

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

.e-ddl-popup .e-resize-handle {
    cursor: se-resize;
    float: right;
    padding: 4px 3px 0 0;
    margin-right: 2px
}

    .e-ddl-popup .e-resize-handle.e-rtl-resize {
        float: left;
        cursor: sw-resize;
        transform: rotate(90deg);
        padding: 3px 0 0 3px
    }

.e-ddl-popup .e-resizebar {
    border-top: 1px solid #fff;
    height: 20px;
    width: auto;
    display: block
}

.e-ddl-popup .e-resizebar {
    background: #ececec
}

.e-ddl-popup .e-atc.e-search .e-search:before, .e-ddl-popup .e-atc.e-search .e-cross-circle:before {
    color: #c8c8c8
}

.e-ddl-popup .e-checkwrap.e-check-act, .e-ddl-popup .e-checkwrap:hover {
    border: 1px solid #c8c8c8
}

.e-ddl-popup .e-checkwrap {
    background-color: #fff
}

.e-ddl-popup .e-checkwrap {
    border-radius: none
}

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

.e-ddl-popup .e-check-act {
    color: #179bd7
}

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

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

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

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

.e-ddl.e-widget .e-in-wrap.e-disable {
    border-color: #e3e3e3;
    background-color: #f5f5f5;
    opacity: initial
}

.e-ddl.e-widget .e-input.e-disable {
    background: #f5f5f5
}

.e-ddl.e-widget .e-select.e-disable {
    background: #d6d7d7;
    border-color: #e3e3e3
}

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

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

.e-toolbar {
    background-repeat: no-repeat;
    border-color: #fff;
    color: #686969;
}

.e-toolbar {
    background: #fff
}

.e-toolbar {
    background: #fff;
}

    .e-toolbar.e-focus {
        /*box-shadow: 0 0 2px #cbcbcb*/
    }

    .e-toolbar > .e-horizontal.e-separator {
        border-left: none;
        border-radius: initial
    }

    .e-toolbar > .e-horizontal.e-separator {
        border-right: 1px solid #c8c8c8
    }

.e-toolbarTooltip {
    min-width: auto
}

    .e-toolbarTooltip .e-tipContainer .e-tipcontent {
        padding: 2px 4px
    }

.e-toolbar > .e-horizontal .e-separator {
    border-right: 1px solid #c8c8c8;
    border-left: none;
    border-radius: inherit;
    height: inherit
}

.e-toolbar > .e-vertical.e-separator {
    border-bottom: 1px solid #c8c8c8;
    border-top: none;
    border-radius: initial
}

.e-toolbar > .e-vertical .e-separator {
    border-top: none;
    border-radius: inherit
}

.e-toolbar > .e-vertical .e-separator {
    border-bottom: 1px solid #c8c8c8
}

.e-toolbar.e-rtl > .e-horizontal.e-separator {
    border-right: none;
    border-radius: initial
}

.e-toolbar.e-rtl > .e-horizontal.e-separator {
    border-left: 1px solid #c8c8c8
}

.e-toolbar.e-rtl > .e-horizontal .e-separator {
    border-left: 1px solid #c8c8c8;
    border-right: none;
    border-radius: inherit
}

.e-toolbar.e-rtl > .e-vertical.e-separator {
    border-top: 1px solid #c8c8c8;
    border-bottom: none;
    border-radius: initial
}

.e-toolbar.e-rtl > .e-vertical .e-separator {
    border-top: 1px solid #c8c8c8;
    border-bottom: none;
    border-radius: inherit
}

.e-toolbar.e-rtl > .e-vertical .e-corner-all {
    border-radius: inherit
}

.e-toolbar > ul > li div.e-item-overlay {
    background-color: #ececec
}

.e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover {
    border-color: #86cbea
}

.e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover {
    color: #282827
}

.e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover {
    background: #86cbea
}

    .e-toolbar > .e-horizontal .e-hover > div:before, .e-toolbar > .e-vertical > .e-hover > div:before, .e-toolbar > .e-horizontal .e-hover > span:before, .e-toolbar > .e-vertical > .e-hover > span:before, .e-toolbar > .e-horizontal .e-hover > a:before, .e-toolbar > .e-vertical > .e-hover > a:before {
        color: #282827
    }

.e-toolbar > .e-horizontal .e-active.e-hover > div:before, .e-toolbar > .e-vertical > .e-active.e-hover > div:before, .e-toolbar > .e-horizontal .e-active.e-hover > span:before, .e-toolbar > .e-vertical > .e-active.e-hover > span:before, .e-toolbar > .e-horizontal .e-active.e-hover > a:before, .e-toolbar > .e-vertical > .e-active.e-hover > a:before {
    color: #fff
}

.e-toolbar > .e-horizontal .e-active, .e-toolbar > .e-vertical > .e-active {
    border-color: #c8c8c8;
    color: #fff
}

.e-toolbar > .e-horizontal .e-active, .e-toolbar > .e-vertical > .e-active {
    background: #179bd7
}

.e-toolbar > .e-horizontal > .e-hover > a, .e-toolbar > .e-horizontal > .e-hover > span, .e-toolbar > .e-horizontal > .e-hover > div, .e-toolbar > .e-vertical > .e-hover > a, .e-toolbar > .e-vertical > .e-hover > span, .e-toolbar > .e-vertical > .e-hover > div {
    background-color: transparent;
    color: #282827
}

.e-toolbar > .e-horizontal > .e-active > a, .e-toolbar > .e-horizontal > .e-active > span, .e-toolbar > .e-horizontal > .e-active > div, .e-toolbar > .e-vertical > .e-active > a, .e-toolbar > .e-vertical > .e-active > span, .e-toolbar > .e-vertical > .e-active > div {
    background-color: transparent;
    color: #fff
}

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

.e-tooltip-wrap {
    border-radius: none
}

.e-tooltip-wrap {
    border: 1px solid #c8c8c8;
    background-color: #fff
}

    .e-tooltip-wrap .e-arrowTipOuter {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        left: 0;
        top: 0;
        position: absolute
    }

    .e-tooltip-wrap .e-arrowTipOuter {
        border-top: 10px solid #c8c8c8
    }

    .e-tooltip-wrap .e-arrowTipInner {
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        left: 1px;
        top: 0;
        position: absolute
    }

    .e-tooltip-wrap .e-arrowTipInner {
        border-top: 9px solid #fff
    }

.e-def {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
    line-height: 18px
}

.e-def {
    font-size: 12px;
    color: #333
}

.e-tooltip-wrap .e-tipContainer .e-tooltipHeader {
    background: none repeat scroll 0 0 #fcfcfc;
    border-bottom: 3px solid #179bd7
}

    .e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:before {
        color: #282827
    }

    .e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover {
        color: #282827;
        border-color: #c8c8c8
    }

    .e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover {
        background: #86cbea
    }

.e-tooltip-wrap .e-cross-circle:hover {
    color: #282827;
    border-color: #c8c8c8
}

.e-tooltip-wrap .e-cross-circle:hover {
    background: #86cbea
}

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

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

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

.e-waitpopup-pane {
    background-color: #383838
}

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

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

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

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

.e-dialog-modal {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

.e-dialog > .e-footerbar {
    position: relative;
    background: #fff
}

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

    .e-dialog > .e-footerbar > .e-icon.e-resize-handle.e-resizable.e-js {
        position: absolute;
        cursor: se-resize;
        bottom: 0;
        right: 0
    }

.e-corner.e-dialog > .e-footerbar {
    border-radius: 0 0 3px 3px
}

.e-corner .e-dialog-content {
    border-radius: 3px
}

.e-corner .e-dialog-bottom {
    border-radius: 0 0 3px 3px
}

.e-corner .e-dialog-top {
    border-radius: 3px 3px 0 0
}

.e-dialog .e-scrollbar .e-icon {
    display: block
}

.e-dialog .e-scrollbar .e-icon {
    display: block
}

.e-dialog .e-draggable {
    touch-action: none
}

.e-dialog.e-widget-content .e-pager .e-firstpage, .e-dialog.e-widget-content .e-pager .e-prevpage, .e-dialog.e-widget-content .e-pager .e-firstpagedisabled, .e-dialog.e-widget-content .e-pager .e-prevpagedisabled, .e-dialog.e-widget-content .e-pager .e-nextpage, .e-dialog.e-widget-content .e-pager .e-lastpage, .e-dialog.e-widget-content .e-pager .e-nextpagedisabled, .e-dialog.e-widget-content .e-pager .e-lastpagedisabled {
    padding: 9px 3px 1px 9px
}

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

.e-tab.e-js.e-widget {
    font-family: Segoe UI;
    border: none
}

.e-tab.e-js > .e-header, .e-tab.e-js .e-header > .e-select.e-disable:hover, .e-tab.e-js > .e-left, .e-tab.e-js > .e-right, .e-tab.e-disable .e-select:hover {
    border: none
}

.e-tab.e-js > .e-header, .e-tab.e-js .e-header > .e-select.e-disable:hover, .e-tab.e-js > .e-left, .e-tab.e-js > .e-right, .e-tab.e-disable .e-select:hover {
    background: #fcfcfc
}

.e-tab.e-js > .e-header, .e-tab.e-js .e-header > .e-select.e-disable:hover, .e-tab.e-js > .e-left, .e-tab.e-js > .e-right, .e-tab.e-disable .e-select:hover {
    border: none
}

.e-tab.e-js .e-header > .e-active.e-disable:hover {
    background: transparent
}

    .e-tab.e-js .e-header > .e-active.e-disable:hover a {
        color: #179bd7
    }

.e-tab.e-js .e-header > .e-rtl-bottom-line.e-active {
    padding-top: 1px;
    border-top: transparent
}

.e-tab.e-js .e-header .e-select.e-disable a, .e-tab.e-js.e-disable a {
    cursor: default
}

.e-tab > .e-header {
    border-left: none
}

.e-tab > .e-header {
    border: 1px solid #c8c8c8
}

.e-tab .e-left {
    border-right: 1px solid #c8c8c8
}

.e-tab .e-right {
    border-left: 1px solid #c8c8c8
}

.e-tab.e-js .e-left .e-item.e-active, .e-tab.e-js .e-left .e-item.e-active:hover {
    outline: 0 none;
    margin-right: -1px
}

    .e-tab.e-js .e-left .e-item.e-active, .e-tab.e-js .e-left .e-item.e-active:hover {
        border-right: transparent
    }

.e-tab.e-js .e-right .e-item.e-active, .e-tab.e-js .e-right .e-item.e-active:hover {
    margin-left: -1px;
    outline: 0 none
}

    .e-tab.e-js .e-right .e-item.e-active, .e-tab.e-js .e-right .e-item.e-active:hover {
        border-left: transparent
    }

.e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active, .e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active:hover {
    border: 1px solid #c8c8c8
}

.e-tab .e-left .e-item.e-active, .e-tab .e-right .e-item.e-active {
    border-bottom: 1px solid #c8c8c8
}

.e-tab .e-header li {
    border-top: 0
}

.e-tab.e-js .e-header > .e-bottom-line.e-active, .e-tab.e-js .e-header > .e-bottom-line.e-active:hover {
    outline: 0 none
}

    .e-tab.e-js .e-header > .e-bottom-line.e-active, .e-tab.e-js .e-header > .e-bottom-line.e-active:hover {
        padding-bottom: 1px;
        border-bottom: transparent
    }

.e-tab.e-js .e-header > .e-top-line.e-active, .e-tab.e-js .e-header > .e-top-line.e-active:hover {
    padding-top: 1px;
    outline: 0 none
}

    .e-tab.e-js .e-header > .e-top-line.e-active, .e-tab.e-js .e-header > .e-top-line.e-active:hover {
        border-top: transparent
    }

.e-tab .e-left li, .e-tab .e-right li {
    border-bottom: 1px solid #c8c8c8
}

.e-tab.e-vertical {
    background: transparent;
    border: 1px solid #c8c8c8
}

.e-tab.e-js .e-header > .e-item:hover, .e-tab.e-js .e-left > .e-item:hover, .e-tab.e-js .e-right > .e-item:hover {
    background-color: #86cbea;
    color: #282827;
    filter: none
}

.e-tab.e-js .e-header .e-icon.e-chevron-circle-left, .e-icon.e-chevron-circle-right {
    color: #179bd7
}

.e-tab.e-js .e-header > .e-item:hover > .e-icon, .e-tab.e-js .e-left > .e-item:hover > .e-icon, .e-tab.e-js .e-right > .e-item:hover > .e-icon {
    color: #282827
}

.e-tab.e-js > .e-content {
    border-color: #c8c8c8;
    font-size: 14px;
    border-style: solid
}

.e-tab.e-js > .e-content {
    border-width: 1px;
    background: #fff;
    color: #333
}

.e-tab.e-js .e-header > .e-select, .e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active, .e-tab.e-js .e-left > .e-select, .e-tab.e-js .e-right > .e-select {
    border-color: #c8c8c8;
    color: #333;
    border: none;
    background: none
}

.e-tab.e-js .e-header > .e-select, .e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active, .e-tab.e-js .e-left > .e-select, .e-tab.e-js .e-right > .e-select {
    font-weight: normal;
    font-size: 16px
}

.e-tab.e-js .e-header > .e-select, .e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active, .e-tab.e-js .e-left > .e-select, .e-tab.e-js .e-right > .e-select {
    background: #fcfcfc
}

.e-tab .e-header > .e-select a, .e-tab .e-left > .e-select a, .e-tab .e-right > .e-select a {
    color: #333
}

.e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active {
    color: #179bd7;
    border-color: #c8c8c8;
    border: 1px solid #c8c8c8
}

.e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active {
    background: #fff
}

    .e-tab.e-js .e-header > .e-active:hover, .e-tab.e-js .e-left > .e-active:hover, .e-tab.e-js .e-right > .e-active:hover, .e-tab.e-js .e-header.e-item:hover, .e-tab.e-js .e-left.e-item:hover, .e-tab.e-js .e-right.e-item:hover {
        background: #86cbea;
        color: #282827
    }

.e-tab .e-header > .e-active a, .e-tab .e-left > .e-active a, .e-tab .e-right > .e-active a {
    color: #179bd7
}

.e-tab .e-header > .e-select:hover a, .e-tab .e-left > .e-select:hover a, .e-tab .e-right > .e-select:hover a {
    color: #282827
}

.e-tab .e-header > .e-active:hover a, .e-tab .e-left > .e-active:hover a, .e-tab .e-right > .e-active:hover a {
    color: #282827
}

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

.e-tab .e-hidebottom {
    border-top: none !important
}

.e-tab .e-hidetop {
    border-bottom: none !important
}

.e-tab .e-header.e-addborderbottom {
    border-bottom: 1px solid #c8c8c8
}

.e-tab .e-header.e-addbordertop {
    border-top: 1px solid #c8c8c8
}

.e-tab .e-header.e-hideleft {
    border-left: none
}

.e-tab .e-header.e-addborderleft {
    border-right: 1px solid #c8c8c8
}

.e-tab .e-header.e-hideright {
    border-right: none
}

.e-tab .e-header.e-addborderright {
    border-left: 1px solid #c8c8c8
}

.e-tab .e-header .e-margine-top:hover {
    border-top: 1px solid #fff
}

.e-tab .e-header .e-margine-bottom:hover {
    border-bottom: 1px solid #fff
}

.e-tab .e-header.e-addborderbottom .e-active {
    border-top: 3px solid #179bd7
}

.e-tab .e-header.e-addbordertop .e-active {
    border-bottom: 3px solid #179bd7
}

.e-tab .e-right.e-addborderright .e-active {
    border-right: 3px solid #179bd7
}

.e-tab .e-left.e-addborderleft .e-active {
    border-left: 3px solid #179bd7
}

.e-tab.e-js.e-tabscroll > .e-content {
    padding-top: 44.3333px
}

.e-tab.e-js.e-tabscroll > .e-header.e-addborderbottom {
    border-bottom: 1px solid #bbbcbb
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e-menu.e-separator.e-horizontal > .e-list, .e-menu.e-separator.e-horizontal > .e-list:hover, .e-menu.e-horizontal > .e-separator.e-list, .e-menu.e-horizontal > .e-separator.e-list:hover {
    border-right-color: #c8c8c8
}

.e-menu.e-horizontal .e-list > ul .e-list.e-separator, .e-menu.e-horizontal .e-list > ul .e-list.e-separator:hover, .e-menu.e-vertical .e-list > ul .e-list.e-separator, .e-menu.e-vertical .e-list > ul .e-list.e-separator:hover, .e-menu.e-context .e-list > ul .e-list.e-separator, .e-menu.e-context .e-list > ul .e-list.e-separator:hover, .e-menu.e-separator.e-vertical > .e-list, .e-menu.e-vertical > .e-separator.e-list, .e-menu.e-separator.e-vertical > .e-list:hover, .e-menu.e-vertical > .e-separator.e-list:hover, .e-menu.e-context > .e-separator.e-list, .e-menu.e-context > .e-separator.e-list:hover {
    border-bottom-color: #c8c8c8
}

.e-menu.e-separator.e-rtl.e-horizontal > .e-list, .e-menu.e-rtl.e-horizontal > .e-separator.e-list, .e-menu.e-rtl.e-horizontal > .e-separator.e-list:hover {
    border-left-color: #c8c8c8
}

.e-menu.e-horizontal .e-list > .e-menulink, .e-menu.e-vertical .e-list > .e-menulink, .e-menu.e-context .e-list > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-res-title, .e-menu.e-vertical {
    color: #333
}

    .e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-menu.e-vertical, .e-menu.e-vertical .e-list > ul, .e-menu.e-context, .e-menu.e-context .e-list > ul {
        background: #fff
    }

        .e-menu, .e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap, .e-menu.e-vertical, .e-menu.e-vertical .e-list > ul, .e-menu.e-context, .e-menu.e-context .e-list > ul {
            border-color: #c8c8c8
        }

            .e-menu.e-horizontal .e-list > ul {
                background: #fff;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
            }

            .e-menu.e-horizontal .e-list > ul {
                border-color: #c8c8c8
            }

            .e-menu.e-horizontal > .e-list.e-active > span.e-menu-arrow > span.e-arrowMenuOuter {
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                left: 0;
                top: 0;
                border-bottom: 10px solid #86cbea;
                position: absolute
            }

            .e-menu.e-horizontal > .e-list.e-active > span.e-menu-arrow > span.e-arrowMenuInner {
                width: 0;
                height: 0;
                border-left: 9px solid transparent;
                border-right: 9px solid transparent;
                border-bottom: 9px solid #fff;
                left: 1px;
                top: 1px;
                position: absolute
            }

            .e-menu.e-horizontal .e-list:hover, .e-menu.e-vertical .e-list:hover, .e-menu.e-context .e-list:hover {
                border-color: #86cbea
            }

            .e-menu.e-horizontal .e-list:hover, .e-menu.e-vertical .e-list:hover, .e-menu.e-context .e-list:hover {
                background: #86cbea
            }

            .e-menu.e-horizontal .e-list > ul li.e-haschild:hover, .e-menu.e-vertical .e-list > ul li.e-haschild:hover, .e-menu.e-context .e-list > ul li.e-haschild:hover {
                border-color: #86cbea
            }

            .e-menu.e-horizontal .e-list:hover > .e-menulink, .e-menu.e-vertical .e-list:hover > .e-menulink, .e-menu.e-context .e-list:hover > .e-menulink {
                color: #282827
            }

            .e-menu.e-horizontal .e-list.e-active, .e-menu.e-vertical .e-list.e-active, .e-menu.e-context .e-list.e-active {
                color: #fff;
                border-color: #179bd7
            }

            .e-menu.e-horizontal .e-list.e-active, .e-menu.e-vertical .e-list.e-active, .e-menu.e-context .e-list.e-active {
                background: #179bd7
            }

            .e-menu.e-horizontal .e-list > ul li.e-haschild.e-active > .e-menulink, .e-menu.e-vertical .e-list > ul li.e-haschild.e-active > .e-menulink, .e-menu.e-context .e-list > ul li.e-haschild.e-active > .e-menulink {
                border-color: #179bd7;
                color: #fff
            }

            .e-menu.e-horizontal .e-list > ul li.e-haschild.e-active > .e-menulink, .e-menu.e-vertical .e-list > ul li.e-haschild.e-active > .e-menulink, .e-menu.e-context .e-list > ul li.e-haschild.e-active > .e-menulink {
                background: #179bd7
            }

            .e-menu.e-horizontal .e-list.e-active > .e-menulink, .e-menu.e-vertical .e-list.e-active > .e-menulink, .e-menu.e-context .e-list.e-active > .e-menulink, .e-menu.e-horizontal .e-list.e-active:hover, .e-menu.e-vertical .e-list.e-active:hover, .e-menu.e-context .e-list.e-active:hover {
                color: #fff
            }

            .e-menu .e-list > a .e-icon, .e-menu .e-list > span > .e-icon {
                color: #686969
            }

            .e-menu .e-list:hover > a .e-icon, .e-menu .e-list:hover > span > .e-icon {
                color: #282827
            }

            .e-menu .e-list.e-active > a > .e-icon, .e-menu .e-list.e-active > span > .e-icon, .e-menu .e-list.e-active:hover > a > .e-icon, .e-menu .e-list.e-active:hover > span > .e-icon {
                color: #fff
            }

            .e-menu.e-horizontal .e-list.e-disable-item, .e-menu.e-vertical .e-list.e-disable-item, .e-menu.e-context .e-list.e-disable-item {
                background-color: transparent
            }

                .e-menu.e-horizontal .e-list.e-disable-item .e-icon, .e-menu.e-vertical .e-list.e-disable-item .e-icon, .e-menu.e-context .e-list.e-disable-item .e-icon {
                    color: #686969
                }

                .e-menu.e-horizontal .e-list.e-disable-item *, .e-menu.e-vertical .e-list.e-disable-item *, .e-menu.e-context .e-list.e-disable-item * {
                    filter: alpha(opacity=40);
                    opacity: .4
                }

                .e-menu.e-horizontal .e-list.e-disable-item .e-menulink:hover, .e-menu.e-horizontal .e-list.e-disable-item:hover, .e-menu.e-vertical .e-list.e-disable-item .e-menulink:hover, .e-menu.e-vertical .e-list.e-disable-item:hover, .e-menu.e-context .e-list.e-disable-item .e-menulink:hover, .e-menu.e-context .e-list.e-disable-item:hover {
                    background-color: transparent;
                    background-image: none;
                    color: #333;
                    cursor: default
                }

            .e-menu.e-horizontal .e-mhover, .e-menu.e-context .e-mhover, .e-menu.e-vertical .e-mhover, .e-menu.e-horizontal .e-mhover > .e-menulink, .e-menu.e-context .e-mhover > .e-menulink, .e-menu.e-vertical .e-mhover > .e-menulink, .e-menu.e-horizontal .e-mfocused, .e-menu.e-context .e-mfocused, .e-menu.e-vertical .e-mfocused, .e-menu.e-horizontal .e-mfocused > .e-menulink, .e-menu.e-context .e-mfocused > .e-menulink, .e-menu.e-vertical .e-mfocused > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
                color: #282827;
                border-color: #86cbea
            }

                .e-menu.e-horizontal .e-mhover, .e-menu.e-context .e-mhover, .e-menu.e-vertical .e-mhover, .e-menu.e-horizontal .e-mhover > .e-menulink, .e-menu.e-context .e-mhover > .e-menulink, .e-menu.e-vertical .e-mhover > .e-menulink, .e-menu.e-horizontal .e-mfocused, .e-menu.e-context .e-mfocused, .e-menu.e-vertical .e-mfocused, .e-menu.e-horizontal .e-mfocused > .e-menulink, .e-menu.e-context .e-mfocused > .e-menulink, .e-menu.e-vertical .e-mfocused > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
                    background: #86cbea
                }

            .e-menu.e-horizontal .e-active, .e-menu.e-context .e-active, .e-menu.e-vertical .e-active, .e-menu.e-horizontal .e-active > .e-menulink, .e-menu.e-context .e-active > .e-menulink, .e-menu.e-vertical .e-active > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
                color: #fff;
                border-color: #86cbea
            }

                .e-menu.e-horizontal .e-active, .e-menu.e-context .e-active, .e-menu.e-vertical .e-active, .e-menu.e-horizontal .e-active > .e-menulink, .e-menu.e-context .e-active > .e-menulink, .e-menu.e-vertical .e-active > .e-menulink, .e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
                    background: #179bd7
                }

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
    border-color: #86cbea
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
    color: #fff
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
    background: #86cbea
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:active {
    color: #fff;
    border-color: #86cbea
}

.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:active {
    background: #179bd7
}

.e-menu.e-horizontal > .e-list span.e-menu-left {
    display: block
}

.e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-down {
    display: block
}

.e-menu.e-horizontal > .e-ham-wrap {
    background: #fff;
    border-left-color: #c8c8c8
}

    .e-menu.e-horizontal > .e-ham-wrap:hover {
        color: #fff;
        border-color: #86cbea
    }

    .e-menu.e-horizontal > .e-ham-wrap:hover {
        background: #86cbea
    }

    .e-menu.e-horizontal > .e-ham-wrap:active {
        color: #fff;
        border-color: #86cbea
    }

    .e-menu.e-horizontal > .e-ham-wrap:active {
        background: #179bd7
    }

    .e-menu.e-horizontal > .e-ham-wrap > div > .e-hamburger {
        border-top-color: #333;
        border-bottom-color: #333
    }

        .e-menu.e-horizontal > .e-ham-wrap > div > .e-hamburger:before {
            border-top-color: #333
        }

.e-menu-wrap > .e-menu-popwrap {
    border-color: #c8c8c8
}

    .e-menu-wrap > .e-menu-popwrap > .e-menu {
        background-color: #fff
    }

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

.e-slider.e-widget {
    background-color: #fff;
    border-color: #c8c8c8
}

.e-tooltipbox {
    background-color: #fff;
    border-color: #c8c8c8;
    color: #333
}

.e-slider .e-handle.e-select {
    background-color: #ececec;
    border-color: #c8c8c8
}

.e-slider .e-handle.e-hover {
    background-color: #86cbea;
    border-color: #c8c8c8
}

.e-slider .e-handle.e-focus {
    background-color: #86cbea;
    box-shadow: 0 0 2px #cbcbcb;
    border-color: #179bd7
}

.e-slider .e-range {
    background: #179bd7
}

.e-scale .e-tick {
    background-image: url(images/slider-tick.png)
}

.e-slider-wrap .e-scale .e-tick .e-tick-value {
    color: #333
}

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

.e-pdfviewer-outerborder:hover {
    border-color: #c8c8c8;
    color: #333
}

.e-pdfviewer-outerborder:hover {
    background: #86cbea
}

.e-pdfviewer-tbdiv.e-pdfviewer-exporttip {
    border-color: #c8c8c8;
    background-color: #fff
}

.e-pdfviewer-tbdiv.e-pdfviewer-exporttip {
    background: #ececec
}

.e-pdfviewer-tbdiv.e-pdfviewer-fittopagetip {
    border-color: #c8c8c8;
    background-color: #fff
}

.e-pdfviewer-tbdiv.e-pdfviewer-fittopagetip {
    background: #ececec
}

.e-pdfviewer-tbdiv.e-pdfviewer-tooltip {
    background: #fff;
    border-color: #c8c8c8
}

.e-pdfviewer-headerspan, .e-pdfviewer-contentspan {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-pdfviewer-headerspan, .e-pdfviewer-contentspan {
    color: #333
}

.e-pdfviewer-viewer {
    font-size: 14px
}

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

.e-pdfviewer-toolbarcontainer .ejinputtext {
    background-color: #fff !important
}

.e-pdfviewer-viewerblock {
    background-color: #f6f6f6;
    font-size: 12.5px;
    color: #333
}

.e-pdfviewer-viewerblockcellcontent {
    font-size: 14.5px;
    color: #333
}

.e-pdfviewer-viewpdf {
    border-left-color: #c8c8c8
}

.e-pdfviewer-scrollcontainer, .e-pdfviewer-viewer > .e-splitter .e-pane {
    background-color: #e8e8e8
}

.e-pdfviewer-pageviewcontainer {
    background-color: #ccc
}

.e-pdfviewer-pageview {
    -moz-box-shadow: rgba(0,0,0,.6);
    -webkit-box-shadow: rgba(0,0,0,.6);
    box-shadow: rgba(0,0,0,.3);
    border-color: #808080
}

.e-pdfviewer-label, .e-pdfviewer-tbpage, .e-pdfviewer-elementalignments, .e-pdfviewer-textbox {
    color: #333
}

.e-pdfviewer-label, .e-pdfviewer-tbpage, .e-pdfviewer-elementalignments, .e-pdfviewer-textbox {
    font-size: 14px;
    font-weight: normal
}

.e-pdfviewer-labelpageno {
    font-size: 16px !important
}

.e-pdfviewer-documentmapcontainer div, .e-pdfviewer-documentmappopup {
    background-color: #ebebeb
}

.e-pdfviewer-pagepopupinfo {
    background-color: #000
}

.e-pdfviewer-viewerblock, .e-pdfviewer-viewer, .e-pdfviewer-pagenumber, .e-pdfviewer-tbpage, .e-pdfviewer-tbdiv.e-pdfviewer-exportlist, .e-pdfviewer-label, .e-pdfviewer-labelpageno {
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important
}

.e-pdfviewer-viewerblock, .e-pdfviewer-elementalignments, .e-pdfviewer-viewerblockcellcontent, .e-pdfviewer-viewerblockcontent, .e-pdfviewer-textbox, .e-pdfviewer-documentmappopup {
    border-color: #c8c8c8
}

.e-pdfviewer-toolbarcontainer.e-toolbar {
    border-color: #c8c8c8
}

.e-pdfviewer-searchbox {
    border-color: #c8c8c8
}

.e-pdfviewer-viewercontainer {
    background-color: #ececec;
    border-color: #c8c8c8
}

.e-pdfviewer-pageCanvas {
    border: solid #000 1px
}

.e-pdfviewer-popupmenu {
    border: solid 2px #c8c8c8;
    background-color: #ececec
}

.e-pdfviewer-innercontent {
    border-color: #000;
    background-color: #fff
}

.e-pdfviewer-closeicon {
    color: #333
}

.e-pdfviewer-properties-okbtn, .e-pdfviewer-properties-cancelbtn {
    background-color: #fff !important
}

.e-pdfviewer-currenttime, .e-pdfviewer-username {
    color: #333
}

.e-tab.e-js .e-header > .e-active.e-pdfviewer-tab-li a {
    color: #333 !important
}

.e-pdfviewer-opacity-slider.e-slider .e-handle.e-select {
    background-color: #fff
}

.e-tab.e-js .e-header > .e-active.e-pdfviewer-tab-li {
    border-top-color: #c8c8c8 !important
}

.e-pdfviewer-popupli:hover {
    background-color: #86cbea;
    color: #282827
}

.e-pdfviewer-popupli:hover {
    background: #86cbea
}

.e-pdfviewer-popupli {
    color: #333 !important;
    font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial !important;
    font-size: 14px !important;
    font-weight: normal !important
}