@media (min-width: 1920px) {
}

@media (min-width: 1024px) and (max-width: 1920px) {
    .e-dialog.e-edittable {
        max-width: 470px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .e-dialog.e-edittable {
        max-width: 470px;
    }
}

@media (min-width: 320px) and (max-width:480px) {
    .e-dialog.e-dialog-wrap.e-dialog-resize {
        width: 100%;
        height: 100%;
        min-width: 320px;
    }

    .e-responsive-toolbar.e-normal {
        width: 200px;
    }

    .e-rte .e-rte-tablefields {
        width: 32%;
    }

    .e-rte .e-dialog .e-tab .e-img-border-field {
        width: 50%;
        margin-top: 2em;
    }

    .e-rte .e-dialog .e-tab .e-rte-stylefield {
        margin-top: -2em;
        margin-right: -28px;
        padding: 0.2em;
    }

    .e-rte .e-inputtext {
        width: 90%;
    }

    .e-rte.e-findandreplace.e-dialog .e-widget-content .e-txtbox {
        margin: 0px;
    }

    .e-dialog.e-edittable {
        max-width: 470px;
    }

    .e-rte .e-rte-video {
        min-width: 270px;
    }

    .e-rte.e-findandreplace.e-dialog .e-widget-content > span {
        height: 55px;
    }

    .e-rte-explorer.e-rte-fileBrowser, .e-rte-explorer.e-rte-imgBrowser {
        width: auto !important;
    }
}
/*------------------------Responsive Ribbon-----------------------------------*/
@media (min-width: 320px) and (max-width:480px) {
    .e-ribbon.e-js.e-responsive {
        width: 100% !important;
    }
}

.e-ribbon.e-responsive .e-backstagecontent {
    padding: 0px;
}

.e-ribbon.e-responsive .e-ribupdivarrow.e-toolbaralign {
    padding-top: 3px;
}

.e-ribbon.e-responsive .e-responsivecontent .e-mobribgroup .e-split:not(.e-drop),
.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-split:not(.e-drop) {
    min-width: 48px !important;
    min-height: 48px !important;
}

.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-rbn-button.e-button .e-icon,
.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-rbn-button.e-togglebutton .e-icon,
.e-ribbon.e-responsive .e-responsivecontent .e-rbn-button.e-button .e-icon,
.e-ribbon.e-responsive .e-responsivecontent .e-rbn-button.e-togglebutton .e-icon {
    display: inherit;
}

.e-ribbon.e-responsive .e-responsivecontent .e-button .e-btntext,
.e-ribbon.e-responsive .e-responsivecontent .e-togglebutton .e-btntext {
    padding-top: 4px;
}

.e-ribbon.e-responsive .e-responsivecontent .e-btn:not(.e-split-btn),
.e-ribbon.e-responsive .e-responsivecontent .e-split:not(.e-drop) {
    min-width: 48px !important;
    min-height: 48px !important;
}

.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-btn:not(.e-split-btn) {
    min-width: 48px !important;
    height: 48px !important;
}

.e-ribbon.e-responsive .e-rbn-resize,
.e-ribbon.e-responsive .e-respmobcontent {
    min-width: 100% !important;
}

.e-ribbon.e-responsive .e-rbn-dll-cus {
    padding-bottom: 12px;
}

.e-ribbon.e-responsive .e-respmobcontent .e-mobribgroup .e-split.e-drop {
    height: 48px !important;
    width: 48px !Important;
}

.e-ribbon.e-responsive .e-responsivecontent .e-ribGroupContent {
    width: auto !important;
    height: auto !important
}

.e-ribbon.e-responsive .e-separatordivrow {
    display: none !important
}

.e-ribbon.e-responsive.e-responsivecontent .e-innerdivchild {
    height: 48px !important;
}

.e-ribbon.e-responsive .e-scrollbar .e-vscroll .e-button.e-icon,
.e-ribbon.e-responsive .e-scrollbar .e-hscroll .e-button.e-icon,
.e-ribbon.e-responsive .e-responsivebackstagecontent .e-backstagetitlecontent {
    display: none;
}

.e-ribbon.e-responsive .e-tooltipdiv,
.e-ribbon.e-responsive .e-resizediv {
    display: none !important;
}

.e-ribbon.e-responsive .e-mobribgroup .e-ribupdivarrow,
.e-ribbon.e-responsive .e-mobdiv, .e-ribbon.e-responsive .e-respmobcontent {
    display: inline-block;
}

.e-ribbon.e-responsive .e-modelDiv {
    display: none !important;
}

.e-ribbon.e-responsive .e-respmobcontent {
    height: 48px;
}

.e-ribbon.e-responsive .e-mobdiv {
    vertical-align: middle;
    padding-right: 4px;
}

.e-ribbon.e-responsive .e-mobribgroup .e-mobdiv .e-rbn-resize {
    width: 90% !important;
}

.e-ribbon.e-responsive .e-mobribgroup {
    display: inline-block;
}

.e-ribbon.e-responsive .e-contextliset {
    display: none;
}

.e-ribupdivarrow.e-toolbaralign {
    padding-right: 12px;
    position: absolute;
    right: 0px;
}

.e-ribbon.e-responsive .e-header {
    border-left: 0px !important;
    border-right: 0px !important;
}

.e-ribbon.e-responsive.e-js .e-header > .e-select {
    border: none !important;
}

.e-ribbon.e-responsive .e-groupmobdiv {
    width: 100%;
    height: 48px !important;
    display: table !important;
}

.e-ribbon.e-responsive .e-responsivecontent .e-ribupdivarrow {
    display: none;
}

.e-ribbon.e-responsive .e-resgroupheader {
    white-space: normal;
}

    .e-ribbon.e-responsive .e-resgroupheader .e-innerdiv {
        display: inline-block;
    }

.e-ribbon.e-responsive .e-responsivecontent .e-ribGroupContent {
    padding: 12px;
}

.e-ribbon.e-responsive .e-resgroupheader .e-rbn-button .e-btntxt {
    display: table-cell;
}

.e-ribbon.e-responsive .e-responsiveqat .e-btn.e-rbn-button {
    width: 32px !Important;
}

.e-ribbon.e-responsive .e-innerdivrow {
    padding-bottom: 0;
    padding-left: 0;
}

.e-ribbon.e-responsive .e-responsivecontent .e-innerdivrow {
    width: 100%;
}

.e-ribbon.e-responsive .e-contextliset {
    display: none;
}

.e-ribbon.e-responsive .e-ribresmenu .e-icon:before {
    font-size: 14px;
    left: -2px;
    top: 1px;
}

.e-ribbon.e-rbnwithqat.e-responsive .e-qatooldiv {
    padding-top: 0px;
    padding-bottom: 0px;
}

.e-ribbon.e-rbnwithqat.e-responsive .e-responsiveqat {
    padding-top: 8px;
}

.e-ribbon.e-responsive .e-backstagerestop:after {
    margin-bottom: 1px;
    width: 1px;
}

.e-ribbon.e-responsive .e-groupdiv {
    padding-right: 0px;
    padding-top: 0px;
}

.e-ribbon.e-responsive .e-responsivebackstagecontent {
    z-index: 100002;
    position: absolute;
    width: 100%;
}

.e-ribbon.e-responsive .e-resizebtn > .e-groupdiv {
    padding-top: 0px;
}

.e-ribbon.e-responsive .e-rescontent {
    top: 10px;
    position: absolute;
    left: 12px;
    z-index: 10001;
    display: table-cell;
    list-style: none;
    padding: 0;
    vertical-align: top;
    width: 120px;
}

.e-ribbon.e-responsive .e-responsiveqat .e-icon.e-ribbon:before {
    font-size: 20px;
}

.e-ribbon.e-responsive .e-responsivetabli {
    padding: 8px 15px 8px 10px;
    text-align: left;
}

.e-ribbon.e-responsive .e-responsiveqat .e-split {
    height: 25px !Important;
    width: 35px !Important;
}

.e-ribbon.e-responsive .e-responsiveqat .e-icon.e-ribbon:before {
    font-size: 20px;
}

.e-ribbon.e-responsive .e-responsiveqat .e-icon.e-ribbonpaste:before {
    left: -3px;
}

.e-ribbon.e-responsive .e-groupdiv {
    display: table !important;
}

    .e-ribbon.e-responsive .e-groupdiv > div:after {
        width: 0px !important;
    }

.e-ribbon.e-responsive .e-resshow {
    display: block !important;
}

.e-ribbon.e-responsive .e-responsivebackstage .e-backstageheader {
    position: absolute;
    z-index: 10001;
    top: 2px;
    left: 2px;
    margin-bottom: 0px;
}

.e-ribbon.e-responsive .e-responsivebackstage li {
    width: auto !important;
}

.e-ribbon.e-responsive .e-groupresponsive.e-ribrightarrow {
    padding-top: 16px;
}

.e-ribbon.e-responsive .e-responsivecontent .e-gallerymovediv,
.e-ribbon.e-responsive .e-ribbonbackstagepage,
.e-ribbon.e-responsive .e-reshide {
    display: none !important;
}

.e-ribbon.e-responsive .e-responsivecontent .e-gallexpandcontent {
    padding-left: 15px;
}

.e-ribbon.e-responsive .e-responsivecontent .e-galleryextrabtn {
    overflow: hidden;
    display: table;
    width: 100%;
}

.e-ribbon.e-responsive .e-responsivecontent {
    width: auto;
    height: auto;
}

.e-ribbon.e-responsive .e-groupresponsive,
.e-ribbon.e-responsive .e-resbackstage {
    display: block !important;
}

.e-ribbon.e-responsive .e-rbnquickaccessbar.e-rbnabove,
.e-ribbon.e-responsive .e-rbnqatmenu div,
.e-ribbon.e-responsive .e-responsiveqat .e-splitbtnqatdiv,
.e-ribbon.e-responsive .e-rbnqatmenu li:not(.e-removemenuli) {
    display: none !important;
}

.e-ribbon.e-responsive .e-responsiveqat {
    display: inline-block !important;
    right: 0px;
    position: absolute;
}

.e-ribbon.e-responsive .e-header li.e-tab,
.e-ribbon.e-responsive .e-backstagetab a,
.e-ribbon.e-responsive .e-apptab:not(.e-backstagetab),
.e-ribbon.e-responsive .e-groupexpander,
.e-ribbon.e-responsive .e-contentbottom,
.e-ribbon.e-responsive .e-expandcollapse {
    display: none !important;
}

.e-ribbon.e-responsive .e-groupresponsive {
    float: right;
    padding-top: 11px;
    padding-right: 12px;
}

.e-ribbon.e-responsive .e-responsiveback {
    height: 48px;
    padding-left: 12px;
}

    .e-ribbon.e-responsive .e-responsiveback .e-groupresponsive {
        float: left;
    }

.e-ribbon.e-responsive .se-responsiveback .e-icon {
    float: left;
    left: 10px;
    position: absolute;
}

.e-ribbon.e-responsive .e-responsiveback .e-restopbackcontent {
    font-size: 22px;
    position: relative;
    top: 12px;
    line-height: 20px;
    margin-left: 20px;
}

.e-ribbon.e-responsive .e-respcontent .e-ribGroupContent {
    height: auto !important;
    min-height: 32px !important;
}

.e-ribbon.e-responsive .e-ribGroupContent .e-resshow .e-innerdivrow, .e-ribbon.e-responsive .e-innerdivrow > div {
    display: inline-block;
}

.e-ribbon.e-responsive .e-groupresponsive.e-ribrightarrow {
    padding: 0;
    position: relative;
    right: 12px;
    top: 14px;
}

.e-ribbon.e-responsive .e-resizebtn .e-icon:before {
    font-size: 26px;
    position: relative;
    top: 3px
}

.e-ribbon.e-responsive .e-innerdiv {
    padding-left: 0px;
}

.e-ribbon.e-responsive .e-groupresponsive.e-ribleftarrow {
    padding-top: 14px;
}

.e-ribbon.e-responsive .e-respcontent .e-resizebtn .e-btntxt {
    float: left;
    padding-top: 12px;
    position: relative;
    padding-left: 12px;
}

.e-responsivecontent .e-innerdivchild {
    padding-left: 2px;
}

.e-ribbon.e-responsive .e-resizegroupdiv {
    padding: 0 12px;
}

.e-ribbon.e-responsive .e-header {
    height: 46px !important
}

.e-ribbon.e-responsive .e-content.e-responsiveheight,
.e-ribbon.e-responsive .e-groupdiv,
.e-ribbon.e-responsive .e-backstagerestop {
    height: 48px !important;
}

.e-ribbon.e-responsive .e-content.e-responsiveToolbarScroll {
    height: 52px !important;
}

.e-ribbon.e-responsive .e-responsivebackstage {
    position: relative;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    z-index: 10001;
}

.e-ribbon.e-responsive .e-backstageshowanimate {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.e-ribbon.e-responsive .e-contentdownanimate {
}

.e-ribbon.e-responsive .e-groupdiv .e-resizebtn div {
    height: 48px !important;
}

.e-ribbon.e-responsive .e-groupdiv .e-resizebtn div {
    width: 100%
}

.e-ribbon.e-responsive .e-respcontent .e-resizebtn {
    width: 90%;
    text-align: left;
}

.e-ribbon.e-responsive .e-groupdiv {
    width: 100% !important;
}

.e-ribbon.e-responsive .e-backstagerestopcontent {
    position: absolute;
    top: 8px;
    left: 15px;
    color: white;
}

.e-ribbon.e-responsive .e-responsivebackstagecontent .e-backstageTitle {
    padding-left: 25px;
    font-size: 23px;
    top: 5px;
    position: relative;
    line-height: 20px;
}

.e-ribbon.e-responsive .e-groupdiv .e-botton .e-btntxt {
    padding-bottom: 10px;
}

.e-ribbon.e-responsive .e-ribdrop .e-arrowheaddown {
    margin-top: -10px;
}

.e-ribbon.e-responsive .e-respcontent .e-resizebtn span.e-icon:not(.e-ribbonresize) {
    float: left;
    display: inline-block;
    padding-right: 10px !important;
}

.e-ribbon.e-responsive .e-groupdiv .e-resizebtn .e-ribbonresize {
    display: none !important;
}

.e-ribbon.e-responsive .e-groupdiv .e-ribbon,
.e-ribbon.e-responsive .e-responsivecontent .e-ribbon {
    display: inline-block !important;
}

.e-ribbon.e-responsive .e-content.e-content-item {
    overflow: hidden;
    width: auto;
    transition: all 0.3s ease-in;
}

.e-ribbon.e-responsive .e-ribGroupContent.e-resgroupheader .e-innerdiv {
    vertical-align: middle;
}

.e-ribbon.e-responsive .e-ribresmenu {
    position: absolute;
    font-weight: normal;
    font-size: 14px;
}

    .e-ribbon.e-responsive .e-ribresmenu .e-icon {
        position: absolute;
        top: -10px;
        padding-left: 12px;
    }

.e-ribbon.e-responsive .e-header > li {
    height: 32px;
}

.e-ribbon.e-responsive .e-resbackstage {
    padding-left: 12px;
}

.e-ribbon.e-responsive .e-header li a {
    padding-left: 0px;
    padding-right: 0px;
}

.e-ribbon.e-responsive .e-ribresmenu a {
    width: auto;
}

.e-ribbon.e-responsive .e-resbackstage,
.e-ribbon.e-responsive .e-ribresmenu .e-icon {
    margin-top: 15px;
}

.e-ribbon.e-responsive .e-ribresmenu {
    top: 8px;
}

.e-ribbon.e-responsive .e-gallerybtn {
    display: block;
    float: left;
}

.e-ribbon.e-responsive .e-galleryexpanderrow {
    display: inline;
}

.e-ribbon.e-responsive .e-responsiveqat .e-icon.e-ribbon:before {
    top: -8px;
}

.e-ribbon.e-responsive .e-ribbongallerycontrol .e-extracontent {
    display: none;
}

.e-ribbon.e-responsive .e-resqatScroll .e-scrollbar {
    display: none !important;
}

.e-ribbon.e-responsive .e-resqatScroll .e-content {
    padding-bottom: 7px;
}

.e-ribbon.e-responsive .e-header.e-resheader,
.e-ribbon.e-responsive .e-ribresmenu {
    display: inline-block !important;
}

.e-ribbon.e-ribwithout-apptab.e-responsive .e-header.e-resheader {
    display: table !important;
}

.e-ribbon.e-responsive .e-header li {
    margin-top: 0px !important;
    cursor: pointer;
}

.e-ribbon.e-responsive .e-backstageTitle {
    display: inline-block;
}

.e-ribbon.e-responsive .e-responsivebackstagecontent .e-backstagerestop .e-icon {
    position: absolute;
    display: inline-block;
    top: 6px;
}

.e-ribbon.e-responsive .e-responsiveqat .e-rbn-button.e-btn {
    border-top: 0px !important;
}

.e-ribbon.e-responsive .e-header .e-apptab .e-menu > li > a {
    font-size: 14px;
    font-weight: normal;
}

.e-ribbon.e-responsive.e-js .e-header .e-apptab {
    display: inline-block !important;
    font-size: 14px;
}

.e-ribbon.e-responsive .e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-down,
.e-ribbon.e-responsive.e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-right {
    right: -17px;
}

.e-ribbon.e-responsive .e-rescontent-menu {
    left: 60px;
}

.e-ribbon.e-responsive .e-rbncustomelement {
    padding-top: 6px;
}

.e-ribbon.e-responsive .e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-down, .e-ribbon.e-responsive .e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-right {
    top: 30%;
}
/*------------------------Responsive Ribbon-End-----------------------------------*/
@media (max-width:480px) {
    /*tab*/
    .e-tab .e-header li > a, .e-tab .e-header li > a > span:first-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 45px;
    }
}
/*kanban*/
@media (max-width:801px),(max-device-width: 1200px) {
    .e-kanbandialog table td.e-label {
        text-align: left !important;
    }

    .e-kanbandialog table td {
        float: left;
        width: 100%;
    }

    .e-kbntoolbar-body.e-toolbar {
        position: absolute;
        top: 0px;
        z-index: 100001;
        height: 37px;
        padding: 0px;
        left: 0px;
    }

    .e-kanbandialog table td.e-rowcell > :first-child {
        width: 100% !important;
        margin-top: 3px;
    }

    .e-kanbandialog .e-save, .e-kanbandialog .e-cancel {
        width: 100% !important;
        display: table;
    }

    .e-kanbandialog .e-kanban-editdiv {
        padding: 0 11px;
    }

    .e-rtl.e-kbnadapt-editdlg .e-dialog-content td.e-rowcell {
        text-align: right !important;
    }

    .e-rtl.e-kbnadapt-editdlg .e-dialog-content td.e-label {
        border-left: 0 none;
    }

    .e-rtl.e-kbnadapt-editdlg table td.e-label {
        text-align: right !important;
    }

    .e-kanbandialog .e-cancel {
        margin-top: 10px;
    }

    .e-kanban .e-columnrow .e-rowcell {
        border-top: none;
    }

    .e-swimlane-ddl, .e-kanban .e-kanbanfilter-icon {
        display: table-cell;
    }

    .e-kanbanfilter-window {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10000001;
    }

        .e-kanbanfilter-window .e-filter-content div {
            margin: 10px 0 0 10px;
        }

        .e-kanbanfilter-window .e-kbnfilterwindow-head {
            height: 40px;
        }

            .e-kanbantoolbar .e-kanbanfilter-icon, .e-kanbanfilter-window .e-kbnfilterwindow-head .e-text, .e-kanbanfilter-window .e-filterback-icon {
                cursor: default;
                display: inline;
                font-size: 14px;
            }

            .e-kanbanfilter-window .e-filterback-icon, .e-kanbanfilter-window .e-filter-done, .e-kanbanfilter-window .e-kbnfilterwindow-head .e-text {
                float: left;
                margin-left: 12px;
                margin-top: 8px;
            }

        .e-kanbanfilter-window .e-filter-content {
            height: 100%;
        }

        .e-kanbanfilter-window .e-kbnfilterwindow-head .e-filter-done {
            float: right;
            margin-right: 10px;
            cursor: pointer;
        }

        .e-kanbanfilter-window .e-kbnfilterwindow-head .e-filterlabel {
            margin-left: 10px;
        }

    .e-kanban .e-kanbantoolbar.e-adaptive-search .e-searchbar {
        width: 99%;
    }

    .e-kanban .e-kanbantoolbar .e-searchbar {
        float: right;
        height: 35px;
    }

    .e-kanban .e-adaptive-search li.e-search {
        width: 75%;
        position: relative;
        right: 7%;
    }

    .e-kanban .e-kanbantoolbar .e-searchitem {
        position: relative !important;
        border: none !important;
        height: 35px;
    }

    .e-kanban .e-kanbantoolbar .e-searchdiv {
        width: 100% !important;
    }

    .e-kanban .e-left-rotatecard {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    .e-kanban .e-stackedHeaderCell {
        text-align: left;
    }

    .e-kanban .e-adapt-search {
        width: 23px;
        display: table-cell;
        padding-left: 5px;
    }

    .e-kanban .e-kbnsearch-back {
        cursor: default;
        float: left;
        margin-left: 1%;
        margin-top: 8px;
    }

    .e-kanban .e-adapt-cancel {
        display: table-cell;
        padding-right: 6px;
    }

    .e-kanban .e-kanbantoolbar .e-searchdiv .e-ejinputtext:focus {
        box-shadow: none;
    }

    .e-kanbanfilter-window .e-clearfilter {
        position: absolute;
        width: 90%;
        left: 5%;
        bottom: 20px;
    }

    .e-kanban .e-searchfind {
        font-size: 19px;
        left: -3px;
        top: -1px;
        height: 25px;
    }

    .e-kanbanfilter-window .e-filterlabel {
        padding-left: 10px;
        font-weight: normal;
        font-size: 14px;
        display: inline;
    }

    .e-kanbandialog table {
        width: 100%;
    }

    .e-swimlane-ddl {
        position: relative;
        top: 6px;
        float: left;
        display: inline-flex;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
        width: 44%;
    }

    .e-kanban .e-kanbanheader .e-table, .e-kanban .e-kanbancontent > div > .e-table {
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-property: transform;
        transition-duration: 600ms;
    }

    .e-swimlane-ddl .e-down-arrow:before {
        content: "\e811";
        font-size: 8px;
        font-family: ej-webfont;
        position: relative;
        top: 5px;
    }

    .e-kanban .e-kanbantoolbar .e-kanbanfilter-icon:before {
        content: "\e814";
        font-family: ej-webfont;
        position: relative;
        top: 6px;
        left: 8px;
    }

    .e-kanban .e-kanbantoolbar .e-kanbanfilter-icon {
        height: 35px;
        width: 34px;
    }

    .e-kanban .e-kanbantoolbar li.e-printlist.e-tooltxt {
        border: none;
    }

    .e-kanban .e-printlist {
        background: none;
    }

    .e-kanban .e-kanbantoolbar .e-kbnclearfl-icon:before {
        content: "\e813";
    }

    .e-kanbanfilter-window .e-filterback-icon:before, .e-kanban .e-kbnsearch-back:before {
        content: "\e815";
        font-family: ej-webfont;
        font-size: 13px;
        cursor: pointer;
        position: relative;
        top: 4px;
    }

    .e-kanban .e-kbnsearch-back:before {
        position: relative;
        top: -2px;
    }

    .e-kanbanfilter-window .e-filterback-icon {
        margin-top: 5px;
    }

    .e-kanban .e-kanbantoolbar .e-searchitem:before, .e-kanban .e-adapt-search:before {
        content: "\e812";
        font-size: 16px;
        position: relative;
        left: 0px;
        top: 0px;
    }

    .e-kanban .e-kanbantoolbar:not(.e-adaptive-search) .e-search {
        width: inherit;
        margin-right: -2px;
        padding-left: 3px;
        height: 35px;
    }

    .e-kanban .e-kanbantoolbar:not(.e-adaptive-search) .e-searchitem:before {
        left: 0px;
    }

    .e-kbnadapt-editdlg, .e-kanbanfilter-window, .e-kbnsearchwaitingpopup {
        height: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .e-swimlane-ddl .e-swimlane-text {
        font-size: 14px;
        display: inline;
        padding: 7px 5px 0px 10px;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
    }

    .e-swimlane-ddl {
        cursor: default;
        margin-left: 5px;
        top: 0px;
        height: 35px;
    }

        .e-swimlane-ddl .e-swimlane-arrow:before {
            content: "\e811";
            font-size: 8px;
            position: relative;
            top: 9px;
            font-family: ej-webfont;
            left: -1px;
        }

        .e-swimlane-ddl .e-swimlane-arrow {
            display: inline;
        }

    .e-swimlane-window .e-swimlane-item {
        cursor: default;
        list-style: none;
        padding: 10px 0 0px 10px;
        font-family: Segoe UI;
        font-size: 14px;
    }

    .e-swimlane-window {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
    }

        .e-swimlane-window ul {
            margin:  0px;
            padding-left: 0px;
        }

    .e-kanban.e-responsive .e-vscroll.e-box {
        border: none;
    }

    .e-kanban .e-adaptive-search .e-search.e-tooltxt {
        height: 27px;
        position: relative;
        top: 4px;
        width: 90% !important;
        left: -12px;
    }

    .e-swimlane-ul li div:after {
        content: "";
        height: 1px;
        display: inherit;
        margin-top: 10px;
        width: 97%;
    }

    .e-kanbanfilter-window .e-kbnfilterwindow-body .e-chkbox-wrap .e-chkbox-small > span {
        height: 18px;
        width: 18px;
        top: 4px;
    }

    .e-kanbanfilter-window .e-kbnfilterwindow-body .e-chkbox-wrap .e-chk-image.e-stop, .e-kanbanfilter-window .e-kbnfilterwindow-body .e-chkbox-wrap .e-chk-image.e-checkmark {
        font-size: 15px;
        line-height: 17px;
    }

    .e-kanban .e-adaptive-search .e-searchbar {
        height: 35px;
    }

    .e-kanban .e-adaptive-search .e-ejinputtext.e-input {
        height: 25px;
        padding-left: 8px;
    }

    .e-kanban .e-adaptive-search .e-adapt-cancel {
        height: 25px;
    }

    .e-kanban .e-adaptive-search .e-searchdiv, .e-kanban .e-kanbantoolbar:not(.e-adaptive-search) .e-searchitem {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important;
    }

    .e-kanban .e-adaptive-search .e-adapt-cancel {
        height: 25px;
    }

        .e-kanban .e-adaptive-search .e-adapt-cancel:before {
            position: relative;
            top: 5px;
            left: -2px;
        }

        .e-kanban .e-adaptive-search .e-adapt-cancel.e-msieadapt:before {
            left: -42px;
        }

        .e-kanban .e-adaptive-search .e-adapt-cancel.e-webkitadapt:before {
            left: -5px;
        }

    .e-kanban .e-adapt-search:before {
        font-size: 15px;
        left: 1px;
        position: relative;
        top: 1px;
    }

    .e-kbnwindow-modal {
        overflow: hidden;
    }

    .e-kanban.e-swimlane-responsive .e-limits .e-swimlane-name {
        float: left;
    }

    .e-kanban .e-adaptive-search .e-searchdiv .e-ejinputtext {
        width: 100%;
    }

    .e-kbnadapt-editdlg .kanbanform input.e-numerictextbox {
        width: 100% !important;
    }

    .e-kanban .e-kanbantoolbar.e-adaptive-search a.e-searchfind {
        display: none !important;
    }

    .e-kanban .e-kanbantoolbar.e-adaptive-search {
        height: 34px;
    }

    .e-kbnslwindow-body {
        top: 37px;
        z-index: 10000001;
    }

        .e-kanban.e-responsive .e-vhandlespace, .e-kanbanfilter-window .e-vhandlespace, .e-kbnslwindow-body .e-vhandlespace, .e-kbnadapt-editdlg .e-vhandlespace {
            border: solid;
            border-width: 0px 1px 0px 1px;
            border: none;
        }

            .e-kanban.e-responsive .e-vhandlespace .e-vhandle, .e-kanbanfilter-window .e-vhandlespace .e-vhandle, .e-kbnslwindow-body .e-vhandlespace .e-vhandle, .e-kbnadapt-editdlg .e-vhandlespace .e-vhandle {
                border: none;
            }

        .e-kanban.e-responsive .e-vhandle, .e-kanbanfilter-window .e-vhandle, .e-kbnslwindow-body .e-vhandle, .e-kbnadapt-editdlg .e-vhandle {
            border-radius: 4px;
        }

        .e-kbnhide, .e-kanban.e-responsive .e-vup:before, .e-kanbanfilter-window .e-vup:before, .e-kbnslwindow-body .e-vup:before, .e-kbnadapt-editdlg .e-vup:before {
            display: none !important;
        }

    .e-kanban.e-kanbanscroll.e-responsive {
        border: none;
    }

    .e-kanban.e-responsive .e-headercell {
        vertical-align: middle;
    }

    .e-kanban.e-responsive .e-kanbantoolbar:not(.e-adaptive-search) .e-searchfind.e-webkitadapt-search {
        padding-top: 5px;
    }

    .e-kanban.e-responsive .e-headercell.e-toggleonly .e-clexpand {
        width: 10%;
    }
}

@media (max-width: 480px),(max-device-width: 600px) {
    .e-swimlane-ddl .e-swimlane-text {
        width: 80%;
    }

    .e-swimlane-ddl {
        width: 135px;
    }
}

@media (min-width: 480px) and (max-width:600px),(min-device-width: 600px) and (max-device-width: 800px) {
    .e-kanban .e-adaptive-search .e-search.e-tooltxt {
        left: -26px !important;
    }

    .e-kanbandialog .e-save, .e-kanbandialog .e-cancel {
        width: 96% !important;
        margin-left: 11px;
    }
}

@media (min-width: 600px) and (max-width:801px),(min-device-width: 800px) and (max-device-width: 1200px) {
    .e-kanban .e-adaptive-search .e-search.e-tooltxt {
        left: -28px !important;
    }

    .e-kanbandialog .e-kanban-editdiv {
        padding: 0px 11px;
    }

    .e-kanbandialog .e-save, .e-kanbandialog .e-cancel {
        width: 100% !important;
        margin-left: 0;
    }

    .e-swimlane-ddl .e-swimlane-text {
        width: 100%;
    }

    .e-swimlane-ddl {
        width: 135px;
    }
}

@media (min-width: 480px) and (max-width:767px) {
    /*tab*/
    .e-tab .e-header li > a > span:nth-child(2) {
        display: none;
    }

    .e-responsive-toolbar.e-normal {
        width: 250px;
    }

    .e-dialog.e-edittable {
        max-width: 470px;
    }

    .e-rte-explorer.e-rte-fileBrowser, .e-rte-explorer.e-rte-imgBrowser {
        width: auto !important;
    }
}

@media (max-width : 767px) {
    .e-menu.e-horizontal.e-menu-responsive li.e-list > a .e-icon {
        position: absolute;
        right: 8px;
    }

    .e-menu.e-menu-responsive .e-list > ul > .e-list > a span.e-arrows:before, .e-menu.e-menu-responsive .e-list > ul > .e-list > span span.e-arrows:before, .e-menu.e-vertical.e-menu-responsive > .e-list > a span.e-arrows:before, .e-menu.e-vertical.e-menu-responsive > .e-list > span span.e-arrows:before, .e-menu.e-menu-responsive .e-list > ul .e-list:hover > a span.e-arrows:before, .e-menu.e-menu-responsive .e-list > ul .e-list:hover > span span.e-arrows:before, .e-menu.e-menu-responsive > .e-list:hover > a span.e-arrows:before, .e-menu.e-menu-responsive > .e-list:hover > span span.e-arrows:before {
        content: "\e627" !important;
    }

    .e-menu.e-horizontal.e-menu-responsive li.e-list ul, .e-menu.e-vertical.e-menu-responsive li.e-list ul {
        border: 0 none;
    }

    .e-menu.e-separator.e-horizontal.e-menu-responsive > .e-list, .e-menu.e-separator.e-vertical.e-menu-responsive > .e-list {
        border: medium none;
    }

    .e-menu.e-menu-responsive {
        border-top: none;
    }

    .e-menu-wrap.e-menu-responsive .e-hide {
        display: block;
        position: absolute;
    }

    .e-menu.e-horizontal.e-menu-responsive, .e-menu.e-horizontal.e-menu-responsive.e-res-hide {
        display: none;
    }

        .e-menu-res-wrap.e-menu-responsive, .e-menu.e-horizontal.e-menu-responsive.e-res-show, .e-menu-wrap.e-menu-responsive .e-res-title {
            display: block;
        }

        .e-menu.e-horizontal.e-menu-responsive li.e-list, .e-menu.e-vertical.e-menu-responsive, .e-menu.e-vertical.e-menu-responsive li.e-list {
            display: block;
        }

            .e-menu.e-horizontal.e-menu-responsive li.e-list.e-hidden-item {
                display: none;
            }

            .e-menu.e-horizontal.e-menu-responsive li.e-list > ul, .e-menu.e-horizontal.e-menu-responsive li.e-list, .e-menu.e-vertical.e-menu-responsive li.e-list > ul, .e-menu.e-vertical.e-menu-responsive li.e-list {
                position: static;
            }

            .e-menu.e-horizontal.e-menu-responsive > li.e-list > ul:after, .e-menu.e-vertical.e-menu-responsive > li.e-list > ul:after {
                content: none;
            }

        .e-menu.e-horizontal.e-menu-responsive > .e-list > a {
            line-height: 32px !important;
        }

            .e-menu.e-horizontal.e-menu-responsive > .e-list > a > span {
                line-height: 1 !important;
                top: 35% !important;
            }

    .e-menu.e-horizontal.e-menu-responsive {
        height: initial !important;
    }

    .e-menu.e-vertical.e-menu-responsive > li.e-list > ul li.e-list > a, .e-menu.e-vertical.e-menu-responsive > li.e-list > ul li.e-list > span {
        line-height: 27px;
    }

    .e-menu.e-menu-responsive li.e-list > ul li.e-list > a, .e-menu.e-menu-responsive li.e-list > ul li.e-list > span {
        padding: 0px 18px 0px 30px;
        line-height: 32px;
    }

    .e-menu-res-wrap.e-menu-responsive .e-icon.e-check-wrap:before {
        content: "\e76b";
        font-size: 20px;
        width: 20px;
        height: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .e-menu-wrap.e-menu-responsive .e-menu.e-menu-responsive > li.e-separator {
        border: 0;
        border-bottom: 1px solid #c8c8c8;
    }

    .e-menu-wrap.e-menu-responsive .e-menu.e-horizontal.e-menu-responsive .e-list:hover {
        border-color: #c8c8c8;
    }
    /*------------------------Responsive Menu RTL-----------------------------------*/
    .e-menu-wrap.e-menu-rtl.e-menu-responsive {
        direction: rtl;
    }

        .e-menu-wrap.e-menu-rtl.e-menu-responsive .e-menu-res-wrap.e-menu-responsive .e-menu-res-in-wrap .e-check-wrap {
            border-right: 1px solid #aaaaaa
        }

        .e-menu-wrap.e-menu-rtl.e-menu-responsive .e-menu-res-wrap.e-menu-responsive .e-in-wrap.e-menu-res-in-wrap {
            padding: 5px 10px 0px 0px
        }

    .e-menu.e-separator.e-rtl.e-horizontal.e-menu-responsive > .e-list, .e-menu.e-separator.e-rtl.e-vertical.e-menu-responsive > .e-list, .e-menu-rtl .e-menu-res-wrap.e-menu-responsive .e-menu-res-in-wrap .e-check-wrap {
        border-left: initial;
        right: initial;
        left: 0px;
    }

    .e-menu.e-rtl.e-horizontal.e-menu-responsive > .e-list .e-arrow-space, .e-menu.e-rtl.e-vertical.e-menu-responsive > .e-list .e-arrow-space {
        padding-right: 10px;
    }

    .e-menu.e-rtl.e-horizontal.e-menu-responsive li.e-list > a .e-icon, .e-menu.e-rtl.e-vertical.e-menu-responsive li.e-list > a .e-icon {
        right: initial;
    }
}

@media (min-width: 768px) and (max-width: 1920px) {
    .e-menu-res-wrap.e-menu-responsive, .e-menu-wrap.e-menu-responsive .e-res-title, .e-menu-wrap.e-menu-responsive .e-res-icon, .e-menu-wrap.e-menu-responsive .hideIcon {
        display: none;
    }

    .e-responsive-toolbar.e-normal {
        width: 300px;
    }
}

/*------------------------Schedule Start-----------------------------------*/
@media (min-width: 320px) and (max-width:480px) {
    .e-schedule .e-datecolumn {
        width: 85px;
    }

    .e-schedule .e-timecolumn {
        width: 85px;
    }

    .e-schedule .e-resourcecolumn {
        width: 55px;
    }
}

@media (max-width:320px) {
    .e-schedule .e-datecolumn {
        width: 85px;
    }

    .e-schedule .e-timecolumn {
        width: 70px;
    }

    .e-schedule .e-resourcecolumn {
        width: auto;
    }
}

.e-schedule.e-scheduleresponsive .e-textwrapper {
    margin: 0px;
    padding: 2px;
}

.e-schedule.e-scheduleresponsive .e-agendaappointment {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.e-schedule.e-scheduleresponsive .e-navigateprevious {
    margin: 0px;
}

.e-schedule.e-rtl.e-scheduleresponsive .e-navigatenext {
    margin-right: 15px;
}

.e-scheduledialog.e-scheduleresponsive {
    height: 100% !important;
}

    .e-scheduledialog.e-scheduleresponsive .e-btnmargin {
        margin: 10px -3px 10px 9px !important;
        width: 96%;
    }

    .e-scheduledialog.e-scheduleresponsive .e-textmargin {
        margin-left: 0px;
    }

.e-schedule.e-scheduleresponsive .e-ampmstyle {
    font-size: 8px;
    width: auto;
    line-height: 35px;
}

.e-schedule.e-scheduleresponsive .navigate {
    -webkit-animation: example 0.75s ease 0s;
    -moz-animation: example 0.75s ease 0s;
    -ms-animation: example 0.75s ease 0s;
}

@-webkit-keyframes example {
    from {
        -webkit-transform: perspective(300) rotateY(25deg);
        -webkit-transform-origin: 0% 0%;
        -moz-transform: perspective(300) rotateY(25deg);
        -moz-transform-origin: 0% 0%;
        -ms-transform: perspective(300) rotateY(25deg);
        -ms-transform-origin: 0% 0%;
    }

    to {
        -webkit-transform: perspective(300) rotateY(0deg);
        -webkit-transform-origin: 0% 0%;
        -moz-transform: perspective(300) rotateY(0deg);
        -moz-transform-origin: 0% 0%;
        -ms-transform: perspective(300) rotateY(0deg);
        -ms-transform-origin: 0% 0%;
    }
}

.e-scheduleresponsive.e-scheduledialog .e-appwindow,
.e-scheduleresponsive.e-scheduledialog .e-recurwindow {
    width: 100% !important;
}

.e-scheduleresponsive.e-scheduledialog .e-dialog-icon {
    padding: 0px;
}

.e-schedule.e-scheduleresponsive .e-currenttime {
    margin-left: 5%;
}

.e-schedule.e-scheduleresponsive .e-headercells {
    vertical-align: middle !important;
}

.e-scheduledialog.e-scheduleresponsive .e-alertbtn .e-alertOk {
    margin: 0px 20px 15px 10px;
}

.e-schedule.e-scheduleresponsive .e-datecommondiv {
    padding: 12px 0px 0px 8px;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}

.e-schedule.e-scheduleresponsive .e-schedulesettings {
    white-space: pre-wrap !important;
    height: 40px;
}

.e-schedule.e-scheduleresponsive .e-settingsindent,
.e-schedule.e-scheduleresponsive .e-workleftindent {
    width: 30px !important;
}

.e-schedule.e-scheduleresponsive .e-timecells {
    width: 15px !important;
}

.e-scheduledrawer.e-scheduleresponsive .e-nb.e-nb-layout.e-nb-right {
    box-shadow: -1px 0 10px 0 #707070;
}

.e-schedule.e-scheduleresponsive .e-alldaycellsheight {
    height: 40px !important;
}

.e-schedule.e-scheduleresponsive .e-empty, .e-schedule.e-scheduleresponsive .e-leftindenttable {
    width: 30px !important;
}

.e-schedule.e-scheduleresponsive .e-monthleftindent,
.e-schedule.e-scheduleresponsive .e-monthempty {
    display: none !important;
}

.e-schedule.e-scheduleresponsive .e-ampmdisplay,
.e-schedule.e-scheduleresponsive .e-vertical .e-workcells {
    height: 45px !important;
}

.e-schedule.e-scheduleresponsive .e-vertical .e-workcells,
.e-schedule.e-scheduleresponsive .e-vertical .e-monthcells {
    width: auto !important;
}

.e-scheduledialog.e-scheduleresponsive .e-windowmargin {
    margin: 0px !important;
}

.e-scheduledialog.e-scheduleresponsive .e-appointmentaddwindow.e-dialog {
    height: 100% !important;
    overflow: scroll;
}

.e-scheduledialog.e-scheduleresponsive .e-widget-content {
    padding: .5em;
}
/*-------------------------------------Schedule End-----------------------------*/
@media (max-width : 767px) {
    .e-menu.e-vertical ul, .e-menu.e-context ul {
        position: static;
        border: none;
    }

    .e-menu.e-vertical.e-list > .e-menulink, .e-menu.e-context .e-list > .e-menulink {
        white-space: normal;
        word-wrap: break-word;
    }

    .e-menu.e-horizontal.e-menu-responsive > .e-list.e-haschild > .e-menu-arrow.e-menu-left {
        display: none;
    }
}

@media(min-width:768px) {
    .e-menu.e-horizontal.e-menu-responsive > .e-list.e-haschild > .e-menu-arrow.e-menu-left {
        display: inline-block;
    }
}
/*------------------------------------Menu End-------------------------------------*/
@media (max-width : 420px) {
    .e-ss-leftdiv, .e-ss-lefttopdiv, .e-ss-fontmaindiv {
        display: none;
    }

    .e-ss-drpfontdiv, .e-ss-drpdiv {
        display: block;
    }

    .e-ss-maindiv {
        max-width: 418px;
        min-height: 300px;
    }

    .e-ss-centerdiv {
        min-height: 240px;
    }

    .e-ss-rightdiv, .e-ss-righttopdiv {
        width: 100%;
    }

    .e-ss-nm-dlg-grid {
        width: 280px;
    }

    .e-ss-cfdlg, .e-ss-nmdlg, .e-ss-fcdlg, .e-charttype-dlg, .e-ss-valdlg, .e-ss-hyperlinkdlg, .e-ss-frdlg, .e-ss-gotodlg, .e-ss-fatdlg, .e-ss-sparklinedlg {
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
    }
}

@media (max-width : 767px) {
    .e-ss-cfdlg, .e-ss-nmdlg, .e-ss-fcdlg, .e-charttype-dlg, .e-ss-valdlg, .e-ss-hyperlinkdlg, .e-ss-frdlg, .e-ss-gotodlg .e-ss-fatdlg, .e-ss-sparklinedlg {
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
    }

        .e-ss-fcdlg .e-ss-leftdiv .e-ddl-popup {
            height: 156px !important;
        }

        .e-ss-fcdlg .e-ss-rightdiv .e-ddl-popup {
            height: 110px !important;
        }

            .e-ss-fcdlg .e-ss-rightdiv .e-ddl-popup.e-ss-customtypes {
                height: 62px !important;
            }

        .e-ss-fcdlg .e-ss-rightdiv .e-fdlg-num-options .e-button.e-js {
            display: none !important;
        }

        .e-ss-fcdlg .e-ss-fontcntdiv .e-ddl-popup {
            height: 122px !important;
        }

        .e-ss-fcdlg .e-ss-fontmaindiv .e-ss-fontcntdiv:last-child {
            display: none !important;
        }

        .e-charttype-dlg .e-ss-dlgtab .e-content {
            height: 250px !important;
        }

        .e-charttype-dlg .e-ss-leftdiv .e-ddl-popup {
            height: 230px !important;
        }

    .e-ss-valdlg {
        top: 20px !important;
    }

        .e-ss-valdlg .e-val-chk {
            display: none;
        }

    .e-ss-dialog.e-charttype-dlg .e-ss-dlgtab .e-content .e-ss-maindiv .e-ss-rightdiv {
        height: 228px !important;
        overflow-y: scroll !important;
    }

    .e-ss-gotodlg {
        top: 15px !important;
    }

        .e-ss-gotodlg .e-dlgctndiv.e-ss-gotosp-content .e-ss-gotosp-chk {
            display: none;
        }
}
/*------------------------------------Spreadsheet End-------------------------------------*/
@media (min-width: 320px) and (max-width:480px) {
    .e-spellcheck.e-dialog.e-dialog-wrap.e-dialog-resize {
        width: 100% !important;
    }
}
/*------------------------------------SpellCheck End-------------------------------------*/