@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(300px) rotateY(25deg);
        -webkit-transform-origin: 0% 0%;
        -moz-transform: perspective(300px) rotateY(25deg);
        -moz-transform-origin: 0% 0%;
        -ms-transform: perspective(300px) rotateY(25deg);
        -ms-transform-origin: 0% 0%;
    }

    to {
        -webkit-transform: perspective(300px) rotateY(0deg);
        -webkit-transform-origin: 0% 0%;
        -moz-transform: perspective(300px) rotateY(0deg);
        -moz-transform-origin: 0% 0%;
        -ms-transform: perspective(300px) 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-------------------------------------*/