.per-modal-dialog--taskv3 {
}

    .per-modal-dialog--taskv3 .per-modal-content, .per-modal-content {
        border-radius: 10px
    }

.ntl-mh, .ntl-confirmation1-wh .ntl-modal-body, .ntl-confirmation2-wh .ntl-modal-body {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ntl-modal-footer, .v3-ntl-modal-body-bottomcurve, .v3-curve-bottomcurve {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.per-modal-dialog--taskv3 .ntl-section-left--newv3.ntl-section-left.ntl--flexible-scroll {
    display: none;
}



.ntl-tab-section--taskv3 {
    height: 80px;
    padding: 0 40px 0 40px;
}

.ntl-tablist--taskv3, .ntl-second-strip-iconwrap {
    margin: 0;
    padding: 0;
}

.ntl-tablist--taskv3, .ntl-second-strip-iconwrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    align-self: stretch;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

    .ntl-tablist--taskv3 li, .ntl-second-strip-iconwrap > li {
        float: left;
    }


        .ntl-tablist--taskv3 li.tablist-item {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: center;
            align-self: stretch;
            display: -webkit-box;
            display: flex;
            -webkit-box-flex: 0;
            flex: 0 0 auto;
            -webkit-box-pack: start;
            justify-content: flex-start;
            padding: 0 10px;
            border-bottom: 0px solid transparent;
            cursor: default
        }

            .ntl-tablist--taskv3 li.tablist-item:first-child {
                padding-left: 0
            }

    .ntl-tablist--taskv3 > li > a {
        text-decoration: none;
        position: relative;
        display: block;
        /*padding: 10px 32px 15px;*/
        border-bottom: 0px solid transparent;
        color: rgba(69, 79, 87, .6);
    }

        .ntl-tablist--taskv3 > li > a.tasktab-icon-link {
            width: 50px !important;
            height: 50px !important;
            background-color: #DCDCDC !important;
            border-radius: 50px;
            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
        }

.ntl-tablist-icon {
    /*opacity: .6;*/
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .ntl-tablist-icon.v3-summary-icon {
        margin-top: -3px;
    }

    .ntl-tablist-icon.v3-filed-icon {
        margin-left: 3px;
    }

    .ntl-tablist-icon.v3-comment-icon {
        margin-left: 2px;
    }

.v3-at {
    position: absolute;
    right: 9px
}

.ntl-tablist-icon.v3-attachment-icon {
    margin-top: -2px;
}

.ntl-tablist-icon.v3-sandbox-icon {
    margin-left: 1px;
}

.ntl-tablist-icon.v3-customtab-icon {
    margin-left: 1px;
}

.ntl-tablist-icon > svg {
    color: #ABABAB;
}

svg.v3-summary-svg {
    width: 23px;
    height: 19px
}

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

svg.v3-comment-svg {
    width: 23px;
    height: 20px
}

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

svg.v3-sandbox-svg {
    width: 16px;
    height: 20px
}

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

.v3-svg-inline {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}


.ntl-tablist--taskv3 > li.active > a.tasktab-icon-link {
    background-color: #C1EDFF !important
}

.ntl-tablist--taskv3 > li > a.tasktab-icon-link:hover {
    background-color: #9ADAF4 !important
}

.ntl-tablist--taskv3 li > a.tasktab-icon-link:hover .ntl-tablist-icon > svg {
    color: #1193CA;
}

.ntl-tablist--taskv3 li.active .ntl-tablist-icon > svg {
    color: #29ACE3;
}

/*.ntl-tablist--taskv3 > li.active .ntl-tablist-icon > svg {
    opacity: .6
}*/
.tasktab-icon-link .ntl-badge, .ntl-second-strip-link .ntl-badge {
    font-size: 0.731rem !important;
    right: 0;
    min-width: 17px;
    height: 18px;
    /*line-height: 13px;*/
    line-height: 1rem;
    top: -4px;
    display: flex;
    align-items: center;
}

.v3-duedate {
    text-transform: uppercase
}

.ntl-second-strip-link .ntl-badge {
    right: -12px;
    top: -11px;
}


.badge.gray {
    background-color: #647C8D;
}

.badge.red {
    background-color: #F73D3D !important;
}

.ntl-text-color-353D43 {
    color: #353d43 !important;
}

.ntl-text-color-c8c8c8 {
    color: #c8c8c8 !important;
}

.ntl-text-color-86898C {
    color: #86898C !important;
}

.ntl-text-color-999999 {
    color: #999999 !important;
}

.ntl-text-color-B9BCC0 {
    color: #B9BCC0 !important;
}

.ntl-text-color-29ACE3 {
    color: #29ACE3 !important;
}

.ntl-text-color-F73D3D {
    color: #F73D3D !important;
}

.remove-underline-onhover:hover, .remove-underline-onhover:focus, .remove-underline-onhover:active {
    text-decoration: none !important
}
/***************ntl-taskv3-second-strip*********************/
.ntl-taskv3-second-strip {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.ntl-taskv3-second-strip, .ntl-team-second-strip {
    background-color: #EFFAFF;
}

.ntl-taskv3-second-strip {
    height: 60px;
    padding: 0 40px;
    z-index: 10
}

.ntl-team-second-strip {
    height: 42px;
    padding: 0 20px;
}

.ntl-second-strip-iconwrap {
    /*-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;*/
    /*padding-left: 92px*/
}

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

    .ntl-second-strip-iconwrap > li a.ntl-second-strip-link {
        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;
        z-index: 999999
    }

    .ntl-second-strip-iconwrap > li a.ntl-second-strip-link {
        color: #29ACE3;
        opacity: 0.7;
        cursor: default
    }

.v3-summarytab-tm-icon {
    color: #29ACE3;
    opacity: 0.7;
    cursor: pointer
}

.ntl-second-strip-iconwrap > li a.ntl-second-strip-link.ntl-c-pointer, .ntl-second-strip-iconwrap > li .ntl-c-pointer a.ntl-second-strip-link {
    cursor: pointer
}

.ntl-second-strip-iconwrap > li:hover a.ntl-second-strip-link,
.ntl-second-strip-iconwrap > li:hover .show a.ntl-second-strip-link,
.v3-summarytab-tm-icon:hover {
    color: #29ACE3;
    opacity: 1;
}

.ntl-second-strip-iconwrap > li a.ntl-second-strip-link.disabled,
.ntl-second-strip-iconwrap > li .show a.ntl-second-strip-link.disabled {
    color: #BEBFC1;
    /*cursor: default;*/
    opacity: 1;
}

/*.dropdown.show a.ntl-second-strip-link[aria-expanded="true"] {
    opacity: 1
}*/

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

/*************************/

.ntl-f-18 {
    font-size: 1.125rem !important
}

.ntl-f-19 {
    font-size: 1.1875rem !important
}
.ntl-f-15 {
    font-size: 0.9375rem !important
}
.ntl-f-20 {
    font-size: 1.25rem !important
}

.ntl-task-body-left {
    width: calc(100% - 325px)
}

.ntl-task-sidebar, .ntl-task-sidebar-left {
    background-color: #DFF1FA;
    color: #353D43;
    /*width: 26.63%;*/
    width: 325px;
    padding: 35px 10px 30px 30px;
}

    .ntl-task-sidebar, .ntl-task-sidebar-left, .ntl-task-sidebar-left-bottom, .ntl-task-sidebar-bottom {
        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;
        height: 100%;
    }

.ntl-task-sidebar, .ntl-task-sidebar-left-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.ntl-task-sidebar-top {
    margin-bottom: 30px;
}
.ntl-task-sidebar-left-top{
    margin-bottom:0!important
}

.ntl-task-sidebar-heading {
}

.ntl-task-sidebar-bottom, ntl-task-sidebar-left-bottom {
    position: relative;
    top: -5px;
}


/***********V3-dropdown menu css start *************/
.v3-dropdown-menu.dropdown-menu {
    padding: 0;
    border: none;
    box-shadow: none;
    margin-top: 0;
    background-color: transparent;
}

    .v3-dropdown-menu.dropdown-menu.pt-10 {
        padding-top: 10px
    }

.v3-dropdown-menu.translateX-28 {
    transform: translateX(-16px);
}

.v3-dropdown-menu.left-minus-16 {
    left: -16px;
}
.v3-dropdown-menu.left-minus-16.l--22 {
    left: -22px;
}


.v3-dropdown-menu.translateX-28:after, .v3-dropdown-menu.after-w-85:after {
    position: absolute;
    content: '';
    top: -30px;
    left: 0;
    height: 30px
}

.v3-dropdown-menu.translateX-28.after-w-85:after, .v3-dropdown-menu.after-w-85:after {
    width: 85px;
}

.v3-dropdown-menu.translateX-28.after-w-85.after-w-85--0:after, .v3-dropdown-menu.after-w-85.after-w-85--0:after {
    width: 0px;
}


.v3-dropdown-menu-wrap {
    box-sizing: border-box;
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
    padding: 15.5px;
    padding-top: 10px;
    position: relative
}

.v3-max-h-247 {
    max-height: 247px;
}

.v3-max-w-628 {
    width: 628px;
}

.v3-teammember-min-w-185 {
    min-width: 185px;
}

.v3-secondstrip-min-w-206 {
    min-width: 206px;
}

.v3-secondstrip-teammember .ntl-mb-10:last-child {
    margin-bottom: 0
}

.v3-ref-materail-min-w-227 {
    min-width: 227px;
    max-width: 27vw;
}

.v3-max-w-206 {
    width: 206px;
}

.v3-dropdown-menu-scroll {
    max-height: 100%;
    width: 100%;
}

.v3-dropdown-menu-scroll-inner {
    height: 100%
}

.v3-dropdown-menu-content {
    padding-right: 20px !important;
    font-size: .875rem;
    line-height: 1.1875rem
}

    .v3-dropdown-menu-content a.ntl-text-link:hover, .v3-dropdown-menu-content a.ntl-text-link:focus {
        text-decoration: none
    }

.c-ntl-second-strip-BR {
    position: relative
}

.c-v3-dropdown-menu {
    display: none;
    position: absolute;
    z-index: 9999
}

    .c-v3-dropdown-menu.dd-block.hide-globalsearch-popup, .v3-element-hide {
        display: none !important;
    }

.dd-block.v3-dropdown-menu.translateX-28:after {
    left: 999999px;
}

.c-v3-dropdown-menu.dd-block {
    display: block !important;
    z-index: 995
}

.c-ntl-second-strip-BR:hover .c-v3-dropdown-menu {
    display: block;
}

    .c-ntl-second-strip-BR:hover .c-v3-dropdown-menu.dd-block {
        display: none;
    }

.c-v3-dropdown-menu:hover {
    display: block
}

.c-v3-dropdown-menu.v3-summary-right-dropdown-menu {
    top: -14px;
    left: calc(100% + 22px);
}

.c-v3-dropdown-menu.v3-summary-right-dropdown-menu-br {
    top: -14px;
    left: calc(100% + 6px)
}
/*{
    top: -14px;
    left: calc(100% + 22px);
}*/
.ntl-dd-right .v3-dropdown-menu {
    right: 6px;
    left: auto
}

    .ntl-dd-right [ngbdropdowntoggle] + .v3-dropdown-menu, .ntl-dd-right .v3-dropdown-menu.c-ntl-dd-custom-tab {
        right: auto;
        left: 15px !important;
        top: 5px !important;
    }

    .ntl-dd-right .v3-dropdown-menu.translateX-28 {
        transform: translateX(28px);
    }

    .ntl-dd-right .v3-dropdown-menu.translateX-20 {
        transform: translateX(20px);
    }
/*serate class for dd*/
.v3-ref-materail-dd {
}

.v3-task-detail-inst {
    padding-right: 10px;
    white-space: pre-line;
    line-height:1.4;
}

.v3-task-description-dd {
}

.v3-team-member-dd {
}

.v3-business-role-dd {
}

.v3-prerequesite-dd {
}
/**********ARROW css start************/
.v3-dropdown__arrow {
    width: 18px;
    height: 12px;
    position: absolute;
    overflow: hidden;
}

    .v3-dropdown__arrow::after {
        content: "";
        width: 18px;
        height: 12px;
        position: absolute;
        background: #ffffff;
        /*box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 1);*/
        box-shadow: 0 0px 2px 0px rgba(0,0,0,0.25);
        border: 1px solid #aaa;
        z-index: 1;
    }

    .v3-dropdown__arrow.top-left {
        bottom: calc(100% - 0px);
        left: 20px;
        /*transform: translateX(-12.5%) rotate(180deg);*/
    }

        .v3-dropdown__arrow.top-left.top-left--right {
            right: 15px;
            left: auto
        }

        .v3-dropdown__arrow.top-left:after {
            transform: rotate(45deg) skewX(15deg) skewY(15deg);
            top: 10px;
            left: 0PX;
        }

    /**********Ask this from added by shailesh 30/11/2020************/
    .v3-dropdown__arrow.top-left-Y {
        bottom: calc(100% - 1px);
        left: -15px;
        transform: translateY(180.5%) rotate(90deg);
    }

        .v3-dropdown__arrow.top-left-Y:after {
            transform: rotate(45deg);
            top: -8px;
            left: -17%;
        }


/**********ARROW css end************/



/***********V3-dropdown menu css End *************/
.v3-lh-19 {
    line-height: 1.1875rem !important
}

.v3-businessrole-ttlist {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .v3-businessrole-ttlist li:last-child {
        margin-bottom: 0
    }

        .v3-businessrole-ttlist li:last-child .v3-br-link-wrap-outer {
            padding-bottom: 0
        }

.v3-br-link-wrap-outer {
    margin-left: -15.5px;
    width: calc(100% + 31px);
    padding-bottom: 10px
}

.v3-br-link-wrap {
    background-color: #C4E6F6;
    border-radius: 50px;
    margin: 0 7.5px;
    width: calc(100% - 15px);
    padding: 2px 8px;
}

    .v3-br-link-wrap.disabled {
        background-color: #DCDCDC;
        cursor: default;
    }

.disabled .ntl-text-link, .disabled .ntl-text-link:hover, .disabled .ntl-text-link:focus, .disabled a.ntl-text-link:hover, .disabled a.ntl-text-link:focus {
    color: #353d43 !important;
    cursor: default !important;
    text-decoration: none;
}

.v3-br-link {
    color: #29ACE3;
    text-decoration: none
}

.v3-br-link-text {
    padding-left: 9px
}

.v3-dropdown-menu-wrap.v3-dropdown-menu-wrap-br {
    padding: 10px 0;
}

    .v3-dropdown-menu-wrap.v3-dropdown-menu-wrap-br .v3-dropdown-menu-content {
        padding: 15.5px;
        padding-top: 0px;
        padding-right: 15.5px !important;
        padding-right: 10px;
    }

.v3-sub-menu .v3-dropdown-menu-content {
    padding-top: 15.5px !important;
}

.v3-sub-menu .v3-dropdown-menu-div {
    max-width: 580px
}

.v3-br-link-wrap-outer.hasSubmenu {
}

.v3-br-link-wrap-outer .v3-sub-menu {
    display: none
}

.v3-br-link-wrap-outer:hover .v3-sub-menu.left {
    left: auto;
    right: calc(100% - 17px);
    padding-right: 17px;
    padding-left: 0px;
}

.v3-sub-menu .v3-dropdown-menu-wrap {
    padding-top: 15.5px !important
}

.v3-br-link-wrap-outer:hover .v3-sub-menu {
    display: block;
    position: fixed;
    /*right: 0;*/
    padding: 0;
    margin: 0;
    left: calc(100% - 17px);
    z-index: 9999;
    min-width: 145px;
    /*padding-left: 17px;*/
}

.v3-sub-menu .v3-dropdown-menu-wrap {
    padding: 0 !important
}

    .v3-sub-menu .v3-dropdown-menu-wrap:before {
        content: '';
        position: absolute;
        left: -15px;
        width: 15px;
        top: 0;
        bottom: 0
    }

.v3-sub-menu .v3-dropdown-menu.translateY {
    transform: translate(0, -41px);
}

.ps.ps-overflow-visible, .ps.ps-overflow-visible .ps-overflow-visible.perfect-scrollbar > .ps {
    overflow: visible !important
}

/*Business role avatar*/
.v3-ntl-team-memberlist-avatar .ntl-image.is-50x50 .list-item-image {
    border: none
}

.v3-ntl-team-memberlist-avatar .ntl-image.is-50x50 .list-item-image, .ntl-image.is-50x50 .list-item-image,
.ntl-image.border-radius-50 {
    border-radius: 50px
}

.ntl-image.border-radius-32, .ntl-image.border-radius-32 .list-item-image {
    border-radius: 32px
}
/*Rivbbon text*/
.v3-ntl-img-ribbon {
    width: 1.15625rem;
    height: 1.15625rem;
    background: #29ACE3;
    position: absolute;
    top: auto;
    bottom: 0;
    text-align: center;
    line-height: 1.15625rem;
    letter-spacing: 1px;
    color: #f0f0f0;
    border-radius: 20px;
    font-size: 0.75rem;
}

.v3-ntl-img-ribbon-text {
    width: 100%;
    height: 100%;
}

.v3-ntl-img-ribbon.approver-wh-12x12 {
    width: 0.75rem;
    height: 0.75rem;
    line-height: 0.75rem;
    font-size: 0.625rem
}

.v3-ntl-instruction.ntl-instruction-editable textarea.form-control {
    background-color: transparent;
    color: #353d43;
    padding: 0
}

    .v3-ntl-instruction.ntl-instruction-editable textarea.form-control[disabled] {
        cursor: text
    }

.v3-high-priority {
    color: #F7903D;
}

    .v3-high-priority > i.qfa-flag {
        font-size: 14.4px;
        margin-right: 10px
    }

/*****************CHAT SIDEBAR DESIGN CSS START**********************/
.v3-comment-wrap {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.v3-chat-sidebar label {
    margin-bottom: 0;
}

.v3-chat-sidebar-search {
}

.v3-chat-sidebar-team {
}
/*****************CHAT SIDEBAR DESIGN CSS END**********************/

/*///////////////SMALL MODALS CSS START HERE//////////////////*/
.v3-per-md .ntl-modal-footer.ntl-modal-footer-sm-p {
    padding: 20px !important
}

    .v3-per-md .ntl-modal-footer.ntl-modal-footer-sm-p.ntl-footer-btnwrap {
        padding-bottom: 10px !important
    }

.v3-per-md ntl-heading-modal-text {
    font-size: 1rem
}

.v3-per-md .ntl-modal-body {
    padding-bottom: 20px;
}

.v3-per-md .ntl-mh {
}

.v3-per-md .ntl-modal-footer, .bg-ngbt-modal-footer {
    background-color: #f4f4f4 !important
}

.ntl-refrencematerail-item-md.v3-remove-pr-0 {
    padding-right: 0 !important
}

.v3-per-md .ntl-btn-link, .ntl-btn-secondary {
    background: transparent
}
/*///////////////SMALL MODALS CSS END HERE//////////////////*/
/*************NEW TASK CSS OVERWRIT BY V3 CSS START*********/
/*table start*/
/*********BUsiness role popup ********/
.v3-ntl-table.v3-br-table {
}

    .v3-ntl-table.v3-br-table > thead > tr > th {
        padding: 0;
        padding-right: 12px;
        padding-bottom: 12px;
    }

.v3-br-table.ntl-table.ntl-br-table > tbody > tr > td {
    padding: 0;
    padding-right: 12px;
    padding-bottom: 19px;
    vertical-align: top;
}

.v3-br-table.v3-ntl-table.ntl-table > thead > tr,
.v3-br-table.ntl-table > tbody > tr {
    border-bottom: 0
}

.v3-br-table.v3-ntl-table.ntl-table > tbody > tr:nth-of-type(even) {
    background-color: #fff
}

.v3-br-table.ntl-table.ntl-br-table > tbody > tr > td:last-child {
    padding-right: 0
}
/*********BUsiness role popup ********/
.v3-ntl-table.ntl-table > thead > tr {
    background-color: transparent;
    border-bottom: 1px solid #86898C;
}

    .v3-ntl-table.ntl-table > thead > tr > th {
        font-family: 'open_sans_bold';
    }

.v3-ntl-table.ntl-table > tbody > tr {
    /*background: #fff;
    border-bottom: 1px solid #E0E1E2;*/
}

    .v3-ntl-table.ntl-table > tbody > tr:nth-of-type(even) {
        background-color: #FAFAFA
    }

.v3-chat-filter .ntl-btn-default.btn {
    margin: 0;
    margin: 0;
    font-size: 12px;
    padding: 0 14px;
    /* height: 30px; */
    min-height: 28px;
}

.ntl-btn-default.btn.ntl-btn-default--gray {
    background-color: #dcdcdc;
    border: 1px solid #dcdcdc;
    color: #353d43
}
/*/////////////v3 SUMMARY css start//////////////*/
.v3-summary-container {
    font-size: 1rem
}

.v3-summary-scroll-pd {
    /*padding: 30px 18px 20px 40px*/
    padding: 30px 40px 20px 40px
}

.v3-summary {
    height: 100%;
    padding-right: 0px !important;
    margin-right: 0px;
}

.v3-summary-widget-row {
    margin: 0
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;*/
}

.v3-summary-widget-box {
    /*-ms-flex: 1 0 0%;
    flex: 1 0 0%;*/
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 20px;
}

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

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

.v3-summary-widget-box {
    padding: 12px 15px 15px;
    min-height: 116px;
    /*width: 255px;*/
    border-radius: 8px;
    background-color: #FBFBFB;
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.2);
}

.v3-summary-widget-heading {
    color: #454F57;
    font-size: 0.8125rem;
    letter-spacing: 0;
    line-height: 1.125rem;
    margin-bottom: 10px;
}

.v3-summary-widget-info {
    /*height: 43px;*/
    color: #454F57;
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 2.6875rem;
    min-height: 61px;
    padding-left: 14.5px;
}

.font24 {
    font-size: 24px !important;
}
.font18 {
    font-size: 18px !important;
}
.font20{
    font-size: 20px !important;
}
.lh-1-4{
    line-height:1.4
}


.font28 {
    font-size: 28px !important;
}
.font30 {
    font-size: 30px !important;
}

.info-v3-border-left.green {
    border-left: 3px solid #91C93F
}

.info-v3-border-left.orange {
    border-left: 3px solid #F7903D
}

.info-v3-border-left.red {
    border-left: 3px solid #F73D3D
}

.info-v3-border-left.blue {
    border-left: 3px solid #29ACE3;
    line-height: 37px
}

.info-v3-border-left.pink {
    border-left: 3px solid #EC76D4
}

.v3-text-heading {
    font-family: "open_sans_bold" !important;
    color: #353D43;
    /*font-family: 1rem;*/
    line-height: 22px;
}

.v3-field-dropdarrow {
    position: absolute;
    /*left: 10px;*/
    right: 10px; /*FIXED SPRINT REVIEW CHANGES*/
    bottom: 10px;
    font-size: 24px
}

    .v3-field-dropdarrow:hover {
        text-decoration: none !important;
    }

.v3-summary-taskdetail-box {
    height: 103px;
    border-radius: 8px;
    background-color: #FBFBFB;
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.2);
    padding: 20px 15px;
}

.v3-summary-bottom {
    height: 100%;
    width: 100%;
    padding-top: 30px;
    /*padding-bottom: 20px;*/
    margin-left: 0;
    margin-right: 0;
}

.taskdetail-col {
    position: relative
}

.taskdetail-col-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    min-width: 1px;
}

.taskdetail-col-left-icontext {
    padding-top: 4px
}

.taskdetail-col-left-icontext-2 {
    padding-top: 2px
}

.taskdetail-col-left-icon {
    width: 38px;
    float: left;
    display: inline-table;
}

    .taskdetail-col-left-icon > i {
        font-size: 24px
    }
/*.taskdetail-col-left-icon > i.fa-book {
            margin-right: 18px !important
        }*/
.taskdetail-col-right {
    font-size: 2.25rem;
    position: relative;
    cursor: default;
}

    .taskdetail-col-right.ntl-blue-text:hover {
        color: #1193CA !important
    }

.task-activity-truncate {
    position: relative;
    overflow: hidden;
}

.v3-task-activity-norecord {
    height: 100%;
    width: 100%
}

.ntl-truncate-line2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ntl-truncate-line3 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.v3-task-activity-popover {
    position: absolute;
    height: 100%;
    /* background: red; */
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 0
}

.v3-task-activity-popover-wrap-inner .v3-task-activity-text {
    padding-left: 0;
}

.v3-task-activity-popover .v3-task-activity-popover-wrap {
    z-index: 1;
    height: 100%
}

.v3-task-activity-popover a.dropdown-toggle {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: default
}

.v3-task-activity-norecord-wrap {
    color: #454F57;
    text-align: center;
    box-sizing: border-box;
    /*height: 474px;*/
    height: 100%;
    /* width: 550px; */
    border: 3px solid #29ACE3;
    border-radius: 8px;
}

@media screen and ( min-height: 1110px ) {
    .v3-task-activity-norecord-wrap {
        height: 474px;
    }
}

.v3-task-activity-norecord-heading {
    color: #454F57;
}

.v3-task-activity-norecord-subheading {
    color: #999;
}

.v3-task-activity-norecord {
}

.v3-task-activity-list {
    padding: 0;
    margin: 0
}

.taskdetail-col {
    min-height: 43px
}

.v3-task-activity-circle-text {
    box-sizing: border-box;
    height: 68px;
    width: 68px;
    background-color: #FFFFFF;
    border-radius: 50%;
    letter-spacing: .05rem;
}

    .v3-task-activity-circle-text.green {
        border: 3px solid #91C93F;
    }

    .v3-task-activity-circle-text.blue {
        border: 3px solid #29ACE3;
    }

    .v3-task-activity-circle-text.pink {
        border: 3px solid #EC76D4;
    }

    .v3-task-activity-circle-text.orange {
        border: 3px solid #F7903D;
    }

.v3-task-activity-text {
    padding-left: 30px
}

.v3-ntl-plusicon.ntl-plusicon, .v3-ntl-plusicon-checked.ntl-plusicon {
    height: 32px;
    width: 32px;
    border: 2px solid #29ACE3;
    border-radius: 50%;
}

.ntl-plusicon-cehcked.ntl-plusicon-link.blue-color {
    color: #fff !important;
    font-size: 20px;
}

.v3-ntl-plusicon-checked.ntl-plusicon {
    background-color: #29ACE3
}
.disabled-check {
    opacity: .6;
    cursor: default
}
    .disabled-check a{
        cursor:default
    }

    .ntl-plusicon-cehcked.ntl-plusicon-link.blue-color:before {
        line-height: 28px;
    }

.current-user-mention {
    background: rgba(247, 144, 61, .3) !important;
    color: #353D43 !important
}

.ntl-quilleditor-with-ng-scroll {
    padding: 0
}

    .ntl-quilleditor-with-ng-scroll .ng-scrollbar-wrapper,
    .ntl-quilleditor-with-ng-scroll .ng-scroll-viewport-wrapper,
    .ntl-quilleditor-with-ng-scroll .ng-scroll-viewport {
        position: relative !important
    }

.v3-custom-tab .dropdown-list-item {
    white-space: nowrap
}

.v3-custom-tab .v3-ref-materail-min-w-227.ntl-cf-dd {
    max-width: 1155px !important
}

.v3-custom-tab .dropdown-list-item > a {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.v3-custom-tab.v3-dropdown-menu .v3-dropdown-menu-wrap {
    padding: 0
}

.v3-custom-tab.v3-dropdown-menu .v3-dropdown-menu-content {
    padding-top: 5px;
    padding-bottom: 5px
}

.v3-custom-tab.v3-dropdown-menu .v3-dropdown-menu-content,
.v3-custom-tab.v3-dropdown-menu .v3-custom-tab-list {
    padding-right: 0 !important
}

.v3-custom-tab.v3-dropdown-menu .v3-custom-tab-list {
    margin-bottom: 0;
}

.v3-custom-tab.v3-dropdown-menu .v3-custom-tab-link {
    padding: 12px 20px 12px 20px;
    display: block;
    color: #353d43 !important;
    text-decoration: none !important;
}

    .v3-custom-tab.v3-dropdown-menu .v3-custom-tab-link:hover {
        background-color: #61CCF9 !important;
        color: #fff !important;
    }

.v3-custom-tab.v3-dropdown-menu .active .v3-custom-tab-link,
.v3-custom-tab.v3-dropdown-menu .active .v3-custom-tab-link:hover {
    background-color: #29ace3 !important;
    color: #fff !important;
}


/*newtask Task widget boxes css start here*/

.ntl-myjourney-bodywrap {
    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;
    height: 100%;
}

.ntl-myjourney-body {
    position: relative;
}

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

.ntl-myjourney-body .v3-slider-icon-wrap-svg {
    right: 30px;
    top: 11px;
}

.ntl-myjourney-body.tasksidebar-show .v3-slider-icon-wrap-svg {
    display: none
}
/*.ntl-myjourney-body.tasksidebar-show .v3-slider-icon-wrap-svg {
    -webkit-animation: seconds 1.0s forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
    animation: seconds 1.0s forwards;
    animation-iteration-count: 1;
    animation-delay: 0s;
  
}




    @-webkit-keyframes seconds {
        0% {
           display:block
        }

        100% {
            display: none;
            
            left: -9999px;
        }
    }

    @keyframes seconds {
        0% {
            display: block
        }

        100% {
            display: none;
            left: -9999px;
        }
    }*/

.ntl-myjournery-left-container {
    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;
}

.ntl-myjournery-left-container {
    width: calc(100% - 0px);
    position: absolute;
    height: 100%;
}

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

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





.ntl-myjournery-right-sidebr {
    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;
    height: 100%;
}

.ntl-myjournery-right-sidebr {
    background-color: #DFF1FA;
    color: #353D43;
    /* width: 26.63%; */
    width: 318px;
    padding: 35px 0px 30px 30px;
    position: absolute;
    right: -318px;
}

@media only screen and (min-width: 1601px) {
    .ntl-myjournery-right-sidebr {
        width: 19.87%;
    }
    .ntl-myjourney-body.tasksidebar-show .ntl-myjournery-left-container {
        width: calc(100% - 19.87%);
    }
    .ntl-myjowita-pendapprover, .ntl-myjowita-complete, .ntl-myjowita-hours {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ntl-myjournery-right-sidebr {
        right: -19.87%
    }
}

@media only screen and (min-width: 1801px) {
    .ntl-dropdown-arrowdefault-bottom.top-right {

    bottom: calc(100% - 2px);
}
        .dropup .ntl-dropdown-arrowdefault-bottom.top-right {
        top: calc(100% - 2px);
    }
}



.ntl-myjournery-right-sidebr {
    transition: right 500ms ease-in-out
}

.ntl-myjourney-body.tasksidebar-show .ntl-myjournery-right-sidebr {
    right: 0;
    z-index: 1001
}

.ntl-myjournery-right-sidebr .ntl-myjournery-widget-task .ntl-myjowita-r1 > .ntl-flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ntl-myjournery-right-sidebr .scrollbody {
    overflow: auto;
    padding-right: 0px
}

    .ntl-myjournery-right-sidebr .scrollbody > perfect-scrollbar {
        padding-right: 30px
    }

.ntl-myjournery-widget-wrap {
    background-color: #d9d9d9;
    padding: 20px;
    padding-top: 30px;
    overflow: auto;
    padding-right: 0
}

/*Milestone design css staRT */
.ntl-milestone-colored-strip {
    height: 10px;
    width: 100%;
    border-radius: 6px;
    background-color: #29B2E6;
    margin-bottom:10px;
}
    .ntl-milestone-colored-strip.ntl-milestone-colored-strip-task {
        position: absolute;
        left: -205px;
        top: -20px;
        width: calc(100% + 200px );
    }
.ntl-progressbar {
    height: 5px;
    border-radius: 2.5px;
    background-color: #CFCFCF;
    margin-bottom: 0;
}
.bg-green {
    background-color: #8FCB31;
}
.progress-thick {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #8FCB31;
    z-index: 1;
    float: left;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .progress-thick > i {
        font-size: 7.5px;
        color: #fff;
        line-height:11px;
    }
.ntl-milestone{
    justify-content:space-between
}
.ntl-milestone-wrap{
    margin-bottom:20px;
}
.ntl-milestone-wrap .ntl-milestone {
    flex: 0 0 200px;
    max-width: 200px;
    border-radius: 6px;
    background-color: #EFFAFF;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
    margin-left: 5px;
    margin-right: 5px;
    padding: 20px;
    margin-bottom: 10px;
    min-height: 100px;
    margin-left: 0
}
.ntl-milestone-name{
    text-transform:uppercase;
    
}
.ntl-myjowita-upcomingtask {
    background-color: #86898C;
    white-space:nowrap
}
.ntl-myjournery-widget-wrap.ntl-workdflow-task--wrap {
    padding-left:40px;
}
        .ntl-myjournery-widget-wrap.ntl-workdflow-task--wrap .ntl-myjournery-widget-task {
            max-height: 100px;
            width: 200px;
            margin-left:5px;
            margin-right:5px;
            margin-bottom:10px
        }
            .ntl-myjournery-widget-wrap.ntl-workdflow-task--wrap .ntl-myjournery-widget-task.ntl-milestone-upcomingtask {
                background-color: #e5e5e5;
                box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
            }
    .ntl-myjournery-widget-wrap.ntl-workdflow-task--wrap .ntl-myjowita-r1 {
       min-height:38px
    }

/*Milestone design css eND */
.ntl-myjournery-widget-wrap > perfect-scrollbar {
    padding-right: 20px;
}


.ntl-myjournert-task-group {
    position:relative
}

.ntl-myjournery-task-date-outer {
    background-color: #EFFAFF;
    height: 42px;
    border-radius: 42px;
    padding: 0px 20px;
    width: 100%;
    margin-bottom: 30px;
}

    .ntl-myjournery-task-date-outer.aprrover-strip {
        background-color: #ADD0E1;
    }

ntl-myjournery-widget-outer {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.ntl-myjournery-widget-task {
    max-height: 269px;
    width: 286px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    margin-bottom: 30px
}

    .ntl-myjournery-widget-task .badge:empty {
        display: inline-block
    }

    .ntl-myjournery-widget-task .badge {
        min-width: 20px;
        min-height: 20px
    }

    .ntl-myjournery-widget-task:not(.dropdown) {
    }

    .ntl-myjournery-widget-task.dropdown {
        padding: 0;
    }

        .ntl-myjournery-widget-task.dropdown > div {
            padding: 20px;
        }

    .ntl-myjournery-widget-task.forthdivhide .ntl-myjowita-r3.ntl-mb-20 {
        margin-bottom: 0
    }

.ntl-myht-Tooltip.dropdown-menu {
    padding: 0px;
    margin: 0px;
    box-shadow: none;
}

    .ntl-myht-Tooltip.dropdown-menu .ntl-myjournery-widget-task {
        margin: 0;
    }

.ntl-myjournery-widget-task.ntl-myjournery-widget-task-sidebar {
    height: auto;
    min-height: 1px;
    width: 100%;
    margin: 0;
    padding: 10px;
    margin-bottom: 20px
}

.orange-task {
    background-color: #FFD7B7
}

.gray-task {
    background-color: #DCDCDC
}

.green-task {
    background-color: #C4E8BB
}

.wi-workflowname {
    color: #86898C;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: -0.26px;
    line-height: 17px;
}

.wi-taskname {
    color: #353D43;
    font-size: 0.875rem;
    /*font-weight: bold;*/
    letter-spacing: -0.3px;
    line-height: 19px;
    font-family: 'open_sans_bold';
}

.ntl-myjowita-r4.divhide {
    display: none
}

.ntl-myjowita-r4-team i {
    height: 16.63px;
    width: 24.21px;
    color: #353D43;
    font-size: 23px
}

.ntl-myjowita-r4-refrence i {
    height: 19px;
    width: 23px;
    color: #2D2E2C;
    font-size: 23px
}

.ntl-myjowita-r4-businessrole i {
    height: 19px;
    width: 23px;
    color: #2D2E2C;
    font-size: 23px
}

.ntl-myjowita-r4-prerequisites i {
    height: 19.29px;
    width: 22px;
    color: #454F57;
    font-size: 23px
}

.ntl-myjowita-r4-count {
    color: #454F57;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 27px;
    padding-left: 10px
}

    .ntl-myjowita-r4-count.zero {
        color: #C8C8C8;
    }

.ntl-myjowita-pastdue,
.ntl-myjowita-pendapprover,
.ntl-myjowita-complete {
    font-weight: bold;
    letter-spacing: -0.3px;
    line-height: 19px;
}

.ntl-myjowita-pastdue {
    color: #F73D3D;
}

.ntl-myjowita-pendapprover {
    color: #F7903D;
    white-space: nowrap
}

.ntl-myjowita-complete {
    color: #91C93F;
}

.wi-taskstatus-flag {
    color: #647C8D;
}

.ntl-text-color-F73D3D {
    color: #F73D3D !important;
}

.wi-taskstatus-flag svg { /*17 px*/
    font-size: 1.0625rem
}

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

.ntl-has-search-taskwidget {
    width: 260px;
}

.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:hover,
.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:focus,
.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.btn-group .btn {
    border: 1px solid transparent;
    border-bottom: 1px solid #AAAAAA;
}

.ntl-form-wrap .ntl-has-search-taskwidget .form-control {
    border: 1px solid transparent;
    border-bottom: 1px solid #AAAAAA;
}

.v3-rs-silderClose.ntl-newtask-closesidebar {
    right: 30px;
}

    .v3-rs-silderClose.ntl-newtask-closesidebar svg {
        width: 16px;
        height: 16px;
        cursor: pointer
    }
.truncate-l1, .truncate-l0 {
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden;
    width: 100%;
    display: block;
}
.v3-twoline-truncate, .truncate-l2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.ntl-myjowita-description {
    --lh: 20px;
    --max-lines: 3;
    height: calc(var(--lh) * var(--max-lines));
}

.v3-threeline-truncate, .truncate-l3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


    .v3-threeline-truncate > p {
        overflow: hidden
    }

.task-data-nofound {
    border: 3px solid #29ACE3;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    letter-spacing: -0.3px;
}
/*newtask Task widget boxes css*
    *
    *
    *
    end here*/
/*/////////////v3 SUMMARY css END//////////////*/
/*/////////////v3 SUMMARY css start//////////////*/
/*table end*/


/**
     NEW SOLUTION DESIGN CSS END HERE
 **/

/**
     NEW SOLUTION PEOPLE DESIGN CSS END HERE
 **/
.solution_graytop_tabs {
    background-color: #C9D0D7;
    height: 32px;
    padding-left: 40px;
}

.admin-dd-row {
    margin-right: 0px;
    height: 100%;
    display: flex;
    align-items: stretch;
}

    .admin-dd-row a.solution-link {
        text-decoration: none;
        text-transform: uppercase;
        color: #515151;
        font-weight: bold;
        letter-spacing: -0.33px;
        line-height: 32px;
        font-size: 0.8125rem;
        /* height: 32px; */
        float: left;
        font-size: 0.8125rem;
        font-family: 'open_sans_regular'
    }

    .admin-dd-row a.solution-link {
        padding: 0 20px;
    }
        /*.ntl-flex .admin-dd-row:first-child a.solution-link {
    padding-left: 0
}*/
        .admin-dd-row a.solution-link[aria-expanded="true"] {
            background-color: #29ACE3;
            color: #fff !important
        }

        .admin-dd-row a.solution-link:hover,
        .admin-dd-row a.solution-link:focus,
        .admin-dd-row a.solution-link.active {
            color: #29ACE3;
            text-decoration: none;
        }
        .admin-dd-row a.solution-link.disabed:hover,
        .admin-dd-row a.solution-link.disabed:focus,
        .admin-dd-row a.solution-link.disabed.active {
            color: #515151;
            text-decoration: none;
            cursor:default
        }

.solution_graytop_heading {
    height: 63px;
    width: 100%;
    background-color: #D6DCE1;
}

    .solution_graytop_heading h2 {
        font-size: 1.5rem;
        letter-spacing: 0;
        line-height: 33px;
        padding: 20px 40px 10px;
    }

.ntl-admin-table.ntl-table > thead > tr {
    background-color: transparent;
    border-bottom: 1px solid #86898C;
}

.ntl-admin-table.ntl-table > tbody > tr:nth-of-type(even) {
    background-color: #F5F5F5;
}
.ntl-admin-table.ntl-table.ntltbodytfoot tr:nth-of-type(even) {
    background-color: #F5F5F5;
}
.ntl-admin-table.ntl-table.ntltbodytfoot > thead,
.ntl-admin-table.ntl-table.ntltbodytfoot > tfoot{
    z-index:0 !important
}
.odd-rows tr {
    background-color: #e8edef !important;
    position:relative;
    border-bottom:0
}
tfoot.dashboard-table-footer.odd-rows tr,
.ntl-admin-table.ntl-table.ntltbodytfoot .last-childborder-radius tr:nth-of-type(even),
.ntl-admin-table.ntl-table.ntltbodytfoot .last-childborder-radius tr:nth-of-type(odd) {
    background-color: transparent !important
}
    .ntl-admin-table.ntl-table.ntltbodytfoot .last-childborder-radius tr:nth-of-type(even) td {
        background: #f5f5f5 !important;
    }
    tfoot.dashboard-table-footer.odd-rows tr td {
        background: #e8edef !important;
    }
    tfoot.dashboard-table-footer.odd-rows tr:last-child td:first-child,
    .ntl-admin-table.ntl-table.ntltbodytfoot .last-childborder-radius tr:nth-of-type(even)  td:first-child {
        /*border-bottom-left-radius: 4px;*/
    }
    tfoot.dashboard-table-footer.odd-rows tr:last-child td:last-child,
    .ntl-admin-table.ntl-table.ntltbodytfoot .last-childborder-radius tr:nth-of-type(even) td:last-child {
        /*border-bottom-right-radius: 4px;*/
    }


tfoot.dashboard-table-footer.odd-rows tr:after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #E0E1E2;
    width: 100%;
    
    left: 0
}

.solution-serach-row {
    padding: 30px 40px 25px;
}

.solution-form-wrap {
}

.stroke-blue {
    stroke: #29ace3;
}

.solution-form-wrap.q2e4-form-group-mr-30 .q2e4-form-group {
    margin-right: 30px;
}

.solution-form-wrap.ntl-form-wrap .form-control {
    border: none;
    border-bottom: 1px solid #aaa
}
.form-control-border-bottom {
    border: none !important;
    border-bottom: 1px solid #aaa !important
}
.ntl-checkbox-disable-gray [disabled].ntl-styled-checkbox[type="checkbox"]:checked + label:before {
    background: #76848F;
    border: 1px solid #76848F;
}
.form-seprator {
    border: 0.8px solid #86898C;
    opacity: 0.4;
    float: left;
    width: 100%;
    height: 1px;
}

.admin-filter-body {
    position: relative
}

.admin-filter-body_leftpanel, .admin-filter-body_rightpanel {
    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;
}

.admin-filter-body_rightpanel {
    height: 100%;
    width: calc(100% - 41.29%);
    padding: 20px 10px 20px 20px
}

.admin-filter-body_rightpanel_heading {
    border-bottom: 1px solid #E0E1E2;
    padding-bottom: 15px;
    margin-bottom: 35.51px
}

.admin-filter-body_rightpanel_selecttext > p {
    margin-bottom: 20px;
    position: relative
}

.admin-filter-body_leftpanel {
    background-color: #DFF1FA;
    color: #353D43;
    /* width: 26.63%; */
    width: 41.29%;
    /*padding: 35px 0px 30px 30px;*/
    padding-top: 13px
}

.admin-filter-item {
    padding: 7px 21px 7px 21px;
    cursor: pointer
}

    .admin-filter-item:hover, .admin-filter-item.active {
        color: #29ACE3;
        background-color: #C4E6F6;
    }

.admin-dd-caret-filter {
    /*font-family: 1rem*/
}

.admin-filter-item_check {
    margin-right: 11px
}

    .admin-filter-item_check i, .admin-dd-caret-filter {
        color: #29ACE3;
    }

.aceess-info i {
    height: 19px
}

.arrow-position {
    margin-left: -14px;
}

    .arrow-position.ntl-tooltip-shadow .arrow::before {
        background-color: transparent !important
    }

/*permission popup css start heree*/
.admin-permission-row {
    margin-bottom: 20px
}

.admin-permission-row_heading {
    margin-bottom: 8px;
    line-height: 1.478;
    text-transform: capitalize
}

.strip-manage-people > p.ntl-bg--red {
    background-color: #F73D3D !important;
}


.admin-permission-row_page {
    letter-spacing: -0.3px;
    line-height: 24px;
    padding-left: 20px;
}

    .admin-permission-row_page > p {
        margin-bottom: 0
    }
/*permission popup css End heree*/

.ngb-dd-menu-removeborder {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropup .ngb-dd-menu-removeborder {
    margin-bottom: 0;
}

.v3-max-h-247.mh-257 {
    max-height: calc(50vh - 50px)
}

.ntl-bg-f5f5f5 {
    background-color: #f5f5f5
}
.ntl-bg-f4f4f4 {
    background-color: #f4f4f4
}
.ntl-bg-red {
    background-color: #F73D3D !important;
    color:#fff !important
}

    .ntl-bg-f5f5f5 .form-control {
        background-color: transparent !important
    }

.solution_graytop_tabs .admin-dd-row:first-child {
    margin-left: -20px;
}
/*@media only screen and (min-width : 1360px) and (max-height : 500px) {
    .v3-max-h-247.mh-257 {
        max-height: 30vh
    }
}
@media only screen and (min-width : 1360px) and (max-height : 600px) {
    .v3-max-h-247.mh-257 {
        max-height: 37vh
    }
}
@media only screen and (min-width : 1360px) and (max-height : 800px) {
    .v3-max-h-247.mh-257 {
        max-height: 47vh
    }
}*/
/*Bug soolve 10021 and 10025*/
@media only screen and (min-height : 580px) and (max-height : 665px) {
    .plus-more.ntl-ng-dropdown.dd-w-incre-185.w-250.dropdown-menu .dropdown-list-item-outer{
        max-height:calc(50vh - 40px)
    }
}


.v3-teammember-min-w-262 {
    min-width: 262px
}

.dropup .v3-dropdown__arrow.top-left {
    bottom: auto;
    top: 100%;
    transform: translateX(-12.5%) rotate( 180deg );
}
/**
     NEW SOLUTION PEOPLE DESIGN CSS END HERE
 **/
/*************NEW TASK CSS OVERWRIT BY V3 CSS END*********/
/************************FONT SIZE 14PX FOR OPEN SANS  START*********************************/
/*///////////////////////////////////FONT SIZE  SCREEN RESOLUTION 15PX  ////////////////////////////////////


/*-------------------------------FONT SIZE  SCREEN RESOLUTION  12PX  1280 change into 1430 ------------------------------*/
@media only screen and (max-width : 1430px) {
    .per-modal-dialog.ntl-confirmation2-wh,
    .ngb-modal-window.ntl-md-confirmation > .modal-dialog {
        /*Width: 440, height:154*/
        /* height: 16.68vh !important;*/
        /*width: calc(16.68vh * 3.3896)*/
        width: auto !important;
        max-width: 522px;
    }
}



/*/////////////////////////////////// FONT SIZE  SCREEN RESOLUTION 14PX //////////////////////////////////////*/


/*-------------------------------FONT SIZE  SCREEN RESOLUTION  15PX  1366 change into 1516  ------------------------------*/
/*@media only screen and (min-width : 1431px) and (max-width : 1516px) {
    body {
        font-size: 93.75%;
    }
}
*/



/*///////////////////////////////////FONT SIZE  SCREEN RESOLUTION 15PX  ////////////////////////////////////

/*-------------------------------FONT SIZE  SCREEN RESOLUTION  14PX  1600 change into 1750  ------------------------------*/
@media only screen and (min-width : 1431px) and (max-width : 1750px) {

    .per-modal-dialog.ntl-confirmation2-wh,
    .ngb-modal-window.ntl-md-confirmation > .modal-dialog {
        /*Width: 440, height:154*/
        /* height: 16.68vh !important;*/
        /*width: calc(16.68vh * 3.3896)*/
        width: auto !important;
        max-width: 522px;
    }
}




/*///////////////////////////////////FONT SIZE  SCREEN RESOLUTION 16PX  ////////////////////////////////////


/*-------------------------------FONT SIZE  SCREEN RESOLUTION  16PX  1900 change into 1950 ------------------------------*/
@media only screen and (min-width : 1751px) and (max-width : 1950px) {

    .per-modal-dialog.ntl-confirmation2-wh,
    .ngb-modal-window.ntl-md-confirmation > .modal-dialog {
        /*Width: 440, height:154*/
        /* height: 16.68vh !important;*/
        /*width: calc(16.68vh * 3.3896)*/
        width: auto !important;
        max-width: 600px;
    }

    .per-modal-dialog.ntl-w-440-px {
        width: 490px
    }

    .q2e4-duration .ntl-flex-fill {
        flex-basis: 135px;
        max-width: 135px;
    }

    .deadline .ntl-assign-duration-wrap.date-picker .date-display {
        width: 140px
    }

    .deadline .ntl-assign-duration-wrap.date-picker .time-display {
        width: calc(100% - 140px);
    }
}



/*///////////////////////////////////FONT SIZE  SCREEN RESOLUTION 18PX  ///////////////////////////////////*/

/*------------------------------FONT SIZE  SCREEN RESOLUTION  17PX  1901 change into 2051------------------------------*/
@media only screen and (min-width : 1951px) {
    .per-modal-dialog.ntl-confirmation2-wh,
    .ngb-modal-window.ntl-md-confirmation > .modal-dialog {
        /*Width: 440, height:154*/
        /* height: 16.68vh !important;*/
        /*width: calc(16.68vh * 3.3896)*/
        width: auto !important;
        max-width: 622px;
    }

    .per-modal-dialog.ntl-w-440-px {
        width: 510px
    }

    .q2e4-duration .ntl-flex-fill {
        flex-basis: 135px;
        max-width: 135px;
    }

    .deadline .ntl-assign-duration-wrap.date-picker .date-display {
        width: 146px
    }

    .deadline .ntl-assign-duration-wrap.date-picker .time-display {
        width: calc(100% - 146px);
    }
}



/*///////////////////////////////////FONT SIZE  SCREEN RESOLUTION 17PX  ///////////////////////////////////*/

/*new task design for new left sidebar css start*/
    .per-modal-dialog--taskv3 .ntl-section-right--newv3 {
    width: calc(100% - 260px);
}
.per-modal-dialog--taskv3.hide-left-sidebar .ntl-section-right--newv3 {
    width: calc(100% - 0px);
}

        .ntl-task-sidebar-left {
            width: 260px;
            z-index: 9
        }
    
    .ntl-task-sidebar-left {
        padding: 0;
        background: #fff
    }

.ntl-task-sidebar-left-top{
    padding: 0;
}
.ntl-task-sidebar-left-bottom {
    /*padding: 0px 10px 0px 20px;*/
     padding:0;
}
.ntl-second-strip-iconwrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    align-self: stretch;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.ntl-tablist--taskv3--sidebar-left {
    flex-direction: column;
}
    .ntl-tablist--taskv3--sidebar-left > li{
        width:100%
    }
    .ntl-tablist--taskv3--sidebar-left.ntl-tablist--taskv3 li.tablist-item:first-child {
        padding-left: 20px;
    }
.ntl-tablist--taskv3--sidebar-left li.tablist-item {
   cursor:pointer;
    padding: 6px 20px 6px 20px !important;
    width:100%;
    background-color:#f8f8f8;/*change dev*/
}
    .ntl-tablist--taskv3--sidebar-left li.tablist-item a.sidebar-left-anchor {
        font-family: "open_sans_bold"; /*change dev*/
        font-weight: normal
    }
    .ntl-tablist--taskv3--sidebar-left li.tablist-item:hover {
        background-color: #E3F7FF;
    }
        .ntl-tablist--taskv3--sidebar-left li.tablist-item:hover a.tasktab-icon-link {
            background-color: #C1EDFF !important;
            
        }
    .ntl-tablist--taskv3--sidebar-left li.tablist-item.active {
        background-color: #E3F7FF;
    }
    .ntl-tablist--taskv3--sidebar-left li.tablist-item:hover .ntl-tablist-icon > svg {
        color: #29ACE3;
    }

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

    .ntl-tablist--taskv3--sidebar-left svg.v3-summary-svg,
    .ntl-tablist--taskv3--sidebar-left svg.v3-custom-field-svg {
        width: 14px;
        height: 13px;
    }

    .ntl-tablist--taskv3--sidebar-left svg.v3-comment-svg,
    .ntl-tablist--taskv3--sidebar-left svg.v3-attachment-svg {
        width: 14px;
        height: 14px;
    }

    .ntl-tablist--taskv3--sidebar-left svg.v3-sandbox-svg,
    .ntl-tablist--taskv3--sidebar-left svg.v3-custabtab-svg {
        width: 14px;
        height: 16px;
    }
    /*icon hover tooltip  right on collasped css start here*/
.changeon-collased-tooltip .v3-dropdown-menu.translateX-28 {
    /*transform: translateX(41px);*/
    left: 51px;
}
.changeon-collased-tooltip .v3-dropdown-menu.left-minus-16 {
    /*transform: translateX(51px);*/
    left: 35px;
}
    .changeon-collased-tooltip .v3-dropdown-menu.translateX-28:before,
    .changeon-collased-tooltip .v3-dropdown-menu.left-minus-16:before {
        content: '';
        position: absolute;
        top: 11px;
        left: -50px;
        /* background: red; */
        z-index: 1;
        width: 50px;
        height: 50px;
    }
.changeon-collased-tooltip .c-v3-dropdown-menu {
    top: -18px
}
.changeon-collased-tooltip{

}
/*icon hover tooltip  right on collasped css end here*/
.collapes_leftbar .ntl-tablist--taskv3--sidebar-left.ntl-tablist--taskv3 > li > a.tasktab-icon-link {
    width: 40px !important;
    height: 40px !important
}

.collapes_leftbar .ntl-tablist--taskv3--sidebar-left svg.v3-summary-svg,
.collapes_leftbar .ntl-tablist--taskv3--sidebar-left svg.v3-custom-field-svg {
    width: 19px;
    height: 18px;
}

.collapes_leftbar .ntl-tablist--taskv3--sidebar-left svg.v3-comment-svg,
.collapes_leftbar .ntl-tablist--taskv3--sidebar-left svg.v3-attachment-svg {
    width: 19px;
    height: 19px;
}

.collapes_leftbar .ntl-tablist--taskv3--sidebar-left svg.v3-sandbox-svg,
.collapes_leftbar .ntl-tablist--taskv3--sidebar-left svg.v3-custabtab-svg {
    width: 19px;
    height: 21px;
}

.v3-rs-blue-hand_inner{
    width:44px; height:44px; border-radius:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #29ACE3;
    
}

.sidebar-left-anchor {
    padding-left: 10px;
    color: #454f57 !important;
    font-weight: bold
}
.task-sidebar-secondstrip-wrap {
    padding: 11px 20px 6px;
    border-bottom: 1px solid #E0E1E2;
    background-color:#f8f8f8/*change dev*/
}
.task-sidebar-secondstrip {
    padding: 0;
    align-content: space-around;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 17px;
    margin-left:10px;
}
.task-sidebar-secondstrip > li{
    flex: 0 0 auto
}
.clp-bottom-left.v3-rs-task-dd-threedot {
    transform: translateX(calc(100% - 59px))
}
    .clp-bottom-left.v3-rs-task-dd-threedot .ntl-ng-dropdown__arrow.top-right.rightinpx {
        right:auto
    }
/*.task-sidebar-secondstrip > li.team-sidebar {
    margin-left: 10px
}*/
    .task-sidebar-secondstrip > li.rm-sidebar{
        flex: 0;
        margin-right:20px;
    }
    .task-sidebar-secondstrip > li a.ntl-second-strip-link {
        position: relative;
        display: inline-flex;
        flex-direction: column;
        text-align: center;
        /*width:76px;*/
        height: 19px !important;
        text-decoration:none;
        z-index:999999
    }
        .task-sidebar-secondstrip > li a.ntl-second-strip-link:hover i.qfas,
        .task-sidebar-secondstrip > li a.ntl-second-strip-link:hover i.fa,
        .task-sidebar-secondstrip > li a.ntl-second-strip-link:hover .tsk-sidebar-first-label {
            color: #29ACE3;
        }
        .tsk-sidebar-first i.qfas, .tsk-sidebar-first i.fa {
            color: #64c3ec;
            font-size: 1rem !important;
        }
#ttrefrencematerail-icon-ss{
    cursor:default
}
.disabled .tsk-sidebar-first i.qfas,
.disabled .tsk-sidebar-first i.fa,
.disabled .tsk-sidebar-first-label {
    color: #BEBFC1;
    cursor: default !important;
    
}
    .disabled .tsk-sidebar-first i.qfas.qfa-briefcase {
        cursor: pointer !important;
    }
    .task-sidebar-secondstrip > li a.ntl-second-strip-link.disabled:hover i.qfas,
    .task-sidebar-secondstrip > li a.ntl-second-strip-link.disabled:hover i.fa,
    .task-sidebar-secondstrip > li a.ntl-second-strip-link.disabled:hover .tsk-sidebar-first-label {
        color: #BEBFC1;
    }
 .task-sidebar-secondstrip > li a.ntl-second-strip-link.disabled .tsk-sidebar-first i.qfas.qfa-briefcase {

}

.tsk-sidebar-first-label {
    text-transform: uppercase;
    font-size: 0.625rem;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    left: 50%;
    font-family: open_sans_bold; /*change dev*/
}
.tsk-sidebar-pastdue {
    border-bottom: 1px solid #E0E1E2;
    padding: 10px 20px 6px; /*change dev*/
}

.count-dot {
    width: 12px;
    height: 12px;
    background-color: #1193ca;
    border: 2px solid #f8f8f8;
    border-radius: 12px;
    position: absolute;
    right: -2px;
    top: -2px;
}
.count-dot{

}
.collapes_leftbaricon {
    transform: rotate(-180deg)
}
.collapes_leftbar .ntl-task-sidebar-left {
    width: 50px;
}
.collapes_leftbar .tsk-sidebar-pastdue {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

    .collapes_leftbar .tsk-sidebar-pastdue .tsk-sidebar-collapseicon {
        order: 1;
        margin-bottom: 11px;
        border-bottom: 1px solid #E0E1E2;
        padding-bottom:5px;
    }
    .collapes_leftbar .tsk-sidebar-pastdue .tsk-sidebar-collapseicon .ml-20{
        margin-left:0
    }
    .collapes_leftbar .tsk-sidebar-pastdue .ntl-flex-fill {
        order: 2
    }
    .collapes_leftbar .tsk-sidebar-pastdue .past-due-treeedot {
        order: 2;
        padding-top: 20px;
        padding-bottom: 4px;
    }
.collapes_leftbar .ntl-tablist--taskv3--sidebar-left {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.collapes_leftbar .ntl-tablist--taskv3--sidebar-left li.tablist-item {
    padding-left: 0;
    padding-right: 0;
    align-items: center;
    justify-content: center;
}
.collapes_leftbar  .per-modal-dialog--taskv3 .ntl-section-right--newv3 {
    width: calc(100% - 50px);
}

.collapes_leftbar .task-sidebar-secondstrip {
    flex-direction: column;
    margin-left: 0
}

    .collapes_leftbar .task-sidebar-secondstrip > li {
        margin-bottom: 37px;
    }

.collapes_leftbar .task-sidebar-secondstrip > li.rm-sidebar {
    margin-bottom: 0
}
        /*.collapes_leftbar .task-sidebar-secondstrip > li.team-sidebar {
            margin-left: 0
        }*/

    .collapes_leftbar .task-sidebar-secondstrip-wrap {
    padding-left: 15px
}

.collapes_leftbar .ntl-tablist--taskv3--sidebar-left .sidebar-left-anchor,
.collapes_leftbar .sidebar-custom-form-list {
    display: none;
}

.cfactive .sidebar-custom-form-list li {
    /*background-color: #E3F7FF;*/
    background-color: #fff;/*change dev*/
}
.sidebar-custom-form-list {
    padding: 0;
    width: 100%;
}
    .sidebar-custom-form-list li {
        width: 100%;
        padding: 12px 50px 13px;
        border-top: 1px solid #E0E1E2;
        cursor: pointer /*change dev*/
    }
.sidebar-custom-form-list-preview.sidebar-custom-form-list li {
    border-top: none;
    border-bottom: 1px solid #E0E1E2;
    /*background-color: #E3F7FF;*/
    background-color:#fff;
    padding: 12px 20px 13px;
}
    .sidebar-custom-form-list-preview.sidebar-custom-form-list li:hover {
        background-color: #E3F7FF;
    }

    .sidebar-custom-form-list li a, .sidebar-custom-form-list li a:hover, .sidebar-custom-form-list li a:focus {
        color: #29ACE3;
        text-decoration: none
    }
.sidebar-custom-form-list li.active,
.sidebar-custom-form-list li:hover {
    background-color: #E3F7FF; /*change dev*/
}
.sidebar-custom-form-list li.active a {
    /*font-family: "open_sans_bold" !important;*/ /*change dev*/
    font-weight:bold;
}
.ntl-taskmodal-heading-half .ntl-heading-leftChildren,
.ntl-taskmodal-heading-half .ntl-heading-rightChildren {
    width: 50%
}
.ntl-taskmodal-heading-half .ntl-heading-rightChildren {
    flex: 1 1 auto;
}
.head-point, .head-priority {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-size: 1rem;
    color: #f7903d;
    margin-right:15px;
}
.customtablist-inmodal{
    padding:0;
}
    .customtablist-inmodal li {
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }
        .customtablist-inmodal li a {
            float: left;
            width: 100%;
            padding: 7px;
            padding-left: 15px
        }
            .customtablist-inmodal li a:hover {
                background: #61CCF9;
            }
            .customtablist-inmodal li a.active {
                background: #2aace3;
                color: #fff;
            }
.task-customtab-dd{
    max-height:calc(50vh - 30px)
}
    .task-customtab-dd .ntl-myjournery-widget-task {
        max-height: calc(50vh - 30px);
        padding:0;
        width:auto;
        height:auto;
        /*border-radius:0*/
    }
.task-customtab-dd .ntl-toolplus-outer {
    height: 100%;
    min-height: 1px;
    overflow: hidden;
    max-height: calc(50vh - 30px)
}
    .task-customtab-dd .ntl-toolplus-outer .ntl-scrollable-inner{
        padding:0
    }
.dropup .ntl-cus-tab-left-top, [x-placement="left-bottom"].ntl-cus-tab-left-top {
    transform: translateX(38px) translateY(50px);
}
    .dropup .ntl-cus-tab-left-top .ntl-dropdown-arrowdefault-bottom.top-right,
    [x-placement="left-bottom"].ntl-cus-tab-left-top .ntl-dropdown-arrowdefault-bottom.top-right {
        transform: translateX(-12.5%) rotate( 90deg );
        left: -12.5px !important;
        bottom: 22px;
        right: calc(100% - 0px) !important;
        top: auto;
    }

.sidebar-left-anchor-inner {
    padding-left: 10px;
    color: #454f57 !important;
    font-weight: bold;
    /*background-color:#E3F7FF;*/
    padding:12px 20px 13px;
}
    .sidebar-left-anchor-inner a, .sidebar-left-anchor-inner a:hover, .sidebar-left-anchor-inner a:focus {
        text-decoration: none;
        color: #454f57 !important;
        cursor:default
    }
.cfactives .sidebar-custom-form-list li {
    padding: 0;
}

.sidebar-collapsed-ctdd .sidebar-custom-form-list li {
    font-family: open_sans_bold !important;
    border-top: none;
    color: #454f57;
    padding:0;
 
    /*background-color:  #61CCF9 !important*/
}

    .sidebar-collapsed-ctdd .sidebar-custom-form-list li a {
        color: #454f57;
        text-decoration: none;
        padding: 12px 20px 13px;
        float: left;
        width: 100%
    }

.sidebar-collapsed-ctdd .sidebar-left-anchor-inner {
    font-family: open_sans_bold !important;
}
.sidebar-collapsed-ctdd .sidebar-custom-form-list li a:hover,
.sidebar-collapsed-ctdd .sidebar-custom-form-list lii a:focus {
    background-color: #61CCF9 !important;
    color: #fff;
}
.sidebar-collapsed-ctdd .sidebar-custom-form-list li.active a,
.sidebar-collapsed-ctdd .sidebar-custom-form-list li.active a:focus {
    background-color: #29ace3 !important;
    color: #fff;
}
    .sidebar-collapsed-ctdd .sidebar-custom-form-list li.active a:hover
     {
        background-color: #61CCF9 !important;
    }
/*new task design for new left sidebar css end*/
perfect-scrollbar.remove-scroll-on-hover,
perfect-scrollbar.remove-scroll-on-hover > .ps,
perfect-scrollbar.v3-rs-ps.remove-scroll-on-hover,
perfect-scrollbar.v3-rs-ps.remove-scroll-on-hover > .ps {
    overflow: visible !important
}

/*Sprint 166 form preview task css start*/
.tsk-sidebar-prev-next {
    border-bottom: 1px solid #E0E1E2;
    padding: 14px 20px 12px;
    justify-content: space-between
}
.tsk-sidebar-per-complete {
    /*padding: 12px 20px 13px;
    border-bottom: 1px solid #E0E1E2;*/
}
.tsk-sidebar-prev-next .q2e4-form-pre,
.tsk-sidebar-prev-next .q2e4-form-next {
    border-left: none;
    border-right: none;
    flex: 1;
    display: flex;
}

    .tsk-sidebar-prev-next .q2e4-form-pre .btn,
    .tsk-sidebar-prev-next .q2e4-form-next .btn {
        flex: 1;
    }

.tsk-sidebar-prev-next .q2e4-form-pre {
    padding-right: 5px
}

.tsk-sidebar-prev-next .q2e4-form-next {
    padding-left: 5px
}
.ntl-w-220px{
    width:220px;
}

.ntl-w-115px {
    width: 115px;
}
/*Sprint 166 form preview task css end*/

/*Sprint 167 form preview task css start*/
.solution_graytop_heading.sgh--manage-dashboard{
    height:53px
}
.solution_graytop_heading.sgh--manage-dashboard > h2{
    padding: 10px 40px 10px;
}
.solution-serach-row.ssr--manage-dashboard {
    padding: 20px 40px 20px;
}
/*Sprint 167 form preview task css end*/


/* ------------------Sprint 168 start -----------*/
/*Ngx-slider start*/
.ntl-ngx-slider.ngx-slider .ngx-slider-pointer {
    background-color: #2aace3;
    top: -6px;
    z-index: 3;
    width: 16px;
    height: 16px;
}
.ntl-ngx-slider.ngx-slider .ngx-slider-pointer:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
}
    .ntl-ngx-slider.ngx-slider .ngx-slider-pointer.ngx-slider-active:after {
        background-color: #1193CA
    }

.ntl-ngx-slider-outer.w-350,
.form-group.w-350 {
    width: 350px;
}
.ntl-ngx-slider-outer .border-outer{
    margin-right:12px;
    top:8px;

}
        
/*Ngx-slider start*/
.widget-imagecenter{
    display:flex;
    /*align-items:center;*/
    /*justify-content:center;*/
    overflow:auto
}
    .widget-imagecenter.img-fit-to {
        align-items:center;
        justify-content:center;
        overflow:initial
    }
        .widget-imagecenter.img-fit-to img {
            max-width: 100%;
            height: auto !important;
            width: auto !important;
        }
    /* ------------------Sprint 168 end -----------*/
    .d-item-repeat {
        position: relative;
        padding: 7.5px 10px;
        border-radius: 3px;
        margin-bottom: 10px;
        cursor: move;
        background-color: #f1f0f0;
    }
.resource-item-repeat {
    box-sizing: border-box;
    height: 41px;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    background-color: #FFFFFF;
}

    .d-item-repeat:hover {
        background-color: #1193CA;
        color: #fff;
    }


.cdk-drag-preview {
    z-index:999999999999 !important;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cdk-drag-placeholder {
    opacity: 0;
}

.cdk-drag-animating {
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

/* .example-box:last-child {
  border: none;
} */

.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.qfas-fs{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.form-bg-lightblue-426-outer_body {
   
}
.form-bg-lightblue-426-outer {
    padding-bottom: 55px;
    border-radius: 6px;
    background-color: #fff;
    width: calc(100% - 130px);
    margin: 30px auto;
}
.form-bg-lightblue-426 {
    width: 426px;
    border-radius: 20px;
    background-color: #F0F9FD;
    margin: 0 auto
}
.w-i252{
    width:252px !important
}
.ntl-f-size-15rem {
    font-size: 0.9375rem !important;
}

/* Oem setting box design sprint 194*/

.oembox-card {
    border-radius: 4px;
    border-width: 1px;
    border-color: #aaa;
    border-style: solid;
    overflow: hidden;
}