.ntl-q2egray-footer .footer-right-menu{
    margin-bottom:0
}
.v3-navbar-toggle, .v3-mobile-menu, .dashboard-broadcast-mobileview, .v3-mobile-footer {
    display: none
}
.ntl-task-button-ac {
    display:flex;
}
.row-x-p-40 {
    padding:30px 40px 10px
}

.taskmodal-opened .bodyStyle {
    top: 0 !important;
    bottom: 0 !important;
    z-index: 1040 !important;
    overflow: hidden !important
}

.v3-slider-icon-wrap {
    background: #29ACE3;
    opacity: .65;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer
}

.v3-slider-icon-wrap, .v3-slider-icon-wrap-svg {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 998
}
/*.v3-slider-icon-wrap-svg {
    z-index: 9
}*/
.v3-slider-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.v3-rs-silderClose {
    /*font-size:13px*/
    position: absolute;
    right: 10px;
    z-index: 99999;
}

.v3-rs-z-i-10000 {
    z-index: 10000
}

.v3-rs-silderClose svg {
    width: 13px;
    height: 13px
}

.v3-slider-icon > .v3-arrow-right {
    font-size: 22px;
    color: #29ace3
}

.v3-rs-attchment-row .v3-rs-attchment-row-repeat {
    padding: 20px
}

.v3-rs-attchment-row-repeat {
    background: #fff;
    border-bottom: 1px solid #E0E1E2;
}

.v3-rs-attchment-row .v3-rs-attchment-row-repeat:nth-of-type(even) {
    background-color: #FAFAFA;
}

.v3-rs-att-column1 {
    margin-bottom: 10px;
}

.v3-rs-second-strip-dd-pre .ntl-refrencematerail-item-md {
    padding-right: 0
}




/*-----------MOBILE EXTRA SMALL CSS START----------*/
/*-----------MOBILE COMMON CSS START----------*/
/*@media screen and ( min-width: 370px ) and ( max-width: 659px ) {*/
@media only screen and (max-width: 659px) {
    /*.v3-rs-fixedmaxheight.setmaxheight {
            max-height: 590px !important
        }*/
    .ntl-field-repeat-wrap .ntl-field-repeat {
        padding-right: 0
    }

    .ntl-custom-field-section .ntl-item-display-name {
        padding-right: 50px
    }
    /*Center widget css*/
    .v3-summary-taskdetail-box {
        padding: 10px 15px;
    }

        .v3-summary-taskdetail-box .ntl-flex.taskdetail-col.v3-col-6 {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .v3-summary-taskdetail-box .taskdetail-col-left-icontext,
        .v3-summary-taskdetail-box .taskdetail-col-left-icontext-2 {
            padding-top: 0
        }
    /*Center widget css END*/
    .ng-dropdown-panel .ng-dropdown-panel-items {
        max-height: 180px
    }

    .v3-custom-tab.v3-dropdown-menu .v3-custom-tab-link:hover {
        background-color: transparent !important;
        color: #353d43 !important;
    }

    .dismiss-popup-remove .dropdown {
        z-index: 1000 !important
    }

    .v3-rs-att-dd.ntl-ml-auto {
        padding-left: 10px;
    }

    .v3-rs-task-dd.ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.left-37 {
        left: 27px !important
    }
  
    .v3-rs-task-dd .ntl-ng-dropdown__arrow.top-right.rightinpx {
        right: 18px
    }

    /*.v3-rs-task-dd-threedot.ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.left-37 {
        left: 14px !important
    }*/

    .v3-rs-task-dd-threedot .ntl-ng-dropdown__arrow.top-right.rightinpx {
        right: 5px
    }

    .ntl-heading-rightChildren {
        padding-left: 6px
    }

    svg .v3-summary-svg {
        height: 15.84px;
        width: 20.24px;
    }

    svg.v3-custom-field-svg {
        height: 15.4px;
        width: 15.4px;
    }

    svg.v3-comment-svg {
        height: 15.4px;
        width: 19.8px;
    }

    svg.v3-attachment-svg {
        height: 18px;
        width: 18px;
    }

    svg.v3-custabtab-svg {
        height: 15.84px;
        width: 17.6px;
    }

    .ntl-tablist--taskv3 > li > a.tasktab-icon-link {
        width: 44px !important;
        height: 44px !important
    }



    .per-modal-outer.ntl-task-modal-container-1220, .ngb-window-wh-asper-task {
        padding: 0px;
    }

    .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3, .ngb-window-wh-asper-task > .modal-dialog {
        min-width: 100%;
        width: 100% !important;
        z-index: 0
    }

    .v3-rs-no-record {
        margin-top: 20px;
    }

   /* .ntl-custom-field-section.ntl-custom-tab-section--pt-30 {
        padding-left: 20px
    }*/


    .ntl-tablist--taskv3 li.tablist-item {
        padding: 0 7.5px;
    }

        .ntl-tablist--taskv3 li.tablist-item:last-child {
            padding-right: 10px
        }

    /*Second strip css start*/

    /*#divViewMoreTableData .cf-table-flex.of-hidden {
        width: 900px;
        overflow: auto
    }*/

    .cf-table-wrap__filter .fby-title {
        white-space: nowrap
    }

    .cf-table-wrap__filter .w-300x,
    .cf-table-wrap__filter .search-input-group .input-reset-btn.pull-left {
        width: auto
    }

    .v3-rs-taskv3-second-strip-mobile {
        height: 54px;
        background: #DDF4FF;
    }

    /* .v3-rs-taskv3-second-strip {
        } */

    .v3-rs-taskv3-second-strip-desktop .v3-highpriority {
        flex: none;
        flex: 0 0 auto;
    }
    /*Second strip css End*/
    /*v3 summary body css start*/

    .v3-summary-widget-box {
        /*flex-basis: calc(50% - 20px);*/
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 20px;
    }

        .v3-summary-widget-box:nth-child(3) {
            margin-left: 0px
        }

        .v3-summary-widget-box:last-child {
            margin-bottom: 0px;
        }

    .v3-summary-widget-box {
        padding: 8px 15px 10px;
        min-height: 80px;
    }

    .v3-rs-summary-widget-row .v3-summary-widget-info {
        -webkit-box-align: unset;
        -webkit-align-items: unset;
        -ms-flex-align: unset;
        align-items: unset;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .v3-rs-summary-widget-row .v3-summary-widget-heading {
        margin-bottom: 0
    }


    .v3-summary-widget-info .v3-rs-firstnamel {
        max-width: 153px;
        margin-top: 3px;
        padding-left: 5px;
    }

    .v3-rs-firstnamel > span {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
    }

    .v3-rs-right-ss-button ul li.threedot {
        padding-right: 10px
    }

    .ntl-second-strip-iconwrap {
        margin-top: 6px
    }

    .v3-rs-taskv3-second-strip-mobile .ntl-flex.ntl-justify-center {
        width: 100%
    }

    .v3-rs-activity.ntl-pr-i20 {
        padding-right: 0 !important
    }

    .v3-task-activity-list li {
        margin-right: 0
    }
    /*Used font-face-uri place input summary anda task detail 
            .v3-rs-dropdown-menu-right
        */
    .v3-rs-dropdown-menu-right.v3-dropdown-menu {
        transform: translateX(16px) !important;
    }

        .v3-rs-dropdown-menu-right.v3-dropdown-menu.left-minus-16 {
            left: auto
        }

        .v3-rs-dropdown-menu-right.v3-dropdown-menu.pt-10 {
            padding-bottom: 11px;
        }

    .v3-rs-summary-ttPreReqCount .v3-dropdown-menu.pt-10,
    .v3-rs-summary-ttRefCount .v3-dropdown-menu.pt-10 {
        margin-top: -3px
    }

    #divpeople.pt-10,
    #ttBusinessRoleCount-focus .v3-rs-dropdown-menu-right.v3-dropdown-menu.pt-10 {
        padding-top: 6px
    }

    .v3-rs-dropdown-menu-right.c-v3-dropdown-menu {
        right: 0
    }

    .v3-rs-dd-right-summary.v3-rs-dropdown-menu-right.c-v3-dropdown-menu {
        right: 15px
    }

        .v3-rs-dd-right-summary.v3-rs-dropdown-menu-right.c-v3-dropdown-menu .v3-ref-materail-min-w-227 {
            max-width: 227px
        }

            .v3-rs-dd-right-summary.v3-rs-dropdown-menu-right.c-v3-dropdown-menu .v3-ref-materail-min-w-227#popoverPreReqCount {
                max-width: 100%;
                min-width: 227px
            }

    .v3-rs-dropdown-menu-right .v3-dropdown__arrow.top-left {
        right: 20px;
        left: auto;
    }

        .v3-rs-dropdown-menu-right .v3-dropdown__arrow.top-left:after {
            left: 6px
        }
    .ntl-l-22.v3-dropdown__arrow.top-left {
        left: 22px
    }

    .v3-rs-dd-right-summary.v3-rs-dropdown-menu-right .v3-dropdown__arrow.top-left:after {
        left: 2px
    }
    /*v3 summary body css end*/
    .v3-summary-bottom {
        padding-top: 30px;
    }

    .v3-task-description .v3-text-heading {
        display: none
    }

    /*.v3-summary-bottom > .v3-col-6 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            height: auto;
        }

            .v3-summary-bottom > .v3-col-6.v3-task-description {
                padding-right: 0 !important;
                margin-bottom: 30px;
            }

            .v3-summary-bottom > .v3-col-6.v3-task-activity {
                padding-left: 0 !important
            }*/

    .ntl-truncate-line3 {
        -webkit-line-clamp: initial;
        display: block;
        -webkit-box-orient: initial;
    }

    .v3-task-activity-text {
        padding-left: 20px;
        word-break: break-word
    }

    .v3-task-activity-circle-text {
        align-self: flex-start;
    }

    .v3-task-detail-inst {
        margin-bottom: 0
    }

    .v3-task-description .ntl-h-100-safari.ntl-pr-i20 {
        padding-right: 0 !important
    }



    .ntl-comment-dateformate {
        margin-left: 10px;
    }

    .v3-rs-comment-wrap .ntl-footer-box {
        padding: 15px 20px 20px;
    }

    .v3-chat-sidebar .v3-rs-ntl-mb-30 {
        margin-bottom: 20px;
    }

    .v3-chat-sidebar .v3-chat-sidebar-team {
        margin-top: 20px;
    }

    .v3-rs-ntl-textEditor-container .ntl-mr-34 {
        margin-right: 67px !important
    }

    .v3-rs-ntl-CommentComposerEditor .v3-at {
        position: absolute;
    }
    /* Comment Css END here*/
    /* Attachment Css Start here*/
    .v3-rs-attach-wrap .ntl-p-inner {
        padding: 0px 0 30px;
    }

    .v3-rs-attach-wrap .l-grid.l-grid--itemfull {
        padding: 20px;
        padding-bottom: 0;
        border-bottom: 1px solid #86898C;
    }

    .v3-rs-attchment-row .setsomeewidth { /*only on mobile view*/
        margin-right: -10px
    }

    .v3-rs-attac-doc {
        margin-right: 10px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 1px;
    }
    /* Attachment Css END here*/
    /*Task modal scroll small over from top*/
    /* .v3-rs-taskmodal {
        } */

    .v3-rs-taskmodal-summary .modal-content, .v3-rs-add-scroll-taskmodal .modal-content {
        flex: none;
        min-height: 100%;
    }

    .v3-rs-taskmodal-summary, .v3-rs-add-scroll-taskmodal, .v3-rs-add-scroll-in-modal {
        /*overflow: auto;*/
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
        /*.v3-rs-add-scroll-taskmodal .per-modal-dialog.per-modal-dialog--taskv3 {
                min-height: 100%;
                height: auto !important;
                max-height: none;
            }*/
        /*.v3-rs-add-scroll-taskmodal > .modal-dialog {
           
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
        }*/
        .v3-rs-summary .v3-rs-summary-p-absolute,
        .v3-rs-add-scroll-taskmodal .v3-rs-summary-p-absolute,
        .v3-rs-add-scroll-taskmodal .height-scroll-issue {
            position: relative;
        }
    /*Task modal scroll small over from top*/

    /*Task action modal start at top*/
    .per-modal-dialog.ntl-w-440.v3-per-md,
    .v3-per-md.per-md.per-modal-dialog.w-622,
    .v3-per-md.per-modal-dialog,
    .ngb-modal-window.ntl-md-confirmation > .modal-dialog {
        margin-top: 0 !important;
        width: 100% !important;
    }

    .per-modal-dialog.ntl-confirmation1-wh,
    .per-modal-dialog.ntl-confirmation2-wh,
    .ngb-modal-window.ntl-md-confirmation > .modal-dialog {
        min-width: 100% !important
    }

    perfect-scrollbar {
        overflow: visible
    }

        perfect-scrollbar.v3-rs-ps, perfect-scrollbar.v3-rs-ps > .ps {
            /*overflow: auto !important;*/
            overflow-y: scroll !important;
            -webkit-overflow-scrolling: touch;
        }
    
    /*Task alert popup modal css start*/
    .v3-rs-task-alert-popup.ntl-ng-dropdown.dropdown-menu--onhover {
        width: 277px;
        right: -5px;
        position: relative !important;
    }



        .v3-rs-task-alert-popup.ntl-ng-dropdown.dropdown-menu--onhover > div:first-child {
            background-color: #fff
        }

        .v3-rs-task-alert-popup.ntl-ng-dropdown.dropdown-menu--onhover > div:first-child {
            border: 1px solid #AAAAAA;
            box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
            margin-top: 3px;
        }
    /*Task alert popup modal css start*/
    .ntl-ng-dropdown.dropdown-menu a {
        margin: 7px 0;
    }

    .ntl-btn-secondary.btn {
        margin-left: 0;
        margin-bottom: 0;
        align-self: self-start;
    }
    .q2e4-date-footer .btn{margin-left:10px !important; margin-bottom:5px !important}
    .ntl-btn-secondary.v3-rs-ntl-ml-20 {
        margin-left: 20px
    }

    .ntl-link-to-text, .ntl-link-to-text:focus, .ntl-link-to-text:hover {
        color: #353D43;
        text-decoration: none;
        line-height: 22px;
    }

    .v3-rs-second-strip-dd-pre.c-ntl-second-strip-BR,
    .v3-rs-second-strip-dd-RM.c-ntl-second-strip-BR, .v3-rs-p-static {
        position: static !important
    }
    .v3-rs-second-strip-dd-RM.c-ntl-second-strip-BR {
        position: relative !important
    }
    .v3-rs-second-strip-dd-discription {
        position: static
    }

        .v3-rs-second-strip-dd-discription .c-v3-dropdown-menu {
            left: 20px;
            right: 20px;
            transform: translateX(0px);
        }
    /* .v3-rs-second-strip-dd-team {
            }
        .v3-rs-second-strip-dd-RM{}
        .v3-rs-second-strip-dd-BR{} */
    .v3-rs-second-strip-dd-BR .v3-dropdown-menu-wrap {
        padding-right: 0 !important
    }

    .v3-rs-second-strip-dd-discription .v3-dropdown-menu-wrap {
        padding-right: 10px;
        max-width: 100% !important
    }
    /*.ntl-second-strip-item .v3-dropdown-menu-wrap{padding-right: 10px;}*/
    .v3-rs-opacity-50per {
        opacity: .5 !important
    }

    .v3-dropdown-menu-content {
        padding-right: 17.5px !important
    }
    /*Document preview start*/
    .ntl-rm-preview .ntl-tab-section {
        padding: 0 10px
    }

    .ntl-rm-preview .ntl-tablist li.tablist-item {
        padding-right: 10px
    }

    .ntl-rm-preview .ntl-tablist + .ntl-ml-auto .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.documentpreview {
        /*left: 10px !important*/
        left: -135px !important;
        top: 24px !important;
        transform: none !important;
    }

    .ntl-rm-preview .ntl-tablist + .ntl-ml-auto .ntl-ng-dropdown.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right.rightinpx {
        right: 12px
    }

    .ntl-document-preview-wh.ngb-modal-window.ntl-w-64vh > .modal-dialog {
        height: 100%;
        width: 100%;
    }

    .taskdetail-col-right {
        display: inline-block;
        height: 43px;
        line-height: 40px;
    }
    /*Document preview End*/
    .ntl-footer-box.v3-filedsavechange .ntl-caution .btn.ntl-btn-default {
        margin-bottom: 0;
        margin-left: 10px
    }

    .ntl-footer-box.v3-filedsavechange {
        padding: 25px 0 20px 0px;
    }

    .v3-rs-ntl-caution-footer {
        position: fixed;
        bottom: 0;
        z-index: 9;
        /*width: calc(100% - 20px);*/
        left: 20px;
        right: 20px
    }

    .v3-rs-dd-l-30.ntl-ng-dropdown.dd-w-incre-185.dropdown-menu {
        left: 4px !important;
    }

    .v3-rs-dd-l-30.ntl-ng-dropdown.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right.rightinpx {
        right: 6px;
    }

    .ntl-heading-editable-auto {
        min-width: 70px;
    }

        .ntl-heading-editable-auto.ntl-heading-editable-points {
            min-width: 1px
        }

    .taskdetail-col-left-icon {
        width: 30px
    }

        .taskdetail-col-left-icon > i {
            font-size: 19px;
            margin-right: 8px !important
        }

    .ntl-caution {
        padding: 9px 13.5px
    }

    .v3-rs-absolute {
        position: absolute;
        top: 50%;
        bottom: 50%;
        transform: translate(0, -50%);
    }

    .left-145 {
        left: 145px
    }

    .v3-rs-remove-after.v3-dropdown-menu.translateX-28:after, .v3-rs-remove-after.v3-dropdown-menu.after-w-85:after {
        left: 999999px
    }

    /*Custom tab css start*/
    .ntl-customtab-section-stripe-outer.ntl-h-76 {
        padding: 17px 20px;
        min-height: 40px;
    }
    /* .v3-custom-tab .v3-ref-materail-min-w-227 {
            
        } */
    .v3-rs-cf-dd-heading {
        color: #29ACE3;
        text-transform: uppercase;
        font-family: "open_sans_bold";
    }

    .v3-rs-custom-tab-dd .v3-ref-materail-min-w-227 {
        min-width: 170px;
        /*right: -15px;
            position: absolute*/
    }

    .v3-rs-custom-tab-dd .v3-max-h-247 {
        overflow: auto
    }

    .v3-rs-custom-tab-dd-wrap {
        position: static !important
    }

        .v3-rs-custom-tab-dd-wrap .removehover-bg:focus, .v3-rs-custom-tab-dd-wrap .removehover-bg:hover, .v3-rs-custom-tab-dd-wrap .removehover-bg:active {
            text-decoration: none
        }

    .v3-rs-custom-tab-dd .trucatediv {
        white-space: normal
    }
    /* .v3-rs-custom-tab-dd-wrap.open {} */
    .v3-rs-custom-tab-dd-wrap a.dropdown-arrow-icon .ntl-dashborad-dd,
    .v3-rs-custom-tab-dd-wrap.open a.dropdown-arrow-icon .ntl-dashborad-dd,
    .v3-rs-custom-tab-dd-wrap.open.active a.dropdown-arrow-icon .ntl-dashborad-dd {
        border: none !important;
        background-color: transparent;
    }

    .v3-rs-custom-tab-dd-wrap a.dropdown-arrow-icon svg,
    .v3-rs-custom-tab-dd-wrap.open a.dropdown-arrow-icon svg {
        color: #29ACE3 !important
    }

    .v3-rs-custom-tab-dd-wrap .v3-dropdown-menu.after-w-85:after {
        width: 0;
    }

    .v3-rs-footer-box {
        padding: 10px 10px 20px;
    }

    .ntl-save-changes-stripe {
        padding: 9px 10px
    }

        .ntl-save-changes-stripe .btn {
            margin-bottom: 0
        }

    .v3-rs-right-ss-button ul li.threedot {
        width: 15px
    }
    /*Custom tab css start*/
    .ntl-custom-field-section > .ntl-scrollable perfect-scrollbar > .ps {
        padding-right: 0px;
    }

    .ntl-tooltip-shadow.bs-tooltip-left .arrow::before {
        border-left-color: #ffffff;
    }

    .v3-rs-cf-data-arrow {
        position: fixed
    }

        .v3-rs-cf-data-arrow.showunsave {
            bottom: 81px
        }

    .ntl-refrencematerail-list-ul .ntl-refrencematerail-item-md {
        margin-bottom: 18px
    }

    .v3-rs-w-265.tooltip.ntl-black .tooltip-inner {
        max-width: 265px
    }

    .ntl-ng-dropdown__arrow.top-right {
        bottom: calc(100% - 0px)
    }

    .ntl-custom-field-section .table-wrap thead {
        white-space: nowrap
    }

    .ntl-ng-dropdown.dropdown-menu--onhover.dropdown-menu--onhover--task {
        height: auto
    }

        .ntl-ng-dropdown.dropdown-menu--onhover.dropdown-menu--onhover--task > div:first-child {
            max-height: 229px;
            overflow: auto
        }

    .per-modal-dialog.ntl-assign-people-to-task-wh {
        height: 100% !important;
    }

    .ntl-custom-field-section .bootstrap-select .btn {
        margin-bottom: 0
    }
    /*footer css start*/
    .v3-mobile-footer {
        background-color: #E9E7E7;
        height: 46px;
        width: 100%;
        padding: 0 20px;
        bottom: 46px;
        display: flex;
        align-items: center;
    }
        .v3-mobile-footer p.copyright {
            position: relative !important;
            margin: 0;
            padding: 0 !important;
            line-height: 18px;
        }
    /*.pb-q2e-logo--oemlogo > img {
        margin-left: 20px
    }*/
    .footer.ntl-q2egray-footer .admin{padding-right:0 !important}
    .footer.ntl-q2egray-footer .copyright {
        display: none !important;
    }
    .q2e4-body > .bodyStyle {
        bottom: 92px;
        top:50px;
    }
    .footer-logocenter {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left:20px
    }
    footer-logocenter .pb-q2e-logo {
        margin-left:20px
    }
    .pb-q2e-logo--oemlogo {
        margin: 0 20px;
    }
    .footer.ntl-q2egray-footer {
        background-color: #DBDADA
    }
    .footer p.copyright {
        font-size: .875rem
    }
    /*footer css end*/
    .v3-navbar-toggle {
        display: block;
        background: transparent;
        border: none;
        padding: 0;
    }
        .v3-navbar-toggle .qfa-bars {
            color: #29ACE3;
            font-size: 1.5rem;
        }
    .v3-n-duration .col-sm-12{ width:100%;}
    .v3-rs-custom-field {
        padding: 30px 20px 100px 20px;
    }
    .ntl-taskv3-second-strip {
        padding: 0 20px;
        height: 36px
    }
        /*End 659 mobile */
}
/*Task width css start*/
@media screen and ( min-width: 660px ) and ( max-width: 720px ) {

   
    .per-modal-outer.ntl-task-modal-container-1220 {
        padding: 0;
    }
    

    .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3, .ngb-window-wh-asper-task > .modal-dialog {
        min-width: 600px;
        width: 660px !important;
        height: calc(100% - 60px) !important;
    }
    .v3-rs-custom-field {
        padding: 30px 20px 20px 20px;
    }
}

@media screen and ( min-width: 721px ) and ( max-width: 1024px ) {
    .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3, .ngb-window-wh-asper-task > .modal-dialog {
        min-width: 100%;
        width: 100% !important;
        max-height: 100%;
    }
}
.openedDDBody .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu,
.ext-report-body .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu {
    left: 19px !important;
}
.openedDDBody .ntl-ng-dropdown__arrow.top-right.rightinpx,
.ext-report-body .ntl-ng-dropdown__arrow.top-right.rightinpx {
    right: 10px
}

/*Task width css end*/
/***************COMMON MEDIA CSS FORM MOBILE AND TABLET START **********/
@media only screen and (max-width: 1024px) {
  
    .rs-min-w-70 {
        min-width: 70px;
    }

    .rs-min-w-75 {
        min-width: 75px;
    }

    .rs-min-w-80 {
        min-width: 80px;
    }

    .rs-min-w-85 {
        min-width: 85px;
    }

    .rs-min-w-90 {
        min-width: 90px;
    }

    .rs-min-w-95 {
        min-width: 95px;
    }

    .rs-min-w-100 {
        min-width: 100px;
    }
    .rs-table-layout-fixed-remove.rs-mx-w-698 {
        width:auto;
        min-width:300px
    }
        .rs-table-layout-fixed-remove.rs-mx-w-698 table{
            table-layout:initial !important
        }
        .v3-dashboard-ref.ntl-ng-dropdown.dd-w-incre-185.dropdown-menu {
            left: 22px !important
        }
    .openedDDBody .v3-dashboard-ref.ntl-ng-dropdown.dd-w-incre-185.dropdown-menu {
        left: 18px !important;
    }
    .openedDDBody .v3-dashboard-ref .ntl-ng-dropdown__arrow.top-right.rightinpx {
        right: 9px
    }

        .v3-dashboard-ref .ntl-ng-dropdown__arrow.top-right.rightinpx {
            right: 13px
        }
        .s-filter-right-box .bootstrap-select.btn-group .dropdown-menu {
            height:auto!important
        }
        .footer.ntl-q2egray-footer .col-sm-12 {
            padding: 0 20px
        }
        .ntl-scrollable-inner.ntl-scrollable-inner-chat.showjump { /*common*/
            padding-top: 45px
        }
        
        perfect-scrollbar {
            overflow: visible
        }
        .deadline .ntl-assign-duration-wrap .fa-question-circle {
            margin-top: 6px !important;
        }
        perfect-scrollbar.v3-rs-ps, perfect-scrollbar.v3-rs-ps > .ps,
        perfect-scrollbar.v3-rs-ps.ps.ps-overflow-visible {
            /*overflow: auto !important;*/
            overflow-y: scroll !important;
            -webkit-overflow-scrolling: touch;
        }

        .ext-report-body perfect-scrollbar.v3-rs-ps,
        .ext-report-body perfect-scrollbar.v3-rs-ps > .ps,
        .ext-report-body perfect-scrollbar.v3-rs-ps.ps.ps-overflow-visible {
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch;
        }
            perfect-scrollbar.v3-rs-ps.mobile-scroll-hide,
            perfect-scrollbar.v3-rs-ps.mobile-scroll-hide > .ps,
            perfect-scrollbar.v3-rs-ps.ps.ps-overflow-visible.mobile-scroll-hide {
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch;
            }

    .ext-report-body perfect-scrollbar.v3-rs-ps.mobile-scroll-xy,
    .ext-report-body perfect-scrollbar.v3-rs-ps.mobile-scroll-xy > .ps,
    .ext-report-body perfect-scrollbar.v3-rs-ps.ps.ps-overflow-visible.mobile-scroll-xy,
     perfect-scrollbar.v3-rs-ps.mobile-scroll-xy,
     perfect-scrollbar.v3-rs-ps.mobile-scroll-xy > .ps,
     perfect-scrollbar.v3-rs-ps.ps.ps-overflow-visible.mobile-scroll-xy {
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
    }
                .ntl-refrencematerail-list-ul .ntl-refrencematerail-item-md {
                    margin-bottom: 18px
                }
        /* Custom field Css START here*/
        .v3-rs-custom-filed-wrap .ntl-task-sidebar {
            display: none
        }
        /* Custom field Css END here*/

        /* Comment Css START here*/
        .v3-rs-comment-wrap .ntl-task-sidebar {
            display: none
        }
        /* Comment Css END here*/
        /* Comment Css START here*/
        .v3-rs-comment-wrap .v3-rs-comment-slider {
            display: block;
            position: absolute;
            right: 0;
            width: 295px;
            /* margin-top: 60px; */
            transform: translateX(295px);
            transition: transform 250ms ease-in-out;
            z-index: 1;
            height: 100%;
            top: 0;
            bottom: 0;
            z-index: 999
        }

            .v3-rs-comment-wrap .v3-rs-comment-slider.on {
                transform: translateX(0px);
            }

        .v3-rs-comment-wrap .ntl-task-sidebar {
            padding: 22px 10px 22px 20px;
        }
        /*comment silider css end*/

        .ntl-tab-section--taskv3 {
            height: 66px
        }

        .ntl-taskv3-second-strip {
            padding: 0 20px;
            height: 46px
        }


      

        .ntl-scrollable-inner.ntl-scrollable-inner-chat {
            padding: 30px 20px 0px 20px;
        }

        .ntl-latestchat-notification {
            padding: 0 20px;
            height: auto;
            min-height: 28px
        }

        .ntl-comment-group {
            margin-bottom: 20px;
            padding-right: 10px
        }

        .v3-chat-sidebar.ntl-pr-i30 {
            padding-right: 10px !important;
        }

        .v3-summary-bottom > .v3-col-6 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            height: auto;
        }

            .v3-summary-bottom > .v3-col-6.v3-task-description {
                padding-right: 0 !important;
                margin-bottom: 30px;
            }

            .v3-summary-bottom > .v3-col-6.v3-task-activity {
                padding-left: 0 !important
            }

        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 20px;
            min-height: 26px
        }

        .v3-rs-second-strip-dd-pre.c-ntl-second-strip-BR,
        .v3-rs-second-strip-dd-RM.c-ntl-second-strip-BR, .v3-rs-p-static {
            position: static !important
        }
        .v3-rs-second-strip-dd-RM.c-ntl-second-strip-BR {
            position: relative !important
        }
        .v3-rs-summary-ttRefCount{

        }
        /*level- report css start here*/
    /* Scrollbar for WebKit browsers (Chrome, Safari, Edge) */
    .report-scroll ::-webkit-scrollbar {
        width: 8px; /* Width of scrollbar */
    }

    .report-scroll ::-webkit-scrollbar-thumb {
        background: #888; /* Scrollbar thumb color */
        border-radius: 4px; /* Rounded corners */
    }

        .report-scroll ::-webkit-scrollbar-thumb:hover {
            background: #555; /* Darker color on hover */
        }

    .report-scroll ::-webkit-scrollbar-track {
        background: #f1f1f1; /* Scrollbar track color */
    }
    .rs-ext-report-game .rs-ext-top >.pl-20.pr-20 {
        padding: 0
    }
    .rs-ext-report-game .rs-ext-bottom .desktop-rpt-per,
    .rs-ext-report-game .rs-ext-bottom .v3-row.ml-20.mr-20 {
        margin: 0
    }
    .desktop-rpt-per {
        flex: 0 1;
        min-height: initial;
    }
    .ext-report-game .q2e4-report-widget-wrap-heading .q2e4-widget-header{
        padding-left:15px
    }
    .desktop-rpt-per > div {
        height: auto;
        
    }
    .ext-report-game-banner {
        margin-top: 15px;
        margin-bottom: 10px;
    }
        /*level- report css end here*/

    
    .level-table-scroll-height {
        max-height: 400px;
    }
    .rs-ext-report-game .rs-ext-bottom .desktop-rpt-per:last-child {
        padding-bottom: 40px !important;
    }
    .dark-side-button {
        margin-right: -22px;
    }
    /*/end media currlyblaces*/
    }

/***************COMMON MEDIA CSS FORM MOBILE AND TABLET END **********/
/*########## TABLET VIEW CSS AND MEDEI QUERY CSS START HERE ############*/
@media screen and ( min-width: 660px ) and ( max-width: 1024px ) {
    .v3-rs-custom-field {
        padding: 30px 20px 20px 20px;
    }

    .pb-q2e-logo.pb-q2e-logo--oemlogo img {
        max-height: 25px
    }

    .v3-summary-widget-info {
        line-height: 2rem !important
    }
    /*footer css for tablet start*/
    .ntl-scrollable-inner.ntl-scrollable-inner-chat.showjump {
        padding-top: 45px
    }

    footer.ntl-q2egray-footer .copyright {
        padding-left: 0px !important;
        width: calc(50% - 84px);
        height: 46px;
        align-items: center;
        display: flex;
        padding-top: 0;
    }
    /*footer css for tablet end*/

    .detail-wrap.hide-on-mobile {
        display: none !important
    }


    /*Task css start*/
    .tl-right-button .ntl-btn-secondary.btn, .tl-right-button .ntl-btn-default.btn, .tl-right-button .btn {
        margin-left: 0 !important;
        margin-bottom: 0;
    }

    /*.ntl-second-strip-iconwrap > li.ntl-second-strip-item {
        top: 2px;
        position: relative
    }*/

    .ntl-second-strip-link .ntl-badge {
        top: -6px;
    }
    /*Task css start*/

    /*Summary tab start*/
    .v3-task-description .v3-text-heading {
        display: none
    }

    .v3-summary-bottom {
        padding-top: 20px;
    }

    .c-v3-dropdown-menu.v3-rs-dd-right-summary {
       
        top: auto;
        right: 61px;
        left: auto;
        margin-top: -34px
    }

        .c-v3-dropdown-menu.v3-rs-dd-right-summary .v3-dropdown__arrow.top-left-Y {
            /*bottom: calc(100% - 1px);*/
            left: auto;
            right: -15px;
            transform: translateY(180.5%) rotate( -90deg );
        }

    .v3-rs-dd-right-summary.v3-dropdown-menu.translateX-28 {
        transform: translateX(-0);
    }

    .v3-rs-dropdown-menu-right .v3-dropdown__arrow.top-left {
        right: 20px;
        left: auto;
    }

    .v3-rs-dropdown-menu-right-ss.v3-rs-dropdown-menu-right .v3-dropdown__arrow.top-left {
        right: auto;
        left: auto;
    }

    .v3-rs-dropdown-menu-right .v3-dropdown__arrow.top-left:after {
        left: 6px
    }

    .v3-rs-dd-right-summary.v3-rs-dropdown-menu-right .v3-dropdown__arrow.top-left:after {
        left: 2px
    }
    /*Summary tab end*/

    /*custom tab*/
   /* .ntl-custom-field-section.ntl-custom-tab-section--pt-30 {
        padding-left: 20px
    }*/

    .ntl-custom-field-section.ntl-custom-tab-section--pt-30 {
        padding-top: 20px;
    }
    /*custom tab*/

    /*comment tab css start*/
    #divCommentDetail.ntl-media-body.ntl-flex-fill {
        padding-right: 100px; 
    }

    .v3-rs-ntl-textEditor-container .ntl-mr-34 {
        margin-right: 67px !important
    }

    .v3-rs-ntl-CommentComposerEditor .v3-at {
        position: absolute;
    }

    .v3-rs-opacity-50per {
        opacity: .5 !important;
    }
    /*comment tab css start*/
    /*Attachment start*/
    .tl-ntl-p-inner {
        padding: 30px 20px 30px;
    }

    .tl-trancate {
        white-space: nowrap;
        text-overflow: ellipsis !important;
        overflow: hidden;
        width: 100%;
    }
    /*Attachment end*/

    .show-on-mobile.show-with-flex, .show-with-flex {
        display: flex !important;
    }

    .v3-summary-widget-box {
        /*flex-basis: calc(50% - 20px);*/
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    .v3-summary-wb-showonly-three .v3-summary-widget-box {
        -ms-flex: 0 0 calc(33.33% - 20px);
        flex: 0 0 calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 0px;
    }


    .v3-summary-widget-row {
        width: calc(100% + 20px) !important;
        margin-left: -10px;
    }

    .v3-summary-widget-box:first-child {
        margin-left: 10px;
    }

    .ntl-second-strip-link i, .ntl-second-strip-link i.qfas {
        font-size: 1.3rem;
    }

    #ttTaskDestcription {
        height: 1.3rem !important
    }

        #ttTaskDestcription svg {
            width: 22px;
        }

    .v3-rs-custom-filed-wrap .ntl-custom-field-section > .ntl-scrollable perfect-scrollbar > .ps {
        padding-right: 0
    }
    /*Sprint 167 sidebar css start*/
    .ntl-form-sidebar-left.ntl-form-sidebar-left {
        width: 200px
    }
    .ntl-section-right.ntl-form-section-right {
    }
    /*Sprint 167 sidebar css start*/

}
/*########## TABLET VIEW CSS AND MEDEI QUERY CSS END HERE ############*/


/*########## MOBILE VIEW CSS AND MEDIA QUERY CSS START HERE ############*/
@media only screen and (max-width: 659px)  {
    /*level board css start here*/
    .rs-h-70 {
        height: 70px !important
    }
    .ntl-flex.rs-flex-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .ntl-flex-item-center.rs-flex-item-start {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    /*level board css end  here*/ 

    .rs-mobile-header-form {
        background-color: #21292F;
        margin-left: -20px;
        margin-right: -20px;
        padding: 6px 20px;
        height: 29px;
    }
}
/*########## MOBILE VIEW CSS AND MEDIA QUERY CSS START HERE ############*/




    @media screen and ( min-width: 1025px ) and ( max-width: 1280px ) {
        .dark-side-button {
            margin-right: -22px;
        }
        .rs-ext-report-game .rs-ext-top > .pl-20.pr-20 {
            padding: 0
        }

        .rs-ext-report-game .rs-ext-bottom .desktop-rpt-per,
        .rs-ext-report-game .rs-ext-bottom .v3-row.ml-20.mr-20 {
            margin: 0
        }

        .desktop-rpt-per {
            flex: 0 1;
            min-height: initial;
        }

        .ext-report-game .q2e4-report-widget-wrap-heading .q2e4-widget-header {
            padding-left: 15px
        }

        .desktop-rpt-per > div {
            height: auto;
        }

        .ext-report-game-banner {
            margin-top: 15px;
            margin-bottom: 10px;
        }

        #taskModalContent:not(.task-show-leftsidebar) .v3-summary-bottom > .v3-col-6 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            height: auto;
        }

            #taskModalContent:not(.task-show-leftsidebar) .v3-summary-bottom > .v3-col-6.ntl-pl-i20 {
                padding-left: 0px !important;
            }

            #taskModalContent:not(.task-show-leftsidebar) .v3-summary-bottom > .v3-col-6.ntl-pr-i20 {
                padding-right: 0px !important;
            }

            #taskModalContent:not(.task-show-leftsidebar) .v3-summary-bottom > .v3-col-6.v3-task-description {
                padding-right: 0 !important;
                margin-bottom: 30px;
            }

        #taskModalContent:not(.task-show-leftsidebar) .v3-task-activity-norecord-wrap {
            height: 300px;
            margin-bottom: 20px
        }

        #taskModalContent:not(.task-show-leftsidebar) .v3-summary-bottom {
            padding-top: 20px;
        }

        #taskModalContent:not(.task-show-leftsidebar) .v3-summary-widget-info {
            line-height: 2rem !important;
        }

        #taskModalContent:not(.task-show-leftsidebar) .v3-summary-scroll-pd {
            padding: 30px 20px 20px 20px;
        }

        #taskModalContent:not(.task-show-leftsidebar) .v3-task-description .v3-text-heading {
            display: none;
        }

        #taskModalContent:not(.task-show-leftsidebar) .v3-summary-wb-showonly-three .v3-summary-widget-box {
            -ms-flex: 0 0 calc(33.33% - 20px);
            flex: 0 0 calc(33.33% - 20px);
            max-width: calc(33.33% - 20px);
            margin-right: 10px;
            margin-left: 10px;
            margin-bottom: 0px;
        }
    }

    @media screen and ( min-width: 376px ) and ( max-width: 1024px ) {
        .ntl-tab-section--taskv3, .v3-rs-no-record {
            padding: 0 20px 0 20px;
        }

        .v3-summary-scroll-pd {
            padding: 30px 20px 20px 20px;
        }
    }






    /*##### Multi Media query for tablet view css start #######  */
    @media only screen and (max-width: 1024px) {
        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 16px;
        }

        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 10px;
        }
    }

    @media only screen and (max-width: 950px) {
        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 15px;
        }

        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 9.5px;
        }
    }

    @media only screen and (max-width: 900px) {
        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 14.5px;
        }

        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 9px;
        }
    }

    @media only screen and (max-width: 850px) {
        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 14px;
        }

        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 8px;
        }
    }

    @media only screen and (max-width: 800px) {
        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 13.5px;
        }

        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 7.5px;
        }
    }

    @media only screen and (max-width: 750px) {
        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 13px;
        }

        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 7px;
        }
    }

    @media only screen and (max-width: 700px) {
        /*#BtnSummaryShowDown {
            right: 40px;
            bottom: 40px;
        }*/
        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 12.5px;
        }

        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 6.5px;
        }
    }

    @media only screen and (max-width: 660px) {
        /*#BtnSummaryShowDown {
            right: 30px;
            bottom: 40px;
        }*/
        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 12px;
        }

        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 6px;
        }

        /*.v3-summary-wb-showonly-three .font24 {
            font-size:
        }*/
    }
    /*multi Media query fot tablet view css end   */
    /*//////////////////////
    ///////////////////////
    //-----------
    /////////////////////////
    ///////////////////////////////////////////////////////////////////////*/

    /*-----------
        -
        -
        -
        Mobile extra small css start
        -
        -
        -
        ----------*/
    @media only screen and (max-width: 375px) {
        .v3-rs-second-strip-dd-discription .c-v3-dropdown-menu {
            left: 10px;
            right: 10px;
            transform: translateX(0px);
        }

        .v3-rs-attach-wrap .l-grid.l-grid--itemfull,
        .v3-rs-attchment-row .v3-rs-attchment-row-repeat {
            padding-left: 10px;
            padding-right: 10px;
        }

        .ntl-custom-field-section.ntl-custom-tab-section--pt-30 {
            padding-left: 10px
        }

        .ntl-tab-section--taskv3, .v3-rs-no-record {
            padding: 0 10px 0 10px;
        }

        .v3-summary-scroll-pd {
            padding: 30px 10px 20px 10px;
        }

        .v3-rs-custom-field {
            padding: 30px 10px 100px 10px;
        }

        .v3-rs-ntl-caution-footer {
            left: 10px;
            right: 10px
        }

        .ntl-custom-field-section.ntl-custom-tab-section--pt-30 {
            padding-bottom: 20px
        }

        .ntl-scrollable-inner.ntl-scrollable-inner-chat {
            padding: 30px 10px 0px 10px;
        }

        .ntl-latestchat-notification {
            padding: 0 10px
        }

        .v3-rs-comment-field-wrap .ntl-footer-box {
            padding: 15px 10px 20px;
        }

        .ntl-tablist--taskv3 li.tablist-item {
            padding: 0 1px;
        }
        /*Second strip css start*/
        .ntl-taskv3-second-strip, .ntl-rm-preview .ntl-tab-section {
            padding: 0 10px
        }

        .v3-rs-second-strip-dd-pre .ntl-refrencematerail-item-md {
            padding-right: 0;
            margin-bottom: 8px
        }

        /*Second strip css End*/

        /*.v3-rs-firstnamel > span{width:100%}*/
        /***************************max-width 375  End*****************/
    }
    /*-----------
    -
    -
    MOBILE EXTRA SMALL CSS END----
    -
    -
    ------*/
    /*Second strip Multi media query css Start*/
    @media only screen and (max-width: 659px) {
        .pb-q2e-logo.pb-q2e-logo--oemlogo { /*mobile oem left*/
            margin-left: 0px;
        }

        .ql-mention-list-container {
            max-width: 100%;
            left: 0 !important
        }
        /*.bodyStyle {
            z-index: 9999;
            bottom: 73px;
        }*/
        .ntl-second-strip-iconwrap > li.ntl-second-strip-item {
            margin: 0 20px;
            min-height: 26px
        }

        .v3-task-activity-norecord-wrap {
            height: 300px;
        }

        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 7.5px;
        }

            .ntl-tablist--taskv3 li.tablist-item:last-child, .v3-rs-right-ss-button ul li.threedot {
                padding-right: 10px;
            }
    }

    @media only screen and (max-width: 471px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 7px;
        }

            .ntl-tablist--taskv3 li.tablist-item:last-child, .v3-rs-right-ss-button ul li.threedot {
                padding-right: 9px;
            }
    }

    @media only screen and (max-width: 462px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 6px;
        }

            .ntl-tablist--taskv3 li.tablist-item:last-child, .v3-rs-right-ss-button ul li.threedot {
                padding-right: 8px;
            }
    }

    @media only screen and (max-width: 453px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 5.5px;
        }

            .ntl-tablist--taskv3 li.tablist-item:last-child, .v3-rs-right-ss-button ul li.threedot {
                padding-right: 7px;
            }

        .v3-rs-w-265.tooltip.ntl-black .tooltip-inner {
            width: 200px
        }
    }

    @media only screen and (max-width: 444px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 5.5px;
        }
    }

    @media only screen and (max-width: 435px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 5px;
        }
    }

    @media only screen and (max-width: 426px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 3px;
        }
    }

    @media only screen and (max-width: 417px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 3px;
        }

        .v3-rs-dd-l-30.ntl-ng-dropdown.dd-w-incre-185.dropdown-menu {
            left: -3px !important;
        }

        .v3-rs-dd-l-30.ntl-ng-dropdown.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right.rightinpx {
            right: -1px;
        }
    }

    @media only screen and (max-width: 408px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 2px;
        }
    }

    @media only screen and (max-width: 399px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 2px;
        }
    }

    @media only screen and (max-width: 390px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 1px;
        }

        .taskdetail-col {
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    @media only screen and (max-width: 381px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li {
            padding: 0 1px;
        }

        .bread-wrap .breadcrumb li a {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 370px) {
        .ntl-tablist--taskv3 li.tablist-item, .v3-rs-right-ss-button > ul > li, .ntl-task-button-ac > li, .ngb-window-wh-asper-task {
            padding: 0 1px;
        }

        .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3, .ngb-window-wh-asper-task > .modal-dialog {
            min-width: 370px;
            width: 100% !important;
        }

        .v3-rs-taskmodal-summary, .v3-rs-add-scroll-taskmodal {
            overflow: scroll
        }
    }
    /*Second strip Multi media query css End*/




    /*css for desktop start here*/
    .show-on-mobile {
        display: none !important
    }
    /*CSS FOR DESKTOP END HERE*/

    /*-----------Mobile Common css start----------*/
    @media only screen and (max-width: 659px) {
        .ntl-assign-duration-wrap .duration-divleft:first-child {
            width: 100%;
        }



        .v3-rs-tt-Count-focus:focus .v3-rs-teaminner {
            display: block;
        }
        /*.v3-rs-tt-Count-focus:focus{background-color:red}*/
        .ntl-comment-message p {
            line-height: 1.621245;
        }

        .show-on-mobile {
            display: block !important
        }

            .show-on-mobile.show-with-flex, .show-with-flex {
                display: flex !important;
            }

        .hide-on-mobile {
            display: none !important
        }

        .visibility-hide-on-mobile {
            visibility: hidden !important
        }

        /*html {
            width: 100%;
            overflow: auto;
        }*/
        .login-section-outer {
            margin-left: 0
        }

        .q2ev4-login-page .login-section,
        .q2ev4-login-page .login-section h3 {
            width: 100%
        }

        .q2ev4-login-page .login-section-outer {
            width: 100%
        }

        .per-modal-dialog.ntl-w-440.withbodyscroll-h {
            height: 90%
        }

        .adash_tab_content_show {
            padding: 0 10px
        }

            .adash_tab_content_show .search-input-group {
                display: flex;
                float: left !important;
                width: 100%;
                margin-top: 10px;
            }

                .adash_tab_content_show .search-input-group .input-reset-btn.pull-left {
                    flex: 0
                }

        .prs_dash_admin_page .input-group-box.w-300x {
            flex: 1 1
        }

        /* Works on Firefox */
        /** {
            scrollbar-width: thin;
            scrollbar-color: blue orange;
        }*/

        /* Works on Chrome, Edge, and Safari */
        /**::-webkit-scrollbar {
                width: 12px;
            }

            *::-webkit-scrollbar-track {
                background: orange;
            }

            *::-webkit-scrollbar-thumb {
                background-color: blue;
                border-radius: 20px;
                border: 3px solid orange;
            }*/
        .q2e4-navbar .container-fluid {
            padding: 0
        }

        .q2e4-navbar .navbar-collapse {
            background-color: #fff;
        }

            .q2e4-navbar .navbar-collapse.collapse {
                height: auto !important;
            }

        .q2e4-navbar .navbar-header {
            padding: 0 15px;
        }

        .q2e4-navbar.q2e4-navbar-expand-lg.isshownmenu {
            z-index: 99999
        }

        .q2e4-navbar.navbar-inverse .navbar-right {
            flex-direction: row
        }

            .q2e4-navbar.navbar-inverse .navbar-right li.q2e4-profile .dropdown-menu {
                right: 0px;
                margin-top: 7px;
                position: absolute;
                left: auto;
            }
    }

    @media only screen and (max-width: 768px) {
        .is-heirarchical-f .col-sm-4 {
            width: 33.33333333%;
        }

        .is-heirarchical-f .col-sm-8 {
            width: 66.66666667%;
        }

        .q2e4-navbar.navbar-inverse .navbar-left.ntl-dashboard-item {
            margin: 0
        }

        .deadline .date-picker .date-display.q2e4-date-picker {
            padding-left: 15px
        }

        .cr-report-group-dd .input-group-btn .btn {
            margin-bottom: 0
        }

        .q2e4-navbar.navbar-inverse .navbar-right,
        .q2e4-navbar-expand-lg .navbar-nav.ntl-flex-item-center,
        .q2e4-navbar.navbar-inverse .navbar-left.ntl-dashboard-item {
            display: flex !important
        }
    }
    /*-----------MOBILE COMMON CSS END----------*/
    @supports (-webkit-touch-callout: none) {
        /* CSS specific to iOS devices */
        @media only screen and (max-width: 1024px) {
            #divTaskCustomTabForm_Angular9 .ntl-custom-field-section.v3-custom-tab-padding {
                padding-right: 10px;
                z-index: 1;
            }

            /*.ntl-modal-body > div.row, .ntl-modal-body > div.row > div {
                display: -webkit-box;
                display: flex;
                -webkit-box-flex: 1;
                flex: 1 1 auto;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
                min-height: 1px;
                position: relative;
                min-height: 100%;
            }*/

            .taskmodal-opened .navbar-fixed-top,
            .taskmodal-opened .footer {
                position: fixed !important
            }

            .ntl-modal-body > div.row.twochild-flex-row {
                -webkit-box-orient: horizontal !important;
                -webkit-box-direction: normal !important;
                -webkit-flex-direction: row !important;
                -ms-flex-direction: row !important;
                flex-direction: row !important;
            }

            .modal-backdrop.in.ntl-backdrop {
                zoom: 1;
                filter: alpha(opacity=80);
                opacity: 0.8;
            }

            .ntl-TaskName-shadow.ntl-showtitle {
                white-space: nowrap
            }

            .customtab-table-outer .customtab-table-outer__parent__first {
                display: flex;
                flex-direction: column;
                /*height: auto*/
            }

            .customtab-table-outer .customtab-table-outer__parent__first__innerscroll {
                flex: 1 1
            }

            .ntl-ng-dropdown-multiple.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
                padding-left: 11px
            }
            /*.visibility-hidden + div{display:block !important}*/
            #divViewMoreTableData.modal-backdrop, #divViewMoreTableData.popup {
                -webkit-transform: translate3d(0,0,1px);
                transform: translate3d(0,0,1px);
            }

            @media only screen and ( min-width: 660px ) and ( max-width: 1024px ) { /*start of tablet view ios*/
                #navbar_angula9.navbar-collapse {
                    width: calc(100% - 200px);
                    float: right
                }

                .q2e4-navbar-expand-lg .navbar-header {
                    width: 200px
                }
            }
            /*end of tablet view ios*/

        }
    }

    @supports not (-webkit-touch-callout: none) {
        /* CSS for other than iOS devices */
    }

    @media (max-width: 768px) {
        .deadline .ntl-assign-duration-wrap.date-picker {
            width: 100%;
        }
    }

    @media only screen and (min-width:320px) and (max-width:768px) and (orientation:portrait) {

        .q2e4-date-footer .btn {
            margin-bottom: 0 !important
        }

            .q2e4-date-footer .btn.ntl-btn-secondary {
                margin-left: 10px;
            }
        /*.form-group.remove-mg input[type="text"], .btn, .btn-default{

        }*/
        #LoginForm .btn,
        .btn.rs-mb-0 {
            margin-bottom: 0 !important
        }
       
       
    }


    /*Responsive menu for v3 version css start */
    @media only screen and ( min-width: 768px ) and ( max-width: 1000px ) {
        .navbar-inverse .navbar-toggle {
            display: none !important;
        }

        /*.navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }*/
    }

    @media only screen and ( min-width: 660px ) and ( max-width: 768px ) {
        .navbar-toggle {
            display: block;
        }

        .navbar-header {
            float: left
        }

        .navbar-ddright.dropdown .dropdown-menu {
            position: absolute;
            float: left;
            background-color: #fff;
        }
    }

    @media only screen and ( max-width: 768px ) {
        .rs-mx-w-698 {
            max-width: 698px;
            width: 698px;
        }
        .q2e4-navbar.navbar-inverse .navbar-right li.q2e4-profile .dropdown-menu {
            left: auto;
            position: absolute;
        }
    }

    @media only screen and (max-width: 659px) {
        .overflow-resizer table.pivotwidget,
        .overflow-resizer .nrt-flex-fill,
        .overflow-resizer .nrt-flex-auto,
        .overflow-resizer .rs-mx-w-660 {
            max-width: 660px !important;
            width: 660px !important
        }

        .rs-table-scroll table.ntl-table-l-fixed,
        .rs-table-scroll perfect-scrollbar,
        .rally-tabledata.ntl-table {
            max-width: 660px !important;
            width: 660px !important;
            overflow: auto
        }


        .form-bg-lightblue-426 {
            width: 100%
        }
        .form-bg-lightblue-426 .dummy-numberfield {
            width: 330px;
        }
        .q2e4-body.isShowgray-strip > .bodyStyle {
            top: 82px
        }
        .q2e4-navbar .container-fluid {
            height: 50px;
        }

        .navbar-header {
            float: none
        }

        .q2e4-navbar .navbar-logo-tagline-new {
            max-width: 100%;
        }

        .navbar-toggle {
            display: none;
        }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-inverse .navbar-toggle {
            display: block
        }

        #navbar_angula9 {
            display: none !important
        }
        /*Mobile menud design css*/
        .v3-mobile-menu {
            display: block
        }

            .v3-mobile-menu[hidden] {
                display: none;
            }

        .dashboard-broadcast-mobileview {
            display: flex;
            justify-content: flex-end;
        }

        .v3-mobile-menu {
            min-width: 291px;
            max-width: 100%;
            width: auto;
            position: absolute;
            float: left;
            left: 0;
            transform: translateY(10px);
            box-shadow: 0 2px 4px -1px rgba(0,0,0,0.5);
            /*min-width: 207px;*/
            /*font-family: open_sans_bold;*/
            font-size: 18px;
            border-radius: 4px;
            border: 1px solid #AAAAAA;
            box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
            background-color: #fff;
            margin-top: -10px;
        }

            .v3-mobile-menu > ul {
                padding: 0;
                margin: 0;
                padding-top: 10px;
                max-height: calc(100vh - 160px);
                overflow-y: auto;
                overflow-x: hidden;
            }

        .bounce {
            bottom: 55px !important;
        }

        .v3-rs-profile {
            padding: 0;
            margin-bottom: 30px
        }

        .v3-rs-profile-powerby {
        }

        .v3-mobile-menu > ul li.v3-rs-menutitlelist,
        .v3-rs-profile li {
            padding: 15px 20px;
            padding-right: 36px;
            /*text-transform:uppercase;*/
        }

        .v3-mobile-menu > ul li.seprateli-section {
            padding: 0 20px;
        }

        .v3-mobile-menu > ul li a {
        }

            .v3-mobile-menu > ul li a,
            .v3-mobile-menu > ul li a:hover,
            .v3-mobile-menu > ul li a:focus {
                text-decoration: none
            }

        .v3-mobile-menu > ul li.active a,
        .v3-mobile-menu > ul li.active a:hover
        .v3-mobile-menu > ul li.active a:focus {
            color: #29ACE3;
            text-decoration: none
        }

        .ntl-tablist-mobile-view {
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .v3-rs-menuicon-list {
            padding-top: 20px;
            padding-bottom: 20px;
            margin-top: 15px;
        }

            .v3-rs-menuicon-list > ul {
                border-top: 1px solid #D7D7D7;
                border-bottom: 1px solid #D7D7D7;
                padding-top: 20px;
                padding-bottom: 20px;
            }

                .v3-rs-menuicon-list > ul li {
                    line-height: normal
                }

            .v3-rs-menuicon-list .navbar-form {
                border: none !important
            }

        .v3-rs-leaderboard-svg {
            width: 23px;
            height: 31px
        }

        .v3-rs-info-i {
            font-size: 27px !important;
        }

        .v3-rs-search-svg {
            width: 24px;
            height: 26px
        }

        .v3-mobile-menu-profile {
            line-height: 20px !important;
            font-size: .875rem
        }

        .v3-rs-mobilemenu-search {
            position: relative;
            padding-top: 0;
        }

            .v3-rs-mobilemenu-search .v3-ref-materail-min-w-227 {
                min-width: 100%;
                width: 100%;
                padding: 20px 0;
            }

            .v3-rs-mobilemenu-search.v3-dropdown-menu.translateX-28 {
                transform: translateX(0);
                border-bottom: 1px solid #D7D7D7;
            }

            .v3-rs-mobilemenu-search .v3-dropdown-menu-content {
                padding-right: 0 !important;
            }

            .v3-rs-mobilemenu-search .v3-dropdown-menu-wrap {
                box-shadow: none;
                border: none
            }

        .c-ntl-navbar-search-menu .v3-ref-materail-min-w-227 {
            padding: 10px;
            width: 100%;
            max-width: none;
            min-width: 1px;
        }
        /*Mobile menud design css end*/

        /*New task sidebar css start sprint  165*/

        /*.collapes_leftbar .ntl-task-sidebar-left {
            display: none;
        }*/

        .collapes_leftbar .per-modal-dialog--taskv3 .ntl-section-right--newv3 {
            width: calc(100% - 0px);
        }
        /*New task sidebar css end sprint  165*/

    }


  

/* ===============================================
      RRESPONNSIVE FOR MOBILE AND TABLET COMMON CSS START HERE
    Responsive menu for v3 version css start
   =============================================== */
    @media only screen and (max-width: 1024px) {
        .row-x-p-40 {
            padding: 20px 20px 20px;
        }
        .solution_graytop_tabs {
            padding-left: 20px;
        }
        .solution_graytop_heading.sgh--manage-dashboard > h2 {
            padding: 10px 20px 10px;
        }
        .solution-serach-row.ssr--manage-dashboard {
            padding: 20px 20px 20px;
        }
        .ntl-p-inner.ntl-p-inner--top0 {
            padding: 0px 20px 30px;
        }
        .q2e4-body.isShowgray-strip.remove-absolute > .bodyStyle {
            top: 0
        }
            .q2e4-body.isShowgray-strip.remove-absolute > .bodyStyle .dashboard {
                margin-top:0
            }
        .v3-slideicon-tandm.v3-slider-icon-wrap-svg {
            top: 40px
        }

        .v3-client-name {
            display: none !important
        }

        .per-modal-outer {
            overflow: auto;
        }

        .q2e4-navbar .container-fluid { /*common*/
            padding-right: 20px;
            padding-left: 20px;
        }

        .bread-wrap .breadcrumb {
            padding-left: 20px
        }

        .footer.ntl-q2egray-footer .admin { /*common*/
            padding-right: 0 !important;
        }

        .ntl-link-to-text, .ntl-link-to-text:focus, .ntl-link-to-text:hover { /*common*/
            color: #353D43;
            text-decoration: none;
            line-height: 22px;
        }

        .v3-rs-dropdown-menu-right.v3-dropdown-menu { /*common*/
            transform: translateX(16px) !important;
        }

        .v3-rs-dropdown-menu-right-ss.v3-rs-dropdown-menu-right.v3-dropdown-menu {
            transform: translateX(-24px) !important;
        }

        .v3-task-activity-norecord-wrap { /*common*/
            height: 300px;
            margin-bottom: 20px
        }

        /*LOGIN page Ver 3 css start*/
        .v3-rs-login.q2ev4-login-page .nav-transparent > .container-fluid {
            padding: 0;
        }

        .v3-rs-login.q2ev4-login-page .nav-transparent .navbar-header,
        .v3-rs-login .navbar-collapse.collapse {
            display: inline-block !important;
            vertical-align: top;
            padding: 0;
            margin: 0;
            border: none !important; /*Sprint 224*/
        }

        .v3-rs-login.q2ev4-login-page .nav-transparent.navbar-inverse .navbar-left > li > a {
            padding: 27px 25px 27px 25px;
            margin-top: 0;
        }

        .v3-rs-login.q2ev4-login-page .nav-transparent .navbar-left {
            display: flex
        }

        .v3-rs-login .navbar-header ul.rsp-toggle-menu {
            display: none
        }
        /*Copy bootstrap max-width 768px start*/
        .v3-rs-login .nav-transparent .navbar-brand.logo img {
            height: 33px;
        }

        .v3-rs-login .navbar-brand {
            padding-left: 0;
            padding-top: 16px;
            padding-bottom: 15px;
            margin-left: 20px;
        }

        .v3-rs-login .navbar-inverse .navbar-nav {
            margin: 7.5px 0;
        }

        .v3-rs-login .navbar-collapse {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        #navbar > .navbar-left > li {
            margin-left: 0;
            margin-right: 0;
        }

        .footer-helpicon.lbl-help-icon {
            display: none
        }

        .ntl-width100-auto {
            min-width: 1px;
            max-width: 100%;
            width: auto !important;
        }

        .v3-summary-scroll-pd {
            overflow: auto;
        }
        /*Copy bootstrap max-width 768px end*/

        /*LOGIN page Ver 3 css end*/
        /*Report css strt*/
        /*.custom-report .c-filter-right-box.form-horizontal .form-group {
        padding-right: 0
    }*/
        /*Report css strt*/
    }

    @media only screen and (max-width: 1280px) {
        .body-content {
            width: 100% !important
        }
    }
       
    @media only screen and ( min-width: 480px ) and ( max-width: 659px ) {

        /*New task sidebar and header css start sprint  165*/
        .ntl-taskmodal-heading-half .ntl-heading-leftChildren {
            width: auto
        }

        .ntl-heading-leftInner {
            position: relative;
            top: 4px;
        }

        .head-point {
            position: relative;
            top: -2px;
        }

        .ntl-heading-leftChildren > .ntl-flex.w-100 {
            flex-direction: column;
        }

        .head-point, .ntl-heading-leftInner {
            height: auto
        }
        /*New task sidebar and header css end sprint  165*/
    }

  



























    .copy-righttext-3line .v3-mobile-footer {
        background-color: #E9E7E7;
        height: 46px;
        width: 100%;
        padding: 0 20px;
        bottom: 46px;
        display: flex;
        align-items: center;
    }

    .copy-righttext-3line .innerBody#divHelpPage {
        padding-bottom: 93px
    }

    .copy-righttext-3line .v3-mobile-footer p.copyright {
        position: relative !important;
        margin: 0;
        padding: 0 !important;
        line-height: 18px;
    }

    .copy-righttext-3line .footer.ntl-q2egray-footer {
        background-color: #DBDADA;
    }

    .copy-righttext-3line .footer-logocenter {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .copy-righttext-3line .footer.ntl-q2egray-footer .copyright {
        visibility: hidden
    }

    .copy-righttext-3line .pb-q2e-logo--oemlogo > img {
        margin-left: 20px
    }

    .copy-righttext-3line .bodyStyle {
        bottom: 92px;
    }

    .copy-righttext-3line .pb-q2e-logo.pb-q2e-logo--oemlogo {
        margin-left: 0
    }


    /**Footer two row issue for firefox*/
    .footer.ntl-q2egray-footer .copyright {
        padding-left: 0px !important;
        width: calc(50% - 155px);
        height: 46px;
        align-items: center;
        display: flex;
        padding-top: 0;
    }

    .ntl-myjourney-body {
        /*min-height:100vh*/
    }

.ntl-myjournery-filter-wrap {
    width: calc(100% + 318px)
}

/* ===============================================
     Responnsive BOTH TABLET AND MOBILE start here  
   =============================================== */
    @media only screen and (max-width: 1024px) {
        .ntl-myjournery-filter-wrap {
            width: calc(100% + 318px)
        }
    }

    

    @media only screen and ( min-width: 0px ) and ( max-width: 1024px ) {
        .ntl-myjowita-pendapprover, .ntl-myjowita-complete, .ntl-myjowita-hours {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .rightside_at_bottom .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr.fixedtop {
            height: calc(100% - 45px)
        }

        .copy-righttext-3line.rightside_at_bottom-98 .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr.fixedtop {
            height: calc(100% - 98px)
        }
        /*Remove absolute css start here*/
        .remove-absolute .bodyStyle {
            position: relative;
            top: 0;
        }
        


        .remove-absolute .bodyStyle,
        .remove-absolute .ntl-myjournery-left-container,
        .remove-absolute.q2e4-body > .bodyStyle .innerBody,
        .remove-absolute .footer.ntl-q2egray-footer,
        .remove-absolute .v3-mobile-footer {
            position: relative
        }

            .remove-absolute .footer-logocenter,
            .remove-absolute .footer.ntl-q2egray-footer .copyright {
                height: 43px
            }

        .remove-absolute .v3-mobile-footer {
            position: static;
            padding-top: 13.5px;
            padding-bottom: 13.5px;
        }

        .remove-absolute #divNewBroadcast {
            margin-top: 0 !important
        }
        /*Remove absolute css End here*/
        /*Padding 20*/
        .q2e4-page-graytop-header {
            padding: 0 20px 0 20px;
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr > div {
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr.fixedtop {
            position: fixed;
            top: 0;
            bottom: 0;
            height: 100%;
            z-index: 1
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr .scrollbody {
            flex: none
        }

        .ntl-tab-section-ext .ntl-tablist li.tablist-item:first-child {
            padding-left: 10px;
        }

        .ntl-myjournery-filter-wrap {
            padding: 13.5px 20px;
        }

        .ntl-myjournery-widget-wrap {
            padding: 20px 10px;
            padding-right: 10px;
        }

            .ntl-myjournery-widget-wrap > perfect-scrollbar {
                padding-right: 4px
            }

        .ntl-myjournery-task-date-outer {
            margin-left: 10px;
            width: calc(100% - 10px);
        }

        .report-absolute-remove .ntl-myjournery-task-date-outer {
            margin-left: 0;
            width: 100%;
        }

        .report-absolute-remove .ntl-myjournery-widget-wrap {
            padding: 20px 20px;
            padding-right: 16px;
        }

        .ntl-myjournery-widget-wrap {
            min-height: calc(100vh - 110px)
        }

        .q2e4-tab-section.ntl-tab-section {
            padding-right: 20px;
        }
        /*Padding 20 end*/
        /*Scroll full css start here*/
        .q2e4-body {
            overflow: scroll;
            overflow-x: hidden;
        }

            .q2e4-body > .bodyStyle {
                overflow: initial;
                overflow: unset;
            }

            .q2e4-body .ntl-myjournery-widget-wrap {
                flex: none;
            }
        /*Scroll full css End here*/
        .admin-filter-body_rightpanel perfect-scrollbar, .admin-filter-body_leftpanel perfect-scrollbar {
            overflow: auto !important
        }

            .admin-filter-body_rightpanel perfect-scrollbar#responsive-scroll-top > .ps,
            .admin-filter-body_leftpanel perfect-scrollbar#responsive-scroll-top > .ps {
                overflow: visible !important
            }

        /*remove abosulute  for report structure css start here*/

        .report-absolute-remove .bodyStyle .innerBody#divDashboardPage,
        .report-absolute-remove .bodyStyle .innerBody#divDashboardPage .tab-content,
        .report-absolute-remove .bodyStyle .innerBody#divDashboardPage .dash-outer,
        .report-absolute-remove .bodyStyle .innerBody#divDashboardPage .dash-container,
        .report-absolute-remove .bodyStyle .innerBody#divDashboardPage .body-content,
        .report-absolute-remove .bodyStyle .innerBody#divDashboardPage .tab-content > .tab-pane,
        .report-absolute-remove .widget-detail-wrap {
            position: relative;
        }

        .report-absolute-remove .body-content-inner-wrapper {
            overflow: visible
        }

        .report-absolute-remove .innerBody#divDashboardPage .detail-wrap {
            padding: 0px 0px;
        }

        .report-absolute-remove .dash-table,
        .report-absolute-remove .dash-table-row,
        .report-absolute-remove .dash-table-cell {
            display: block;
        }

        .report-absolute-remove .widget-detail-wrap > div {
            margin: 0 !important
        }

        .report-absolute-remove .body-content-outer-wrapper {
            height: auto;
        }

        .report-absolute-remove .rt-tool-box .rpt {
            padding: 0;
            margin-bottom: 0
        }

        /*remove abosulute  for report structure css staendrt here*/


    }

/* ===============================================
     Responnsive with scroll on 370 start here  
   =============================================== */
    @media only screen and (max-width: 370px) {
        .q2e4-body {
            width: 370px;
            overflow: scroll;
        }

        .ntl-myjournery-right-sidebr {
            display: none
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr {
            display: block
        }

        .footer.ntl-q2egray-footer .admin {
            padding-left: 0
        }
    }


/* ===============================================
      RESPONNSIVE FOR TABLET CSS START HERE  
   =============================================== */
@media only screen and ( min-width: 660px ) and ( max-width: 1024px ) {
    .q2e4-body.isShowgray-strip > .bodyStyle {
        top: 98px
    }

    .taskcheck-box-head {
        display: inline-block !important;
    }
    /*overflay left sidebar */
    .task-show-leftsidebar .ntl-task-sidebar-left {
        /*transition: width .8s*/
    }

    #taskModalContent:not(.task-show-leftsidebar) .ntl-task-sidebar-left {
        position: absolute;
        height: 100%;
        z-index: 999999;
        /*transition: width .8s*/
    }

    .per-modal-dialog--taskv3 .ntl-section-right--newv3 {
        width: 100% !important;
        /*transition: width .8s*/
    }

    .per-modal-dialog--taskv3 #taskModalContent:not(.task-show-leftsidebar) .ntl-section-right--newv3 {
        width: calc(100% - 50px) !important;
        left: 50px
    }

    .collapes_leftbar .per-modal-dialog--taskv3 .ntl-section-right--newv3 {
    }
    /*ss sidebar css start */
    .rs-v3-assist-me {
    }

    .ntl-task-button-ac-ss li:first-child {
        padding-left: 0
    }
    /*ss sidebar css start */

    /*New task sidebar and header css start sprint  165*/
    .ntl-taskmodal-heading-half .ntl-heading-leftChildren {
        width: auto
    }

    .ntl-heading-leftInner {
        position: relative;
        top: 4px;
    }

    .head-point {
        position: relative;
        top: -2px;
    }

    .ntl-heading-leftChildren > .ntl-flex.w-100 {
        flex-direction: column;
    }

    .head-point, .ntl-heading-leftInner {
        height: auto
    }
    /*New task sidebar and header css end sprint  165*/
    /*.q2e4-navbar .container-fluid{display:flex}*/
    .navbar-header ul.rsp-toggle-menu {
        float: right;
        display: none
    }

    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
        margin-left: -15px;
        margin-right: -15px;
    }

    .container-fluid > .navbar-collapse {
        padding-left: 0 !important
    }

    .q2e4-navbar-expand-lg .navbar-nav.ntl-flex-item-center {
        margin-left: 20px;
        margin-right: 0;
    }

    .custom-report-box.detail-wrap {
        padding: 10px 20px;
    }

    .body-content {
        width: 100% !important
    }

    .navbar-brand {
        padding-left: 0;
        padding-top: 16px;
        padding-bottom: 15px;
        margin-left: 20px;
    }

    .q2e4-navbar .navbar-brand {
        margin-left: 20px;
    }

    .ntl-document-preview-wh.ngb-modal-window.ntl-w-64vh > .modal-dialog {
        height: 95vh;
        width: 95vw;
    }

    .q2e4-navbar-expand-lg .q2e4-navbar-collapse, .q2e4-navbar-collapse.navbar-collapse.collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .q2e4-navbar-expand-lg .navbar-header {
        float: left !important;
    }

    .q2e4-navbar.navbar-inverse .navbar-right,
    .q2e4-navbar-expand-lg .navbar-nav.ntl-flex-item-center,
    .q2e4-navbar.navbar-inverse .navbar-left.ntl-dashboard-item {
        display: flex !important
    }

    .q2e4-navbar.navbar-inverse .navbar-left.ntl-dashboard-item {
        margin: 0
    }

    #BtnSummaryShowDown {
        position: absolute !important;
        right: 12px;
        bottom: 12px;
    }

    #divSharePopup.modal-outer .modal-dialog.w500 {
        min-width: 502px
    }

    .dismiss-popup-remove .dropdown { /*common*/
        z-index: 1000 !important
    }
    /*black strip custom tab save change css start*/
    .ntl-footer-box.v3-filedsavechange .ntl-caution .btn.ntl-btn-default,
    .ntl-footer-box.v3-filedsavechange .ntl-caution .ntl-btn-secondary.btn {
        margin-bottom: 0;
    }
    /*black strip custom tab save change css end*/
    /*#divViewMoreTableData .cf-table-flex.of-hidden {
        width: 900px;
        overflow: auto;
    }*/
    .cf-table-wrap__filter .fby-title { /*common*/
        white-space: nowrap
    }

    .cf-table-wrap__filter .w-300x, .cf-table-wrap__filter .search-input-group .input-reset-btn.pull-left { /*common*/
        width: auto;
    }

    .v3-slider-icon-wrap-svg {
        top: 25px;
    }

    .v3-rs-right-ss-button ul li.threedot {
        width: 25px
    }

    .v3-task-activity-norecord-wrap {
        margin-bottom: 20px
    }

    .adash_tab_content_show {
        padding: 0 20px
    }

    #uiwidth-for-clientlist + prs_dash_admin_page .adash_tab_content_show {
        padding: 0 0px
    }

    .adash_tab_content_show .search-input-group { /*common*/
        display: flex;
        float: left !important;
        width: 100%;
        margin-top: 10px
    }

        .adash_tab_content_show .search-input-group .input-reset-btn.pull-left { /*common*/
            flex: 0
        }

    .prs_dash_admin_page .input-group-box.w-300x { /*common*/
        flex: 1 1
    }

    .ntl-task-button-ac > li:last-child {
        padding-right: 0 !important
    }

    #navbar_angula9.navbar-collapse {
        padding-right: 0 !important
    }
}
    @media only screen and ( min-width: 660px ) and ( max-width: 1024px ) {

        .ntl-task-sidebar-left.ntl-form-sidebar-left,
        .ntl-task-sidebar-left.rs-fw-tablet-200 {
            width: 200px;
        }
        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr {
            z-index: 10
        }
        /*----Section newtask Task widget boxes css start-----*/
        .ntl-taskmodal-heading-half .ntl-heading-rightChildren .ntl-btn-danger {
            margin-bottom: 0;
            padding-left: 19px;
            padding-right: 19px;
        }

        .ntl-task-button-ac-ss .btn.ntl-btn-default {
            padding-left: 19px;
            padding-right: 19px;
        }

        .ntl-myjournery-right-sidebr {
            width: 298px
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-left-container {
            width: calc(100% - 298px);
            margin-right: 298px
        }

        .ntl-myjournery-left-container {
            transition: margin 500ms ease-in-out;
        }

        .ntl-myjournery-widget-task {
            width: auto;
        }

        .ntl-milestone-wrap .ntl-myjournery-widget-task-tt-outer {
            width: auto
        }

        .ntl-myjournery-widget-task-tt-outer {
            width: 33.33%;
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-widget-task-tt-outer {
            width: 50%;
        }

        .ntl-myjournery-widget-task-sidebar {
            width: 100% !important
        }

        .ntl-myjourney-body .ntl-myjournery-right-sidebr {
            top: 62px;
            /*height:calc(100% - 62px)*/
            /*height: 100vh*/
        }
        /*----Section newtask Task widget boxes css end-----*/
        /*.ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr*/
        .widget-launch-body-inner {
            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
        }

        .widget-launch-body  div.widget-launch-box {
            height: 120px !important;
        }
        .singletile .widget-launch-body .widget-launch-box{

        }
        .tiletext1.widget-launch-body > .widget-launch-body-inner > div.widget-launch-box,
        .tiletext2.widget-launch-body > .widget-launch-body-inner > div.widget-launch-box {
            height: 100% !important
        }
    }
    
    @media only screen and (min-width: 1025px) {
        .ntl-myjourney-body .ntl-myjournery-right-sidebr {
            top: 62px;
            height: calc(100% - 62px)
            /*height: 100vh*/
        }
    }

    .v3-rs-ntl-heading-workflow-show {
        display: none;
    }

/* ===============================================
      RESPONNSIVE FOR MOBILE CSS START HERE 
   =============================================== */
    @media only screen and (max-width: 659px) {
        .ngb-modal-window.ntl-filter-md-wh.height-full.min-h-full.ntl-md-wh-1250 > .modal-dialog{
            padding:0
        }
        .ngb-modal-window.ntl-filter-md-wh.height-full.min-h-full > .modal-dialog {
            min-height: calc(100vh - 0px) !important;
            max-height: calc(100vh - 0px);
        }
        .form-bg-lightblue-426-outer {
            width: calc(100% - 1%);
        }
        .rs-m-pr-20 {
            padding-right: 20px;
        }
        .ntl-heading-program, .ntl-heading-program-text {
            max-width: 100%
        }
        /*header title change */
        .v3-rs-ntl-heading-workflow-hide {
            display: none
        }

        .v3-rs-ntl-heading-workflow-show {
            display: block;
            color: #fff
        }
        .ndash-in-right-table {
            padding-bottom: 100px;
        }
        .ntl-points {
            width: 100%
        }
        /*header title change */
        .report-absolute-remove .ntl-myjournery-task-date-outer,
        .report-absolute-remove .ntl-myjournery-widget-task {
            margin-bottom: 20px
        }

        .innerBody#divHelpPage {
            padding-bottom: 93px
        }

        .ntl-myjournery-right-sidebr {
            display: none
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr {
            display: block
        }

        .q2ev4-login-page .banner-content-inner h2 {
            font-size: 28px;
            text-align: right
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr {
            z-index: 10
        }
            /*----Section newtask Task widget boxes css start-----*/
            /*.rightside_at_bottom .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr.fixedtop {
            height: calc(100% - 94px) !important
        }*/
            /*remove right panel scroll by absolute*/
            .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr.fixedtop {
                position: absolute;
                top: 0;
                bottom: auto;
                height: auto !important;
                z-index: 9;
            }
        /*remove right panel scroll by absolute*/
        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr {
            position: relative !important;
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-left-container {
            display: none
        }

        .rs-tasksidebar-show.showRightPanelclick_li {
            display: none
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr {
            width: 100%;
            min-height: calc(100vh - 252px);
        }

        .q2e4-create-list-withicon li.rs-m-border-none {
            border: 0
        }

        .q2e4-create-list-withicon li.showRightPanelclick_li {
            line-height: 1;
            border: 0 !important;
            padding-left: 1px;
        }

        .ntl-myjournery-widget-task-tt-outer {
            width: 50%;
        }

        .ntl-myjournery-widget-task {
            width: auto;
            margin-left: 6px;
            margin-right: 6px
        }

        .ntl-myjowita-r3.ntl-mb-20 .v3-col-6:first-child {
            padding-right: 6px;
        }

        .ntl-myjowita-r3.ntl-mb-20 .v3-col-6:last-child {
            padding-left: 6px;
            padding-right: 0px;
        }

        .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-left-container {
            width: 100%;
        }
        /*----Section newtask Task widget boxes css end-----*/
        .ntl-myjowita-r4-count {
            padding-left: 0
        }

        /*----Taskboard Filter css start -----*/
        .admin-filter-body_leftpanel {
            width: 100%;
        }
        .rs-height.ngb-modal-window.ntl-filter-md-wh > .modal-dialog,
        .ngb-modal-window.ntl-filter-md-wh > .modal-dialog {
            width: 100% !important
        }
        .per-modal-dialog.ntl-admin-filter-wh,
        .rs-height.ngb-modal-window > .modal-dialog {
            height: 100% !important
        }
        .two-fa-modal.rs-height.ngb-modal-window > .modal-dialog{
            height:auto !important
        }
        /*----Taskboard Filter END start -----*/
        .mobile-formpage {
            height: 40px;
            background-color: #E4E4E4;
            padding-left: 10px;
        }
        
        .rs-remove-ml-auto.ml-auto {
            margin-left: 0
        }
        .rs-remove-ml-auto .rs-ml-auto {
            margin-left: auto;
            
        }
        .rs-width-100{
            width:100%
        }
        .rs-next-prev-btn .btn.ntl-w-115px {
            width: 85px;
            padding: 3px 20px 3px !important;
        }
        .rs-t-47px.close-icon{
            top:47px !important
        }
        .tsk-sidebar-per-complete.ntl-w-220px {
            width: 160px !important;
            
        }
        .pull-left.rs-m-pull-left--none{
            float:none !important
        }

         .widget-launch-body-inner {
            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
        }
        .widget-launch-body div.widget-launch-box {
            height: 120px !important;
        }
        .tiletext1.widget-launch-body > .widget-launch-body-inner > div.widget-launch-box,
        .tiletext2.widget-launch-body > .widget-launch-body-inner > div.widget-launch-box {
            height: 100% !important
        }


    }



/* ===============================================
      RRESPONNSIVE FOR MOBILE AND TABLET COMMON CSS START HERE
   =============================================== */

  
    @media only screen and (max-width: 1024px) {
        .rs-manage-serpa-box{
            min-height:740px;
            margin-top:20px
        }
        .rs-md-mt-20{
            margin-top:20px
        }
        .ps.mobile-scrollbar, .mobile-scrollbar {
            overflow: auto !important
        }


        perfect-scrollbar.mobile-scrollbar > .ps {
            overflow: visible !important
        }
        /**/
        .mb-5-btn-remove .btn{
            margin-bottom:0 !important
        }
        /*new workflow explorer*/
        .ntl-myjournery-widget-wrap.ntl-workdflow-task--wrap {
            padding-left: 20px;
            min-height: calc(100vh - 126px);
        }

        .ntl-milestone-wrap .ntl-myjournery-widget-task-tt-outer {
            width: auto;
        }

        .ntl-myjournery-widget-wrap.ntl-workdflow-task--wrap .ntl-myjournery-widget-task {
            width: 189px;
        }

        .ntl-milestone-wrap .ntl-milestone {
            flex: 0 0 189px;
            max-width: 189px;
        }

        .ntl-milestone-colored-strip.ntl-milestone-colored-strip-task {
            position: absolute;
            left: -194px;
            width: calc(100% + 189px );
        }

        /*.nav-report-taskboard {
        width: calc(100% + 50px);
        transform: translateX(30px);
        margin-left: -50px;
    }*/
        /*new workflow explorer end*/
        .innerBody#divHelpPage {
            padding-bottom: 93px
        }

        div#containeradmindashboard .fixed {
            top: 0;
            height: 100%;
        }

        .copy-righttext-3line .footer-logocenter {
            padding-left: 20px
        }

        .copy-righttext-3line .pb-q2e-logo--oemlogo > img {
            margin-left: 5px
        }

        .ntl-myjowita-pastdue {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ntl-myjourney-body.no-data {
            min-height: 100vh;
            overflow: hidden
        }

            .ntl-myjourney-body.no-data .ntl-myjournery-left-container {
                position: absolute
            }

        .q2e4-body .no-data .ntl-myjournery-widget-wrap {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }
        /*.remove-absolute .bodyStyle {
        min-height: calc(100vh - 113px);
    }
    .remove-absolute .q2e4-body > .bodyStyle .innerBody{
        height:100%;
    }*/
    }


/* ===============================================
      MEDIA QUERY FOR MOBILE 480PX CSS START
   =============================================== */


@media only screen and ( min-width: 370px ) and ( max-width: 480px ) {
    .tsk-sidebar-per-complete.ntl-w-220px {
        width: 110px !important;
    }

    .nrt-filter-applyed li:nth-child(3) {
        display: none;
    }
    }
@media only screen and ( min-width: 660px ) and ( max-width:860px ) {
    .tsk-sidebar-per-complete.ntl-w-220px {
        width: 136px !important;
        padding-left:10px
    }
}

    @media only screen and ( max-width: 659px ) {
        /*task sidebar css start*/
        /*.ntl-task-sidebar-left {
            display: none
        }*/

        .per-modal-dialog--taskv3 .ntl-section-right--newv3 {
            width: 100%
        }
        /*task sidebar css end*/

        .ntl-milestone-colored-strip.visibility-hidden {
            visibility: visible;
        }

        .ntl-myjournery-widget-wrap.ntl-workdflow-task--wrap {
            padding-right: 16px;
            min-height: calc(100vh - 192px);
        }

        .rs-milestone-row.ntl-flex-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .ntl-milestone-wrap .ntl-milestone {
            flex: 0;
            width: 100%;
            min-height: 78px;
            max-width: 100%
        }

        .ntl-milestone-colored-strip.ntl-milestone-colored-strip-task {
            display: none;
        }

        .ntl-myjournery-widget-outer .ntl-myjournery-widget-task-tt-outer:nth-child(2n+1) .ntl-myjournery-widget-task {
            margin-left: 0px
        }

        .ntl-myjournery-widget-outer .ntl-myjournery-widget-task-tt-outer:nth-child(2n+2) .ntl-myjournery-widget-task {
            margin-right: 0px
        }

        .ntl-milestone-wrap .ntl-myjournery-widget-task-tt-outer {
            width: 50%;
        }

        .ntl-myjournery-widget-wrap.ntl-workdflow-task--wrap .ntl-myjournery-widget-task {
            width: calc(100% - 6px);
        }
    }

/* ===============================================
      MEDIA QUERY FOR MOBILE 480PX CSS END
   =============================================== */

    @media only screen and ( min-width: 660px ) and ( max-width: 710px ) {
        .ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.form-control:not([class*="col-"]) {
            width: 236px
        }

        .ntl-myjowita-r4-count {
            padding-left: 0
        }
    }

    @media only screen and (max-width: 768px) {
        .report-absolute-remove #divDashboardPage .tab-section.detail-wrap {
            padding: 0 !important
        }

        .q2ev4-login-page .banner-content-inner h2 {
            text-align: right
        }
        
    }

    .tasksave-btn-hide-show .animate__zoomOut {
        display: none
    }
    /*show and hide save button*/
@media only screen and (max-width: 834px) {
    /*.tasksave-stripe-hide-show {
            display: block;
        }

        .tasksave-btn-hide-show {
            display: none;
        }

        [hidden].tasksave-btn-hide-show {
            display: none;
        }*/
}

    @media only screen and (min-width: 835px) {
        .tasksave-stripe-hide-show {
            display: none;  
        }

        .tasksave-btn-hide-show {
            display: block;
        }

        [hidden].tasksave-btn-hide-show {
            display: none;
        }
    }
    /*show and hide save button end*/

    @media only screen and (max-width: 480px) {
        .v3-rs-second-strip-dd-RM .v3-rs-dropdown-menu-right.c-v3-dropdown-menu {
            right: 0 !important
        }

        .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.left-37 {
            left: 14px !important;
        }
    }

    @media screen and ( min-width: 660px ) and ( max-width: 800px ) {
        .filter-manage-660px .mr-30 {
            margin-right: 20px;
        }

        .filter-manage-660px .ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.form-control:not([class*="col-"]) {
            width: 175px
        }
    }

.remove-absolute .body-content{
    width:100% !important
}


@media only screen and (max-width: 659px) {
    .grid-tableChart--dashboard.overflow-resizer table.pivotwidget,
    .grid-tableChart--dashboard.overflow-resizer .nrt-flex-fill,
    .grid-tableChart--dashboard.overflow-resizer .nrt-flex-auto,
    .grid-tableChart--dashboard.overflow-resizer .rs-mx-w-660 {
        max-width: unset !important;
        width: 100% !important
    }
}

@media only screen and (max-width: 480px) {
    .grid-tableChart--dashboard.overflow-resizer table.pivotwidget,
    .grid-tableChart--dashboard.overflow-resizer .nrt-flex-fill,
    .grid-tableChart--dashboard.overflow-resizer .nrt-flex-auto,
    .grid-tableChart--dashboard.overflow-resizer .rs-mx-w-660 {
        max-width: 660px !important;
        width: 660px !important
    }
}
@media only screen and (max-width: 850px) {
    
}

@media only screen and (min-width : 768px) {
    .modal-outer .modal-dialog.w500.min-w-550 {
        min-width: 550px;
    }

  
}
@media screen and ( min-width: 1200px ) and ( max-width: 1366px ) {
    .rs-min-w1366-col-9 {
        width:70%
    }
    .rs-min-w1366-col-3 {
        width: 30%;
        padding-left:0
    }
    .of-scroll-display-table{
        overflow:auto
    }
        .of-scroll-display-table .rs-mx-w-698 {
            max-width: 698px;
            width: 698px;
            position:relative;
        }
        
        .ext-report-body perfect-scrollbar.v3-rs-ps.mobile-scroll-xy,
        .ext-report-body .of-scroll-display-table perfect-scrollbar.v3-rs-ps.mobile-scroll-xy > .ps,
        .ext-report-body .of-scroll-display-table perfect-scrollbar.v3-rs-ps.ps.ps-overflow-visible.mobile-scroll-xy,
        .of-scroll-display-table perfect-scrollbar.v3-rs-ps.mobile-scroll-xy,
        .of-scroll-display-table perfect-scrollbar.v3-rs-ps.mobile-scroll-xy > .ps,
        .of-scroll-display-table perfect-scrollbar.v3-rs-ps.ps.ps-overflow-visible.mobile-scroll-xy {
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch;
        }
    /*.of-scroll-display-table .rs-mx-w-698:after {
        content: '';


        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }*/
}