﻿/*# sourceURL=/Assets/css/components/new-task-layout.css */
/*@ sourceURL=/Assets/css/components/new-task-layout.css */
/*#divNewTaskDesignPage_Angular{font-size:16px !important;}*/
.ntl-modal-dialog {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) !important;
    margin: 0 auto !important;
    width: calc(100% - 120px);
    height: calc(100vh - 64px);
}


.ntl-modal-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1;
    min-height: 1px;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
}



.ntl-modal-body {
    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%;
}


/*sprint 128-NewTask-Layout*/
.ntl-modal-outer {
    display: block !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

    .ntl-modal-outer .msg-modal .modal-body {
        padding: 20px 20px 0;
    }

    .ntl-modal-outer .ntl-msg-modal-footer, .footer-p-tb-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }


.ntl-msg-modal-footer, .ntl-btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .ntl-msg-modal-footer .btn, .ntl-btn-wrap .btn, .ntl-btn-wrap .ntl-ellipse-btn {
        margin-left: 20px;
    }

        .ntl-msg-modal-footer .btn.ntl-btn-link, .ntl-btn-wrap .btn.ntl-btn-link {
            margin: 0;
            line-height: 32px;
            margin-right: -3px;
        }

    .ntl-btn-wrap .ntl-ellipse-btn {
        width: 4px;
    }

    .ntl-btn-wrap .ntl-btn-secondary, .ntl-btn-secondary.ntl-btn-secondary--bg-transparent, .ntl-btn-secondary {
        background: transparent
    }


.ellipse-icon {
    fill: #454f57
}

.ntl-md.modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) !important;
    margin: 0 auto;
    /*width:calc(100% - 64px)*/
}

.ntl-mc {
    background-color: transparent;
}

.ntl-mb-hcalc.modal-body { /*height: calc(100vh - 98.5px);*/
    padding-top: 0;
    padding-bottom: 0;
}

.modal-body.ntl-p-x-0 {
    padding-left: 0;
    padding-right: 0;
}

.ntl-mh {
    background: #353D43;
    color: #fff;
    padding: 0px 20px;
    border-bottom: 0;
    font-family: 'open_sans_semibold';
}

    .ntl-mh .close-icon {
        top: 17px;
        right: 20px;
        color: #fff;
    }

        .ntl-mh .close-icon.fa-close:before {
            content: '';
        }

    .ntl-mh .close-icon {
        background: url("/Assets/images/new-task-layout/Close White.svg") no-repeat;
        width: 15px;
        height: 16px;
    }

.ntl-closeblack-svg, .ntl-closewhite-svg {
    font-size: 18px;
    color: #8c9497;
    cursor: pointer;
    position: absolute;
    top:11px;
    right: 15px;
    z-index: 10;
    width: 15px;
    height: 16px;
}

.ntl-closeblack-svg {
    background: url("/Assets/images/new-task-layout/CloseBlack.svg") no-repeat;
}

.ntl-closewhite-svg {
    background: url("/Assets/images/new-task-layout/Close White.svg") no-repeat;
    top: 11px;
}

.ntl-mh .modal-title.ntl-task-title {
    font-size: 1em;
}


.ntl-mh .modal-title.ntl-task-title {
    font-size: 1em;
}

.ntl-section-left {
    background: #454f57;
    height: 100%;
    width: 40.54%;
    padding-left: 10px;
    padding-right: 10px;
}

.ntl-truncate {
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden;
    width: 100%;
    display: block;
}

.ntl-section-left.ntl--flexible-scroll {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 1px;
    position: relative;
    height: 100%;
    overflow: hidden;
}
/*##### Sprint  148 due date #######*/
.ntl-modal-body__max-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .ntl-modal-body__max-height .pull-mx-h-div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
/*##### Sprint  148 due date Ends #######*/
.ntl-section-right {
    background: #f0f0f0;
    height: 100%;
    width: 59.46%;
    padding: 0;
    color: #353D43;
}

.ntl-ins-edit {
    color: #29ace3 !important;
    text-decoration: none !important;
    margin-left: 10px;
    display: inline-block;
    padding-top: 0;
}


    .ntl-ins-edit:hover, .ntl-ins-edit:focus {
        color: #1193CA !important;
        text-decoration: none !important;
    }

.ntl-section-instruction {
    margin-top: 24.5px;
    position: relative;
}

.ntl-instruction-v--scroll { /*max-height:calc(45vh - 55px);*/
    overflow-y: auto;
    position: relative;
}

.ntl-instruction-save { /*font-size:1em;color:#9aa6ad;*/
    font-size: 16px;
    color: #fff;
    border: 1px solid transparent;
    padding: 5px 10px 5px 8px;
    position: relative;
    white-space: pre-line;
}

    .ntl-instruction-save:hover {
        border: 1px solid transparent;
        cursor: text;
    }

.ntl-instruction-editable {
    position: relative;
}

    .ntl-instruction-editable textarea.form-control {
        padding: 0 35.5px 0 8.5px;
        border-radius: 2px;
        background: #454f57;
        color: #fff; /*font-size:1em;color:#9aa6ad;*/
        font-size: 1em;
        line-height: 1.484em;
        resize: vertical;
        overflow-wrap: break-word;
        border: 0;
        box-shadow: none;
        overflow: hidden;
        overflow-wrap: break-word;
        resize: none;
    }

        .ntl-instruction-editable textarea.form-control:focus {
            border: 0;
            box-shadow: none;
        }

.ntl-instruction-editable-btn {
    position: absolute;
    border: 1px solid #86898c;
    right: 0;
    top: 100%;
    background: #f1f0f0;
    padding: 4px 8px 4px 8px;
    z-index: 9;
    width: auto;
}

    .ntl-instruction-editable-btn button {
        background: none;
        padding: 0;
        margin: 0;
        outline: 0;
        border: none;
        margin-right: 2px;
        margin-left: 2px;
    }

        .ntl-instruction-editable-btn button i.fa {
            font-size: 1.125em;
            color: #2aace3;
        }

.ntl-section-status {
    position: relative;
    margin: 10px 10px 0 10px;
}

.ntl-progressbar-row {
    width: 100%;
    position: relative;
    font-size: 16px;
}

.ntl-progressbar-bg {
    width: 100%;
    background-color: #353D43;
    /*border-radius: 3px;*/
    overflow: hidden;
    height: 4px;
}

.ntl-progressbar-fill {
    position: relative;
    top: 1px;
    height: 2px;
    background-color: #2aace3;
    /*border-radius: 4px 0 0 4px;*/
    left: 1px;
}

.ntl-points-value {
    position: absolute;
    right: 0;
    top: 10px;
    color: #fff;
    font-family: 'open_sans_bold';
    text-transform: uppercase;
}

.ntl-status-row {
    position: relative;
    display: inline-block;
    font-size: 16px;
}

.ntl-due-date {
    position: relative;
    left: 0;
    top: 6px;
    color: #fff;
    font-family: 'open_sans_bold';
    text-transform: uppercase;
}

    .ntl-due-date > span {
        padding-right: 5px;
    }

.ntl-task-status {
    position: relative;
    top: 6px;
    font-family: 'open_sans_bold';
    font-size: 16px !important;
    color: #f7903d
}

    .ntl-task-status.textcolor {
    }
/*-----vertical-scroll-----*/
.ntl-mb-hcalc-vs.modal-body {
    height: calc(95.575vh - 98.5px);
    padding-top: 0;
    padding-bottom: 0;
}
/*-----vertical-scroll-----*/


/*sprint 128-NewTask-Layout*/

.ntl-heading {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: 51px;
    padding-right: 20px;
}

.ntl-heading-leftChildren {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    padding-right: 5px;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.ntl-heading-rightChildren {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    font-size: 1.250rem;
    color: #f7903d;
    margin-right: 15px;
}

.ntl-heading-leftInner, .ntl-heading-modal-text-outerfull {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-size: 1rem;
}

.ntl-high-priority {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-left: 15px;
    color: #f7903d;
}



.ntl-heading-program {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    min-width: 1px;
    max-width: 45%;
    line-height: 1.484em;
}

.ntl-taskbackbtn {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    min-width: 1px;
    color: #0099CC;
    text-decoration: none;
    margin-right: 7px;
}

    .ntl-taskbackbtn:hover {
        text-decoration: none;
        color: #0099CC
    }

.ntl-heading-program-text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .ntl-heading-program-text.b-l-tr-1 {
        border-left: 1px solid transparent
    }

.ntl-heading-workflow {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    /*height: 100%;*/
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}
.flex-filling {
    -webkit-box-flex: 1;
    flex: 0 1 auto;
}

    .ntl-l-h-1-484 {
        line-height: 1.484em;
    }

.ntl-heading-editable-auto {
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    /* height: 100%; */
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    overflow: hidden;
    min-width: 50px;
    /*border: 1px solid transparent;*/
}

.div-text-true {
    border-radius: 2px;
    border: 1px solid transparent;
}

    .div-text-true:hover {
        border: 1px solid #86898c;
    }

.text-true {
    border: 1px solid #86898c;
    border-radius: 2px;
}

    .text-true:hover {
        border: 1px solid #86898c;
    }





.ntl-heading-editable-auto.complete, .ntl-heading-editable-auto.no-hover /*, .ntl-heading-editable-auto.no-hover .ntl-TaskName-shadow.ntl-showtitle:hover*/ {
    border: 1px solid transparent;
}



.ntl-heading-editable-points {
    min-width: 1px;
}

.ntl-points-text {
    visibility: visible;
    border: 0
}

.ntl-dash {
    padding: 0 4px;
}

.ntl-TaskName-shadow, .ntl-TaskName-input {
    border: 0;
    margin: 0;
    padding: 0;
    /*line-height: 30px;*/
    text-rendering: optimizeSpeed;
    margin-left: 0;
    width: 100%;
    line-height: 1.484em;
}

.ntl-TaskName-shadow {
    /*border: 1px solid #cbd4db;*/
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%;
    resize: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    height: auto;
    visibility: hidden;
    white-space: pre;
    overflow: hidden;
}

    .ntl-TaskName-shadow.ntl-showtitle {
        visibility: visible;
        /*border: 1px solid transparent;*/
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        cursor: pointer;
    }

        .ntl-TaskName-shadow.ntl-showtitle:hover {
            /*border: 1px solid #86898c;*/
        }

        .ntl-TaskName-shadow.ntl-showtitle.complete {
            cursor: text;
        }

/*.ntl-TaskName-shadow.ntl-showtitle.complete:hover {
           border: 1px solid transparent;
        }*/

.ntl-TaskName-input {
    background: transparent;
    border-radius: 2px;
    display: block;
    height: 100%;
    outline: 0;
    overflow: hidden;
    position: absolute;
    resize: none;
    top: 0;
    width: 100%;
    white-space: nowrap;
    /*border: 1px solid transparent;*/
    box-shadow: none;
    left: 0;
}


/*.ntl-TaskName-input:hover, .ntl-TaskName-input:focus {
        border: 1px solid #86898c;
        
    }*/

.ntl-left-flex {
    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;
    color: #fff;
}

.ntl-section-instruction {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 0 1 auto;
    min-height: 1px;
    max-height: 36vh;
    min-height: 62px;
    /*overflow: auto;*/
    border: 1px solid transparent;
    padding: 1px;
}

    .ntl-section-instruction:hover {
        border: 1px solid #86898c;
    }

.remove-border.ntl-section-instruction:hover {
    border: 1px solid transparent;
}

.remove-border textarea.form-control[disabled] {
    cursor: default;
}

.focus {
    border: 1px solid #86898c;
}

.ntl-instruction-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 1px;
    position: relative;
    color: #fff;
}

.ntl-section-team-bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 1px;
    position: relative;
    padding-bottom: 8px
}

.ntl-team-scroll-outer {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 1px;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.ntl-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ntl-flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ntl-iflex-inline {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.ntl-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ntl-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ntl-flex-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 1px;
    min-width: 1px;
}

.ntl-flex-filling {
    -webkit-box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-height: 1px;
    min-width: 1px;
}

.ntl-inline-element {
    display: inline !important
}

.ntl-inlineblock-element {
    display: inline-block !important
}

.ntl-flex-fill {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    min-width: 1px;
}

.ntl-flex-w-91 {
    flex-basis: 91px;
    max-width: 91px;
}

.ntl-flex-w-91-px {
    width: 91px !important;
}

.ntl-flex-fill-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    min-height: 1px;
    min-width: 1px;
}

.ntl-flex-item-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ntl-align-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.ntl-align-self-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.ntl-align-self-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.ntl-flex-item-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ntl-justify-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ntl-justify-left {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.ntl-justify-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ntl-justify-icenter {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.ntl-flex-item-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


.ntl-flex .ntl-flex-row-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}








.ntl-flex-row-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.ntl-flex-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/*scroll bar css*/
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -12px;
    min-height: 10px;
    width: 0.4375vw;
}

.ntl--flexible-scroll .scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #353d43;
}

.ntl-team-scroll-outer .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -13px;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #D8D8D8;
}


.scrollbar-macosx > .scroll-element .scroll-bar {
    opacity: 1 !important;
}

/*percentage csss*/
.per-modal-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

/*.per-md.modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) !important;
    margin: 0 auto;
    width:calc(100% - 64px)
}*/

.per-modal-dialog {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    /*position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) !important;*/
    margin: auto !important;
    width: calc(100% - (3.75% + 3.75%));
    height: calc(100vh - (11.58vh + 11.58vh));
}


    .per-modal-dialog.w-600 {
        width: 37.5%;
        height: calc(100vh - (17.5vh + 17.5vh))
    }

    .per-modal-dialog.w-622, .per-modal-dialog.ntl-w-622 {
        width: 38.875%;
        height: 58.6666666667vh
    }
    .per-modal-dialog.ntl-w-680 {
        width: 680px;
        height: 80vh;
    }

    .per-modal-dialog.external-notification-ntl-w-795 {
        width: 49.6875%;
        height: 86.75vh
    }

    .per-modal-dialog.ntl-w-622.ntl-br-modal-height {
        height: 50.3333333333vh
    }

    .per-modal-dialog.ntl-w-440 {
        width: 27.5%;
        height: auto
    }

    .per-modal-dialog.ntl-w-440-px {
        width: 440px;
    }
    .per-modal-dialog.ntl-w-662-px {
        width: 662px;
    }
    .per-modal-dialog.ntl-w-1032-px {
        width: 1032px;
    }

    .per-modal-dialog.ntl-w-1032 {
        width: 64.5%;
        height: 83.5164835165vh
    }

    .per-modal-dialog.ntl-task-modal-wh.ntl-form-modal {
        width: 100% !important;
        height: 100% !important;
        max-height: 960px;
    }



    .per-modal-dialog.ntl-w-440.scroll-h-650 {
        height: 71.43vh
    }

    .per-modal-dialog.ntl-w-580 {
        width: 36.25%;
        height: auto
    }

    .per-modal-dialog.ntl-w-522 {
        width: 32.625%;
        height: auto
    }

    .per-modal-dialog.ntl-m-w-440 {
        max-width: 27.5% !important;
        width: auto !important;
        min-width: 350px;
        height: auto
    }

    .per-modal-dialog.ntl-m-w-522 {
        max-width: 32.625% !important;
        width: auto !important;
        min-width: 350px;
        height: auto
    }

    .per-modal-dialog.ntl-w-440.withbodyscroll-h {
        height: calc(100vh - (20vh + 20vh))
    }
        .per-modal-dialog.ntl-w-440.withbodyscroll-h.max-height-60minus {
            /*max-height: calc(100vh - 90px);*/
            max-height: calc(100vh - (20vh + 20vh));
            height: auto;
            min-height: 350px
        }
        .per-modal-dialog.max-height-60minus.md-add-max-height {
            max-height: calc(100vh - 90px);
           /* max-height: calc(100vh - (20vh + 20vh));*/
            height: auto;
            min-height: 350px
        }
            .per-modal-dialog.ntl-w-440.withbodyscroll-h.max-height-60minus .ntl-flex-item-stretchdiv,
            .per-modal-dialog.max-height-60minus.md-add-max-height .ntl-flex-item-stretchdiv {
                align-items: stretch;
                overflow: hidden;
            }
    .per-modal-dialog.ntl-w-440.withbodyscroll-h-90vh {
        height: 90vh
    }

    .per-modal-dialog.ntl-w-440.max_height_bodyscroll {
        min-height: 40vh;
        max-height: 82vh
    }

/*css for firefox*/
@-moz-document url-prefix() {
    @media screen and ( min-width: 1280px ) and ( max-width: 1366px ) {
        .per-modal-dialog.w-600 {
            width: 37.5%;
            height: calc(100vh - (17vh + 17vh))
        }
    }
}


.per-modal-content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1;
    min-height: 1px;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
}

/*----start-ntl-tooltip-css----*/
.tooltip.ntl-w-tooltip.bottom .tooltip-arrow {
    border-width: 0 6px 6px;
    margin-left: -6px !important;
}

.tooltip.ntl-w-tooltip.bottom-left .tooltip-arrow {
    margin-left: 0 !important;
}

/*----end-ntl-tooltip-css----*/

/*.ntl-TaskName-shadow {
    border: 1px solid #cbd4db;
}

    .ntl-TaskName-shadow.ntl-showtitle {
        border: 1px solid transparent;
    }

        .ntl-TaskName-shadow.ntl-showtitle:hover {
            border: 1px solid #86898c;
        }

        .ntl-TaskName-shadow.ntl-showtitle.complete:hover {
            border: 1px solid transparent;
        }

.ntl-TaskName-input {
    border: 1px solid transparent;
}

    .ntl-TaskName-input:hover, .ntl-TaskName-input:focus {
        border: 1px solid #86898c;
    }

.ntl-section-instruction {
    overflow: auto;
    border: 1px solid transparent;
}

    .ntl-section-instruction:hover {
        border: 1px solid #86898c;
    }

.focus {
    border: 1px solid #86898c;
}

.remove-border.ntl-section-instruction:hover {
    border: 1px solid transparent;
}

.ntl-instruction-save {
    border: 1px solid transparent;
}

    .ntl-instruction-save:hover {
        border: 1px solid transparent;
        cursor: text;
    }

.ntl-instruction-editable-btn {
    border: 1px solid #86898c;
}*/



.ntl-section-instruction.height-29 {
    max-height: 29.9166666667vh;
}

.ntl-section-instruction {
    padding-top: 8.5px;
    padding-bottom: 9px
}


.per-modal-body {
    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%;
}


.per-heading {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: 4.24vh;
    padding: .83vh 1.25vh;
}

.per-heading-leftChildren {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    padding-right: 5px;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.per-heading-rightChildren {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    font-size: 2vh;
    color: #f7903d;
    margin-right: 15px;
}

.per-heading-leftInner {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-size: 2vh;
}

.ntl-dash.per-dash {
    padding: 0.25vw;
}

.per-heading-program {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    min-width: 1px;
    max-width: 45%;
}

.per-heading-program-text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.per-heading-workflow {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.per-heading-editable-auto {
    position: relative;
    -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 1 auto;
    overflow: hidden;
    min-width: 250px;
}

.per-heading-editable-points {
    min-width: 1px;
}

.per-mc {
    background-color: transparent;
    color: #454f57;
}

.per-mh {
    background: #353D43;
    color: #fff;
    border-bottom: 0;
    padding: 0 !important;
}

    .per-mh .close-icon {
        top: 1.41%;
        right: 1.25%;
        color: #fff;
        font-size: 1.5vh;
    }

    .per-mh .modal-title.ntl-task-title {
        font-size: 1em;
    }

.per-section-left {
    background: #454f57;
    height: 100%;
    width: 40%;
    padding-left: 0.70833333333vh;
    padding-right: 1.25vh;
    border: 1px solid #454f57;
}

.ntl-instruction-editable textarea.form-control.font16vh {
    font-size: 1.33333333333vh;
    line-height: 1.66666666667vh;
    padding: 0.70833333333vh 2.28125vw 0px 0.71875vh;
}

.modal-backdrop.in.ntl-backdrop {
    opacity: 0.8;
}


/*css for team section*/


.ntl-team, .ntl--refrencematerial {
    display: -webkit-box;
    display: flex;
    position: relative;
    margin: 0px 10px 0 10px;
}

.ntl-team-row, .ntl--ref-material-row {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
}

.ntl-secton-heading {
    color: #fff;
    font-size: 1em;
    font-family: 'open_sans_bold';
    text-transform: uppercase;
}



.ntl-team-listouter {
    display: -webkit-box;
    display: flex;
}

.ntl-team-avtar, .ntl-team-plusicon, .ntl-team-plusmore {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
/*auto width equal column*/
.ntl-image {
    display: block;
    position: relative;
    float: left;
    margin-right: 7px;
}



    .ntl-image.border-radius-4 {
        border-radius: 4px;
    }

    .ntl-image > img {
        display: block;
        height: auto;
        width: 100%;
        max-width: 100%;
        border-radius: 4px;
    }

    .ntl-image.is-24x24 {
        height: 24px;
        width: 24px;
    }

    .ntl-image.is-32x32 {
        height: 32px;
        width: 32px;
    }

    .ntl-image.is-20x20 {
        height: 20px;
        width: 20px;
    }

        .ntl-image.is-20x20 .border-radius-20, .ntl-image.is-20x20.border-radius-20 {
            border-radius: 20px;
        }

.ntl-f-size10px {
    font-size: 10px
}

.ntl-image.is-50x50 {
    height: 50px;
    width: 50px;
}

.ntl-dropdown-wrapper .ntl-team-memberlist-avatar, .ntl-team-memberlist-avatar.ntl-mr-7, .ntl-mr-7 {
    margin-right: 7px
}

.ntl-dropdown-wrapper .ntl-image.is-20x20 {
    font-size: 12px;
}

.ntl-image.is-32x32 .list-item-image {
    height: 32px;
    width: 32px;
    line-height: 33px;
}

.ntl-image.is-20x20 .list-item-image {
    height: 20px;
    width: 20px;
    line-height: 20px;
}

.ntl-image.is-50x50 .list-item-image {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 4px;
    cursor: default
}

.ntl-c-pointer {
    cursor: pointer !important
}

.ntl-c-no-drop {
    cursor: no-drop !important
}

.ntl-c-default {
    cursor: default !important
}

.v3-text-link-gray {
    color: #353D43
}

.ntl-link-normal, .ntl-link-normal:hover, .ntl-link-normal:focus {
    color: #353D43
}

.v3-text-link-gray:hover, .v3-text-link-gray:focus,
.ntl-text-link.v3-text-link-gray:hover, .ntl-text-link.v3-text-link-gray:hover {
    color: #1193CA !important
}

.ntl-text-link, a.ntl-text-link, .v3-text-link-gray.ntl-text-link {
    color: #29ace3 !important;
    text-decoration: none;
}

    a.ntl-text-link.fa:hover, a.ntl-text-link.fa:focus {
        text-decoration: none
    }

    .ntl-text-link:hover, .ntl-text-link:focus, a.ntl-text-link:hover, a.ntl-text-link:focus {
        /*color: #29ace3 !important;*/
        color: #1193CA !important;
        /*text-decoration: underline*/
    }

    a.ntl-text-link:focus {
        color: #29ace3 !important;
    }
/*old design ntl-text link overwrite*/
.ntl-text-link-old-parent a.ntl-text-link {
    color: #454f57 !important;
    text-decoration: underline
}

    .ntl-text-link-old-parent a.ntl-text-link:hover, .ntl-text-link-old-parent a.ntl-text-link:focus {
        color: #0e76bc !important;
        cursor: pointer !important;
    }
/*old design ntl-text link overwrite*/
.ntl-text-graylink, a.ntl-text-graylink {
    color: #454f57 ;
    text-decoration: none;
}
.ntl-text-link.ntl-text-graylink2,
.ntl-text-link.ntl-text-graylink2:hover,
.ntl-text-link.ntl-text-graylink2:focus {
    color: #454f57 !important;
    text-decoration: none;
}

.ntl-textonly-blue {
    color: #29ace3 !important;
}

    .ntl-textonly-blue.disabled {
        color: #BEBFC1 !important;
    }


a.ntl-text-graylink.fa:hover, a.ntl-text-graylink.fa:focus {
    text-decoration: none
}

a.ntl-text-graylink:hover, a.ntl-text-graylink:focus {
    color: #454f57;
    text-decoration: none
}


.ntl-blue-icon, .ntl-blue-icon:hover, .ntl-blue-icon:focus,
.ntl-blue-text, .ntl-blue-text:hover, .ntl-blue-text:focus {
    color: #29ace3 !important;
    text-decoration: none;
}

a.ntl-text-link-bold {
    color: #29ace3 !important;
    text-decoration: none;
    font-family: 'open_sans_bold';
}

a.ntl-text-link-bold--ongray {
    color: #21AAE1 !important;
}

    a.ntl-text-link-bold--ongray:hover, a.ntl-text-link-bold--ongray:focus {
        color: #1193CA !important;
        text-decoration: none
    }


a .ntl-text-link-bold:hover, a.ntl-text-link-bold:focus {
    color: #1193CA !important;
    text-decoration: none
}

.ntl-ref-link.trucatediv {
    color: #29ace3 !important
}

    .ntl-ref-link.trucatediv.lh-18 {
        line-height: 18px !important;
    }

    .ntl-ref-link.trucatediv.ntl-mt-2, .ntl-mt-2 {
        margin-top: 2px
    }

/*start new task right side frame css*/
.ntl-section-right-wrap, .ntl-section-right-body, .ntl-section-right-body-inner, .ntl-modal-inner-body-wrap, .ntl-modal-inner-tab-bottom, .ntl-modal-outerfull-height-inner {
    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-modal-inner-body-wrap.ntl-modal-sm-p, .ntl-modal-sm-p {
        padding: 20px 20px 0
    }

        .ntl-modal-sm-p.ntl-p-x-27 {
            padding: 0px 27px 0
        }

.ntl-p-x-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.ntl-text-heading {
    font-size: 1em
}

.ntl-tbl-attachment {
    position: relative
}

    .ntl-tbl-attachment > svg {
        position: absolute;
        top: 13px;
        height: 18px;
    }

.ntl-tab-section, .ntl-section-right-footer, .ntl-modal-outerfull-height-inner-auto {
    -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-section-right-footer.save-chagnges-strip .ntl-footer-box.v3-filedsavechange {
        padding: 0 !important
    }

    .ntl-section-right-footer.save-chagnges-strip {
        position: absolute;
        bottom: 0;
        left: 40px;
        right: 40px;
        bottom: 32px;
        z-index: 99999
    }
/*.ntl-section-right-body {
    border: 1px solid red;
}*/
.ntl-tab-section {
    background: #f4f4f4;
    height: 52px;
    padding-left: 14px;
}

.ntl-ml-auto {
    margin-left: auto;
}

.ntl-tablist {
    margin: 0;
    padding: 0;
}

.ntl-tablist {
    -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 li {
        float: left;
    }


        .ntl-tablist 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 30px;
            border-bottom: 2px solid transparent;
            cursor: pointer
        }

    .ntl-tablist > li > a {
        text-decoration: none;
        position: relative;
        display: block;
        /*padding: 10px 32px 15px;*/
        border-bottom: 2px solid transparent;
        color: rgba(69, 79, 87, .6);
    }

        .ntl-tablist > li > a.fa {
            font-size: 20px;
            border-bottom: 0
        }

        .ntl-tablist > li > a .badge {
            opacity: 1;
            font-family: 'open_sans_regular'
        }

        .ntl-tablist > li > a.fa.fa-align-left {
            margin-bottom: -4px
        }

        .ntl-tablist > li > a.fa.fa-paperclip {
            margin-bottom: -3px
        }

        .ntl-tablist > li > a.fa.fa-sitemap {
            margin-bottom: -4px
        }

        .ntl-tablist > li > a.fa.fa-workflow-list {
            background: url("/Assets/images/new-task-layout/workflow.svg") no-repeat;
            width: 20px;
            height: 20px;
            opacity: 0.6
        }

            .ntl-tablist > li > a.fa.fa-workflow-list:hover {
                opacity: 1
            }

    .ntl-tablist > li.active > a.fa.fa-workflow-list {
        opacity: 1
    }




    .ntl-tablist > li > a.tasktab-icon {
        width: 20px;
        height: 20px;
        /*opacity: 0.6;*/
        position: relative;
    }

        .ntl-tablist > li > a.tasktab-icon:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            opacity: .6;
        }


    .ntl-tablist > li > a.customtab:before {
        background: url("/Assets/images/new-task-layout/customtab.svg") no-repeat;
        width: 20px;
        height: 20px
    }



    .ntl-tablist > li > a.attachment {
        width: 18px;
        height: 20px;
    }

        .ntl-tablist > li > a.attachment:before {
            background: url("/Assets/images/new-task-layout/Attachment.svg") no-repeat;
            width: 18px;
            height: 20px;
        }


    .ntl-tablist > li > a.chat-off {
        width: 23px;
        height: 21px
    }

        .ntl-tablist > li > a.chat-off:before {
            background: url("/Assets/images/new-task-layout/chat-off.svg") no-repeat;
            width: 23px;
            height: 21px
        }


    .ntl-tablist > li > a.fields {
        width: 23px;
        height: 21px
    }

        .ntl-tablist > li > a.fields:before {
            background: url("/Assets/images/new-task-layout/Fields.svg") no-repeat;
            width: 23px;
            height: 21px
        }

.ntl-ellipsis-icon {
    background: url("/Assets/images/new-task-layout/Ellipses.svg") no-repeat;
    width: 4px;
    height: 19px;
    display: inline-block;
}

/* .ntl-tablist > li > a.chat-off {
        background: url("/Assets/images/new-task-layout/chat-off.svg") no-repeat;
    }*/
.ntl-tablist > li > a.tasktab-icon:hover,
.ntl-tablist > li:hover > a.tasktab-icon:before,
.ntl-tablist > li:hover > a.fa.fa-workflow-list,
.ntl-tablist > li > a.tasktab-icon:hover:before {
    opacity: 1
}

.ntl-tablist > li.active > a.tasktab-icon, .ntl-tablist > li.active > a.tasktab-icon:before {
    opacity: 1
}


.ntl-tablist > li > a:hover, ntl-tablist > li > a:focus, .ntl-tablist > li:hover > a {
    color: #454f57
}

.ntl-tablist > li.active {
    box-sizing: border-box;
    border-bottom: 2px solid #29ACE3;
    color: #454f57
}

    .ntl-tablist > li.active > a {
        color: #454f57;
        border-bottom: 0;
    }

.ntl-business-role-tab {
    padding: 0 !important
}

.ntl-br-tab-list {
}

.v3-tm-plus {
    padding-left: 15px
}

.ntl-badge {
    font-size: .5em !important;
    font-weight: 300;
    padding: 2px 5.5px;
    position: absolute;
    right: auto;
    top: -6px;
    /*width: 13px;
    height: 13px;*/
    border-radius: 12px;
    line-height: 11px
}

.badge.minw-17 {
    min-width: 17px;
    min-height: 17px
}

.ntl-badge.minw-17 {
    font-size: .75em !important;
    right: -14px;
    line-height: 12px;
}




.tasktab-icon .ntl-badge {
    font-size: .5625em !important;
    font-weight: 300;
    padding: 2px 5.5px;
    position: absolute;
    right: auto;
    top: -7px;
    /*width: 13px;
    height: 13px;*/
    border-radius: 12px;
    line-height: 11px;
    left: 100%;
    margin-left: -6px;
}

.tasktab-icon.attachment .ntl-badge {
    margin-left: -3px
}

.badge.orange {
    background-color: #F7903D;
}
/*end new task right side frame css*/




/*attchement */
/*.ntl-tab-content.tab-content > .tab-pane.fade {
    display: none;
}

    .ntl-tab-content.tab-content > .tab-pane.fade.active {
        display: block;
    }*/


/*comment inner div structor*/

.ntl-comment-outerfull, .ntl-customfield-outerfull, .ntl-attachment-outerfull, .ntl-modal-outerfull-height, .ntl-modal-outerfull-height-inner-full, .ntl-section-full-height {
    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;
}

.ntl-comment-innerflex {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    z-index: 0;
}

.ntl-comment-innerflex-full {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-height: 1px;
    height: 100%;
}

.ntl-comment-innerflex-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    min-height: 1px;
}


.ntl-comment-innerflex-top, .ntl-modal--inner--top-auto {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    height: 56px;
    background-color: #E8EDEF;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 30px;
    position: relative;
    z-index: 100;
}

    .ntl-modal--inner--top-auto.ntl-searchteam {
        height: auto;
        padding: 20px;
        background-color: #fff !important;
    }

.ntl-comment-innerflex-bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    z-index: 0
}

.ntl-comment-serch, .ntl-search-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -webkit-box-pack: start;
    justify-content: flex-start;
    min-width: 1px;
    width: 100%
}

.ntl-comment-serch-item, .ntl-search-row-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: stretch;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 0;
    margin: 0
}

    .ntl-comment-serch-item a {
        padding-left: 20px;
    }

        .ntl-comment-serch-item a.fa-flag {
            font-size: 18px;
            margin-top: 3px
        }



.active .filtericon-svg #filter-Shape-Copy {
    fill: #29ACE3;
}


a.filtericon, a.filtericon:focus, a.filtericon:hover {
    color: #86898C;
    text-decoration: none
}

    a.filtericon.active, a.filtericon.active:hover, a.filtericon.active:focus {
        color: #29ACE3;
        text-decoration: none;
    }

    a.filtericon.qfa-comment {
        width: 20px;
        height: 18px
    }

.ntl-has-search .form-control-feedback {
    right: initial;
    left: 0;
    /*color: #ccc;*/
    line-height: 36px
}

a.filtericon.qfa-flag {
    font-size: 18px;
}

a.filtericon.qfa-comments {
    font-size: 20px;
}

a.filtericon.qfa-comment {
    font-size: 1.25rem;
    position: relative;
    margin-left: 20px;
    padding-left: 0;
}

    a.filtericon.qfa-comment .qfa-lock {
        font-size: .6em;
        color: #E8EDEF;
        position: absolute;
        top: .2em;
        z-index: 1;
        align-items: center;
        align-self: center;
        left: 0.375em;
    }

.ntl-has-search.ntl-text-edt-search .form-control-feedback {
    bottom: 1px;
    top: auto;
}

.ntl-has-search .form-control-remove {
    right: 10px;
    color: #353D43;
    position: absolute;
    top: 11px;
    cursor: pointer
}

.ntl-comment-serch-box {
    width: 300px
}


.ntl-search-row-full {
    width: 100%
}

.ntl-has-search > .form-control {
    padding-right: 26px !important;
    padding-left: 34px !important
}

.ntl-form-wrap.form-wrap .form-group {
    margin-bottom: 0
}

.ntl-form-group-m-b-20 .form-group {
    margin-bottom: 20px;
}

    .ntl-form-group-m-b-20 .form-group.withtopfield {
        margin-top: -10px
    }

    .ntl-form-group-m-b-20 .form-group.last-child, .ntl-form-group-m-b-20 .form-group:last-child {
        margin-bottom: 0
    }

.ntl-form-group-m-b-20 label {
    margin-bottom: 8px !important
}

.ntl-form-wrap label {
    font-family: 'open_sans_regular';
}

.ntl-form-wrap.label-full .form-group {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}


.ntl-form-wrap.form-wrap .form-control, .ntl-form-wrap.form-wrap .form-control:focus {
    border: 1px solid #86898C
}

.ntl-scrollable-outer {
    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%;
    overflow: hidden
}

.ntl-scrollable-inner {
    padding: 25px 0px 0px 30px
}

.ntl-scrollable-padding {
    padding: 20px 10px 20px 20px;
}

.ntl-scrollable-inner.ntl-p-x {
    padding: 0;
    padding-left: 20px;
    padding-right: 20px
}

.ntl-scrollable-inner.ntl-p-x-40 {
    padding: 0;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px
}

.ntl-scrollable {
    min-height: 1px;
    overflow-y: auto;
    height: 100%
}

.ntl-scrollable-remove {
    min-height: 1px;
    position: relative;
    height: 100%
}

.ntl-scroll-paddingXY {
    padding: 0 20px 20px 0
}

.ntl-scroll-paddingY {
    padding-right: 16px;
}

.ntl-scroll-paddingX {
    padding-bottom: 16px;
}

.ntl-min-h-1 {
    min-height: 1px;
    position: relative;
}

.ntl-comment-group {
    margin-bottom: 24px;
    padding-right: 30px
}

.ntl-comment-group-outer .ntl-comment-group:last-child {
    margin-bottom: 3px
}

.ntl-media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.ntl-media-body.ntl-private-msg, .ntl-media-body.ntl-private-msg .ntl-comment-dateformate, .ntl-text-orange {
    color: #F7903D !important
}

.mention {
    color: #353D43;
}
/*.ntl-media-body.ntl-private-msg .mention {
    background: rgba(41,172,227,0.3) ;
    color: #353D43 !important;
}*/

.ntl-text-orange .ntl-text-link {
    color: #F7903D !important
}

.ntl-attachment-box-outer {
    margin-top: 20px;
}

.ntl-comment-subgroup .ntl-attachment-box:first-child {
    margin-top: 20px
}

.ntl-comment-message p {
    margin: 0;
    padding: 0;
    line-height: 1.42;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ntl-comment-message {
    word-break: break-word;
    word-wrap: break-word;
}

    .ntl-comment-message a {
        color: #29ace3 !important;
    }

        .ntl-comment-message a:hover, .ntl-comment-message a:focus {
            color: #29ace3 !important;
            text-decoration: underline
        }

.ntl-attachment-box {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    word-wrap: break-word;
    border: 1px solid #2aace3;
    min-height: 28px;
    background-color: #EAF9FF;
    border-radius: 4px;
    padding: 3px 10.5px 3px;
    margin-top: 10px
}

.ntl-att-flag {
    flex-shrink: 0;
    margin-right: 10px;
}

.ntl-att-flag-right {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    word-wrap: break-word;
}

.ntl-comment-dateformate {
    color: #86898C;
    margin-left: 20px;
}

.ntl-lh-bs {
    line-height: 1.42857143 !important
}

.ntl-lh-22 {
    line-height: 1.375rem !important
}

.ntl-lh-24 {
    line-height: 1.5rem !important
}

.ntl-modal-footer {
    padding: 25px 30px 40px;
}

.ntl-footer-box {
    padding: 25px 40px 40px;
}

    .ntl-footer-box.v3-filedsavechange .ntl-caution {
        margin: 0;
    }

    .ntl-footer-box.v3-filedsavechange {
        padding: 25px 15px 32px 0px
    }

.ntl-modal-footer.p20all {
    padding: 20px !important
}

.ntl-modal-footer.ntl-footer-gray-with-shadow {
    background-color: #F4F4F4;
    box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.15);
}

.ntl-footer-box.ntl-pt--10 {
    padding-top: 10px
}

.ntl-modal-footer.ntl-modal-footer-sm-p {
    padding: 30px 20px 30px;
}

    .ntl-modal-footer.ntl-modal-footer-sm-p.ntl-footer-btnwrap {
        padding: 30px 20px 10px 20px;
    }

        .ntl-modal-footer.ntl-modal-footer-sm-p.ntl-footer-btnwrap .ntl-flex-row-wrap .btn {
            margin-bottom: 10px;
        }
/*Aspect ratio change*/
/* .ntl-modal-footer .ntl-flex-fill, .ntl-modal-footer.ntl-flex-fill {
        min-height: initial !important
    }

    .ntl-modal-footer .ntl-flex-row-wrap {
        flex-flow: row !important;
    }*/
/*Aspect ratio change*/
.ntl-p-x20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.ntl-footer-box.remove-comment-text {
    padding: 0;
    padding-bottom: 25px;
}

.ntl-footer-box-inner-full, .ntl-modal-footer-innerfull {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -webkit-box-pack: start;
    justify-content: flex-start;
    min-width: 1px;
    width: 100%;
}

.ntl-refrencematerial {
    padding: 0 10px;
}

.ntl-plusicon {
    box-sizing: border-box;
    height: 33px;
    width: 33px;
    border: 1px solid #29ACE3;
    border-radius: 4px
}

.ntl-plusicon-link {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    line-height: 25px;
}

.ntl-plusicon.ntl-disabled, .ntl-opacity-50per {
    opacity: .5 !important
}

.ntl-plusicon-link:focus, .ntl-plusicon-link:hover {
    text-decoration: none;
    color: #fff
}

/*----Start-Team-icon-plus-css----*/
.ntl-plusicon-link > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ntl-plusicon-link.ntl-icon-w-12x12 {
    margin-top: 1px
}

    .ntl-plusicon-link.ntl-icon-w-12x12 span.line-h {
        width: 12px;
        height: 2px;
        background-color: #d7d7d7
    }

    .ntl-plusicon-link.ntl-icon-w-12x12 span.line-v {
        width: 2px;
        height: 12px;
        background-color: #d7d7d7
    }

.ntl-plusicon-link.ntl-icon-g-17x17 {
    margin-top: 1px;
    opacity: 0.3
}

    .ntl-plusicon-link.ntl-icon-g-17x17 span.line-h {
        width: 17px;
        height: 2px;
        background-color: #454F57
    }

    .ntl-plusicon-link.ntl-icon-g-17x17 span.line-v {
        width: 2px;
        height: 17px;
        background-color: #454F57
    }

/*.ntl-plusicon-link span.line-h.ntl-mt-1{margin-top:1px}
.ntl-plusicon-link span.line-v.ntl-mt-1{margin-top:1px}*/
/*----End-Team-icon-plus-css----*/


.ntl-plusicon-gray.ntl-plusicon-link {
    color: #454F57;
    font-size: 36px;
    opacity: .3;
    line-height: 23px
}

.ntl-plusicon-cehcked.ntl-plusicon-link.blue-color {
    color: #29ace3 !important;
    font-size: 1.3em;
}

    .ntl-plusicon-cehcked.ntl-plusicon-link.blue-color:before {
        line-height: 31px
    }

.ntl-refrencematerail-list {
    margin-top: 12px;
}

.ntl-refrencematerail-list-ul {
    padding: 0;
    margin: 0;
}

    .ntl-refrencematerail-list-ul li.ntl-refrencematerail-item:nth-of-type(odd) {
        padding-right: 20px
    }

    .ntl-refrencematerail-list-ul .ntl-refrencematerail-item .ntl-ref-icon {
        color: #fff
    }

.ntl-team-scroll-outer .scroll-wrapper > .scroll-content.scroll-scrolly_visible .ntl-refrencematerail-list-ul li.ntl-refrencematerail-item {
    padding-right: 20px
}

.ntl-custom-field-section .scroll-wrapper > .scroll-content, .ntl-scrollable-outer .scroll-wrapper > .scroll-content {
    overflow-x: hidden !important;
    height: 100% !important;
}
/*FIXED ISSUE NO : #5356*/

.ntl-mb-24h5 {
    margin-bottom: 24.5px
}

.ntl-mb-16h5 {
    margin-bottom: 16.5px
}


.ntl-ref-icon {
    flex-shrink: 0;
    margin-right: 10px;
}

.ntl-text-link {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    word-wrap: break-word;
}

.ntl-refrencematerail-item {
    width: 50%;
    margin-bottom: 6px;
}

.ntl-prerequisites {
    padding: 0 10px 30px 10px;
    font-family: 'open_sans_bold';
    text-transform: uppercase;
    color: #fff
}

/*----bug-for-5308----*/
#ntl-prtooltipOnhover .scroll-wrapper > .scroll-content {
    overflow-x: hidden !important
}

#ntl-rftooltipOnhover .scroll-wrapper > .scroll-content {
    overflow-x: hidden !important
}

#ntl-TeamTooltipOnhover .scroll-wrapper > .scroll-content {
    overflow-x: hidden !important
}
/*----bug-for-5308----*/

/*.ntl-form-wrap.ntl-w-252x #divViewMoreTableData .input-group-box.w-300x .input-group #searchtxt.form-control{width:100% !important;padding:6px 11px 6px 14px !important;border:1.5px solid rgba(164, 171, 174, 0.5) !important;height:35px !important;color:#454f57 !important;margin-top:0;}*/


/*modal inner tab*/

.tooltip-left-align .tooltip-inner {
    text-align: left !important
}

.ntl-modal-inner-tab {
    padding: 0
}

    .ntl-modal-inner-tab .ntl-tablist > li > a {
        padding: 10px 20px 12px
    }

.ntl-invite-tab.ntl-tablist li.active {
    font-family: open_sans_bold;
}

.ntl-tab-section--team.ntl-tablist > li {
    border-bottom: 2px solid transparent;
}



.ntl-team-memeber-tab, .ntl-one-line-text {
    white-space: nowrap
}

.ntl-br-tab-list > li {
    /* max-width: 38.5852090032%;*/
    float: left;
    -webkit-box-flex: 1;
    flex: 1 1;
    min-width: 50px
}
/*.ntl-br-tab-list > li:nth-child(2) {*/
/*max-width: 27.3311897106px;*/
/*float: left;
        -webkit-box-flex: 1;
        flex: 0 1 auto;
    }*/

.ntl-br-tab-list, .ntl-br-tab-list__tablink {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

    .ntl-br-tab-list__tablink.ntl-team-tablink {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
    }

    .ntl-br-tab-list .ntl-br-tab-list__tablink {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }


.ntl-br-tab-list__tablinklabel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 1px;
    -webkit-box-flex: 1;
    flex: 0 1 auto;
}

.ntl-max-w-80 {
    max-width: 80%;
}

.ntl-dd-count {
    color: #29ace3 !important;
    cursor: pointer
}
/*Business role tab class ntl-tab-section--team
   this "ntl-tab-section--team" class for invite team only,
*/
.ntl-modal-inner-tab.ntl-tab-section--team .ntl-tablist {
    width: 100%;
}

.ntl-tab-section.ntl-tab-section--team {
    height: 68px;
}

.ntl-modal-inner-tab.ntl-tab-section--team .ntl-tablist > li {
    padding: 30px 15px 16px;
    border-bottom: 2px solid transparent;
    letter-spacing: .115px;
}

    .ntl-modal-inner-tab.ntl-tab-section--team .ntl-tablist > li.ntl-business-role-tab {
        border-bottom: 0
    }

    .ntl-modal-inner-tab.ntl-tab-section--team .ntl-tablist > li.active {
        border-bottom: 2px solid #29ACE3;
        letter-spacing: normal;
    }

    .ntl-modal-inner-tab.ntl-tab-section--team .ntl-tablist > li.ntl-team-memeber-tab {
        padding: 30px 15px 16px 20px;
        /* max-width: calc(27.3311897106% + 1px);*/
        flex-shrink: 0;
        overflow: hidden;
    }

    .ntl-modal-inner-tab.ntl-tab-section--team .ntl-tablist > li > a {
        padding: 0;
        text-transform: uppercase;
        color: #454f57
    }
    /* .ntl-modal-inner-tab.ntl-tab-section--team .ntl-tablist > li.active a{margin-top:2px }*/
    .ntl-modal-inner-tab.ntl-tab-section--team .ntl-tablist > li.active.ntl-team-memeber-tab a {
        margin-top: 0
    }

    .ntl-modal-inner-tab.ntl-tab-section--team .ntl-tablist > li.ntl-actiondd {
        padding-right: 20px;
    }


.ntl-team-memberlist-outer {
    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;
    width: 100%;
}

.ntl-team-memberlist-inner {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow: hidden;
    margin-top: 0px
}

.ntl-team-memberlist-repeat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 30px;
}

.ntl-scrollable .ntl-team-memberlist-repeat:first-child .ntl-team-memberlist-item {
    padding-top: 0
}

.ntl-team-memberlist-item--v3.ntl-team-memberlist-item {
    border-bottom: 0px solid #DFDFDF;
    padding-top: 0;
    padding-bottom: 0
}

.ntl-team-memberlist-item {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    overflow: visible;
    border-bottom: 1px solid #DFDFDF;
    position: relative;
    padding: 13px 0;
    white-space: nowrap;
}

.ntl-team-memberlist-item-leftfull {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1000 auto;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    min-width: 1px;
    position: relative;
}

.ntl-team-memberlist-item-rightauto {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    height: 100%;
    -webkit-box-pack: end;
    justify-content: flex-end;
    max-width: 75%;
    min-height: 34px;
    overflow: hidden;
}

.ntl-team-memberlist-avatar {
    flex-shrink: 0;
    margin-right: 10px;
}

.ntl-team-memberlist-text {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    word-wrap: break-word;
    cursor: default;
}

@-moz-document url-prefix() {
    .ql-mention-list-container {
        overflow: auto;
        overflow-x: hidden !important
    }

        .ql-mention-list-container .ntl-team-memberlist-text span {
            float: left;
            margin-right: 5px;
            display: block;
        }
}

.v3-chat-sidebar-team .v3-chat-sidebar-team-list.ntl-c-pointer .ntl-team-memberlist-text,
.v3-chat-sidebar-team .v3-chat-sidebar-team-list.ntl-c-pointer,
.v3-chat-sidebar-team .v3-chat-sidebar-team-list.ntl-c-pointer .ntl-image.is-50x50 .list-item-image {
    cursor: pointer;
}

.v3-chat-sidebar-team .v3-chat-sidebar-team-list.ntl-c-default .ntl-team-memberlist-text,
.v3-chat-sidebar-team .v3-chat-sidebar-team-list.ntl-c-default {
    cursor: default;
}
/*ntl-custom-field-css*/
/*.ntl-custom-field-section .scrollbar-macosx > .scroll-element .scroll-bar{background-color:#d8d8d8 !important;}*/
.ntl-custom-field-section .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -8px
}

.ntl-custom-field-section {
    float: left;
    padding-right: 10px;
    padding-left: 40px;
    padding-top: 35px;
    padding-bottom: 20px;
    width: 100%;
}
    .ntl-custom-field-section.overwrite-section{
        float:none;
        padding:0
    }
.rs-from-outer .dateiconchange.ntl-date-picker:before {
    height:0px!important
}
.rs-from-outer .dateiconchange.ntl-date-picker > .qfa-calendar {
    top:9.5px!important
}

#divTaskCustomTabForm_Angular9 .ntl-custom-field-section {
    padding-right: 20px;
}

    #divTaskCustomTabForm_Angular9 .ntl-custom-field-section.v3-custom-tab-padding {
        padding-right: 10px;
    }
/*.ntl-custom-field-section.ntl-show-resetstripe .ps--active-y {
        padding-bottom: 100px.point-img-wrap
    }*/
.ntl-custom-field-section.ntl-custom-tab-section--pt-30 {
    padding-top: 0px;
    padding-left: 0px
}
#divTaskCustomTabFormInner_Angular9{
    padding-top: 30px;
    padding-left: 40px
}

.v3-form-wrap .ntl-scroll-paddingXY {
    padding-right: 0
}

.ntl-custom-field-section > .ntl-scrollable perfect-scrollbar > .ps {
    padding-right: 30px
}

.ntl-caution, .ntl-save-changes-stripe {
    background-color: #454f57;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    color: #fff;
    width: 100%;
    padding: 9px 20px;
    margin: 0 10px
}

    .ntl-caution > span {
        display: inline-block;
        margin-top: 7px;
        font-family: 'open_sans_bold';
    }

.ntl-reset {
    padding: 7px 0;
    /* margin-right: 20px;*/
    font-family: 'open_sans_bold';
}

.ntl-caution > .btn-schanges {
    padding: 3px 24px 4px !important;
    margin-left: 0;
    border-radius: 17.5px;
    letter-spacing: 0.5px;
}

.ntl-btn-default {
    color: #fff;
    background-color: #2aace3;
    border: 1px solid #2aace3;
    font-family: 'open_sans_bold';
    font-size: .875rem
}

    .ntl-btn-default:hover {
        color: #fff;
        background-color: #1193CA;
        border: 1px solid #1193CA;
        box-shadow: none;
        outline: 0
    }

    .ntl-btn-default:active:hover, .ntl-btn-default:focus:hover {
        color: #fff;
        background-color: #1193CA;
        border: 1px solid #1193CA;
        box-shadow: none;
        outline: 0
    }

    .ntl-btn-default:focus, .ntl-btn-default:active:focus {
        color: #fff;
        background-color: #2aace3;
        border: 1px solid #2aace3;
        outline: 0;
        box-shadow: none;
    }

    .ntl-btn-default:active {
        color: #fff;
        background-color: #2aace3;
        border: 1px solid #2aace3;
        box-shadow: none;
        outline: 0
    }

    .ntl-btn-default[disabled]:hover, .ntl-btn-default[disabled]:focus {
        color: #fff;
        background-color: #2aace3;
        outline: none;
        border: 1px solid #2aace3
    }
/***Btn green****/
.ntl-btn-green, .ntl-btn-green:focus, .ntl-btn-green:active, .ntl-btn-green:active:focus {
    background-color: #91c93f;
    border: 1px solid #91c93f;
}

    .ntl-btn-green:hover,
    .ntl-btn-green:active:hover, .ntl-btn-green:focus:hover {
        background-color: #069D00;
        border: 1px solid #069D00;
    }

.frmTabIndex.ntl-btn-green:focus, .frmTabIndex.ntl-btn-green:focus:hover {
    background-color: #069D00 !important;
    border: 1px solid #069D00 !important;
}

.frmTabIndex.ntl-btn-green {
    border: 1px solid #91c93f !important;
}

    .frmTabIndex.ntl-btn-green:active, .frmTabIndex.ntl-btn-green:active:focus,
    .frmTabIndex.ntl-btn-green:hover, .frmTabIndex.ntl-btn-green:active:hover {
        border: 1px solid #069D00 !important;
    }
/***Btn green light****/
.ntl-btn-green-light, .ntl-btn-green-light:focus, .ntl-btn-green-light:active, .ntl-btn-green-light:active:focus {
    background-color: #91c93f;
    border: 1px solid #91c93f;
}

    .ntl-btn-green-light:hover,
    .ntl-btn-green-light:active:hover, .ntl-btn-green-light:focus:hover {
        background-color: #069D00;
        border: 1px solid #069D00;
    }

.frmTabIndex.ntl-btn-green-light:focus, .frmTabIndex.ntl-btn-green-light:focus:hover {
    background-color: #069D00 !important;
    border: 1px solid #069D00 !important;
}

.frmTabIndex.ntl-btn-green-light {
    border: 1px solid #91c93f !important;
}

    .frmTabIndex.ntl-btn-green-light:active, .frmTabIndex.ntl-btn-green-light:active:focus,
    .frmTabIndex.ntl-btn-green-light:hover, .frmTabIndex.ntl-btn-green-light:active:hover {
        border: 1px solid #069D00 !important;
    }
/*btn danger*/
.ntl-btn-danger {
    color: #fff;
    background-color: #F73D3D;
    border: 1px solid #F73D3D;
    font-family: 'open_sans_bold';
    font-size: 1.125em;
    margin-left: 0px !important;
    min-height: 34px;
}

    .ntl-btn-danger:hover {
        color: #fff;
        background-color: #F73D3D;
        border: 1px solid #F73D3D;
        box-shadow: none;
        outline: 0
    }

    .ntl-btn-danger:active:hover, .ntl-btn-danger:focus:hover {
        color: #fff;
        background-color: #F73D3D;
        border: 1px solid #F73D3D;
        box-shadow: none;
        outline: 0
    }

    .ntl-btn-danger:focus, .ntl-btn-danger:active:focus {
        color: #fff;
        background-color: #F73D3D;
        border: 1px solid #F73D3D;
        outline: 0;
        box-shadow: none;
    }

    .ntl-btn-danger:active {
        color: #fff;
        background-color: #F73D3D;
        border: 1px solid #F73D3D;
        box-shadow: none;
        outline: 0
    }

    .ntl-btn-danger[disabled]:hover, .ntl-btn-danger[disabled]:focus {
        color: #fff;
        background-color: #F73D3D;
        outline: none;
        border: 1px solid #F73D3D
    }
/*btn danger end*/
.ntl-btn-secondary {
    border: 1px solid #2aace3;
    color: #2aace3;
    background-color: #fff;
    font-family: 'open_sans_bold';
    font-size: .875rem
}

    .ntl-btn-secondary:hover {
        background-color: #1193CA;
        border: 1px solid #1193CA;
        color: #fff;
        box-shadow: none;
        outline: 0;
    }

    .ntl-btn-secondary:focus {
        /*background-color: #fff;*/
        background-color: transparent;
        border: 1px solid #2aace3;
        color: #2aace3;
        box-shadow: none;
        outline: 0;
    }

.btn[disabled].ntl-btn-secondary:hover, .btn[disabled].ntl-btn-secondary:focus, .btn[disabled].ntl-btn-secondary:active:hover {
    background-color: transparent;
    color: #2aace3;
    border-color: #2aace3;
}

.btn[disabled].ntl-btn-secondary:active, .btn[disabled].ntl-btn-secondary:active:hover {
    background-color: transparent;
    color: #2aace3 !important;
    border-color: #2aace3;
}


.ntl-btn-secondary:focus:hover {
    background-color: #1193CA;
    border: 1px solid #1193CA;
    color: #fff;
    box-shadow: none;
    outline: 0;
}

.ntl-btn-secondary.frmTabIndex:focus {
    background-color: #1193CA !important;
    border: 1px solid #1193CA;
    color: #fff;
    box-shadow: none;
    outline: 0;
}

.ntl-btn-secondary:active, .ntl-btn-secondary:active:hover {
    background-color: #1193CA;
    border: 1px solid #1193CA;
    color: #fff !important;
    outline: 0;
}


.ntl-btn-link {
    color: #2aace3 !important;
    background-color: #fff;
    border-radius: 0;
    /*margin: 0 6px 0 7px;*/
    padding: 0;
    font-family: 'open_sans_bold';
    font-size: 1em;
    padding: 0 !important;
    margin-left: 0 !important
}

    .ntl-btn-link:hover, .ntl-btn-link:focus {
        color: #2aace3 !important;
        background-color: #fff;
        /*text-decoration: underline;*/
        outline: 0
    }
.ntl-btn-link-transparent,
.ntl-btn-link-transparent:hover,
.ntl-btn-link-transparent:focus {
    background-color: transparent;
}

    .ntl-btn-link:active, .ntl-btn-link.active {
        box-shadow: none
    }

.ntl-btn-link {
    padding: 0 3px;
}

    .ntl-btn-link:active:focus {
        outline: 0
    }



    .ntl-btn-link:active:focus {
        outline: 0
    }

    .ntl-btn-link.reset-token {
        margin: -7px 0 0 0
    }



.ntl-btn-secondary.btn, .ntl-btn-default.btn {
    padding: 3px 20px 3px;
    min-height: 34px;
    margin-left: 20px
}
/*Css START Chat message*/
.ntl-CommentComposerEditor {
    border: 1px solid #86898C;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    min-height: 35px;
}

    .ntl-CommentComposerEditor.ntl-private-msg {
        border: 1px solid #f7903d;
    }

.ntl-CommentComposerEditor-scroll {
    min-height: 37px;
    /*overflow-y: auto;*/
    max-height: 30vh;
    height: auto
}

.ntl-textEditor-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ntl-textEditor-container-inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-height: 1px;
}

    .ntl-textEditor-container-inner.space-padding {
        margin: 7.5px 22px 6px 4px;
        position: relative;
        /* top: 2px;*/
    }

        .ntl-textEditor-container-inner.space-padding.external-chatinput {
            margin-left: 18px
        }


.ntl-editor {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    outline: 0;
    white-space: pre-wrap;
}

.ntl-editor-textarea {
    border: 0;
    resize: none;
}

.textEditor-placeholder {
    color: #9ca6af;
    pointer-events: none;
    position: absolute;
}

.ntl-CommentComposerEditor-scroll-outer {
    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-editor .ql-container.ql-snow {
    border: none
}

.ntl-editor .ql-editor {
    padding: 0;
}

.ntl-textEditor-container-inner.space-padding {
    margin-top: 9px !important
}

.ql-editor.ql-blank::before {
    top: 0px !important;
    font-size: 1em !important;
}


.ntl-chatlock-icon-outer {
    width: auto;
    height: 36px;
    cursor: pointer;
    padding-left: 12.5px;
    padding-right: 9px;
}
/*Css END Chat message*/
/*.ntl-refrencematerail-list-md{margin-top:18px;margin-bottom:13px}*/
.ntl-refrencematerail-item-md {
    width: 100%;
    margin-bottom: 6px;
    padding-right: 20px;
    display: inline-flex;
    overflow: hidden;
}
/*.ntl-refm-ul-md{display:inline-grid}*/
.ntl-ng-dropdown.ng-select .ng-arrow-wrapper .ng-arrow {
    color: #2aace3
}

.ntl-ref-icon.ntl-c-blue .fa {
    color: #2aace3
}

.ntl-ref-icon.ntl-c-white .fa {
    color: #fff
}

.ntl-rf-md-scroll {
    top: 18px;
    padding-bottom: 36px
}

    .ntl-rf-md-scroll .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
        left: -7px
    }

.ntl-refm-ul-md > li.ntl-refrencematerail-item-md:last-child {
    margin-bottom: 4px
}

.ntl-refm-ul-md > li.ntl-refrencematerail-item-md.ntl-rf-ttip:last-child {
    margin-bottom: 0
}

.tooltip.ntl-black.bottom .tooltip-arrow {
    border-width: 0 6px 6px;
    margin-left: -6px !important;
}

.tooltip.ntl-black.top .tooltip-arrow {
    border-width: 6px 6px 0;
    margin-left: -6px !important;
}

.tooltip.ntl-black .tooltip-inner {
    max-width: 300px;
    padding: 10px;
    text-align: left;
}

.tooltip.ntl-tt-w-390 .tooltip-inner {
    max-width: 390px;
}

.tooltip.ntl-tt-w-450 .tooltip-inner {
    max-width: 450px;
}

.v3-ntl-tooltip-w-300 .tooltip-inner, .w-300 .tooltip-inner {
    max-width: 300px;
}
/*Start css dropdown user list  */
.ntl-fill-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.ntl-comment-overlay {
    position: fixed;
    /*top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;*/
    z-index: 2055;
}

.ntl-userdropdown {
    position: absolute;
    top: 219px;
    left: 41px;
}

ntl-dropdown-box-list {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1000 auto;
    height: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    min-width: 1px;
    position: relative;
}

.ntl-userdropdown-popover {
    background: #f1f0f0;
    border-radius: 4px;
    padding: 10px 0;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    max-height: 190px;
    width: 450px;
}

.ntl-scroll-vertical {
    min-height: 1px;
    overflow-y: auto
}

.ntl-dropdown-box-outer {
    position: relative;
    width: 100%;
}

.ntl-dropdown-box {
    margin: 0;
    padding: 0 10px;
}

.ntl-dropdown-box-list {
    margin-bottom: 10px
}

.ntl-dropdown-box-list-inner {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    padding: 0 15px;
    min-height: 1px;
    min-width: 1px;
}

.ntl-dropdown-avatar {
    display: -webkit-box;
    display: flex;
    fill: #6f7782;
    flex-shrink: 0;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 10px;
    width: 32px;
}

    .ntl-dropdown-avatar .ntl-image {
        margin-right: 0
    }

.ntl-dropdown-username {
    -webkit-box-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: flex;
    min-width: 1px;
}

.ntl-team-member-title {
    min-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*En.d css dropdown user list  */
/***************TOOLTIP MAX-HEGIHT CSSS START *************/
.ntl-toolplus-outer.max-height {
    max-height: 140px;
    min-height: 1px;
    height: auto !important
}

    .ntl-toolplus-outer.max-height > .ntl-scrollable-inner,
    .ntl-toolplus-outer.usercount1 > .ntl-scrollable-inner,
    .ntl-toolplus-outer.usercount2 > .ntl-scrollable-inner,
    .ntl-toolplus-outer.usercount3 > .ntl-scrollable-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

.ntl-toolplus-outer.usercount1,
.ntl-toolplus-outer.usercount2,
.ntl-toolplus-outer.usercount3 {
    max-height: 140px;
    min-height: 1px;
    height: auto !important
}

    .ntl-toolplus-outer.max-height > .ntl-scrollable-inner > .ntl-scrollable,
    .ntl-toolplus-outer.usercount1 > .ntl-scrollable-inner > .ntl-scrollable,
    .ntl-toolplus-outer.usercount2 > .ntl-scrollable-inner > .ntl-scrollable,
    .ntl-toolplus-outer.usercount3 > .ntl-scrollable-inner > .ntl-scrollable {
        height: auto;
        width: 100%;
    }

.ntl-toolplus-outer.usercount1 {
    height: 65px;
}

.usercount1 .ntl-mb-10:last-child,
.usercount2 .ntl-mb-10:last-child {
    margin-bottom: 0 !important
}

.ntl-toolplus-outer.usercount2 {
    height: 103px;
}
/*Old */
.ntl-toolplus-outer {
    height: 140px;
    min-height: 1px;
}
/***************TOOLTIP MAX-HEGIHT CSSS END *************/
.ntl-tooltip {
    position: fixed;
    background: #454f57;
    border-radius: 4px;
    padding: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    width: 227px;
    z-index: 9999
}

.ntl-tooltip--inner-wrap {
    position: fixed;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    padding-bottom: 10px
}

.ntl-tooltip-inner {
    background: #454f57;
    border-radius: 4px;
    padding: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    width: 227px;
    z-index: 9999
}

.ntl-tooltip--inner-wrap .ntl-tooltip__arrow {
    top: calc(100% - 10px);
}

.ntl-tooltip-z-index {
    z-index: 9999
}

.ntl-people-more.ntl-tooltip, .ntl-tooltip-fluid.ntl-tooltip {
    min-width: 227px;
    max-width: 450px;
    width: auto
}

.ntl-bc-tooptip.ntl-people-more.ntl-tooltip .ntl-tooltip-inner {
    width: 100%
}

.ntl-people-more.ntl-tooltip .ntl-tooltip-wrapper {
    padding-right: 20px;
    word-break: break-word;
    word-wrap: break-word
}

.ntl-bc-tooltip-with-icon {
}

.ntl-bc-tooltip-with-icontext.ntl-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ntl-tooltip .ntl-team-memberlist-text .ntl-f-regular {
    color: #d8d8d8;
    font-family: "open_sans_regular"
}

.ntl-tooltip .scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #353d43;
}

#ntl-tooltipOnhover .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -4px
}

#ntl-rftooltipOnhover .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -4px
}

#ntl-prtooltipOnhover .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -4px
}

.ntl-pt-1 {
    padding-top: 1px
}

.ntl-pt-3 {
    padding-top: 3px
}

.ntl-pt-12 {
    padding-top: 12px
}

.ntl-pt-10 {
    padding-top: 10px
}

.ntl-pt-20 {
    padding-top: 20px
}

.ntl-mr-0 {
    margin-right: 0;
}

.ntl-mr-2 {
    margin-right: 2px;
}

.ntl-mb-0 {
    margin-bottom: 0px
}

.ntl-mb-10 {
    margin-bottom: 10px
}

.ntl-mb-17 {
    margin-bottom: 17px
}

.ntl-mb-29 {
    margin-bottom: 29px
}

.ntl-mb-20 {
    margin-bottom: 20px
}

.ntl-scrollable-inner.ntl-tm-p-x {
    padding: 12px 20px 12px 12px;
}

.ntl-scrollable-inner.ntl-pr-p-x {
    padding: 12px 20px 12px 12px;
}

.ntl-scrollable-inner.ntl-scrollable-inner-chat {
    padding: 30px 10px 0px 40px;
}



.height-scroll-issue {
    position: absolute;
    height: 100%;
    width: 100%
}


.ntl-tooltip-arrow.rf-arrow {
    left: 14.7%
}

.ntl-tooltip-arrow.tm-arrow {
    left: 15%
}

.ntl-tooltip-arrow {
    position: absolute;
    bottom: -9px;
    left: 7%;
    border-color: #454f57 transparent transparent;
    border-style: solid;
    border-width: 10px 6.5px 0;
    width: 0;
    height: 0;
    margin-left: -6px;
}

.ntl-tooltip__arrow {
    position: absolute;
    top: 100%;
    overflow: hidden;
}

    .ntl-tooltip__arrow::after {
        content: "";
        position: absolute;
        background: #454f57;
        box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.5);
    }

    .ntl-tooltip__arrow.tm {
        width: 18px;
        height: 12px;
        left: 12.5%;
        transform: translateX(-12.5%);
    }

        .ntl-tooltip__arrow.tm:after {
            width: 13px;
            height: 11px;
            transform: translateX(-17%) translateY(-50%) rotate(45deg);
            top: -1px;
            left: 17%;
        }


    .ntl-tooltip__arrow.rf {
        width: 18px;
        height: 12px;
        left: 12.5%;
        transform: translateX(-12.5%);
    }

        .ntl-tooltip__arrow.rf:after {
            width: 13px;
            height: 11px;
            transform: translateX(-17%) translateY(-50%) rotate(45deg);
            top: -1px;
            left: 17%;
        }

    .ntl-tooltip__arrow.pr {
        width: 18px;
        height: 12px;
        left: 1.5%;
        transform: translateX(-1.5%);
    }

        .ntl-tooltip__arrow.pr:after {
            width: 13px;
            height: 11px;
            transform: translateX(-6%) translateY(-50%) rotate(45deg);
            top: -1px;
            left: 6%;
        }

.ntl-tooltip-wrapper, .ntl-dropdown-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

#ntl-prtooltipOnhover .ntl-prerequisites-title {
    color: #fff
}

.ntl-prerequisite-list {
    padding: 0
}

.tooltip-shadow .tooltip-inner {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

.tooltip-shadow tooltip.top .tooltip-arrow {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}





.ntl-tooltip-shadow .tooltip-inner {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    word-break: break-word;
    word-wrap: break-word;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background-color: #fff;
    color: #353D43;
    text-align: center;
}
/*v3 tooltip update css start*/
.v3-ntl-tooltip-shadow.ntl-tooltip-shadow .tooltip-inner {
    border: 1px solid #AAAAAA;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
}

.v3-ntl-tooltip-shadow.ntl-tooltip-shadow.tooltip .arrow {
    overflow: hidden
}

    .v3-ntl-tooltip-shadow.ntl-tooltip-shadow.tooltip .arrow:after {
        transform: rotate(45deg) skewX(15deg) skewY(15deg);
        top: 12px;
        left: 0PX;
    }

    .v3-ntl-tooltip-shadow.ntl-tooltip-shadow.tooltip .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-ntl-tooltip-shadow.bs-tooltip-bottom .arrow,
.v3-ntl-tooltip-shadow.ntl-tooltip-shadow.bs-tooltip-bottom .arrow {
    top: auto !important;
    bottom: calc(100% - (0.4rem - -1px)) !important;
}
.ntl-tooltip-shadow .arrow::before, 
.ntl-tooltip-shadow.bs-tooltip-top.bs-tooltip-auto[x-placement^="top"] .arrow::before{

}
/*v3 tooltip update css end*/
.ntl-tooltip-shadow-zi-99999 {
    z-index: 99999
}
.tooltip-white.bs-tooltip-right .arrow::before,
.tooltip-white.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: -1px;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #fff;
}

.tooltip-white.bs-tooltip-left .arrow::before,
.tooltip-white.bs-tooltip-left.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: -1px;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #fff;
}
.tooltip.tooltip-white.bs-tooltip-top .arrow::before,
.tooltip.tooltip-white.bs-tooltip-auto[x-placement^="top"] .arrow::before{
top:-1px
}
.ntl-tooltip-shadow.top-3{
    top:7px !important
}
.ntl-tooltip-shadow.tooltip.top {
    padding-bottom: 0;
    margin-top: -9px
}
    /*tooltip-align-top*/
    .ntl-tooltip-shadow.tooltip.top .tooltip-arrow {
        position: absolute;
        top: 100%;
        overflow: hidden;
    }

        .ntl-tooltip-shadow.tooltip.top .tooltip-arrow::after {
            content: "";
            position: absolute;
            background: #454f57;
            box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.5);
        }

    .ntl-tooltip-shadow.tooltip.top .tooltip-arrow {
        width: 14px;
        height: 9px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 0;
        bottom: 0 !important;
    }

        .ntl-tooltip-shadow.tooltip.top .tooltip-arrow:after {
            width: 8px;
            height: 8px;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            top: 0;
            left: 50%
        }

    .ntl-tooltip-shadow.tooltip.top.top-left {
        padding-bottom: 9px;
        margin-top: -9px
    }

        .ntl-tooltip-shadow.tooltip.top.top-left .tooltip-arrow {
            width: 14px;
            height: 9px;
            /*left: 50%;*/
            transform: translateX(-0%);
            border-width: 0;
            bottom: 0 !important;
        }

            .ntl-tooltip-shadow.tooltip.top.top-left .tooltip-arrow:after {
                width: 8px;
                height: 8px;
                transform: translateX(-50%) translateY(-50%) rotate(45deg);
                top: 0;
                left: 50%
            }

    .ntl-tooltip-shadow.tooltip.top.top-right {
        padding-bottom: 9px;
        margin-top: -9px
    }

        .ntl-tooltip-shadow.tooltip.top.top-right .tooltip-arrow {
            width: 14px;
            height: 9px;
            transform: translateX(-0%);
            border-width: 0;
            bottom: 0 !important;
        }

            .ntl-tooltip-shadow.tooltip.top.top-right .tooltip-arrow:after {
                width: 8px;
                height: 8px;
                transform: translateX(-50%) translateY(-50%) rotate(45deg);
                top: 0;
                left: 50%
            }
/*css form angular tooltip*/
.ntl-tooltip-shadow.show.tooltip, .show.tooltip {
    opacity: 1;
    font-size: 16px !important
}

.ntl-tt-pointer-none.show.tooltip, .ntl-tt-pointer-none {
    pointer-events: none
}

.ntl-tooltip-shadow.show.tooltip, .show.tooltip {
}

.ntl-bs-tooltip.tooltip .arrow {
    display: none
}

.ntl-bs-tooltip.tooltip {
    font-size: 1em
}

.ntl-bs-tooltip .tooltip-inner {
    text-align: left;
    padding: 0;
    max-width: 100%
}

.ntl-bs-tt-text-left .tooltip-inner {
    text-align: left;
}

.ntl-tooltip-shadow .arrow::before,
.ntl-tooltip-shadow.bs-tooltip-top.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    /*content: "";
    position: absolute;
    background: #fff;
    box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.5);
    border-top: #fff;
    width: 8px;
    height: 8px;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 1px;
    left: 50%;
    margin-left: -4px;*/
    content: "";
    position: absolute;
    background: #fff;
    box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.5);
    border-top: #fff;
    width: 10px;
    height: 10px;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: calc(50% - 1px);
    /*left: 50%;*/
    margin-left: .4rem;
    border-width: 0;
}
.top-3.ntl-tooltip-shadow .arrow::before {
    top: calc(50% - -8px);
}
/*.ntl-tooltip-shadow.bs-tooltip-bottom .arrow {
    top: auto !important;
    bottom: calc(100% - (0.4rem - -1px)) !important;
}*/
.ntl-tooltip-shadow.bs-tooltip-bottom .arrow::before {
    transform: translateX(-50%) translateY(-50%) rotate(-135deg)
}

.ntl-tooltip-shadow.bs-tooltip-left .arrow::before {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.ntl-tooltip-shadow.bs-tooltip-right .arrow::before {
    transform: translateX(-50%) translateY(-50%) rotate(135deg)
}

.ntl-tooltip-shadow.bs-tooltip-bottom .tooltip-inner {
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.5);
}
/*.ntl-tooltip-shadow.bs-tooltip-top .arrow::before,
    .arrow-minus2.ntl-tooltip-shadow.bs-tooltip-top .arrow::before {
        margin-left: -2px;
    }*/
.ntl-tooltip-shadow.tooltip .arrow {
    /*width: 14px;
    height: 10px;*/
    /* left: 50%; comment*/
    /*transform: translateX(-0%);
    border-width: 0;
    bottom: -2px !important;*/
    width: 14px;
    height: 14px;
    transform: translateX(-0%);
    border-width: 0;
    bottom: 0px !important;
}
/*firefox issues*/
@-moz-document url-prefix() {
    .firefox-task-tooltip {
        padding-right: 2px
    }
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fff;
}

/*.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        bottom: calc(100% - 0.20rem);
        top: auto
    }*/

.bs-tooltip-bottom .arrow {
}

.ntl-tooltip-shadow.bs-tooltip-right .arrow::before, .ntl-tooltip-shadow.bs-tooltip-right.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    content: "";
    position: absolute;
    background: #fff;
    box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.5);
    border-width: 0;
}

.ntl-tooltip-shadow.bs-tooltip-right .arrow::before, .ntl-tooltip-shadow.bs-tooltip-right.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    width: 8px;
    height: 8px;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    right: 0px;
    top: 5px
}
/*css form angular tooltip*/
/*css form angular tooltip*/
/*tooltip-align-top*/
/*tooltip-align-bottom*/
.ntl-tooltip-shadow.tooltip.bottom .tooltip-arrow {
    position: absolute;
    top: 0;
    overflow: hidden;
}

    .ntl-tooltip-shadow.tooltip.bottom .tooltip-arrow::after {
        content: "";
        position: absolute;
        background: #fff;
        box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5);
    }

.ntl-tooltip-shadow.tooltip.bottom .tooltip-arrow {
    width: 14px;
    height: 9px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0;
    top: -4px;
}

    .ntl-tooltip-shadow.tooltip.bottom .tooltip-arrow:after {
        width: 8px;
        height: 8px;
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        top: 8px;
        left: 50%
    }

.ntl-tooltip-shadow.tooltip.bottom.bottom-left {
    padding-bottom: 5px
}

    .ntl-tooltip-shadow.tooltip.bottom.bottom-left .tooltip-arrow {
        width: 14px;
        height: 9px;
        /*left: 50%;*/
        transform: translateX(-0%);
        border-width: 0;
        top: -4px !important;
    }

        .ntl-tooltip-shadow.tooltip.bottom.bottom-left .tooltip-arrow:after {
            width: 8px;
            height: 8px;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            top: 8px;
            left: 50%
        }

.ntl-tooltip-shadow.tooltip.bottom.bottom-right {
    padding-bottom: 5px
}

    .ntl-tooltip-shadow.tooltip.bottom.bottom-right .tooltip-arrow {
        width: 14px;
        height: 10px;
        /*left: 50%;*/
        transform: translateX(-0%);
        border-width: 0;
        top: -4px !important;
    }

        .ntl-tooltip-shadow.tooltip.bottom.bottom-right .tooltip-arrow:after {
            width: 8px;
            height: 8px;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            top: 8px;
            left: 50%
        }

.ntl-tooltip-shadow.tooltip.right .tooltip-arrow::after {
    content: "";
    position: absolute;
    background: #fff;
    box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.5)
}

.ntl-tooltip-shadow.tooltip.right .tooltip-arrow:after {
    width: 8px;
    height: 8px;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    right: -12px;
}
/*Tooltip right arrow color*/


.bs-tooltip-left .arrow::before {
    border-left-color: #454f57;
}
/*tooltip-align-bottom*/
/*.tooltip-shadow tooltip .tooltip-arrow {
    position: absolute;
    top: 100%;
    overflow: hidden;
}
.tooltip-shadow tooltip .tooltip-arrow::after {
    content: "";
    position: absolute;
    background: #454f57;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.5);
}

.tooltip-shadow tooltip.top .tooltip-arrow{width: 18px;
    height: 12px;
    left: 50%;
    transform: translateX(-50%);
}
.tooltip-shadow tooltip.top .tooltip-arrow:after{width: 13px;
    height: 11px;transform: translateX(-17%) translateY(-50%) rotate(45deg);
    top: -1px;
    left: 17%;}*/
/*-----new-task-custom-field-css-----*/
/*-----[Placeholder-Webkit]------*/
.ntl-form-wrap input::-moz-placeholder {
    color: #afb6bd;
    opacity: 1 !important; /* Firefox 19+ */
}

.ntl-form-wrap input::-webkit-input-placeholder {
    color: #afb6bd !important
}

.ntl-form-wrap input:-ms-input-placeholder {
    color: #afb6bd !important
}

.ntl-form-wrap :-ms-input-placeholder.form-control {
    color: #afb6bd !important
}

.ntl-form-wrap textarea::-moz-placeholder {
    color: #afb6bd;
    opacity: 1 !important; /*Firefox 19+*/
}

.ntl-form-wrap textarea::-webkit-input-placeholder {
    color: #afb6bd !important
}

.ntl-form-wrap textarea:-ms-input-placeholder {
    color: #afb6bd !important
}


.ntl-form-wrap-cf input::-moz-placeholder {
    color: #afb6bd;
    opacity: 1 !important; /* Firefox 19+ */
}

.ntl-form-wrap-cf input::-webkit-input-placeholder {
    color: #afb6bd !important
}

.ntl-form-wrap-cf input:-ms-input-placeholder {
    color: #afb6bd !important
}

.ntl-form-wrap-cf :-ms-input-placeholder.form-control {
    color: #afb6bd !important
}

.ntl-form-wrap-cf textarea::-moz-placeholder {
    color: #afb6bd;
    opacity: 1 !important; /*Firefox 19+*/
}

.ntl-form-wrap-cf textarea::-webkit-input-placeholder {
    color: #afb6bd !important
}

.ntl-form-wrap-cf textarea:-ms-input-placeholder {
    color: #afb6bd !important
}

.ntl-opacity2 {
    opacity: 0.2;
}

.ntl-opacity50 {
    opacity: .5;
}
/*-----[Placeholder-Webkit]------*/
/*----ntl-datepicker-default-css----*/
.ntl-date-picker .bootstrap-datetimepicker-widget table td.active {
    color: #fff !important;
    background-color: #2aace3 !important
}

.ntl-date-picker .bootstrap-datetimepicker-widget table.table-condensed td.active {
    color: #fff !important;
    background-color: #2aace3 !important
}

    .ntl-date-picker .bootstrap-datetimepicker-widget table.table-condensed td.active:hover {
        background-color: #1193CA !important;
        border-color: #1193CA !important;
        color: #fff !important;
    }

.ntl-date-picker .bootstrap-datetimepicker-widget table td .btn-link {
    color: #2aace3 !important
}

.ntl-date-picker .bootstrap-datetimepicker-widget .picker-switch .btn-close {
    border: 1px solid #2aace3 !important;
    background-color: #fff !important;
    color: #2aace3 !important
}

    .ntl-date-picker .bootstrap-datetimepicker-widget .picker-switch .btn-close:hover {
        border: 1px solid #1193CA !important;
        background-color: #1193CA !important;
        color: #fff !important
    }

.ntl-date-picker .bootstrap-datetimepicker-widget .btn-info {
    background-color: #2aace3 !important;
    color: #fff !important;
    border: 1px solid #2aace3 !important
}

    .ntl-date-picker .bootstrap-datetimepicker-widget .btn-info:hover {
        background-color: #1193CA !important;
        border-color: #1193CA !important;
        color: #fff !important;
    }

    .ntl-date-picker .bootstrap-datetimepicker-widget .btn-info.active {
        background-color: #2aace3 !important;
        color: #fff !important
    }

.ntl-date-picker .bootstrap-datetimepicker-widget .picker-switch .fa.fa-clock-o {
    color: #2aace3 !important
}

    .ntl-date-picker .bootstrap-datetimepicker-widget .picker-switch .fa.fa-clock-o:hover {
        color: #1193CA !important
    }

.ntl-date-picker .bootstrap-datetimepicker-widget table.table-condensed td.day.active,
.ntl-date-picker .bootstrap-datetimepicker-widget table.table-condensed td span.month.active,
.ntl-date-picker .bootstrap-datetimepicker-widget table.table-condensed td span.year.active {
    background-color: #2aace3 !important;
    color: #fff !important;
}

.ntl-date-picker .bootstrap-datetimepicker-widget table.table-condensed td span.active {
    background-color: #2aace3 !important;
    color: #fff !important;
}

    .ntl-date-picker .bootstrap-datetimepicker-widget table.table-condensed td span.active:hover {
        background-color: #1193CA !important;
        border-color: #1193CA !important;
        color: #fff !important;
    }
/*----ntl-datepicker-default-css----*/
/*.ntl-table-wrap .customtab-table-outer__parent__first__innerscroll>.table>thead{background:#e8edef !important}
.ntl-table-wrap .customtab-table-outer__parent__first__innerscroll>.table>thead>tr>th{background:#e8edef !important;color:#454f57 !important;}
.ntl-table-wrap .customtab-table-outer__parent__first__innerscroll>.table{color:#353d43 !important;}*/
.ntl-custom-field-section .table-wrap thead {
    background: #e8edef; /*!important remove*/
}

.ntl-table-wrap thead, .ntl-table-wrap .fi-header-tbldiv {
    background: #e8edef !important
}

.ntl-custom-field-section thead th {
    color: #353d43; /*!important remove*/
}

.ntl-custom-field-section .fai--fill.orange {
    color: rgba(247, 144, 61, 1.0) !important
}

    .ntl-custom-field-section .fai--fill.orange:hover {
        color: rgba(247, 144, 61, 0.5) !important
    }

.ntl-table-wrap .table, .ntl-table-wrap.table-wrap thead .fa, .ntl-table-wrap .no-record-found {
    color: #353d43 !important
}

.ntl-table-wrap thead th, .ntl-table-wrap .cc-font-color, .ntl-table-wrap .cf-table-outer label, .ntl-table-wrap .cf-table-outer, .ntl-table-wrap .cr-pagination-outer .cr-pagination > li > a {
    color: #454f57 !important
}

.ntl-table-wrap .table > thead > tr > th {
    background: #e8edef !important
}

.ntl-table-wrap .orange-icon, .ntl-table-wrap .fai--fill.orange {
    color: #f7903d !important
}

    .ntl-table-wrap .orange-icon:hover, .ntl-table-wrap .fai--fill.orange:hover {
        color: rgba(247, 144, 61, 0.5) !important
    }

.ntl-table-wrap .ntl-table-wrap, .ntl-table-wrap .btn-default {
    background-color: #2aace3 !important;
    border: 1px solid #2aace3 !important;
}

    .ntl-table-wrap .btn-default:focus, .ntl-table-wrap .btn-default:hover, .ntl-table-wrap .btn-default:active:hover {
        background-color: #1193CA !important;
        border: 1px solid #1193CA !important;
    }

.ntl-table-wrap .btn-default {
    color: #fff !important
}

.ntl-table-wrap button.refresh-icon {
    color: #2aace3 !important;
}

    .ntl-table-wrap button.refresh-icon:hover {
        color: #1193CA !important;
    }

.ntl-table-wrap .font-size14 {
    font-size: 1em !important
}

.ntl-table-wrap .cc-text-link {
    font-family: 'open_sans_bold';
    color: #29ace3 !important;
    text-decoration: none;
}

    .ntl-table-wrap .cc-text-link:hover, .ntl-table-wrap .cc-text-link:focus {
        color: #29ace3 !important;
        text-decoration: underline
    }

.ntl-table-wrap .cf-table-expand-icon {
    top: 0 !important
}
/*.ntl-form-wrap-cf .table-wrap .table{color:#353D43 !important}*/
.ntl-form-wrap-cf .form-control.ntl-fc {
    font-size: 1em;
    color: #353D43;
    text-align: left;
    letter-spacing: 0.0500em;
    border: 1px solid #AAAAAA;
    border-radius: 2px;
    box-shadow: none !important;
    height: 36px;
    padding: 0px 14.5px 0px 14.5px;
}

.ntl-form-wrap-cf textarea.form-control.ntl-fc {
    height: auto !important
}

.ntl-form-wrap-cf.ntl-w-252x .ntl-fc {
    width: 252px;
    margin-top: 8px
}

.ntl-form-wrap-cf.ntl-w-252x textarea.form-control.ntl-fc {
    padding-top: 3px
}

.ntl-form-wrap-cf textarea.form-control.ntl-rsize-none {
    resize: none
}

.ntl-form-wrap-cf .form-control.ntl-fc:focus {
    border: 1px solid #86898C;
    box-shadow: none
}

.ntl-form-wrap-cf .bootstrap-select.form-control.ntl-fc {
    padding: 0 !important;
    border: none;
    margin-bottom: 0
}


.ntl-form-wrap .form-control {
    font-size: 1em;
    color: #353D43;
    text-align: left;
    letter-spacing: 0.0500em;
    border: 1px solid #AAAAAA;
    border-radius: 2px;
    box-shadow: none;
    height: 36px;
    padding: 6px 14.5px 6px 14.5px;
}

    /*
.ntl-form-wrap.ntl-w-252x .form-control{width:252px; margin-top:8px;}*/
    .ntl-form-wrap .form-control:focus {
        border: 1px solid #AAAAAA;
        box-shadow: none
    }

.ntl-form-wrap textarea.form-control {
    height: auto
}

    .ntl-form-wrap textarea.form-control.ntl-h-108 {
        height: 108px
    }

    .ntl-form-wrap textarea.form-control.ntl-rsize-none {
        resize: none
    }


.ntl-dummy-numberfield {
    min-height: 36px;
    width: 252px !important
}

.ntl-dummy-numberfield {
    font-size: 1em;
    color: #353D43;
    text-align: left;
    letter-spacing: 0.0500em;
    border: 1px solid #AAAAAA;
    border-radius: 2px;
    box-shadow: none;
    height: 36px;
    padding: 7.5px 14.5px 9.5px 14.5px;
    word-break: break-word;
    word-wrap: break-word;
    background: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    margin-top: 8px
}


.ul-readonly-child {
    margin-bottom: 0
}

    .ul-readonly-child > li {
        padding-bottom: 4px;
    }

        .ul-readonly-child > li:last-child {
            padding-bottom: 0 !important
        }
/*.form-control{
    font-size: .875em;
    color: #353D43;
    text-align: left;
    letter-spacing: 0.0500em;
    border: 1px solid #86898C;
    border-radius: 2px;
    box-shadow: none;
    height: 36px;
    padding: 7.5px 14.5px 9.5px 14.5px;
}*/
/*.ntl-label-bold > span {
    font-family: 'open_sans_bold';
    padding-top: 4px
}

    .ntl-label-bold > span.ntl-dinblock {
        display: inline-block
    }*/
.ntl-readonly-field > span {
    margin-top: 4px;
    display: inline-block
}

.mt-0-span .ntl-readonly-field > span {
    margin-top: 0
}

.bg-remove-and-indent .ntl-readonly-field > span {
    background-color: transparent !important;
    padding-left: 20px;
}


.ntl-readonly-field > span.ntl-dinblock {
    display: inline-block
}
/*Read only custon filed css start*/
.ntl-readonly-field-list {
    max-width: 100%;
    padding-right: 10px;
}


.ntl-error-red {
    color: #b74750;
    position: absolute;
    left: -9px
}

.ntl-p-relative {
    position: relative
}

.ntl-clearboth {
    clear: both
}

.ntl-mb-8 {
    margin-bottom: 8px
}

.ntl-mb-i8 {
    margin-bottom: 8px !important
}

.ntl-mb-i4 {
    margin-bottom: 4px !important
}

.ntl-ml-i12 {
    margin-left: 12px !important;
}

.ntl-ml-i7 {
    margin-left: 7px !important;
}

.ntl-ml-i14 {
    margin-left: 14px !important
}

.ntl-ml-4 {
    margin-left: 4px
}

.ntl-ml-28 {
    margin-left: 28px
}
/*28+40=68*/
.ntl-ml-68 {
    margin-left: 68px
}
/*---ntl-multiple-menu-css---*/
.ntl-multiple-select {
    width: 252px;
}

    .ntl-multiple-select .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        font-size: .875em;
        width: 100%;
        border: 1px solid #AAAAAA;
        background-color: #fff;
        color: #353D43 !important;
        border-radius: 2px;
        height: 36px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 31px 0 14px;
        line-height: 20px;
    }

    .ntl-multiple-select .btn-group > .dropdown-toggle:not(:first-child) {
        border-radius: 0 2px 2px 0;
        height: 36px;
        border-left: 0 !important;
        position: absolute;
        right: 0;
        z-index: 9;
        background-color: transparent;
        border: transparent;
        box-shadow: none;
    }

    .ntl-multiple-select .btn {
        text-align: left
    }

    .ntl-multiple-select .btn {
        text-transform: none;
        text-transform: initial;
    }

    .ntl-multiple-select .btn-group {
        width: 100%
    }

    .ntl-multiple-select .open > .dropdown-menu {
        background-color: #fff;
        font-size: .875em;
        padding: 8px 1px;
        margin: 0 0 4px 0;
        border-radius: 4px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
        border: none;
        position: absolute !important;
        margin-top: 0 !important;
        width: 100%;
    }

        .ntl-multiple-select .open > .dropdown-menu.p-ifixed {
            position: fixed !important
        }

    .ntl-multiple-select .open .dropdown-menu > li > a.mod:hover {
        background-color: rgba(41,172,227,0.2);
        color: #454f57;
        cursor: pointer
    }

    .ntl-multiple-select .open .dropdown-menu > li > a:focus {
        background-color: transparent;
        color: #454f57;
        cursor: pointer
    }

    .ntl-multiple-select .open .dropdown-menu > li > a p {
        padding: 0;
        margin: 0;
        color: #454f57;
        word-break: break-word;
        word-wrap: break-word;
    }

    .ntl-multiple-select .open .dropdown-menu > li > a {
        padding: 6.5px 14px !important
    }

        .ntl-multiple-select .open .dropdown-menu > li > a.active {
            background-color: rgba(41,172,227,0.2);
            color: #454f57
        }

            .ntl-multiple-select .open .dropdown-menu > li > a.active p,
            .ntl-multiple-select .open .dropdown-menu > li > a.active:hover p {
                color: #454f57;
            }

        .ntl-multiple-select .open .dropdown-menu > li > a.mod.active .dropdown-iconx {
            color: #29ACE3 !important
        }

        .ntl-multiple-select .open .dropdown-menu > li > a.mod.active:hover .dropdown-iconx {
            color: #29ACE3 !important
        }
    /*.ntl-multiple-select .open .dropdown-menu > li > a.mod.active:focus .dropdown-iconx{color:#29ACE3}*/
    .ntl-multiple-select .open .dropdown-menu > li > a {
        color: transparent
    }

        .ntl-multiple-select .open .dropdown-menu > li > a:hover .dropdown-iconx,
        .ntl-multiple-select .open .dropdown-menu > li > a:focus .dropdown-iconx {
            color: transparent
        }


.ntl-single-select-dd {
    width: 252px;
}

    .ntl-single-select-dd .btn-group {
        width: 100%;
    }

    .ntl-single-select-dd .button-label.form-control {
        text-align: left;
        margin-top: 0 !important
    }

    .ntl-single-select-dd .btn-group .button-label.form-control[disabled] {
        background-color: #fff;
        opacity: 0.65
    }

    .ntl-single-select-dd .btn-group button[disabled] {
        background-color: #fff;
        opacity: 0.65;
    }

.ntl-multiple-select .btn-group button.btn[disabled] {
    cursor: not-allowed !important
}

.ntl-styled-radio[type="radio"]:disabled:not(:checked) + label,
.ntl-styled-radio[type="radio"]:disabled:checked + label {
    opacity: 0.65;
    cursor: not-allowed;
    background-color: #fff
}

.ntl-styled-checkbox[type="checkbox"]:disabled:not(:checked) + label,
.ntl-styled-checkbox[type="checkbox"]:disabled:checked + label {
    opacity: 0.65;
    cursor: not-allowed;
    background-color: #fff
}


.ntl-single-select-dd .btn-group .form-control {
    padding: 0 31px 0 14px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    border: 1px solid #AAAAAA;
    background-color: #fff;
    color: #353D43 !important;
    border-radius: 2px;
    height: 36px;
    box-shadow: none;
}


.ntl-single-select-dd .btn-group > .btn:last-child:not(:first-child),
.ntl-single-select-dd .btn-group > .dropdown-toggle:not(:first-child) {
    border-radius: 0 2px 2px 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    background: transparent;
    border: none;
    box-shadow: none
}

.ntl-single-select-dd .dropdown-toggle .caret {
    right: 8px !important
}

.ntl-single-select-dd .dropdown-single-select.open > .dropdown-menu {
    top: 100%;
    margin-top: 0 !important
}

.ntl-single-select-dd .dropdown-menu {
    background-color: #fff;
    font-size: .875em;
    border: none;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    min-width: 100%
}

.ntl-single-select-dd .open > .dropdown-menu {
    padding: 0;
    margin: 0;
    max-height: 175px;
    overflow-y: auto;
}

.ntl-multiple-select .open > .dropdown-menu {
    background-color: #fff;
    font-size: .875em;
    padding: 7px 0 10px;
    margin: 0 0 4px 0;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    border: none;
    position: absolute !important;
    margin-top: 0 !important;
    width: 100%;
}

.ntl-single-select-dd .dropdown-menu > li > a {
    padding: 5.5px 14px;
    color: #454f57;
    min-height: 30px;
    white-space: normal
}

    .ntl-single-select-dd .dropdown-menu > li > a:hover,
    .ntl-single-select-dd .dropdown-menu > li > a:focus,
    .ntl-single-select-dd .dropdown-menu > li > a:hover,
    .ntl-single-select-dd .dropdown-menu > li > a:focus {
        background-color: rgba(41,172,227,0.2);
        color: #454f57;
        cursor: pointer
    }

    .ntl-single-select-dd .dropdown-menu > li > a.active {
        background-color: rgba(41,172,227,0.2);
        color: #454f57
    }
/*---multiple-menu-css---*/
/*automation multi select*/
.dropdown-multi-select.open > .dropdown-menu {
    top: 100%;
    margin-top: 0px !important
}

.drop-up.dropdown-multi-select.open > .dropdown-menu {
    bottom: 100%;
    top: auto;
    top: initial
}
/*automation single select*/
.dropdown-single-select.open > .dropdown-menu {
    top: 100%;
    margin-top: 0px !important
}

.drop-up.dropdown-single-select.open > .dropdown-menu {
    bottom: 100%;
    top: auto;
    top: initial
}
/*drop down active color change start css */
/*.bootstrap-select.btn-group .dropdown-menu > li > a:focus, 
.bootstrap-select.btn-group .dropdown-menu > li > a[aria-selected="true"] {background-color: #2aace3; color:#fff }*/
/*.am-label.active [type="checkbox"]:checked + label:before, 
.sol-label.active [type="checkbox"]:checked + label:before {border:1px solid #fff }
.date-picker .btn-info.active {background-color: #2aace3 !important; color:#fff }*/
/*drop down active color change end css */
/*----- start caret csss drop down-----*/
/*.bootstrap-select.btn-group .dropdown-toggle .caret, .multiple-select .caret, .single-select-dd .dropdown-toggle .caret { border:none !important; background: url("/Assets/images/drop-arrow.png") no-repeat; width:7px; height:14px; position: relative !important; right: -6px !important; top: 0px !important; }*/
/*.bootstrap-select.btn-group .dropdown-toggle .caret, .ntl-multiple-select .caret, .ntl-single-select-dd .dropdown-toggle .caret {border:none !important;background: url("/Assets/images/drop-arrow.png") no-repeat; width:7px; height:14px; position: relative !important; right: -6px !important; top: 0px !important; }*/
/*.ntl-single-select-dd .dropdown-toggle .caret{top:0 !important}
.ntl-multiple-select .dropdown-toggle .caret{top:0 !important}*/
/*.ntl-multiple-select .dropdown-toggle .caret,
.ntl-single-select-dd .dropdown-toggle .caret{border:none !important;background: url("/Assets/images/new-task-layout/ntl-down-arrow.png") no-repeat;width:12px; height:7px;position: relative !important;}*/
.ntl-single-select-dd .dropdown-toggle .caret, .ntl-multiple-select .dropdown-toggle .caret,
.ntl-bs-select .dropdown-toggle .caret {
    border: none !important;
    background: none;
    width: 11.5px;
    height: 6.5px;
    position: relative !important;
    top: 0 !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.25em;
    line-height: 6.5px;
    color: #000
}

.ntl-bs-select .dropdown-toggle .caret {
    background-image: none !important;
}


.ntl-single-select-dd .dropdown-toggle .caret::before, .ntl-multiple-select .dropdown-toggle .caret::before {
    content: "\f107";
}

.ntl-single-select-dd .btn.btn-default.dropdown-toggle:hover .caret,
.ntl-multiple-select .btn.btn-default.dropdown-toggle:hover .caret {
    color: #000 !important
}

.ntl-multiple-select .dropdown-iconx {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 2px;
    font-size: 1.125em;
    text-align: center;
    line-height: 16px
}

.ntl-multiple-select .dropdown-toggle .caret {
    right: 8px !important
}

.tooltip-visible .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: none !important;
    max-height: initial !important;
}

.ntl-default-stat-dd {
    width: 252px !important
}

    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-menu.inner {
        position: static;
        float: none;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        display: inline-block;
        overflow: hidden;
        width: 100%;
        text-align: left;
        margin-top: 1px;
    }

    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-menu {
        background-color: #fff;
        border: none;
        width: 100%;
        border-radius: 4px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
        margin-top: 2px;
    }

    .ntl-default-stat-dd .bootstrap-select.btn-group .btn {
        border-radius: 2px;
        padding-left: 14px;
        height: 36px;
        border: 1px solid #AAAAAA;
        background-color: #fff;
        color: #353D43 !important;
        border-radius: 2px;
        padding: 0px 14.5px 0px 14.5px;
    }

    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-menu li {
        position: relative;
        background-color: #fff;
    }

    .ntl-default-stat-dd .form-control {
        font-size: 1em;
    }

    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-menu > li > a {
        padding: 5.5px 14px;
        color: #454f57;
        min-height: 30px;
        white-space: normal;
        white-space: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        border-right: 0;
    }


    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-menu > li > a {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }


        .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-menu > li > a[aria-selected="true"] {
            background-color: rgba(41,172,227,0.2) !important;
            color: #454f57 !important;
        }


    .ntl-default-stat-dd .bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:hover, .ntl-default-stat-dd .bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:focus {
        background-color: transparent;
        border: 1px solid #AAAAAA;
        outline: none !important;
    }

    .ntl-default-stat-dd .bootstrap-select > .dropdown-toggle.bs-placeholder,
    .ntl-default-stat-dd .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
    .ntl-default-stat-dd .bootstrap-select > .dropdown-toggle.bs-placeholder:focus {
        color: #9aa6ad;
    }
.ntl-bs-placeholder.ntl-bs-select.bootstrap-select.btn-group .btn.bs-placeholder,
.ntl-bs-placeholder.ntl-bs-select.bootstrap-select.btn-group .btn.bs-placeholder:hover,
.ntl-bs-placeholder.ntl-bs-select.bootstrap-select.btn-group .btn.bs-placeholder:focus {
    color: #9c9b99 !important;
    font-size: .875rem
}
    

    .ntl-default-stat-dd .bootstrap-select.btn-group .btn-default:hover,
    .ntl-default-stat-dd .bootstrap-select.btn-group .btn-default:focus:hover {
        background: #fff !important;
    }

    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-menu > li > a:hover,
    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-menu > li > a:focus {
        background-color: rgba(41,172,227,0.2);
        color: #454f57;
        cursor: pointer
    }

    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-menu > li > a.active {
        background-color: rgba(41,172,227,0.2);
        color: #454f57
    }
    /*.ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-toggle .caret{border:none !important;background: url("/Assets/images/new-task-layout/ntl-down-arrow.png") no-repeat;width:12px;height:7px;position: relative !important;top:0 !important;right:13px !important;margin-top:0;}*/
    .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-toggle .caret {
        border: none !important;
        background: none;
        width: 11.5px;
        height: 6.5px;
        position: relative !important;
        top: 1px !important;
        right: 15px !important;
        margin-top: 0;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.5em;
        line-height: 6.5px;
        color: #000
    }

        .ntl-default-stat-dd .bootstrap-select.btn-group .dropdown-toggle .caret::before {
            content: "\f107";
        }


.ntl-default-stat-or .tooltip {
    position: absolute;
    left: 50% !important;
    margin-left: -100px;
}

.ntl-default-stat-or .tooltip-inner {
    position: relative;
}


.ntl-hr-child-label {
    margin-left: 25px;
    margin-bottom: 0;
    padding-bottom: 0;
}
/*-----ntl-date-picker-css-----*/
.ntl-date-picker > .ntl-calender-icon {
    position: absolute;
    right: 14px;
    top: 18px;
    z-index: 3;
    color: #353D43
}
/*.ntl-date-picker>.form-control.datepicker-form-control{padding-right:35px}
.ntl-date-picker>.form-control.datepicker-form-control{background: url("/Assets/images/new-task-layout/ntl-dp-calender-icon.png") no-repeat;background-position:222px 9px; background-size:15px 16px}*/
.ntl-date-picker > .form-control.datepicker-form-control {
    padding-right: 35px
}

.ntl-date-picker > .form-control.datepicker-form-control {
    background-image: url("/Assets/images/new-task-layout/ntl-dp-calender-icon.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) 9px;
    background-size: 15px 16px;
    /* width: 132px*/
}

.dateiconchange.ntl-date-picker > .form-control.datepicker-form-control {
    background-image: none;
    background-color: transparent
}

    .dateiconchange.ntl-date-picker > .form-control.datepicker-form-control[disabled] {
        background-color: #f1f0f0;
    }

.dateiconchange.ntl-date-picker > .qfa-calendar {
    position: absolute;
    right: 15.5px;
    z-index: 1;
    top: 9.5px;
    color: #2aace3;
}

#divNewTaskCustomFieldlist_Angular9 .dateiconchange.ntl-date-picker > .qfa-calendar {
    top: 17.5px;
}
/* .ntl-date-picker.ntl-celender-icon > .form-control.datepicker-form-control{background-image:none}*/
/*.ntl-date-picker>.form-control.datepicker-fc-label{padding-right:35px}
.ntl-date-picker>.form-control.datepicker-fc-label{background: url("/Assets/images/new-task-layout/ntl-dp-calender-icon.png") no-repeat;background-position:222px 9px; background-size:15px 16px}*/
.ntl-date-picker > .form-control.datepicker-fc-label {
    padding-right: 35px
}

.ntl-date-picker > .form-control.datepicker-fc-label {
    background: url("/Assets/images/new-task-layout/ntl-dp-calender-icon.png") no-repeat;
    background-position: 102px 9px;
    background-size: 15px 16px;
    width: 132px
}

    .ntl-date-picker > .form-control.datepicker-fc-label .ntl-date-value {
        overflow: hidden;
        display: block;
        white-space: nowrap;
        margin-top: -1px;
    }


.input_label.disabled-show {
    background-color: #f1f0f0 !important;
    border: 1.5px solid rgb(202, 222, 231);
    opacity: .65;
    cursor: not-allowed;
}

.ntl-date-picker > .form-control.datepicker-fc-label.ntl-disabled-show {
    background-color: #f1f0f0 !important;
    /*border: 1.5px solid rgb(202, 222, 231);*/
    opacity: .65;
    cursor: not-allowed;
}
/*-----ntl-date-picker-css-----*/
.ntl-pr-text-link {
    float: left;
    color: #353D43;
    text-decoration: underline
}

    .ntl-pr-text-link:hover {
        color: #353D43;
    }
/*-----ntl-percent-icon-wrap-css-----*/
.ntl-input-symbol-wrap {
    position: relative;
    color: #353D43;
}

    .ntl-input-symbol-wrap.ntl-d-inblock, .ntl-d-inblock {
        display: inline-block
    }

    .ntl-input-symbol-wrap.ntl-max-w252 {
        max-width: 252px
    }

    .ntl-input-symbol-wrap > .form-control.ntl-symbol-pl-39 {
        padding-left: 39px !important
    }

    .ntl-input-symbol-wrap > .form-control.ntl-symbol-pr-39 {
        padding-right: 39px !important
    }

    .ntl-input-symbol-wrap > .ntl-input-symbol {
        font-family: 'open_sans_bold';
        top: 10.5px;
        line-height: 15px;
        left: 12px;
        position: absolute;
        color: #353D43;
        width: 17px;
        height: 17px;
    }

        .ntl-input-symbol-wrap > .ntl-input-symbol.percent-symbol {
            right: 14px !important;
            left: inherit;
            top: 10.5px
        }
/*-----ntl-percent-icon-wrap-css-----*/
/*----------start-radio-checkbox-css----------*/
/*-----ntl-radio-button--list-css-----*/
.ntl-d-flex {
    display: flex;
}

.radio input[type="radio"] {
    left: -9999px;
    margin-left: 0;
    margin: 0;
}

.ntl-ul-styled-radio {
    padding: 0;
}

    .ntl-ul-styled-radio > li > .ntl-radio {
        margin-bottom: 12px !important
    }

        .ntl-ul-styled-radio > li > .ntl-radio.v3-mb-21 {
            margin-bottom: 21px !important
        }

    .ntl-ul-styled-radio > li:last-child > .ntl-radio {
        margin-bottom: 0 !important
    }

        .ntl-ul-styled-radio > li:last-child > .ntl-radio + .ntl-textreq-field,
        .ntl-ul-styled-checkbox > li:last-child > .ntl-checkbox + .ntl-textreq-field {
            margin-top: 12px
        }

    .ntl-ul-styled-radio > li > .ntl-radio > label {
        min-height: 16px;
        display: table;
        line-height: 20px;
        word-break: break-word;
        word-wrap: break-word;
        font-weight: normal;
        margin-bottom: 0px !important
    }


    .ntl-ul-styled-radio > li > .ntl-radio {
        display: block
    }

    .ntl-ul-styled-radio > li > .ntl-list-input {
        margin-bottom: 12px;
        margin-top: -4px;
    }
    /*  .ntl-ul-styled-radio.rad-nrm-field > li {
        padding-bottom: 4px
    }

        .ntl-ul-styled-radio.rad-nrm-field > li:last-child {
            padding-bottom: 0
        }*/
    .ntl-ul-styled-radio.rad-nrm-field > li:last-child > .ntl-list-input {
        margin-bottom: 0
    }

 /*ntl-ul-styled-checkbox.chk-nrm-field > li {
    padding-bottom: 4px;
}

    .ntl-ul-styled-checkbox.chk-nrm-field > li:last-child {
        padding-bottom: 0
    }*/
.ntl-ul-styled-checkbox.chk-nrm-field > li:last-child > .ntl-list-input {
    margin-bottom: 0
}

.ntl-ul-styled-checkbox > li > .ntl-checkbox > label > span {
    word-break: break-word;
    word-wrap: break-word;
    /*max-width: 500px;*/
    display: inline-block !important;
    line-height: 20px !important
}
/* business role list*/
.ntl-ul-styled-checkbox.ntl-bs-list > li > .ntl-checkbox > label > span {
    line-height: 20px !important;
    position: relative;
    top: -3px
}


.ntl-ul-styled-radio > li > .ntl-radio > label > span {
    word-break: break-word;
    word-wrap: break-word;
    /*max-width: 500px;*/
    display: inline-block !important;
    line-height: 20px !important
}
/*-----ntl-radio-button--list-css-----*/
/*radio-button*/
.ntl-styled-radio[type="radio"]:not(:checked),
.ntl-styled-radio[type="radio"]:checked {
    position: absolute;
    left: -9999px;
    display: none
}

    .ntl-styled-radio[type="radio"]:not(:checked) + label,
    .ntl-styled-radio[type="radio"]:checked + label {
        font-family: open_sans_regular;
        font-weight: normal;
        vertical-align: middle;
        position: relative;
        padding-left: 26px;
        cursor: pointer;
        margin-bottom: 0
    }

        .ntl-styled-radio[type="radio"]:not(:checked) + label::before,
        .ntl-styled-radio[type="radio"]:checked + label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            top: 0;
            border: 1px solid #979797;
            background-color: #fff;
            margin-left: 0;
            border-radius: 50%;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out
        }

        .ntl-styled-radio[type="radio"]:not(:checked) + label::after,
        .ntl-styled-radio[type="radio"]:checked + label::after {
            display: inline-block;
            position: absolute;
            content: "\f00c";
            font: normal normal normal 14px/1 FontAwesome;
            color: #fff;
            width: 17px;
            height: 17px;
            left: 0;
            top: 3px;
            margin-left: 0;
            line-height: 13px;
            border: 1px solid #29ace3;
            border-radius: 50%;
            background-image: none;
            background-position: inherit;
            background-size: inherit;
            border: 1px solid transparent;
            -webkit-transform: scale(0,0);
            -ms-transform: scale(0,0);
            -o-transform: scale(0,0);
            transform: scale(0,0)
        }

        .ntl-styled-radio[type="radio"]:checked + label::before,
        .ntl-styled-radio[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
            transition: all .2s
        }

        .ntl-styled-radio[type="radio"]:checked + label::before {
            background: #29ace3;
            border: 1px solid #29ace3
        }

.ntl-radio-disable.ntl-styled-radio[type="radio"]:checked + label::before {
    background: #76848F;
    border: 1px solid #76848F
}

.ntl-checkbox-disable.ntl-styled-checkbox[type="checkbox"]:checked + label:before {
    background: #76848F;
    border: 1px solid #76848F
}

.ntl-lh-20.ntl-styled-radio[type="radio"]:not(:checked) + label > span,
.ntl-lh-20.ntl-styled-radio[type="radio"]:checked + label > span,
.ntl-lh-20.ntl-styled-checkbox[type="checkbox"]:not(:checked) + label > span,
.ntl-lh-20.ntl-styled-checkbox[type="checkbox"]:checked + label > span {
    line-height: 20px;
    display: block;
    margin-top: -2px;
}

.ntl-lh-20.ntl-styled-radio[type="radio"]:not(:checked) + label > span,
.ntl-lh-20.ntl-styled-radio[type="radio"]:checked + label > span {
    margin-top: 0px;
}

.ntl-styled-radio[type="radio"]:not(:checked) + label > span,
.ntl-styled-radio[type="radio"]:checked + label > span {
    line-height: 20px;
    display: block
}

.ntl-ul-radio-label + label::before {
    top: 2px !important
}
/*.ntl-ul-radio-label + label::after{top:5px !important}*/
/*radio-button*/
/*-----ntl-checkbox-button--list-css-----*/
.ntl-ul-styled-checkbox {
    padding: 0;
}

    .ntl-ul-styled-checkbox > li > .ntl-checkbox {
        margin-bottom: 12px !important
    }

    .ntl-ul-styled-checkbox > li:last-child > .ntl-checkbox {
        margin-bottom: 0 !important
    }

    .ntl-ul-styled-checkbox > li > .ntl-checkbox > label {
        min-height: 17px;
        /*display: table;
        display: block;*/
        line-height: 20px;
        word-break: break-word;
        word-wrap: break-word;
        font-weight: normal;
        margin-bottom: 0px !important
    }

.ntl-ul-styled-radio > li > .ntl-radio > label {
    display: block !important
}
.sr-inline-block.ntl-ul-styled-radio > li > .ntl-radio > label {
    display: inline-block !important
}
.ntl-ul-styled-radio.rad-child > li {
    margin-top: 12px !important
}

.ntl-ul-styled-checkbox.chk-child > li {
    margin-top: 12px !important
}

 /*ntl-ul-styled-checkbox.chk-sub-child > li {
    padding-bottom: 4px
}

    .ntl-ul-styled-checkbox.chk-sub-child > li:last-child {
        padding-bottom: 0
    }*/
.ntl-ul-styled-checkbox.chk-sub-child > li > .ntl-checkbox > label {
    margin-bottom: 12px !important
}

.ntl-ul-styled-checkbox.chk-sub-child > li:last-child > .ntl-checkbox > label {
    margin-bottom: 0 !important
}
/*.ntl-ul-styled-radio.rad-sub-child > li {
    padding-bottom: 4px
}

    .ntl-ul-styled-radio.rad-sub-child > li:last-child {
        padding-bottom: 0
    }*/
.ntl-ul-styled-radio.rad-sub-child > li > .ntl-radio {
    margin-bottom: 12px !important
}

.ntl-ul-styled-radio.rad-sub-child > li:last-child > .ntl-radio > label {
    margin-bottom: 0 !important
}

.ntl-ul-styled-checkbox.chk-child > li > .ntl-checkbox {
    margin-bottom: 12px !important
}

.ntl-ul-styled-checkbox.chk-child > li:last-child > .ntl-checkbox {
    margin-bottom: 0 !important
}

.ntl-ul-styled-radio.rad-child > li > .ntl-radio {
    margin-bottom: 12px !important
}

.ntl-ul-styled-radio.rad-child > li:last-child > .ntl-radio {
    margin-bottom: 0 !important
}




.ntl-ul-styled-checkbox > li > .ntl-list-input {
    margin-bottom: 12px;
    margin-top: -4px
}
/*-----ntl-checkbox-button--list-css-----*/
/*checkbox-button*/
.ntl-styled-checkbox[type="checkbox"]:not(:checked),
.ntl-styled-checkbox[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    display: none
}

    .ntl-styled-checkbox[type="checkbox"]:not(:checked) + label,
    .ntl-styled-checkbox[type="checkbox"]:checked + label {
        font-family: open_sans_regular;
        font-weight: normal;
        vertical-align: middle;
        position: relative;
        padding-left: 26px;
        cursor: pointer;
        line-height: 1.35;
    }

        .ntl-styled-checkbox[type="checkbox"]:not(:checked) + label:before,
        .ntl-styled-checkbox[type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 17px;
            height: 17px;
            border: 1px solid #9aa6ad;
            background: #fff;
            border-radius: 2px;
        }

        .ntl-styled-checkbox[type="checkbox"]:not(:checked) + label:after,
        .ntl-styled-checkbox[type="checkbox"]:checked + label:after {
            content: '';
            /*background-image: url("/Assets/images/checkbox-check-img.svg");
    background-position: center center;
    background-size: 100% 100%;
    color: #fff;*/
            position: absolute;
            top: 8px;
            left: 0;
            font-size: .875em;
            width: 17px;
            height: 17px;
            text-align: center;
            content: "\f00c";
            font: normal normal normal 14px/1 FontAwesome;
            color: #fff;
            transform: translateY(-50%);
            background-image: none;
            background-position: inherit;
            background-size: inherit;
            border: 1px solid transparent;
            border-left: 0;
            border-top: 2px solid transparent;
            /* transition: all .2s; */
        }

.q2e4-page-wrap .ntl-styled-checkbox[type="checkbox"]:not(:checked) + label:after,
.q2e4-page-wrap .ntl-styled-checkbox[type="checkbox"]:checked + label:after {
    top: 0;
    left: 0px;
    transform: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.ntl-styled-checkbox[type="checkbox"]:checked + label:before {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    background: #29ace3;
    border: 1px solid #29ace3;
}

.ntl-styled-checkbox[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0) rotate(0deg)
}
/*.ntl-ul-checkbox-label + label::before{top:2px !important}
.ntl-ul-checkbox-label + label::after{top:5px !important}*/
/*checkbox-button*/
.ntl-mt-9 {
    margin-top: 9px
}

.ntl-mt-10 {
    margin-top: 10px
}

.ntl-ml-2 {
    margin-left: 2px
}

.ntl-ml-5 {
    margin-left: 5px
}

.ntl-ml-8 {
    margin-left: 8px
}

.ntl-ml-9 {
    margin-left: 8px
}

.ntl-ml-i0 {
    margin-left: 0 !important
}

.ntl-w-100 {
    width: 100% !important;
}

.ntl-mw-100 {
    max-width: 100% !important;
}

.ntl-pl-i0 {
    padding-left: 0 !important
}

.ntl-label-readonly {
    display: block
}

.ntl-label-readonly-hr {
    padding-left: 26px;
    display: block;
    margin-bottom: 12px
}

.ntl-label-readonly-inputfield-hr {
    margin-left: 40px;
    display: block;
    margin-bottom: 12px
}

.ntl-readonly-bg {
    background-color: #E6EBEF !important;
    padding: 2px 6px;
    border-radius: 3px;
    display: inline-block;
}

.ntl-readonly-dash:before {
    width: 36px;
    height: 20px;
    /* border-bottom: 1px solid #454f57; */
    content: '—';
    display: inline-block;
    margin-top: 4px;
}
/*----------end-radio-checkbox-css----------*/
.ntl-preview-value {
    /* color: rgb(154, 166, 173); */
    color: #353D43;
    overflow: hidden;
    padding-right: 0;
    clear: both;
}

    .ntl-preview-value a {
        color: #353D43;
        text-decoration: underline
    }

        .ntl-preview-value a:hover {
            color: #353D43;
            text-decoration: underline
        }

.ntl-ml-20 {
    margin-left: 20px
}

.ntl-ml-34 {
    margin-left: 34px
}

.ntl-mt-4 {
    margin-top: 4px
}

.ntl-mt-8 {
    margin-top: 8px
}

.ntl-ml-8 {
    margin-left: 8px
}

.ntl-ml-5 {
    margin-left: 5px
}

.ntl-mb-12 {
    margin-bottom: 12px
}

.ntl-mb-15 {
    margin-bottom: 15px
}

.ntl-w-s-prewrap {
    white-space: pre-wrap;
    line-height: 1.1875rem
}

.ntl-w-s-pre {
    white-space: pre;
}

.ntl-w-i100 {
    width: 100% !important
}

.ntl-custom-field-section .ntl-item-display-name {
    position: relative;
    color: #353d43;
    margin-bottom: 0;
    padding-bottom: 0
}
/*-----ntl-radio-buttom--css-----*/
.ntl-img-ribbon {
    font-weight: bold;
    width: 28px;
    height: 14px;
    background: #29ACE3;
    position: absolute;
    top: 19px;
    left: -11px;
    text-align: center;
    line-height: 13px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(45deg);
    /* -webkit-transform: rotate(-45deg); */
    font-size: 10px;
}

.ntl-btn-default .btn.disabled, .ntl-btn-default.btn[disabled], fieldset[disabled] .ntl-btn-default.btn {
    background-color: #86898C;
    border: 1px solid #86898C;
    opacity: 1
}

.ntl-img-ribbon span.ntl-img-ribbon-text {
    transform: rotate(-45deg);
    position: absolute;
    left: 12px;
    top: -2px;
}

.ntl-img-ribbon-inner {
}

.ntl-of-hidden {
    overflow: hidden
}

.ntl-of-x-auto {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}
.ntl-of-y-auto {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.ntl-of-xy-auto {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.ntl-of-visible {
    overflow: visible
}

.ntl-of-ivisible {
    overflow: visible !important
}
/*----- end caret csss drop down -----*/
/*-----new-task-custom-field-css-----*/
.ntl-user-tagging .user-sugg-tag-box .select2-container-multi .select2-choices {
    padding-left: 34px;
}

.ntl-user-tagging .select2-container {
    border: 1px solid #AAAAAA;
}

.ntl-user-tagging .select2-drop {
    top: calc(100% + 1px);
}

.ntl-user-tagging .user-sugg-tag-box .select2-choices {
    max-height: 66px;
    overflow-y: auto;
}

.ntl-user-tagging .select2-results .select2-highlighted {
    background-color: rgba(41,172,227,0.2) !important;
    color: #454f57 !important
}

.ntl-user-tagging .ui-select-choices-row:hover {
    background-color: rgba(41,172,227,0.2);
    color: #454f57 !important
}

.ntl-user-tagging .wt-team-m-img {
    border: none
}


.ntl-user-list-outer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: center;
    justify-content: flex-start;
}

    .ntl-user-list-outer .list-item-image, .ntl-user-list-outer .list-item-color {
        flex: 0 0 28px;
    }

.ntl-user-name-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    min-width: 1px;
}
/*.ntl-user-tagging .user-sugg-tag-box .select2-container-multi .select2-choices{padding-left:30px; display:flex}
.ntl-user-tagging .select2-container{    border: 1px solid #AAAAAA; height:36px;}
.ntl-user-tagging  .select2-drop{top: calc(100% + 1px);}

.ntl-user-tagging .user-sugg-tag-box .select2-container-multi .select2-choices > span{white-space:nowrap;
 display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
   overflow-x: auto;
    max-width: 100%;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    min-width: 1px; padding-bottom:3px;}
.ntl-user-tagging .select2-container-multi .select2-choices .select2-search-field{white-space:nowrap;flex: 1 1 auto;}
.ntl-user-tagging .user-sugg-tag-box .select2-container-multi .select2-choices .select2-search-field input{  padding-left: 5px;  width: 100% !important;
    min-width: 90px !important;}*/
/*color customization*/
.ql-container {
    font-family: open_sans_regular !important;
    font-size: 1em !important
}

    .ql-container p {
        color: #454f57 !important
    }

.ntl-modal-outer, .per-mc .no-record, .ntl-no-record {
    color: #454f57;
}

.ntl-no-record {
    font-size: 1em;
    color: #454f57;
    line-height: 32px;
}


.ntl-return-info {
    position: absolute;
    right: 40px;
}
/*preview task design */
.ntl-prev-per-mc {
}

.ntl-prev-team-member {
    margin-bottom: 6px;
}
/*-----custom-field-tabIndex-----*/
.ntl-cfe-tabindex:focus {
    border: 1px solid #29ace3 !important
}

.ntl-styled-checkbox[type="checkbox"]:not(:checked).ntl-cfe-tabindex:focus + label::before,
.ntl-styled-checkbox[type="checkbox"]:checked.ntl-cfe-tabindex:focus + label::before {
    border: 1px solid #29ace3 !important
}

.ntl-styled-radio[type="radio"]:not(:checked).ntl-cfe-tabindex:focus + label::before,
.ntl-styled-radio[type="radio"]:checked.ntl-cfe-tabindex:focus + label::before {
    border: 1px solid #29ace3 !important
}

.ntl-custom-field-section .ntl-styled-radio[type="radio"]:not(:checked),
.ntl-custom-field-section .ntl-styled-radio[type="radio"]:checked {
    position: absolute;
    left: -9999px;
    display: block
}

.ntl-custom-field-section .ntl-styled-checkbox[type="checkbox"]:not(:checked),
.ntl-custom-field-section .ntl-styled-checkbox[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    display: block
}

.ntl-custom-field-section .ntl-ul-styled-checkbox > li > .ntl-checkbox {
    position: relative
}

    .ntl-custom-field-section .ntl-ul-styled-checkbox > li > .ntl-checkbox > .ntl-styled-checkbox[type="checkbox"]:not(:checked),
    .ntl-custom-field-section .ntl-ul-styled-checkbox > li > .ntl-checkbox > .ntl-styled-checkbox[type="checkbox"]:checked {
        left: 2px;
        top: 2px;
        margin: 0;
        visibility: visible;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0
    }

.ntl-custom-field-section .ntl-ul-styled-radio > li > .ntl-radio {
    position: relative
}

    .ntl-custom-field-section .ntl-ul-styled-radio > li > .ntl-radio > .ntl-styled-radio[type="radio"]:not(:checked),
    .ntl-custom-field-section .ntl-ul-styled-radio > li > .ntl-radio > .ntl-styled-radio[type="radio"]:checked {
        left: 2px;
        top: 2px;
        margin: 0;
        visibility: visible;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0
    }

.ntl-form-wrap-cf #divViewMoreTableData.table-custom-field > .modal-dialog.w-70per {
    position: fixed !important
}
/*-----custom-field-tabIndex-----*/
@-moz-document url-prefix() {
    .ntl-custom-field-section .scroll-wrapper.ntl-scrollable {
        margin-bottom: 0
    }
    /*.ntl-custom-field-section .scroll-content.ntl-scrollable{margin-bottom:0 !important}*/
}
/*css for edge*/
@supports (-ms-ime-align:auto) {
    .ntl-TaskName-shadow {
        white-space: nowrap
    }

    .ql-blank.ql-editor::before {
        font-size: 14px
    }

    .ntl-tooltip {
        -ms-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5)
    }

    .ntl-input-symbol-wrap > .form-control.ntl-symbol-pl-39 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        line-height: 24px !important
    }

    .ntl-input-symbol-wrap > .form-control.ntl-symbol-pr-39 {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }
}
/*css for internet explorer*/
@media all and (-ms-high-contrast:none) {
    .ntl-TaskName-shadow {
        white-space: nowrap;
    }

    .ql-blank.ql-editor::before {
        font-size: 14px !important;
    }

    .ntl-tooltip {
        -ms-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
    }

    .ntl-input-symbol-wrap > .form-control.ntl-symbol-pl-39 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        line-height: 24px !important
    }

    .ntl-input-symbol-wrap > .form-control.ntl-symbol-pr-39 {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }
}

@-moz-document url-prefix() {
    .ntl-heading-editable-auto > input::placeholder {
        color: #929496 !important;
    }

    .pb-ff-18 {
        padding-bottom: 18px;
    }
}



.ntl-msg-modal-footer {
}
/*Attachement Layout design*/
.l-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
}



.l-grid__start {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.l-grid__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.l-grid.l-grid--itemfull .l-grid__content {
    height: 100%
}

.l-grid.l-grid--itemhalf .l-grid__content {
    height: 50%
}


.l-grid__end {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.l-grid.l-grid--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.u-scroll-auto {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -ms-overflow-style: -ms-autohiding-scrollbar !important
}

    .u-scroll-auto.ps, .u-scroll-auto > .ps {
        overflow: visible !important
    }

.u-scroll-y {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.u-scroll-hidden {
    overflow: hidden;
}

.h-100 {
    height: 100% !important
}
.h-100perPoint5 {
    height: calc(100%  - .5px) !important
}

.h-50 {
    height: 50% !important
}

.l-grid.l-grid-fluid {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1 1 auto;
    flex: 1 1 auto;
}

.ntl-p-inner {
    padding: 40px 30px 40px;
}

.ntl-p-inner {
    padding: 30px 40px 30px;
}

    .ntl-p-inner.ntl-p-inner--top0 {
        padding: 0px 40px 30px;
    }


.l-fullheight-flex-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    min-height: 1px;
    min-width: 100%;
}

.l-fullheight-1 .l-fullheight-flex-inner {
    height: 100%;
    position: relative
}

.l-fullheight-2 .l-fullheight-flex-inner {
    height: 50%;
    position: relative
}
/*----------------------------------------
START table scroll body layout css start here*/
.l-table-bodyscroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 1px;
    position: relative;
    height: 100%;
}

.l-table-bodyscroll__rowauto {
    -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;
}

.l-table-bodyscroll__rowfull {
    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%;
}

.l-table-bodyscroll__rowauto--text-right, .l-table-bodyscroll__rowfull--text-right {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
}

.l-table-bodyscroll__rowfull__absolute {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.ntl-table {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
}

    .ntl-table.ntl-table-l-fixed {
        border-collapse: collapse;
        table-layout: fixed;
    }

    .ntl-table > thead > tr > th {
        border-bottom: 0;
        padding: 13px 12px;
        font-weight: normal;
        color: #454f57
    }

    .ntl-table.vertical-top > tbody > tr > td{
        vertical-align:top;
    }

.rally-tabledata.ntl-table > tbody > tr > td,
.rally-tabledata.ntl-table > thead > tr > th {
    border-bottom: 0;
    padding: 10px 12px;
}
    .ntl-table > tbody > tr > td {
        border-bottom: 0;
        padding: 14px 12px;
    }

    .ntl-table.ntl-br-table > tbody > tr > td {
        padding: 3px 12px;
    }

    .ntl-table > thead > tr {
        background: #E8EDEF
    }

.ntl-table-pl-27-firstcolumn.ntl-table > thead > tr > th:first-child,
.ntl-table-pl-27-firstcolumn.ntl-table > tbody > tr > td:first-child {
    padding-left: 27px;
}

.ntl-table > tbody > tr {
    background: #fff;
    border-bottom: 1px solid #E0E1E2
}

.ntl-table-action {
    padding-right: 12px !important;
    text-align: center !important;
}

.ntl-table.ntl-table > thead > tr > th.ntl-tbl-action-header {
    text-align: center
}
/*----------------------------------------
      
END table scroll body layout css start here*/
/*New angular 9 custom scroll */
@media only screen and (min-width: 481px) {
    .ps__rail-y,
    .ps:hover > .ps__rail-x,
    .ps:hover > .ps__rail-y,
    .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y,
    .ps--scrolling-x > .ps__rail-x,
    .ps--scrolling-y > .ps__rail-y {
        opacity: 1 !important;
        display: block !important
    }

    .ps .ps__rail-x:hover,
    .ps .ps__rail-y:hover,
    .ps .ps__rail-x:focus,
    .ps .ps__rail-y:focus,
    .ps .ps__rail-x.ps--clicking,
    .ps .ps__rail-y.ps--clicking {
        background: transparent
    }

    .ps__rail-y:hover > .ps__thumb-y,
    .ps__rail-y:focus > .ps__thumb-y,
    .ps__rail-y.ps--clicking .ps__thumb-y {
        width: 7px;
        background-color: rgba(116,116,116,0.4);
    }

    .ps__thumb-y {
        width: 7px !important;
        background-color: rgba(116,116,116,0.4) !important;
    }

    .ps-littledark .ps__thumb-y,
    .ps-littledark .ps__rail-y:hover > .ps__thumb-y,
    .ps-littledark .ps__rail-y:focus > .ps__thumb-y,
    .ps-littledark .ps__rail-y.ps--clicking .ps__thumb-y {
        width: 7px !important;
        background-color: rgba(34,34,34,0.4) !important;
    }
    .scroll-w-2.ps-littledark .ps__thumb-y,
    .scroll-w-2.ps-littledark .ps__rail-y:hover > .ps__thumb-y,
    .scroll-w-2.ps-littledark .ps__rail-y:focus > .ps__thumb-y,
    .scroll-w-2.ps-littledark .ps__rail-y.ps--clicking .ps__thumb-y {
        width: 2px !important;
    }
        .ntl-scroll-black .ps__thumb-y, .ntl-scroll-black .ps__rail-y:hover > .ps__thumb-y, .ntl-scroll-black .ps__rail-y:focus > .ps__thumb-y, .ntl-scroll-black .ps__rail-y.ps--clicking .ps__thumb-y, .ntl-tooltip .ps__thumb-y, .ntl-tooltip .ps__rail-y:hover > .ps__thumb-y, .ntl-tooltip .ps__rail-y:focus > .ps__thumb-y, .ntl-tooltip .ps__rail-y.ps--clicking .ps__thumb-y {
        background-color: #353d43 !important;
        opacity: 1 !important
    }

    .ps .ps__rail-x.ps--clicking,
    .ps .ps__rail-x:focus,
    .ps .ps__rail-x:hover,
    .ps .ps__rail-y.ps--clicking,
    .ps .ps__rail-y:focus,
    .ps .ps__rail-y:hover {
        background-color: transparent !important;
        opacity: 1 !important;
        transition: none !important
    }

    .ps--focus > .ps__rail-x,
    .ps--focus > .ps__rail-y,
    .ps--scrolling-x > .ps__rail-x,
    .ps--scrolling-y > .ps__rail-y,
    .ps:hover > .ps__rail-x,
    .ps:hover > .ps__rail-y {
        opacity: 1 !important
    }

    .ps__thumb-y {
        right: 6px;
    }

    .l-table-bodyscroll.nth-table .ps__thumb-y {
        right: 0px !important;
    }
    /* Perferct remove elemet designe default*/


    perfect-scrollbar > .ps.ps--active-y > .ps__rail-y, perfect-scrollbar > .ps.ps--active-x > .ps__rail-x {
        opacity: 1 !important;
    }

    .ps__rail-y.ps--clicking .ps__thumb-y,
    .ps__rail-y:focus > .ps__thumb-y,
    .ps__rail-y:hover > .ps__thumb-y {
        width: 7px !important;
        background-color: rgba(116,116,116,0.4) !important;
    }

    perfect-scrollbar > .ps.ps--active-y > .ps__rail-y,
    perfect-scrollbar > .ps.ps--active-y > .ps__rail-y.ps--clicking, perfect-scrollbar > .ps.ps--active-y > .ps__rail-y:hover {
        width: 7px !important;
        background: transparent !important;
    }

    .ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
        width: 7px;
    }

    perfect-scrollbar > .ps.ps--scrolling-x > .ps__rail-x, perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y {
        background: transparent !important;
    }
    /*X scroll design*/
    perfect-scrollbar > .ps.ps--active-x > .ps__rail-x, perfect-scrollbar > .ps.ps--active-y > .ps__rail-y,
    .ps__thumb-x, .ps__thumb-y {
        transition: none !important
    }

    .perfect-scrollbar > .ps.ps--active-x > .ps__rail-x {
        height: 7px !important
    }

    perfect-scrollbar > .ps.ps--active-x > .ps__rail-x.ps--clicking, perfect-scrollbar > .ps.ps--active-x > .ps__rail-x:hover {
        height: 7px !important;
    }

    .ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x,
    .ps__thumb-x {
        background: rgba(116,116,116,0.4) !important;
        height: 7px !important;
    }
    /*css for firefox*/
    @-moz-document url-prefix() {
        .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
            width: 7px;
            background-color: #c7c7c7 !important;
            /*opacity: .4;*/
        }

        .ps__thumb-y {
            width: 7px !important;
            background-color: #c7c7c7 !important;
            /*opacity: .4;*/
        }

        .ps__rail-y.ps--clicking .ps__thumb-y,
        .ps__rail-y:focus > .ps__thumb-y,
        .ps__rail-y:hover > .ps__thumb-y {
            width: 7px !important;
            background-color: #c7c7c7 !important;
            /* opacity: .4;*/
        }
    }
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
    width: 7px !important;
    background-color: rgba(116,116,116,0.4) !important;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    width: 7px;
    background-color: rgba(116,116,116,0.4);
}

.ps__thumb-y {
    width: 7px !important;
    background-color: rgba(116,116,116,0.4) !important;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
    width: 7px !important;
    background-color: rgba(116,116,116,0.4) !important;
}

perfect-scrollbar > .ps.ps--active-y > .ps__rail-y,
perfect-scrollbar > .ps.ps--active-y > .ps__rail-y.ps--clicking, perfect-scrollbar > .ps.ps--active-y > .ps__rail-y:hover {
    width: 7px !important;
    background: transparent !important;
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    width: 7px;
}

perfect-scrollbar > .ps.ps--scrolling-x > .ps__rail-x, perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y {
    background: transparent !important;
}
/*X scroll design*/
perfect-scrollbar > .ps.ps--active-x > .ps__rail-x, perfect-scrollbar > .ps.ps--active-y > .ps__rail-y,
.ps__thumb-x, .ps__thumb-y {
    transition: none !important
}

.perfect-scrollbar > .ps.ps--active-x > .ps__rail-x {
    height: 7px !important
}

perfect-scrollbar > .ps.ps--active-x > .ps__rail-x.ps--clicking, perfect-scrollbar > .ps.ps--active-x > .ps__rail-x:hover {
    height: 7px !important;
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x,
.ps__thumb-x {
    background: rgba(116,116,116,0.4) !important;
    height: 7px !important;
}


perfect-scrollbar > .ps.ps--scrolling-x > .ps__rail-x, perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y {
    background: transparent !important;
}

perfect-scrollbar > .ps.ps--active-x > .ps__rail-x.ps--clicking, perfect-scrollbar > .ps.ps--active-x > .ps__rail-x:hover {
    height: 7px !important;
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x,
.ps__thumb-x {
    background: rgba(116,116,116,0.4) !important;
    height: 7px !important;
}
/*End perfect scrollbar*/
/*ntl multiselect bootsatra css start*/
.ntl-bs-select.bootstrap-select.form-control:not([class*="col-"]) {
    width: 252px;
    font-size: 1em;
}

.w-221.ntl-bs-select.bootstrap-select.form-control:not([class*="col-"]) {
    width: 221px;
}

.w-full.ntl-bs-select.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.ntl-bs-select.bootstrap-select.form-control.frmTabIndex {
    padding-left: 0px !important;
}
.placeholder-multi.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    color:#9aa6ad;
    font-size:.875rem;
}

.ntl-bs-select.bootstrap-select.btn-group .btn {
    border: 1px solid #AAAAAA;
    background-color: #fff;
    color: #353D43 !important;
    border-radius: 2px;
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 31px 0 14px;
    line-height: 20px;
    text-transform: none;
    z-index: 1
}

.ntl-bs-select.bootstrap-select.btn-group .dropdown-toggle.frmTabIndex:focus {
    padding: 0 31px 0 14px;
}

.ntl-bs-select.bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:focus {
    background-color: transparent;
    border: 1px solid #AAAAAA;
    outline: none !important;
}
/*bug solve #9534 backbgorund #fff in preview form*/
/*.preview-frame .ntl-bs-select.bootstrap-select.btn-group .btn,
.preview-frame .bootstrap-select.btn-group .btn-default:hover,
.preview-frame .bootstrap-select.btn-group .btn-default:focus:hover {
    background-color: transparent !important;
}*/


.ntl-bs-select.bootstrap-select.btn-group .dropdown-toggle .caret {
    border: none !important;
    background: none;
    width: 11.5px;
    height: 6.5px;
    position: relative !important;
    top: 0 !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.40em;
    line-height: 6.5px;
    color: #2aace3;
    right: 0 !important;
}

.ntl-bs-select.bootstrap-select .dropdown-toggle .caret::before {
    content: "\f107";
    position: relative
}

.ntl-bs-select.bootstrap-select.btn-group .dropdown-menu,
.ntl-bs-select.bootstrap-select.btn-group .dropdown-menu > li {
    background: #fff
}

    .ntl-bs-select.bootstrap-select.btn-group .dropdown-menu > li > a:hover,
    .ntl-bs-select.bootstrap-select.btn-group .dropdown-menu > li > a:focus,
    .ntl-bs-select.bootstrap-select.btn-group .dropdown-menu > li > a[aria-selected="true"] {
        background-color: rgba(41,172,227,0.2);
        color: #454f57;
        cursor: pointer;
    }

    .ntl-bs-select.bootstrap-select.btn-group .dropdown-menu > li > a {
        padding: 4.5px 15px
    }

.ntl-bs-select.bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:hover,
.ntl-bs-select.bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:focus {
    border: 1px solid #AAAAAA;
}
/*Multiselect check sign*/
.ntl-bs-multiselect.bootstrap-select.btn-group.show-tick .dropdown-menu > li > a[aria-selected="false"] span.check-mark {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 2px;
    font-size: 1.125em;
    text-align: center;
    line-height: 16px
}

.ntl-bs-multiselect.bootstrap-select.btn-group.show-tick .dropdown-menu > li > a[aria-selected="true"] span.check-mark {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 2px;
    font-size: 1.125em;
    text-align: center;
    line-height: 16px;
}

    .ntl-bs-multiselect.bootstrap-select.btn-group.show-tick .dropdown-menu > li > a[aria-selected="true"] span.check-mark:before {
        content: "\f00c";
    }

.ntl-bs-multiselect.bootstrap-select.btn-group .dropdown-menu > li > a {
    display: flex;
}

.ntl-bs-multiselect.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    order: 1;
    position: relative;
    right: 0;
    color: #29ACE3 !important;
    margin-top: 3px;
}

.ntl-bs-multiselect.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    order: 2;
    flex: 1;
    margin-right: 0;
}

.ntl-bs-multiselect.bootstrap-select.btn-group .dropdown-menu.open .inner {
    padding: 7px 0 10px !important;
}

.ntl-bs-multiselect.bootstrap-select.btn-group .dropdown-menu.open {
    min-width: 1px;
}
/*multi select check sign end*/
.ntl-bs-select.bootstrap-select.btn-group .dropdown-menu.open {
    margin-top: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    margin-bottom: 6px;
    height: auto !important;
}

.dropup.ntl-bs-select.bootstrap-select.btn-group .dropdown-menu.open {
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .5);
    margin-bottom: 2px;
}


.ntl-bs-select.bootstrap-select.ntl-mt-12, .ntl-ng-dropdown.bootstrap-select.ntl-mt-12 {
    margin-top: 12px !important;
}

.ntl-bs-select.bootstrap-select.ntl-mb-12, .ntl-ng-dropdown.bootstrap-select.ntl-mb-12 {
    margin-bottom: 12px !important;
}


.ntl-bs-select.bootstrap-select.ntl-mt-8, .ntl-ng-dropdown.bootstrap-select.ntl-mt-8 {
    margin-top: 8px !important;
}

.ntl-bs-select.bootstrap-select.ntl-ml-5, .ntl-ng-dropdown.bootstrap-select.ntl-ml-5 {
    margin-left: 5px !important
}
/* line no 250*/
.ntl-bs-select.bootstrap-select.ntl-ml-40, .ntl-ng-dropdown.bootstrap-select.ntl-ml-40 {
    margin-left: 40px !important
}
/* line no 402*/
/*ntl multiselect bootsatra css End*/
.ntl-pre-count {
    min-width: 10px;
    display: inline-block;
    text-align: center
}
/*angular 9 drop down bootstap ngb dropdown css START */
.ntl-ng-dropdown .dropdown-menu, .ntl-ng-dropdown.dropdown-menu {
    margin-left: 28px;
    margin-top: 10px;
    background-color: #fff;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, .5);*/
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
    border: 1px solid #aaa;
    padding: 7px 11px 8px 11px;
    width: 160px;
    max-height: 140px;
    word-break: break-word;
    word-wrap: break-word;
}

.dropup .ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body {
    margin-top: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .5);
}

.ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:after {
    position: absolute;
    content: '';
    top: -30px;
    left: 0;
    
    width: 100%;
    height: 30px;
}
    .w-after-56.ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:after{
    width:56px;
    right:0;
    left:auto;
    }

    .ss-task-sidebar.ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:after {
        left: 40px;
        width: calc(100% - 58px)
    }

.clp-bottom-left.ss-task-sidebar.ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:after {
    left: 0px;
    width: calc(100% - 58px)
}

.ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:before {
    width: 15px;
    position: absolute;
    content: '';
    height: 30px;
    top: -30px;
    right: 32.5px;
    cursor: pointer;
    z-index: 1
}
    .right-13.ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:before{
        right:13px
    }

    .dropup .ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:before,
    .dropup .ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:after {
        bottom: -30px;
        top: auto;
    }
.dropup .c-pointer-after.ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:after {
    cursor: pointer;
    height:0
}
.c-pointer-after.ntl-arrow-down.dropdown-menu-right.ntl-ng-dropdown.dropdown-menu.contianer-body:after {
    height: 0
}

.dropup .ntl-arrow-down.dropdown-menu-right .ntl-ng-dropdown__arrow.top-right {
    transform: translateX(-12.5%) rotate(0deg);
    top: 100%;
    bottom: auto;
}


.ntl-ng-dropdown__arrow.top-right.rightinpx {
    right: 28px
}

.ntl-ng-dropdown.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right.rightinpx {
    right: 32px
}
    .ntl-ng-dropdown.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right.rightinpx.top-center2{
        right:calc(50% - 9px)
    }
    .ntl-ng-dropdown.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right.rightinpx.top-center2 {
        right: calc(50% - 9px)
    }
[x-placement="right"] .ntl-ng-dropdown__arrow.top-right.rightinpx.top-center2 {
    right: calc(100% - 7px) !important;
    transform: translateX(-12.5%) rotate( 90deg ) !important;
    top: calc(50% - 4px) !important;
}


[x-placement="left"] .ntl-ng-dropdown__arrow.top-right.rightinpx.top-center2 {
    left: calc(100% - 2px) !important;
    transform: translateX(-12.5%) rotate( -90deg ) !important;
    top: calc(50% - 4px) !important;
}
[x-placement="left"].ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.left-0 {
    left: -9px !important
}

    .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu {
        margin-left: 0;
        max-width: 300px;
        width: auto;
        min-width: 160px;
        left: 35px !important;
    }
[x-placement="bottom-left"].ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.left-2px {
    left: 2px !important;
}
        .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.max-tt-w-420 {
            max-width: 580px;
        }
        .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.left-0 {
            left: 0 !important
        }
    .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.left-37 {
        left: 37px !important;
    }

.ntl-ng-dropdown.dropdown-menu.contianer-body.documentpreview {
    position: absolute !important
}

@media only screen and (min-width: 1024px) {
    .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.documentpreview {
        /* left: 30px !important;
    top: 5px !important;*/
        left: auto !important;
        top: 24px !important;
        right: -29px !important;
        transform: none !important;
    }
}


   

    .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.dd-w-incre--330 {
        max-width: 292px;
    }


    .ntl-ng-dropdown.dropdown-menu.ntl-mt-23, .ntl-ng-dropdown.dropdown-menu.contianer-body.ntl-mt-23 {
        margin-top: 23px;
    }

    .ntl-ng-dropdown.dropdown-menu--onhover {
        margin-left: 0px;
        margin-top: 0px;
        width: 365px;
        max-height: 229px;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        padding-top: 4px
    }

        .ntl-ng-dropdown.dropdown-menu--onhover > div:first-child {
            padding: 15px 15px 20px;
            background-color: #f4f4f4;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
            border-radius: 4px;
        }

        .ntl-ng-dropdown.dropdown-menu--onhover.dropdown-menu--onhover--task {
            height: 229px;
            max-height: none;
        }

    .setsomeewidth {
        width: 15px;
        display: inline-block
    }

    .ntl-ng-dropdown.dropdown-menu--onhover-witharrow {
        margin-left: 0px;
        margin-top: 0px !important;
        max-height: 229px;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        padding-top: 7px
    }
[x-placement="left"].summary-tbl-tooltip.ntl-ng-dropdown.dropdown-menu--onhover-witharrow {
    padding-top: 0;
    margin-top: -6px !important
}
[x-placement="left"].summary-tbl-tooltip .ntl-ng-dropdown__arrow.top-right.rightinpx.top-center2 {
    top: calc(50% - 8px) !important;
}
        /**********SANDBOX ALERTCSS START *******************/
        .sandbox-alert perfect-scrollbar .ps__thumb-y,
        .sandbox-alert perfect-scrollbar .ps__rail-y {
            left: auto !important
        }

    .sandbox-alert .sandbox-scroll {
        max-height: 240px;
    }

    .sandbox-scroll-inner {
        max-height: 100%;
        width: 100%;
    }

    ul.sandbox-scroll-inner-list {
        word-break: break-word;
        word-wrap: break-word;
        padding-bottom: 7px
    }

        ul.sandbox-scroll-inner-list > li.sandbox-scroll-inner-heading {
            margin-bottom: 15px;
        }

        ul.sandbox-scroll-inner-list > li {
            margin-top: 0;
            margin-bottom: 10px;
        }

            ul.sandbox-scroll-inner-list > li:last-child {
                margin-bottom: 0;
            }

    .ntl-ng-dropdown.dd-w-incre-185.dropdown-menu.dd-w-incre--330.sandbox-alert .dropdown-list-item-outer {
        padding: 15px;
        padding-bottom: 8px;
    }

    .sandbox-tasklist {
        margin-top: 5px;
        padding: 0;
        float: left;
        width: 100%;
        font-family: 'open_sans_regular';
        padding-left: 20px;
    }

        .sandbox-tasklist li > a {
            margin: 0 !important;
            line-height: 26px;
        }
    /**********SANDBOX ALERTCSS End *******************/
    .dropup .ntl-ng-dropdown.dropdown-menu--onhover-witharrow {
        padding-top: 0;
        padding-bottom: 7px;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .dropup .ntl-arrow-down.dropdown-menu-right.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right {
        top: calc(100% - 8px)
    }

    .ntl-ng-dropdown.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right {
        bottom: calc(100% - 8px)
    }

    @media only screen and (min-width: 992px) and (max-width: 1300px) {

        /*.dropup .ntl-arrow-down.dropdown-menu-right.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right {
        top: calc(100% - 10px)
    }

    .ntl-ng-dropdown.dropdown-menu--onhover-witharrow .ntl-ng-dropdown__arrow.top-right {
        bottom: calc(100% - 10px)
    }*/

    }

    .ntl-ng-dropdown.dropdown-menu--onhover-witharrow > div:first-child {
        padding: 7px 11px 8px 11px;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
        box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
        border: 1px solid #aaa;
        border-radius: 4px;
    }
    /*.ndropdown-menu--onhover-witharrow.dropdown-menu--onhover--task {
    height: 229px;
    max-height: none;
}*/
    .ntl-btn-counter {
        font-size: 0.7500em !important;
        min-width: 20px;
        height: 20px;
        /*line-height: 17px;*/
        line-height: .875rem !important;
        border-radius: 25px;
    }

    .badge.danger-red {
        background-color: #D12121;
    }
    /*.ntl-badge.danger-red {
    right: auto !important;
    left: auto !important;
    margin-left: 0 !important
}*/
    .ntl-text-red, .ntl-icon-red,
    .ntl-text-red:hover, .ntl-icon-red:hover,
    .ntl-text-red:focus, .ntl-icon-red:focus {
        color: #F73D3D !important
    }

    .ntl-orange-icon {
        color: #f7903d !important;
    }

    .ntl-ng-dropdown.dropdown-menu.contianer-body {
        left: 28px;
        margin-top: 7px;
        position: relative !important
    }

    .ntl-dd-left-right.ntl-ng-dropdown.dropdown-menu.contianer-body {
        left: 0 !important;
        margin-top: 7px;
        position: relative !important;
        max-height: none !important
    }

    .ntl-dd-left-right .ntl-ng-dropdown__arrow.top-right.rightinpx {
        display: none !important
    }



    body.custom-dropdown .ntl-task-modal-container:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 11
    }

    .ntl-ng-dropdown .dropdown-menu .dropdown-menu-inner, .ntl-ng-dropdown.dropdown-menu .dropdown-menu-inner {
        max-height: 125px;
        padding-right: 20px;
    }

    .ntl-ng-dropdown .dropdown-menu a, .ntl-ng-dropdown.dropdown-menu a, .v3-dd-text-link {
        display: block;
        float: left;
        margin: 5px 0;
    }

    .ntl-ng-dropdown .dropdown-menu .dropdown-list-item, .ntl-ng-dropdown.dropdown-menu .dropdown-list-item, .ntl-block {
        display: block;
        width: 100%;
        float: left
    }
    /*.ntl-ng-dropdown .dropdown-menu a:first-child{margin-top:0;}*/
    .ntl-ng-dropdown__arrow, .ntl-dropdown-arrowdefault-bottom {
        width: 18px;
        height: 12px;
        position: absolute;
        overflow: hidden;
    }

        .ntl-ng-dropdown__arrow::after, .ntl-dropdown-arrowdefault-bottom::after {
            content: "";
            width: 18px;
            height: 12px;
            position: absolute;
            background: #fff;
            /*box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.5);*/
            box-shadow: 0 0px 2px 0px rgba(0,0,0,0.25);
            border: 1px solid #aaa;
            z-index: 1;
        }

        .ntl-dropdown-arrowdefault-bottom.top-right.right-28 {
            right: 28px
        }

        .ntl-dropdown-arrowdefault-bottom.top-right.left-28 {
            left: 28px
        }

    .ntl-bottom-arrow-right[x-placement="bottom-right"] .ntl-dropdown-arrowdefault-bottom.top-right.left-28,
    .ntl-bottom-arrow-right.arrow-position-right .ntl-dropdown-arrowdefault-bottom.top-right.left-28,
    .dropup .ntl-bottom-arrow-right[x-placement="top-right"] .ntl-dropdown-arrowdefault-bottom.top-right.left-28 {
        right: 28px;
        left: auto
    }


    .ntl-dropdown-arrowdefault-bottom:after { /*create on after*/
        transform: rotate( 45deg ) skewX( 15deg ) skewY( 15deg );
        top: -9px;
        left: -17%;
    }

    .ntl-dropdown-arrowdefault-bottom.top-right { /*default top arrow position*/
        transform: translateX(-12.5%) rotate( 180deg );
        bottom: calc(100% - 1px);
    }

    .dropup .ntl-dropdown-arrowdefault-bottom.top-right {
        transform: translateX(-12.5%) rotate( 0deg );
        top: calc(100% - 1px);
        bottom: auto;
    }

    .ntl-tt-left-top .ntl-dropdown-arrowdefault-bottom.top-right,
    .dropup .taskonlytoptow.ntl-tt-left-top .ntl-dropdown-arrowdefault-bottom.top-right { /*default left arrow position*/
        transform: translateX(-12.5%) rotate( -90deg );
        left: calc(100% - 1px) !important;
        top: 26px;
        right: 0 !important;
    }

    .ntl-tt-left-top {
        /*transform: translateX(-20px) translateY(-20px);*/
        transform: translateX(calc(-100% - 19px )) translateY(-50px);
        /*transform: translateX(calc(-100% - 19px)) translateY(calc(100% - 19px));*/
    }

    .dropup .taskonlytoptow.ntl-tt-left-top {
        transform: translateX(calc(-100% - 19px )) translateY(calc(100% + (-16px)))
    }

    .dropup .ntl-tt-left-top, [x-placement="left-bottom"].ntl-tt-left-top {
        /*transform: translateX(-20px) translateY(-20px);*/
        transform: translateX(calc(-100% - 19px )) translateY(50px);
        /*transform: translateX(calc(-100% - 19px)) translateY(calc(100% - 19px));*/
    }

        /*.ntl-tt-left-top[x-placement="left-bottom"] {
    transform: translateX(-20px) translateY(20px);
}*/
        .dropup .ntl-tt-left-top .ntl-dropdown-arrowdefault-bottom.top-right,
        [x-placement="left-bottom"].ntl-tt-left-top .ntl-dropdown-arrowdefault-bottom.top-right {
            transform: translateX(-12.5%) rotate( -90deg );
            left: calc(100% - 1px) !important;
            bottom: 26px;
            right: 0 !important;
            top: auto;
        }

    /*[x-placement="right"] .ntl-dropdown-arrowdefault-bottom.top-right {
    right: calc(100% - 6px);
    transform: translateX(-12.5%) rotate( 90deg );
    top: calc(50% - 9px);
}

[x-placement="left"] .ntl-dropdown-arrowdefault-bottom.top-right {
    left: calc(100% - 2px);
    transform: translateX(-12.5%) rotate( -90deg );
    top: calc(50% - 9px);
}

[x-placement="top-left"] .ntl-dropdown-arrowdefault-bottom.top-right {
    transform: translateX(-12.5%) rotate( 0deg );
    top: calc(100% - 1px);
    bottom: auto;
}*/



    .ntl-ng-dropdown__arrow.top-right {
        bottom: calc(100% - 1px);
        right: 12.5%;
        transform: translateX(-12.5%) rotate(180deg);
    }

        .ntl-ng-dropdown__arrow.top-right:after {
            transform: rotate(45deg) skewX(15deg) skewY(15deg);
            top: -9px;
            left: -17%;
        }

    .ntl-ng-dropdown__arrow.top-center {
        bottom: calc(100% - 1px);
        left: 50%;
        transform: translateX(-12.5%) rotate(180deg);
    }

        .ntl-ng-dropdown__arrow.top-center:after {
            transform: rotate(45deg) skewX(15deg) skewY(15deg);
        }
    /*angular 9 drop down bootstap ngb dropdown css END */
    /* Add attachment*/
    .ntl-attachment-addicon-outer {
        margin-bottom: 20px;
    }

    .ntl-textareascroll-outer {
        position: relative;
        /*font-size: .875em;*/
        color: #353D43;
        text-align: left;
        letter-spacing: 0.0500em;
        border: 1px solid #AAAAAA;
        border-radius: 2px;
        box-shadow: none;
        padding: 6px 0 6px 14.5px;
    }

        .ntl-textareascroll-outer textarea.form-control, .ntl-textareascroll-outer textarea.form-control:focus {
            padding: 0px !important;
            border: 0px !important;
            min-height: 92px;
        }


    .ntl-h-108 {
        height: 108px;
    }

    .ntl-attachment-addicon {
        width: 33px;
        height: 33px;
        font-size: 33px;
        margin-right: 12px;
    }

    .ntl-a-loader {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 999;
        background-image: url("/Assets/images/loader.gif");
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 32px;
        background-position: center;
    }

    .ntl-f-loader {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999999;
        background-image: url("/Assets/images/loader.gif");
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 32px;
        background-position: center;
    }

    button.refresh-icon.q2e4-refresh, button.refresh-icon.q2e4-refresh:hover, button.refresh-icon.q2e4-refresh:focus {
        color: #353D43 !important
    }

    .ntl-chat-lock-icon {
        background-image: url("/Assets/images/lockicon.svg");
        width: 16px;
        height: 19px;
        background-repeat: no-repeat;
        background-position: center;
    }
    /*Refrence material preview*/
    .ntl-rm-preview {
    }

    .ntl-preview-doc-wrap {
        width: 100%;
        height: 100%;
        margin: 0px auto;
        /*  
    border: 1px solid #e9eef0;*/
    }

        .ntl-preview-doc-wrap iframe, .ntl-preview-doc-wrap-outer .ps-content {
            width: 100%;
            height: 100%;
        }

    .per-modal-dialog.ntl-w-64vh {
        width: 64.5%;
        height: 93.25vh
    }

    .ntl-tab-section.ntl-tab-section-full-width {
        -webkit-box-flex: 1;
        flex: 1 1 auto;
    }

    .ntl-rm-preview .ntl-tab-section {
        padding: 0 20px;
    }

    .ntl-rm-preview .ntl-tablist li.tablist-item {
        padding: 0;
        padding-right: 20px;
        border-bottom: 0;
        cursor: auto;
    }

    .ntl-bg-white {
        background-color: #fff
    }

    .ntl-bg-darkgray {
        background-color: #353d43
    }

    .ntl-text-white {
        color: #fff !important
    }
    /*Css Start design for modal windown ngb-windown*/
    .ngb-modal-window {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        overflow: hidden;
        outline: 0;
    }

        .ngb-modal-window > .modal-dialog {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            margin: auto !important;
            width: calc(100% - (3.75% + 3.75%));
            height: calc(100vh - (11.58vh + 11.58vh));
        }

        .ngb-modal-window.ngb-w-440 > .modal-dialog {
            width: 27.5%;
            height: auto
        }

        .ngb-modal-window.ntl-w-64vh > .modal-dialog {
            width: 64.5%;
            height: 93.25vh;
        }

        .ngb-modal-window.ntl-md-wh-440px > .modal-dialog {
            min-height: 21vmax;
            max-height: 82vh;
            width: 440px !important;
            height: auto
        }

    .twofa-screen-conf.ngb-modal-window.ntl-md-wh-440px > .modal-dialog {
        min-height: 10px
    }


    .ngb-modal-window.ntl-filter-md-wh > .modal-dialog {
        height: 75vh !important;
        width: 770px !important;
    }

    .ngb-modal-window.ntl-filter-md-wh.height-full > .modal-dialog {
        height: auto !important;
        min-height: 40vh !important;
        width: 770px !important;
        max-height: calc(100vh - 60px);
    }

    .ngb-modal-window.ntl-filter-md-wh.height-full.min-h-full > .modal-dialog {
        height: auto !important;
        min-height: calc(100vh - 60px) !important;
        width: 770px !important;
        max-height: calc(100vh - 60px);
    }

    .ngb-modal-window.ntl-filter-md-wh.height-full.min-h-full.ntl-md-wh-1250 > .modal-dialog {
        max-width: 1250px;
        width: 1250px !important;
        padding: 0 30px;
    }

    .ngb-modal-window.ntl-filter-md-wh.height-full.height-40vmax > .modal-dialog {
        min-height: 40vmax !important;
    }

.ngb-modal-window.ntl-md-wh-1020 > .modal-dialog,
.ngb-modal-window.ntl-md-wh-max-60minus > .modal-dialog {
    height: auto !important;
    min-height: 40vh !important;
    width: 1020px !important;
    max-height: calc(100vh - 60px);
}
.ntl-md-wh-440px.ngb-modal-window.ntl-md-wh-max-60minus > .modal-dialog {
    width: 440px !important;
}
.ntl-md-wh-660px.ngb-modal-window.ntl-md-wh-max-60minus > .modal-dialog {
    width: 660px !important;
}

.ntl-md-wh-960px.ngb-modal-window.ntl-md-wh-max-60minus > .modal-dialog {
    width: 90% !important;
    height: auto !important;
    min-height: 60vh !important;
}

.ngb-modal-window.ntl-fullwidth-md-wh > .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    /*max-height: 920px;*/
    max-height: 100%;
    min-height: 600px;
    padding: 30px
}

    .ngb-modal-window.ntl-md-wh-440px.ntl-wh-60 > .modal-dialog,
    .ngb-modal-window.ntl-md-wh-440px.height-full > .modal-dialog,
    .ngb-modal-window.ntl-md-wh-1020.height-full > .modal-dialog {
        max-height: calc(100vh - 60px);
    }

    .ngb-modal-window.ntl-fullwidth-md-wh.modal-dialog-p-0 > .modal-dialog {
        padding: 0 !important
    }

        .ngb-modal-window.ntl-fullwidth-md-wh.modal-dialog-p-0 > .modal-dialog .ntl-modal-body,
        .ngb-modal-window.ntl-fullwidth-md-wh.modal-dialog-p-0 > .modal-dialog .ntl-modal-footer {
            border-radius: 0 !important
        }

    .ngb-modal-window .ntl-modal-footer.ntl-modal-footer-sm-p.p-i20,
    .ntl-filter-md-wh .ntl-modal-footer.ntl-modal-footer-sm-p {
        padding: 20px !important;
    }

    .ngb-modal-window.ngb-w-440.ngb-height-auto > .modal-dialog {
        min-height: 200px;
        height: auto
    }

    .ngb-modal-window.ngb-w-440.ngb-height-60per > .modal-dialog {
        height: calc(100vh - (20vh + 20vh))
    }


    .ngb-modal-window > .modal-dialog > .modal-content,
    .ngb-modal-window > .modal-dialog > .modal-content > com-document-preview,
    .ngb-modal-window > .modal-dialog > .modal-content > :first-child {
        position: relative;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-flex: 1;
        flex: 1;
        min-height: 1px;
        /*overflow: hidden;*/
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
        background-color: transparent;
        color: #454f57;
    }

    .ngb-modal-window.fade {
        opacity: 1;
        background: rgba(0, 0, 0, .8)
    }

    .ngb-modal-window.modal.fade .modal-dialog {
        transform: none;
    }

    .ngb-modal-window.show {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    /* modal width height full ad per task ngb-modal*/
.ngb-window-wh-asper-task {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding:30px;
    overflow: hidden;
    outline: 0;
}
.ngb-window-wh-asper-task > .modal-dialog {
    height: 100% !important;
    min-width: 1025px;
    width: 1220px !important;
    max-height: 920px;
    min-height: 600px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    transition: width 1s;
    width: 1546px !important;
}

/*Css END design for modal windown ngb-windown*/
/*Css Start Export popup*/
.ntl-share-dashboard-wrap.share-dashboard-wrap .message-box {
    height: 100%;
}
    /*Css Start Export popup*/
    .ntl-radio-inline {
        margin-bottom: 0 !important
    }

        .ntl-radio-inline.ntl-ul-styled-radio > li > .ntl-radio > label {
            margin-bottom: 0 !important
        }

    .min-w-156 {
        min-width: 156px;
    }

    .tooltip.tooltip-white.bs-tooltip-bottom {
        padding-top: 0.17rem
    }

    .ntl-comment-align {
        margin-top: -4px;
    }

    .isdeleteduser .ntl-image {
        opacity: .2
    }

    .isdeleteduser, .isdeleteduser .ntl-comment-username {
        color: #B5B5B5
    }

        .isdeleteduser .ntl-comment-dateformate {
            color: #86898C
        }

        .isdeleteduser .ntl-comment-message {
            color: #B7B8BA
        }

    .ntl-tooltip-p-remove {
        position: relative;
        top: -10px;
    }

    .ntl-latestchat-notification {
        background: #29ACE3;
        height: 28px;
        color: #fff !important;
        position: absolute;
        width: 100%;
        padding: 0 40px;
        z-index: 99;
        text-decoration: none
    }

        .ntl-latestchat-notification:hover, .ntl-latestchat-notification:focus {
            text-decoration: none
        }

    .ntl-latestchat-notification__msgcount {
        flex: 1
    }
    /*Custom tab design css Start*/
    /*New design option and checkbox div border red css start*/
    .chk-outer.ntl-chk-opt-required, .option-outer.ntl-chk-opt-required, .ntl-chk-opt-required,
    .ntl-ul-styled-radio.ntl-chk-opt-required, .ntl-ul-styled-checkbox.ntl-chk-opt-required {
        border: 1px solid #F73D3D !important
    }

        .ntl-chk-opt-required:before, .ntl-chk-opt-required:after {
            display: table;
            content: '';
        }

        .ntl-chk-opt-required:after {
            clear: both
        }

    /*New design option and checkbox div border red css end*/
    .clickOnCustomtab .ntl-section-left {
        display: none
    }

    .clickOnCustomtab .ntl-section-right {
        width: 100%;
    }

    .ntl-customtab-section-stripe-outer {
        padding: 0 40px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

        .ntl-customtab-section-stripe-outer.strip-shadow {
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5) !important;
            border-bottom: 0 !important
        }

    .ntl-customtab-section-stripe {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        align-self: stretch;
        display: -webkit-box;
        display: flex;
        -webkit-box-flex: 1;
        flex: 1 1;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

        .ntl-customtab-section-stripe > li {
            margin: 3px 3px;
            max-width: calc(12.5% - 10px);
        }

            .ntl-customtab-section-stripe > li:first-child {
            }

            .ntl-customtab-section-stripe > li .ntl-strip-btn {
                padding: 2px 16px 2px;
                min-height: 29px;
                font-family: open_sans_bold;
                text-decoration: none;
                font-size: 1em;
                margin-left: 0;
                text-overflow: ellipsis;
                overflow: hidden;
                width: 100%;
                line-height: 29px
            }

                .ntl-customtab-section-stripe > li .ntl-strip-btn.btn:active, .ntl-customtab-section-stripe > li .ntl-strip-btn.btn.active {
                    box-shadow: none
                }

    .v3-ntl-customtab-section-stripe.ntl-customtab-section-stripe {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden
    }

        .v3-ntl-customtab-section-stripe.ntl-customtab-section-stripe > li {
            max-width: none
        }

    .ntl-btn-default.btn.ntl-strip-btn {
        /* padding: 3px 16px 2px;*/
        padding-left: 16px;
        padding-right: 16px;
        min-height: 29px;
        margin-left: 0;
        color: #fff !important;
        line-height: 23px;
    }

    .ntl-link-textdecoration-none, .ntl-link-textdecoration-none:focus, .ntl-link-textdecoration-none:hover {
        text-decoration: none;
        color: #454f57
    }

    .ntl-customtab-section-stripe-outer.ntl-h-76 {
        min-height: 76px;
        padding: 14px 37px;
        /*    border-bottom: 1px solid rgba(0,0,0,0.5);*/
        -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
        box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    }

        .ntl-customtab-section-stripe-outer.ntl-h-76.form--stripe {
            padding-top: 13px;
            padding-bottom: 13px;
        }


    .ntl-alert-task {
    }

    .ntl-alert-task--list {
        padding: 0;
    }

        .ntl-alert-task--list li {
            padding: 12.5px 0;
            border-bottom: 1px solid rgba(134, 137, 140, .4)
        }

            .ntl-alert-task--list li:last-child {
                border-bottom: none
            }

            .ntl-alert-task--list li a {
                float: none !important;
                margin: 0 !important
            }
    /*Custom tab preview extecution design start css*/
    .ntl-custom-tab-preview .ntl-styled-checkbox[type="checkbox"]:disabled:not(:checked) + label,
    .ntl-custom-tab-preview .ntl-styled-checkbox[type="checkbox"]:disabled:checked + label,
    .ntl-custom-tab-preview .ntl-styled-radio[type="radio"]:disabled:not(:checked) + label,
    .ntl-custom-tab-preview .ntl-styled-radio[type="radio"]:disabled:checked + label {
        background: transparent;
    }

    .ntl-custom-tab-preview .gm-e-accordian.panel-group .panel-heading .event-title {
        font-family: "open_sans_bold";
        height: auto;
        min-height: 1px;
        line-height: 20px
    }

        .ntl-custom-tab-preview .gm-e-accordian.panel-group .panel-heading .event-title.ntl-custom-tab-preview-header {
            padding: 20px;
            height: auto;
            min-height: 1px;
            line-height: 20px;
        }

    .ntl-custom-tab-preview .gm-e-accordian.panel-group .panel-default {
        border-radius: 8px;
        margin-bottom: 20px;
        /*margin-bottom:30px*/
    }

    .ntl-custom-tab-preview .ntl-ul-styled-radio > li > .ntl-radio > label {
        display: block !important
    }

    .ntl-custom-tab-preview-body, .ntl-custom-tab-preview-body-outer {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .ntl-custom-tab-preview-body {
        border-radius: 8px;
    }

    .ntl-custom-tab-preview .gm-e-accordian.panel-group .panel-default > .panel-heading {
        border-bottom: none
    }

    .ntl-custom-tab-preview .field-setting-header.custom-tab-header {
        padding-left: 0
    }
    /*.ntl-custom-tab-preview .is-heirarchical-f .field-setting-header.custom-tab-header{padding-left:15px;}*/
    .ntl-custom-tab-preview textarea.form-control {
        resize: none;
        /*min-height: 32px;*/
        line-height: 1.3
    }

        .ntl-custom-tab-preview textarea.form-control:focus {
            min-height: 20px
        }

    .frmTabIndex:focus.form-control.txt-area {
        min-height: 10px
    }





    .customtab-f-config .txt-area {
        line-height: 1.3
    }

    .ntl-custom-tab-preview .date-picker .input-group {
        background-color: #fff;
        width: 100%;
    }

    .ntl-custom-tab-preview .ntl-bs-select.bootstrap-select.form-control:not([class*="col-"]),
    .ntl-bs-w-100.ntl-bs-select.bootstrap-select.form-control:not([class*="col-"]) {
        width: 100%;
        background: none;
    }

    .ntl-custom-field-section .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100% !important;
    }

    .ntl-bs-select.bootstrap-select.btn-group.open {
    }
    /*.ntl-bs-select.bootstrap-select.form-control {
    background: none;
}*/
    /*.ntl-custom-tab-preview .ntl-styled-checkbox[type="checkbox"]:checked + label:after {
    left:1px;
}*/
    .ntl-custom-tab-preview .ntl-ul-styled-checkbox > li > .ntl-checkbox > label > span, .ntl-ul-styled-checkbox > li > .ntl-checkbox > label > span {
        margin-top: -2px
    }

    .ntl-hide-xscroll .ps__thumb-x {
        display: none
    }

    .remove-pointer-event {
        pointer-events: none;
    }
    /*Custom tab preview extecution design End css*/
    /*Custom tab design css End*/
    /*sandbox css*/
    .ntl-arrowtree {
        font-size: 18px;
        width: 11px;
        float: left;
        text-align: center
    }

    .ntl-pl-i20 {
        padding-left: 20px !important;
    }

    .ntl-pl-21 {
        padding-left: 21px;
    }

    .ntl-pl-27 {
        padding-left: 27px;
    }

    .ntl-pl-17 {
        padding-left: 17px;
    }

    .ntl-p-20 {
        padding: 20px !important;
    }

    .ntl-pl-15 {
        padding-left: 15px;
    }

    .indent-level0 {
        padding-left: 0 !important
    }

    .indent-level1 {
        padding-left: 20px !important
    }

    .indent-level2 {
        padding-left: 40px !important
    }

    .indent-level3 {
        padding-left: 60px !important
    }

    .indent-level4 {
        padding-left: 80px !important
    }

    .indent-level5 {
        padding-left: 100px !important
    }

    .footer.ntl-q2egray-footer {
        background-color: #E9E7E7;
        color: #454f57 !important
    }

        .footer.ntl-q2egray-footer .col-sm-12 {
            padding: 0 40px
        }

        .footer.ntl-q2egray-footer .copyright {
            padding-left: 0px
        }

        .footer.ntl-q2egray-footer .admin {
            font-family: 'open_sans_bold';
            padding-right: 0px;
        }
    /*Workflow preview sandbox css start */
    /*Workflow preview sandbox css End */
    /*Sprint 141 cutomfiled required message */
    .ntl-field-required,
    .ntl-field-required-dd.ntl-bs-select.bootstrap-select.btn-group .btn,
    .ntl-field-required-dd-parent .ntl-bs-select.bootstrap-select.btn-group .btn,
    .ntl-field-required-ng-select-dd.ntl-ng-dropdown.ng-select .ng-select-container {
        border: 1px solid #F73D3D !important
    }

    /* required exclamation css for drop dpwn */
    .ntl-field-required-dd-parent .ntl-bs-select.bootstrap-select.btn-group .btn {
        padding-right: 54px !important
    }

        .ntl-field-required-dd-parent .ntl-bs-select.bootstrap-select.btn-group .btn .bs-caret {
            right: 15px;
            position: absolute;
        }

    .ExtFormTabIndex .ntl-bs-select.bootstrap-select.btn-group.disabled,
    .ntl-internal-from .ntl-bs-select.bootstrap-select.btn-group.disabled {
        opacity: .65
    }
    /* required exclamation css for drop dpwn*/
    .ntl-text-required {
        color: #F73D3D !important;
        font-size: 0.7500em;
        font-family: "open_sans_bold";
        padding-left: 14.5px;
        margin-top: 3.5px;
        position: relative;
        height: 19px;
    }

    .ntl-exlamation:after, .ntl-exlamation-full:after {
        content: '\f06a';
        position: absolute;
        left: 225px;
        top: -100%;
        z-index: 999;
        font-family: 'Font Awesome 5 Free';
        font-size: 16px;
        font-weight: 900;
        margin-top: -12px;
        background: transparent;
        height: 20px;
        padding-left: 3px;
        padding-right: 3px
    }


    .v3-custom-tab-padding .ntl-exlamation:after, .v3-custom-tab-padding .ntl-exlamation-full:after {
        background: transparent;
    }

    .ntl-exlamation--blank:after {
        content: '' !important;
    }

    .ntl-exlamation-outer {
        position: relative;
        width: 252px;
    }

    .ntl-exlamation-textarea {
        color: #F73D3D;
        position: absolute;
        top: 10PX;
        right: 8px;
    }

    .ntl-exlamation-red {
        color: #F73D3D;
    }
    /*Custom tab require field start */
    .chk-outer .option-outer {
    }

    .ntl-exlamation-textarea[hidden], .ntl-ct-required-wrap .ntl-text-required[hidden] {
        display: none
    }

    .ntl-ct-required-wrap .ntl-text-required {
        height: 17px
    }

    .ntl-ct-required-wrap .ntl-with-arrowicon-menu.ntl-exlamation:after {
    }

    .ntl-ct-required-wrap .ntl-text-required {
        display: block
    }

    .ntl-ct-required-wrap .ntl-exlamation:after, .ntl-exlamation-full:after {
        left: 100%;
        margin-left: -28px
    }

    .ntl-ct-required-wrap .ntl-with-arrowicon-menu.ntl-exlamation:after, .exclamation-mt-12.ntl-exlamation.ntl-with-arrowicon-menu:after {
        margin-top: -12px
    }

    .ntl-ct-required-wrap .ntl-with-arrowicon.ntl-exlamation:after {
        margin-left: -57px;
        left: 100%;
    }

    .ntl-ct-required-wrap .ntl-with-arrowicon-menu.ntl-exlamation:after, .exclamation-ml-minus53.ntl-exlamation:after {
        left: 100%;
        margin-left: -53px
    }

    .exclamation-ml-minus53.ntl-exlamation:after {
        margin-left: -53px !important
    }

    .form-control.ntl-bs-select:focus {
        border: 0 !important;
        padding: 0 !important
    }
    /*Custom tab require field End*/
    .ntl-with-arrowicon.ntl-exlamation:after {
        left: 198px;
    }

    .ntl-with-arrowicon-menu.ntl-exlamation:after {
        margin-top: -9px;
        left: 200px;
    }

    .ntl-text-required.p--remove {
        padding-left: 0
    }
    /*********************************************Sprint 143**************************************************/
    /******************** FORM BUIDER PREVIEW CSS START *************************/
    .ntl-form-preview .uploaded-delete:before {
        cursor: default !important;
    }

.ntl-form-preview .ntl-styled-checkbox[type="checkbox"]:disabled:not(:checked) + label,
.ntl-form-preview .ntl-styled-checkbox[type="checkbox"]:disabled:checked + label,
.ntl-form-preview .ntl-styled-radio[type="radio"]:disabled:not(:checked) + label,
.ntl-form-preview .ntl-styled-radio[type="radio"]:disabled:checked + label,
.chk-radio-bg-transparent .ntl-styled-checkbox[type="checkbox"]:disabled:not(:checked) + label,
.chk-radio-bg-transparent .ntl-styled-checkbox[type="checkbox"]:disabled:checked + label,
.chk-radio-bg-transparent .ntl-styled-radio[type="radio"]:disabled:not(:checked) + label,
.chk-radio-bg-transparent .ntl-styled-radio[type="radio"]:disabled:checked + label {
    background-color: transparent;
}

    .form-wrap .ntl-form-preview .g-font-size-reset label.bold-lbl {
        font-weight: normal
    }

    .ntl-form-preview .bg-border-radius-8, .ntl-form-builder-preview .bg-border-radius-8 {
        border-radius: 8px;
    }

    .ntl-form-preview .ntl-date-picker > .form-control.datepicker-form-control,
    .ntl-internal-from .ntl-date-picker > .form-control.datepicker-form-control {
        z-index: 0
    }

    /*start line*/

    /******************** FORM BUIDER PREVIEW CSS END  *************************/
    /*********************************************Sprint 143**************************************************/
    /*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * media query for new task design
*/
    @media screen and ( min-width: 1024px ) and ( max-width: 1366px ) {
        .ntl-tooltip-shadow .tooltip-inner {
            padding-top: 5px;
            padding-bottom: 5px
        }
    }

    .svg-stroke-blue {
        stroke: #2aace3
    }

    .svg-stroke-blue-withhover:hover .svg-stroke-blue {
        stroke: #1193CA
    }
    /*Start utilities class for new tassk layout*/
    .ntl-seprator {
        border-bottom: 1px solid #DFDFDF
    }

    .ntl-word-wrap {
        word-break: break-word;
        word-wrap: break-word;
    }

    .ntl-word-wrap-break-all {
        word-break: break-all;
        word-wrap: break-word;
    }

    .ntl-of-ihidden {
        overflow: hidden !important
    }

    .ntl-pl-10 {
        padding-left: 10px;
    }

    .ntl-pl-45 {
        padding-left: 45px;
    }

    .ntl-pl-55 {
        padding-left: 55px;
    }

    .ntl-pr-i0 {
        padding-right: 0px !important;
    }

    .ntl-pr-i40 {
        padding-right: 40px !important;
    }

    .ntl-pr-i8 {
        padding-right: 8px !important;
    }

    .ntl-pr-i18 {
        padding-right: 18px !important;
    }

    .ntl-pr-i14 {
        padding-right: 14px !important;
    }

    .ntl-pr-i10 {
        padding-right: 10px !important;
    }

    .ntl-pr-i20 {
        padding-right: 20px !important;
    }

    .ntl-pr-i30 {
        padding-right: 30px !important;
    }

    .ntl-pr-i27 {
        padding-right: 27px !important;
    }

    .ntl-mb-i4 {
        margin-bottom: 4px !important;
    }

    .ntl-pb-4 {
        padding-bottom: 4px
    }

    .ntl-order-1 {
        order: 1
    }

    .ntl-order-2 {
        order: 2
    }

    ntl-order-3 {
        order: 3
    }

    .ntl-p-10-30 {
        padding: 0 30px 0 10px
    }

    .ntl-p-10 {
        padding: 10px
    }

    .ntl-p-tb10-lr-20 {
        padding: 10px 20px
    }

    .ntl-p-10-20 {
        padding: 0 20px 0 10px
    }

    .ntl-error-red-border {
        border: 1px solid #F73D3D !important
    }

    .ntl-ml-40 {
        margin-left: 40px
    }

    .ntl-ml-26 {
        margin-left: 26px
    }

    .ntl-mt-5 {
        margin-top: 5px;
    }

    .ntl-mt-25 {
        margin-top: 25px
    }

    .ntl-mt-20 {
        margin-top: 20px
    }

    .ntl-mt-i0 {
        margin-top: 0px !important
    }

    .ntl-mt-i20 {
        margin-top: 20px !important
    }

    .ntl-ml-25 {
        margin-left: 25px
    }

    .ntl-ml-54 {
        margin-left: 54px
    }

    .ntl-m-0 {
        margin: 0 !important
    }

    .ntl-pl-i0 {
        padding-left: 0 !important
    }

    .ntl-pt-i12 {
        padding-top: 12px !important
    }

    .ntl-pl-0 {
        padding-left: 0
    }

    .ntl-ml-i20 {
        margin-left: 20px !important
    }

    .ntl-mb-i20 {
        margin-bottom: 20px !important
    }

    .ntl-mb-20, .form-group.ntl-mb-20 {
        margin-bottom: 20px
    }

    .form-group.ntl-mb-14, .ntl-mb-14 {
        margin-bottom: 14px
    }

    .ntl-mb-i0 {
        margin-bottom: 0 !important
    }

    .ntl-ml-i19 {
        margin-left: 19px !important
    }

    .ntl-ml-10 {
        margin-left: 10px
    }

    .ntl-ml-12 {
        margin-left: 12px
    }

    .ntl-ml-14 {
        margin-left: 14px
    }

    .ntl-ml-0 {
        margin-left: 0
    }

    .ntl-mt-30 {
        margin-top: 30px;
    }

    .ntl-mt-40 {
        margin-top: 40px;
    }

    .ntl-mt-24h5 {
        margin-top: 24.5px;
    }

    .ntl-mb-5h5 {
        margin-bottom: 5.5px;
    }

    .ntl-mb-5 {
        margin-bottom: 5px;
    }

    .ntl-mb-2 {
        margin-bottom: 2px;
    }

    .ntl-mb-3 {
        margin-bottom: 3px;
    }

    .ntl-mb-30 {
        margin-bottom: 30px;
    }

    .ntl-mb-i30 {
        margin-bottom: 30px !important;
    }

    .ntl-mt-19 {
        margin-top: 19px;
    }

    .ntl-mt-12 {
        margin-top: 12px;
    }

    .ntl-p-0-30 {
        padding: 0 30px;
    }

    .ntl-p-0-20 {
        padding: 0 20px;
    }

    .ntl-h-100 {
        height: 100%;
    }

    .ntl-p-t-0 {
        padding-top: 0px !important;
    }

    .ntl-p-t-40 {
        padding-top: 40px;
    }

    .ntl-p-b-40 {
        padding-bottom: 40px;
    }

    .ntl-m-t-40 {
        margin-top: 40px;
    }

    .ntl-m-b-40 {
        margin-bottom: 40px;
    }

    .ntl-p-v-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .ntl-mr-12 {
        margin-right: 12px !important
    }

    .ntl-mr-8 {
        margin-right: 8px !important
    }

    .ntl-mr-9 {
        margin-right: 9px !important
    }

    .ntl-mr-20 {
        margin-right: 20px !important
    }

    .ntl-mr-29-5 {
        margin-right: 29.5px !important
    }

    .ntl-ml-29-5 {
        margin-left: 29.5px !important
    }

    .ntl-ml-30 {
        margin-left: 30px !important
    }

    .ntl-mr-10 {
        margin-right: 10px !important
    }

    .ntl-mr-34 {
        margin-right: 34px !important
    }

    .space-padding.ntl-mr-34 {
        margin-right: 40px !important
    }

    .ntl-f-regular {
        font-family: "open_sans_regular" !important
    }

    .ntl-f-bold {
        font-family: "open_sans_bold" !important;
    }

    .ntl-f-semibold {
        font-family: 'open_sans_semibold' !important;
    }

    .ntl-f-w-normal {
        font-weight: normal !important
    }

    .ntl-f-italic {
        font-family: "bariol-italic" !important;
    }

    .ntl-f-size-14em {
        font-size: .875em
    }

        .ntl-f-size-14em .ntl-exlamation-red {
            font-size: .875rem
        }

    .ntl-f-size-15em {
        font-size: 0.9375em !important
    }

    .ntl-f-size-16em {
        font-size: 1em
    }

    .ntl-f-size-17em {
        font-size: 1.0625em !important
    }

    .ntl-f-size-18em {
        font-size: 1.125em !important
    }

    .ntl-f-size-20em {
        font-size: 1.25em !important
    }

    .ntl-l-h-1 {
        line-height: 1;
    }

    .ntl-l-h-24 {
        line-height: 1.5rem;
    }

    .v3-anchor-disable, a.ntl-text-link.v3-anchor-disable, a.ntl-text-link.v3-anchor-disable:hover a.ntl-text-link.v3-anchor-disable:focus {
        color: #BEBFC1 !important;
    }

    .ntl-mt-3-5 {
        margin-top: 3.5px
    }

    .ntl-mt-30 {
        margin-top: 30px
    }

    .ntl-mb-30 {
        margin-bottom: 30px
    }

    .ntl-l-h-20 {
        line-height: 1.25em !important;
    }

    .ntl-zi-1 {
        z-index: 1
    }

    .btn.p-x-42 {
        padding-left: 42px;
        padding-right: 42px;
    }
    /*overwrite 42 by 27*/
    .p-x-42.p-x-27 {
        padding-left: 27px !important;
        padding-right: 27px !important;
    }

    .btn.p-x-18-5 {
        padding-left: 18.5px;
        padding-right: 18.5px
    }

    .btn.p-x-21-5 {
        padding-left: 21.5px;
        padding-right: 21.5px
    }

    .btn.p-x-23-5 {
        padding-left: 21.5px;
        padding-right: 21.5px
    }

    .btn.p-x-19-5 {
        padding-left: 19.5px;
        padding-right: 19.5px
    }

    .btn.p-x-40-5 {
        padding-left: 40.5px;
        padding-right: 40.5px
    }

    .btn.p-x-50-5 {
        padding-left: 50.5px;
        padding-right: 50.5px
    }

    .btn.p-x-56-5 {
        padding-left: 56.5px;
        padding-right: 56.5px
    }

    .btn.p-x-48-5 {
        padding-left: 48.5px;
        padding-right: 48.5px
    }

    .btn.p-x-29 {
        padding-left: 29px;
        padding-right: 29px
    }

    .btn.p-x-35 {
        padding-left: 35px;
        padding-right: 35px
    }

    .btn.p-x-44 {
        padding-left: 44px;
        padding-right: 44px;
    }

    .btn.p-x-46 {
        padding-left: 46PX;
        padding-right: 46PX;
    }

    .btn.p-x-51 {
        padding-left: 51px;
        padding-right: 51px;
    }

    .btn.p-x-52 {
        padding-left: 52px;
        padding-right: 52px;
    }

    .btn.p-x-49 {
        padding-left: 49px;
        padding-right: 49px;
    }

    .btn.p-x-54 {
        padding-left: 54px;
        padding-right: 54px;
    }

    .btn.p-x-22 {
        padding-left: 22px;
        padding-right: 22px;
    }

    .btn.p-x-24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .btn.p-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .btn.p-x-27 {
        padding-left: 27px;
        padding-right: 27px;
    }

    .btn.p-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .btn.p-x-32 {
        padding-left: 32px;
        padding-right: 32px;
    }

    .btn.p-x-32-5 {
        padding-left: 32.5px;
        padding-right: 32.5px;
    }

    .btn.p-x-33-5 {
        padding-left: 33.5px;
        padding-right: 33.5px;
    }

    .btn.p-x-34-5 {
        padding-left: 34.5px;
        padding-right: 34.5px;
    }

    .btn.p-x-38-5 {
        padding-left: 38.5px;
        padding-right: 38.5px;
    }

    .ntl-f-bold.ntl-dinblock {
        display: inline-block
    }

    .ntl-line-wrap {
        word-break: break-word;
        word-wrap: break-word;
        max-width: 500px;
        line-height: 20px;
    }

    .max-w-520text {
        word-break: break-word;
        word-wrap: break-word;
        max-width: 520px;
        line-height: 20px;
    }
    /*angular ng-select hide clear all icon*/
    .ng-select .ng-clear-wrapper {
        display: none;
    }
    /*END utilities class for new tassk layout*/
    /*Mobile version css */
    @media only screen and (max-width : 768px) {
        .ntl-section-left {
            display: none
        }

        .ntl-section-right {
        }
    }
    /*CSS for External task design start Here*/
    .ntl-external-Task-c-wrapper {
        height: 100%;
    }

    .ntl-external-Task-c {
        height: 100%;
        display: block
    }

    .ntl-external-Task.per-modal-outer {
        position: absolute;
        z-index: auto
    }

    .per-modal-outer .per-modal-dialog.ntl-wh-100 {
        width: 100%;
        height: 100%
    }
    /*Broad cast css start */
    .per-modal-dialog.ntl-create-broadcast .cke_path_item {
        font-family: open_sans_regular;
        font-size: .875rem
    }

    .ntl-crete-bc-wrap .ng-scroll-content, .ntl-ng-scrollbar, .ng-scroll-content {
        width: 100%
    }

    .per-modal-dialog.ntl-create-broadcast .cke_bottom {
        background: #E9EAEB;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .per-modal-dialog.ntl-create-broadcast .cke_toolbox {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -ms-flex: 1 1;
        flex: 1 1;
        min-height: 1px;
        min-width: 1px;
    }

        .per-modal-dialog.ntl-create-broadcast .cke_toolbox .cke_toolgroup {
            min-height: 27px;
        }

    .per-modal-dialog.ntl-create-broadcast .cke_wordcount {
        padding-top: 6px;
    }

    .per-modal-dialog.ntl-create-broadcast .cke_resizer_ltr {
        order: 3;
        align-self: flex-end;
    }

    .per-modal-dialog.ntl-create-broadcast .cke {
        border: 1px solid #AAAAAA !important;
    }

    .q2e4-wrm-list-outer .q2e4-attachment-close {
        margin-left: 7px;
        visibility: hidden
    }

    .q2e4-wrm-list-outer:hover .q2e4-attachment-close {
        visibility: visible
    }
    /*Broad cast css End */
    /*CSS for External task design start Here*/
    /*font increase issue Css start here*/
    @media only screen and (min-width : 1601px) {
        /*Fontsize 18px*/
        /*.ntl-ng-dropdown.dd-w-incre-185.dropdown-menu {
        margin-left: 24px;
        width: 185px;
    }
    .ntl-tooltip-shadow.show.tooltip, .show.tooltip {
       
        font-size: 17px !important
    }*/
        .ntl-comment-align {
            margin-top: -3px
        }
    }

    @media only screen and (min-width : 1901px) {
        /*Fontsize 19px*/

        /*.ntl-ng-dropdown.dd-w-incre-185.dropdown-menu {
        margin-left: 24px;
        width: 185px;
    }
    .ntl-tooltip-shadow.show.tooltip, .show.tooltip {
        font-size: 17px !important
    }*/
        .ntl-comment-align {
            margin-top: -2px
        }
    }
    /*font increase issue Css start here*/
    /*q2eoverwrite*/
    .ntl-form-wrap .search-input-group > .input-group-box > .input-group > .input-group-btn > .btn-default {
        height: 36px
    }

    .ntl-form-wrap .crncy-symbol-wrap.global-csymbol > .currency-symbol {
        top: 0px !important;
        display: flex;
        align-items: center;
        height: 100%;
        left: 5px !important
    }
    /*q2eoverwrite*/
    /*ng-scrollbar > .ng-scrollbar-wrapper, ng-scrollbar > .ng-scrollbar-wrapper > .ng-scroll-viewport-wrapper,
.ng-scroll-layer[_ngcontent-vwv-c156], .ng-scroll-viewport-wrapper[_ngcontent-vwv-c156], .ng-scrollbar-wrapper[_ngcontent-vwv-c156], .ng-scroll-viewport {
    position: static !important;
    width: 100%; 
    height: 100%
}*/
    ng-scrollbar {
        --scrollbar-size: 7px !important;
        --scrollbar-thumb-color: rgba(116,116,116,0.4) !important;
        --scrollbar-thumb-hover-color: rgba(116,116,116,0.4) !important;
        --scrollbar-border-radius: 4px !important;
        --scrollbar-padding: 6.5px !important;
        --scroll-view-margin: 0;
    }
        ng-scrollbar.table-head-fixed {
            --scrollbar-size: 7px !important;
            --scrollbar-thumb-color: rgba(116,116,116,0.4) !important;
            --scrollbar-thumb-hover-color: rgba(116,116,116,0.4) !important;
            --scrollbar-border-radius: 4px !important;
            --scrollbar-padding: 2px !important;
            --scroll-view-margin: 0;
        }
    .ng-native-scrollbar-hider.ng-scroll-viewport {
        contain: none !important
    }
    /*Custom tab preview diasable css*/
    .ntl-opacity65,
    .ntl-control-disabled-parent .form-control[disabled],
    .ntl-control-disabled-parent .form-control[readonly],
    .ntl-control-disabled-parent fieldset[disabled] .form-control,
    .ntl-control-disabled-parent .dateiconchange.ntl-date-picker > .form-control.datepicker-form-control[disabled] {
        opacity: 0.65;
        cursor: not-allowed
    }

        .ntl-control-disabled-parent .form-control[readonly].frmTabIndex:focus,
        .ntl-control-disabled-parent .form-control[disabled].frmTabIndex:focus,
        .ntl-control-disabled-parent fieldset[disabled] .form-control.frmTabIndex:focus,
        .ntl-control-disabled-parent .dateiconchange.ntl-date-picker > .form-control.datepicker-form-control[disabled] {
            border: 1px solid #aaa !important;
        }

    .ntl-custom-tab-preview .date-picker .input-group.date-readonly {
        background-color: transparent;
        /*opacity:.65*/
    }

    .ntl-control-disabled-parent .ntl-cfe-tabindex:focus {
        border: 1px solid #AAAAAA !important
    }


    .ntl-control-disabled-parent .form-control[disabled],
    .ntl-control-disabled-parent .form-control[readonly],
    .ntl-control-disabled-parent fieldset[disabled] .form-control,
    .ntl-control-disabled-parent .dateiconchange.ntl-date-picker > .form-control.datepicker-form-control[disabled] {
        background-color: #fff
    }

    .ntl-control-disabled-parent .label-text-disabled {
        background-color: #fff !important;
        opacity: .65;
    }

    .ntl-chk-option-disable-bgtransparent .ntl-styled-checkbox[type="checkbox"]:disabled:not(:checked) + label,
    .ntl-chk-option-disable-bgtransparent .ntl-styled-checkbox[type="checkbox"]:disabled:checked + label,
    .ntl-chk-option-disable-bgtransparent .ntl-styled-radio[type="radio"]:disabled:not(:checked) + label,
    .ntl-chk-option-disable-bgtransparent .ntl-styled-radio[type="radio"]:disabled:checked + label {
        background-color: transparent
    }

    .dnone-bootselect-flickering {
        display: none;
    }

    .visibility-hidden {
        visibility: hidden;
    }

    .top-0 {
        top: 0px !important;
    }
    /***********************CREATE BROAD MODAL POPUP CSS START*******************************/
    .q2e4-broardcast-create-form .form-group.indent-field {
        padding-left: 40px;
        margin-top: 10px;
    }

    .q2e4-broardcast-create-form .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
        background-color: #E6EBEF;
        border: none;
        border-radius: 3px;
        padding: 5px 20px 5px 5px;
        color: #353D43;
    }

    .start-l-w-68 {
        width: 68px;
    }

    .q2e4-broardcast-schedule-form-start {
        border-bottom: 1px solid rgba(134, 137, 140, .4)
    }

    .dateiconchange.ntl-date-picker.ntl-w-211 {
        width: 211px;
    }

    .q2e4-recurring-box.recurring-box {
        margin: 0;
        padding-left: 40px;
        min-height: 10px;
    }

    .q2e4-brdcast-set-time {
        margin-top: 25px;
        margin-bottom: 28px;
    }

        .q2e4-brdcast-set-time #resultStrip {
            padding-right: 20px;
        }

    .q2e4-broadcast-info {
        font-family: 'bariol-italic';
        color: #353D43
    }

    .bc-angle-up-down {
        padding-bottom: 3px;
        position: absolute;
        right: 12.75px;
        top: 0;
        height: 100%;
        padding-left: 12.75px;
        background: #fff;
        border-top: 1px solid #86898C;
        border-bottom: 1px solid #86898C;
        font-size: 14px;
    }

        .bc-angle-up-down .fa {
            font-size: 1.40em;
            height: 50%;
        }

        .bc-angle-up-down .fa-angle-down {
            position: relative;
            bottom: 0px;
        }

        .bc-angle-up-down .fa-angle-up {
            position: relative;
            top: 0px;
        }

        .bc-angle-up-down:after {
            border-left: 1px solid #979797;
            content: '';
            height: calc(100% - 10px);
            z-index: 3;
            position: absolute;
            left: 0;
            margin-top: 5px;
        }

    .q2e4-arrow-pointer {
        margin-right: 8px;
    }

        .q2e4-arrow-pointer .form-control {
            width: 85px !important;
        }

        .q2e4-arrow-pointer .form-control {
            padding: 6px 32.5px 6px 14.5px !important;
        }

    .q2e4-recurring-right.recurring-right .rec-box {
        margin-right: 0px;
    }

    .q2e4-weekly-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .q2e4-weekly-button .ntl-btn-secondary.btn, .q2e4-weekly-button .ntl-btn-default.btn {
            padding: 0px 12px 0;
            min-height: 29px;
            margin-left: 3px;
            margin-right: 3px;
            border: 0;
            line-height: 1;
            color: #454f57;
        }

        .q2e4-weekly-button span:first-child .ntl-btn-secondary, .q2e4-weekly-button span:first-child .ntl-btn-default {
            margin-left: 0px;
        }

        .q2e4-weekly-button span:last-child .ntl-btn-secondary.btn .q2e4-weekly-button span:last-child .ntl-btn-default.btn {
            margin-right: 0px;
        }

        .q2e4-weekly-button .ntl-btn-secondary.btn:hover, .q2e4-weekly-button .ntl-btn-default.btn:hover, .q2e4-weekly-button .ntl-btn-default.btn {
            background-color: #29ACE3;
            color: #fff
        }

        .q2e4-weekly-button.q2e4-montly-button {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }

            .q2e4-weekly-button.q2e4-montly-button .ntl-btn-secondary.btn,
            .q2e4-weekly-button.q2e4-montly-button .ntl-btn-default.btn {
                margin: 0;
                padding: 0
            }

            .q2e4-weekly-button.q2e4-montly-button > span {
                width: 29px;
                height: 29px;
                margin-left: 3px;
                margin-right: 3px;
                margin-bottom: 6px;
            }

                .q2e4-weekly-button.q2e4-montly-button > span > .btn {
                    width: 100%;
                    height: 100%;
                }
    /***********************CREATE BROAD MODAL POPUP CSS END*******************************/
    .q2e4-view-attachment .broadcast-atch-list {
        margin-bottom: 0;
    }

    .q2e4-view-attachment .wrm-title div.wrm-title-outerlst .truncate-text {
        padding-right: 0
    }
    /***********************CREATE SEND BY ME MODAL POPUP CSS START*******************************/
    .q2e4-sendbyme-view {
    }

    .q2e4-sendbyme-view-table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
    }

        .q2e4-sendbyme-view-table > thead > tr > td.fistcolumn {
            width: 49px;
        }

        .q2e4-sendbyme-view-table label {
            margin-bottom: 0
        }

        .q2e4-sendbyme-view-table > tbody > tr > td {
            vertical-align: top;
            padding-bottom: 14px;
        }

        .q2e4-sendbyme-view-table > tbody > tr:last-child > td {
            padding-bottom: 0;
        }

    .ntl-graylabel-bg {
        background-color: #E6EBEF;
        border-radius: 3px !important;
        padding: 0 6px;
    }

    .ntl-graybg-E6EBEF {
        background-color: #E6EBEF
    }

    .ntl-border-radius-3 {
        border-radius: 3px !important;
    }

    .q2e4-sendbyme-view-top {
        background: #f4f4f4;
        margin: -20px;
        padding: 20px;
        margin-bottom: 0
    }

    .q2e4-sendbyme-view-bottom {
    }

    .rootarrow-hide {
        display: none;
    }
    /********************sPRINT 142 FORM SECTION START************************************/
    .q2e4-from-top-stripe {
        height: 50px;
    }

    .q2e4-form-pre, .q2e4-form-next {
        height: 100%;
        align-items: center;
        display: flex;
    }

    .q2e4-form-pre {
        border-right: 1px solid #86898C;
    }

    .q2e4-form-next {
        border-left: 1px solid #86898C;
    }

    .q2e4-form-center, .q2e4-form-center-inner {
        margin-left: 29.5px;
        margin-right: 29.5px;
        overflow: hidden
    }

    .q2e4-form-center-outer.q2e4-form-center {
        margin: 0
    }

    .ntl-btn-secondary.btn.ntl-btn-secondary--round-witharrow {
        width: 30px;
        height: 30px;
        min-height: 1px;
        padding: 0 !important
    }

    .q2e4-form-complete {
        padding-right: 30px;
    }

    .q2e4-form-page-navigator {
        padding: 0 30px;
    }

    .q2e4-form-page-navigator-singlepage.q2e4-form-page-navigator {
        padding: 0
    }

    .q2e4-form-page-navigator-singlepage .q2e4-form-center-inner,
    .ntl-form-page-navigator-arrow-hide .q2e4-form-center-inner {
        margin: 0
    }

    .ntl-customtab-section-stripe--form-stripe {
        -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        overflow: hidden
    }

        .ntl-customtab-section-stripe--form-stripe .ntl-btn-default.btn.ntl-strip-btn {
            padding-left: 24px;
            padding-right: 24px;
        }

        .ntl-customtab-section-stripe--form-stripe.ntl-customtab-section-stripe > li .ntl-strip-btn {
            padding: 0 24px 0;
            line-height: 29px;
        }
    /*.ntl-customtab-section-stripe--form-stripe.ntl-customtab-section-stripe > li {
        margin: 0 0px;
        width: 188px;
        max-width: none;
        min-width: 188px !important;
    }*/

    .ntl-field-repeat-wrap .ntl-field-repeat.ntl-mb-20:last-child {
        margin-bottom: 5px
    }


    @media only screen and (max-width : 960px) {
        .ntl-customtab-section-stripe--form-stripe.ntl-customtab-section-stripe > li {
            margin: 0 0px;
            width: 100%;
            max-width: none;
            min-width: 100% !important;
        }
    }

    @media only screen and (min-width : 961px) and (max-width : 1200px) {
        .ntl-customtab-section-stripe--form-stripe.ntl-customtab-section-stripe > li {
            margin: 0 0px;
            width: 50%;
            max-width: none;
            min-width: 50% !important;
        }
    }

    @media only screen and (min-width : 1201px) and (max-width : 1430px) {
        .ntl-customtab-section-stripe--form-stripe.ntl-customtab-section-stripe > li {
            margin: 0 0px;
            width: 33%;
            max-width: none;
            min-width: 33% !important;
        }
    }

    @media only screen and (min-width : 1431px) and (max-width : 1750px) {
        .ntl-customtab-section-stripe--form-stripe.ntl-customtab-section-stripe > li {
            margin: 0 0px;
            width: 25%;
            max-width: none;
            min-width: 25% !important;
        }
    }

    @media only screen and (min-width : 1751px) and (max-width : 1950px) {
        .ntl-customtab-section-stripe--form-stripe.ntl-customtab-section-stripe > li {
            margin: 0 0px;
            width: 20%;
            max-width: none;
            min-width: 20% !important;
        }
    }


    @media only screen and (min-width : 1951px) {
        .ntl-customtab-section-stripe--form-stripe.ntl-customtab-section-stripe > li {
            margin: 0 0px;
            width: 16.66%;
            max-width: none;
            min-width: 16.66% !important;
        }
    }

    .v3-br-modal-wrap ng-scrollbar.ng-scrollbar .ng-scroll-content {
        height: auto !important
    }




    .ntl-customtab-section-stripe--form-stripe.ntl-customtab-section-stripe > li.form-single-page {
        min-width: 1px !important
    }
    /******FORM PREVIEW CSS START HERE*******/
    .form--stripe-single-page {
    }
    /******FORM PREVIEW CSS START HERE*******/
    /********************sPRINT 142 FORM SECTION END************************************/
    /*#######Sprin 148 Due date modal design ##########*/
    .q2e4-duration .ntl-flex-fill {
        flex-basis: 101px;
        max-width: 101px;
    }

    ngb-datepicker.dropdown-menu .bg-primary {
        color: #fff;
        background-color: #1193CA;
        border-radius: 0;
    }

    ngb-datepicker-navigation-select > .custom-select,
    ngb-datepicker-navigation-select > .custom-select:hover,
    ngb-datepicker-navigation-select > .custom-select:focus {
        border: 1px solid #aaa
    }

    .q2e4-date-footer {
        /*border-top: 1px solid rgba(0,0,0,.125);*/
        padding: 5px 10px;
        text-align: right;
        padding-top: 7px;
    }

        .q2e4-date-footer .btn {
            height: 18px;
            font-size: 12px;
            min-height: 26px;
            padding: 3px 10px 3px;
            margin-left: 10px;
            text-align: right;
        }
    /*.q2e4-date-picker*/
    .ngb-dp-week {
        background-color: #f1f1f1;
        border-bottom: 1px solid rgba(164,171,174,.5) !important;
        border-radius: 0;
    }

        .ngb-dp-week .ngb-dp-day {
            border-right: 1px solid rgba(164,171,174,.5)
        }

            .ngb-dp-week .ngb-dp-day:last-child {
                border-right: 0
            }

    .ngb-dp-header {
        background-color: #f1f1f1 !important
    }

    .ngb-dp-month:first-child .ngb-dp-week {
        padding-left: 0 !important;
    }

    .ngb-dp-month:last-child .ngb-dp-week {
        padding-right: 0 !important;
    }

    .ngb-dp-month .ngb-dp-week:last-child {
        padding-bottom: 0 !important
    }

    .ngb-dp-day, .ngb-dp-week-number /*, .ngb-dp-weekday*/ {
        height: 1.6rem !important;
    }

    [ngbDatepickerDayView] {
        height: 1.6rem !important;
        line-height: 1.6rem !important
    }

    .ngb-dp-week.ngb-dp-weekdays {
        background-color: #fff
    }

    .ngb-dp-day:hover {
        background-color: #9aa6ad;
        color: #fff;
        border-radius: 0px
    }

        .ngb-dp-day:hover .text-muted {
            color: #fff
        }

    .ngb-dp-weekday {
        font-style: normal !important;
        font-weight: bold
    }

    /*.q2e4-date-picker Ends*/
    .ntl-assign-duration-wrap {
    }

        .ntl-assign-duration-wrap .duration-divleft:first-child {
            width: 77%;
            position: relative
        }

    .deadline .ntl-assign-duration-wrap.date-picker .date-display .form-control {
        text-align: left;
    }

    .deadline .ntl-assign-duration-wrap.date-picker.assign-duration .duration-divleft.time-diplay-hide .date-display .form-control {
        border: 1px solid #aaa
    }

    .ntl-assign-duration-wrap .duration-divleft.date-picker-outer > .qfa-calendar {
        position: absolute;
        right: 30.5px;
        z-index: 1;
        top: 9.5px;
        color: #2aace3;
    }

    .ntl-assign-duration-wrap {
        display: flex;
        align-items: center
    }

        .ntl-assign-duration-wrap .ntl-mt-4,
        .deadline .ntl-assign-duration-wrap .fa-question-circle {
            margin-top: 0px;
        }

    .deadline .ntl-assign-duration-wrap.date-picker .time-display .form-control {
        padding-right: 40px
    }

    .deadline .ntl-assign-duration-wrap.date-picker .date-display {
        width: 124px
    }

    .deadline .ntl-assign-duration-wrap.date-picker .time-display {
        width: calc(100% - 124px);
    }
    /*
   #     
    start code
   #
*/
    /*#######Sprin 148 Due date modal design Ends  ##########*/
    /*********
    * * * 
    * * *
    * * *
    * * *
    * * *
    * * *
    * * *
    * * *
    * * *
    * * *
*********/
    /***********************CREATE SEND BY ME MODAL POPUP CSS END*******************************/
    /*Width aspect ratio class*/
    .per-modal-outer.ntl-task-modal-container-1220 {
        padding: 30px
    }

    .per-modal-outer.ntl-task-modal-container-full {
        padding: 30px 20px;
    }

    .per-modal-dialog.ntl-task-modal-wh {
        /*Width: 1480, height:923*/
        /*height: 90vh !important;*/
        /*width: calc(90vh * 1.6034) !important;*/
        /*width: calc(90vh * 1.3315) !important*/
        /*Width: 1480, height:923*/
        height: 90vh !important;
        /*width: calc(90vh * 1.6034) !important;*/
        width: calc(90vh * 1.3315) !important
    }

        .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3 {
            height: 100% !important;
            /* width: calc(90vh * 1.6034) !important; */
            /*width: calc(90vh * 1.3315) !important;*/
            min-width: 1025px;
            width: 1220px !important;
            /* width: auto !important; */
            max-height: 920px;
            min-height: 600px;
            /*transition: width 1s;*/
            /*will-change: transition, width;*/
            -webkit-transition: width 1s;
            -moz-transition: width 1s;
            transition: width 1s;
            /*transform: scaleX(100%);*/
        }

            .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3.active-customtab {
                /*width: 100% !important;*/
                /*transition: width 1s;*/
                /*will-change: transition, width;*/
                -webkit-transition: width 1s;
                -moz-transition: width 1s;
                transition: width 1s;
                /*transform: scaleX(100%);*/
            }

            .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3.preview-customtab {
                transition: none !important;
            }

            .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3.transition-remove {
                transition: none !important
            }

    .per-modal-dialog.per-modal-dialog-h-auto {
        height: auto !important
    }

    @media screen and ( min-width: 660px ) and ( max-width: 1280px ) {
        .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3,
        .ngb-window-wh-asper-task > .modal-dialog {
            min-width: 100%;
            width: 100% !important;
        }
    }

    @media screen and ( min-height: 0px ) and ( max-height: 660px ) {
        .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3,
        .ngb-window-wh-asper-task > .modal-dialog {
            height: 100% !important;
            min-height: 50px;
        }

        .v3-summary-scroll-pd {
            overflow-y: auto;
        }

            .v3-summary-scroll-pd > div.ntl-h-100 {
                min-height: 500px;
            }

        @-moz-document url-prefix() {
            .v3-summary-scroll-pd > div.ntl-h-100 {
                padding-bottom: 20px;
            }
        }
    }

    @media only screen and ( min-height: 661px ) {
        .v3-summary-scroll-pd > .ps__rail-y,
        .v3-summary-scroll-pd > .ps__rail-y .ps__thumb-y {
            height: 0 !important
        }
    }

    .per-modal-dialog.ntl-admin-filter-wh {
        /*Width: 622, height:704*/
        height: 75vh !important;
        /*width: calc(68.64vh * 0.8835) !important*/
        width: 48.125% !important
    }


    .per-modal-dialog.ntl-assign-people-to-task-wh {
        /*Width: 622, height:704*/
        height: 68.64vh !important;
        width: calc(68.64vh * 0.8835) !important
    }

    .per-modal-dialog.ntl-assign-business-roles-wh {
        /*Width: 622, height:604*/
        height: 58.89vh !important;
        width: calc(58.89vh * 1.0298);
        height: 68.64vh !important;
        width: calc(68.64vh * 0.8835) !important
    }

    .per-modal-dialog.ntl-add-attachment-wh {
        /*Width: 440, height:411*/
        /* height: 39.90vh !important;*/
        /*width: calc(54.29vh * 1.07055961071);*/
        width: calc(39.90vh * 1.07) !important
    }

    .per-modal-dialog.ntl-shared-link-wh {
        /*Width: 440, height:411*/
        /* height: 43.09vh !important;*/
        width: calc(43.09vh * 0.9954) !important
    }
    /*.per-modal-dialog.ntl-add-attachment-editname-wh {*/
    /*Width: 440, height:411*/
    /*height: 80vh;
    width: calc(29.72vh * 1.95555555556)
}
.per-modal-dialog.ntl-edit-shared-link-wh {*/
    /*Width: 440, height:411*/
    /* height: 80vh;*/
    /*width: calc(29.72vh * 1.95555555556)
}*/
    .per-modal-dialog.ntl-task-approval-wh {
        /*Width: 440, height:411*/
        /*height: 53.14vh;*/
        width: calc(53.14vh * 0.8073)
    }

    .per-modal-dialog.ntl-invite-guests-wh {
        /*Width: 440, height:411*/
        /*height: 44.95vh !important;*/
        width: calc(44.95vh * 0.9545) !important
    }

    .per-modal-dialog.ntl-assist-me-wh {
        /*Width: 440, height:345*/
        /* height: 33.64vh;*/
        width: calc(33.64vh * 1.2753)
    }

    .per-modal-dialog.ntl-confirmation1-wh {
        /*Width: 440, height:174*/
        /*  height: 16.96vh;*/
        width: calc(16.96vh * 2.5287)
    }

    .per-modal-dialog.ntl-confirmation2-wh {
        /*Width: 440, height:154*/
        /* height: 16.68vh !important;*/
        /*width: calc(16.68vh * 3.3896)*/
        width: auto !important;
        min-width: 522px !important;
    }

    .ngb-modal-window.ntl-md-confirmation > .modal-dialog {
        /*min-height: 40vh;
    max-height: 82vh;*/
        width: auto !important;
        min-width: 522px !important;
        height: auto;
        max-width: 522px
    }
.ngb-modal-window.ntl-md-confirmation.min-w-352 > .modal-dialog {
    /*min-height: 40vh;
    max-height: 82vh;*/
    width: auto !important;
    min-width: 352px !important;
    height: auto;
    max-width: 522px
}

    .ngb-modal-window.ntl-md-confirmation .ntl-modal-body {
        padding: 20px !important
    }

        .ngb-modal-window.ntl-md-confirmation .ntl-modal-body.pb-i0 {
            padding-bottom: 0px !important
        }

    .per-modal-dialog.ntl-active-q2e-account-wh {
        /*Width: 440, height:465*/
        /*height: 45.34vh !important;*/
        width: calc(45.34vh * 0.9462) !important
    }

    .per-modal-dialog.ntl-create-q2e-account-wh {
        /*Width: 440, height:650*/
        width: 440px;
        /*height: 63.38vh !important;*/
        /*width: calc(63.38vh * 0.6769) !important*/
    }

    .per-modal-dialog.ntl-user-aggrement-wh {
        /*Width: 1132, height:760*/
        height: 74.10vh !important;
        width: calc(74.10vh * 1.3578) !important
    }

    .per-modal-dialog.ntl-password-help-wh {
        /*Width: 440, height:300*/
        /*  height: 29.25vh !important;*/
        width: calc(29.25vh * 1.4666) !important
    }

    .per-modal-dialog.ntl-change-password-1-wh {
        /*Width: 440, height:428*/
        /* height: 41.73vh !important;*/
        width: calc(41.73vh * 1.0280) !important
    }

    .per-modal-dialog.ntl-change-password-2-wh {
        /*Width: 440, height:314*/
        /* height: 30.61vh !important;*/
        width: calc(30.61vh * 1.4012) !important
    }

    .per-modal-dialog.ntl-client-list-wh {
        /*Width: 440, height:412*/
        /* height: 40.17vh !important;*/
        width: calc(40.17vh * 1.0679) !important
    }

    @media only screen and ( min-width: 660px ) and ( max-width: 1600px ) {
        .per-modal-dialog.ntl-admin-filter-wh {
            height: 75vh !important;
            width: 770px !important;
        }
    }

    .ntl-document-preview-wh.ngb-modal-window.ntl-w-64vh > .modal-dialog {
        /*Width: 1032, height:1119*/
        height: 95vh;
        /*width: calc(95vh * 0.9222)*/
        width: 660px
    }

    .per-modal-dialog.ntl-create-broadcast {
        /*Width: 1200, height:890*/
        height: 90vh !important;
        width: calc(90vh * 1.3483) !important;
    }

    .per-modal-dialog.ntl-schedule-broadcast {
        /*Width: 1200, height:890*/
        /*height: 90vh !important;*/
        /*width: calc(90vh * 1.3483) !important;*/
        width: 487px;
    }
    /*form 16px font*/
    @media only screen and (min-width : 1751px) and (max-width : 1950px) {
    }
    /*form 17px font*/
    @media only screen and (min-width : 1951px) {
    }


    @media only screen and (min-width : 1600px) {

        .ntl-document-preview-wh.ngb-modal-window.ntl-w-64vh > .modal-dialog {
            /*Width: 1032, height:1119*/
            height: 95vh;
            width: calc(95vh * 0.9222)
        }
    }


    /********************************HEIGHT MEDIA QUAERY FOR MODAL POPUP********************************************/
    @media screen and ( max-height: 500px ) {
        .per-modal-dialog.ntl-shared-link-wh {
            /*Width: 440, height:411*/
            /* height: 79vh !important;*/
            width: calc(79vh * 0.9954) !important
        }

        .per-modal-dialog.ntl-confirmation1-wh {
            /*Width: 440, height:174*/
            /*height: 51vh !important;*/
            width: calc(51vh * 2.5287) !important
        }

        .per-modal-dialog.ntl-confirmation2-wh {
            /*Width: 440, height:154*/
            /* height: 51vh !important;*/
            width: calc(51vh * 3.3896) !important
        }

        .per-modal-dialog.ntl-assist-me-wh {
            /*Width: 440, height:345*/
            /*height: 64vh !important;*/
            width: calc(64vh * 1.2753)
        }

        .per-modal-dialog.ntl-invite-guests-wh {
            /*Width: 440, height:411*/
            /*height: 79vh !important;*/
            width: calc(79vh * 0.9545) !important
        }

        .per-modal-dialog.ntl-active-q2e-account-wh {
            /*Width: 440, height:465*/
            /*height: 79.30vh !important;*/
            width: calc(79.30vh * 0.9462) !important
        }

        .per-modal-dialog.ntl-password-help-wh {
            /*Width: 440, height:300*/
            /* height: 63vh !important;*/
            width: calc(63vh * 1.4666) !important
        }

        .per-modal-dialog.ntl-change-password-1-wh {
            /*Width: 440, height:428*/
            /*  height: 65.73vh !important;*/
            width: calc(65.73vh * 1.0280) !important
        }

        .per-modal-dialog.ntl-change-password-2-wh {
            /*Width: 440, height:314*/
            /* height: 64.61vh !important;*/
            width: calc(64.61vh * 1.4012) !important
        }

        .per-modal-dialog.ntl-client-list-wh {
            /*Width: 440, height:412*/
            /* height: 74.17vh !important;*/
            width: calc(74.17vh * 1.0679) !important
        }
    }
    /*Less than 500*/
    @media screen and ( min-height: 501px ) and ( max-height: 720px ) {
        .per-modal-dialog.ntl-shared-link-wh {
            /*Width: 440, height:411*/
            /*        height: 68vh !important;*/
            width: calc(68vh * 0.9954) !important
        }

        .per-modal-dialog.ntl-confirmation1-wh {
            /*Width: 440, height:174*/
            /*        height: 25vh !important;*/
            width: calc(25vh * 2.5287) !important
        }

        .per-modal-dialog.ntl-confirmation2-wh {
            /*Width: 440, height:154*/
            /*        height: 25vh !important;*/
            width: calc(25vh * 3.3896) !important
        }

        .per-modal-dialog.ntl-assist-me-wh {
            /*Width: 440, height:345*/
            /*        height: 52vh !important;*/
            width: calc(52vh * 1.2753)
        }

        .per-modal-dialog.ntl-invite-guests-wh {
            /*Width: 440, height:411*/
            /*        height: 67vh !important;*/
            width: calc(67vh * 0.9545) !important
        }

        .per-modal-dialog.ntl-active-q2e-account-wh {
            /*Width: 440, height:465*/
            /*        height: 59.30vh !important;*/
            width: calc(59.30vh * 0.9462) !important
        }

        .per-modal-dialog.ntl-password-help-wh {
            /*Width: 440, height:300*/
            /*        height: 43.25vh !important;*/
            width: calc(43.25vh * 1.4666) !important
        }

        .per-modal-dialog.ntl-change-password-1-wh {
            /*Width: 440, height:428*/
            /*        height: 45.73vh !important;*/
            width: calc(45.73vh * 1.0280) !important
        }

        .per-modal-dialog.ntl-change-password-2-wh {
            /*Width: 440, height:314*/
            /*        height: 44.61vh !important;*/
            width: calc(44.61vh * 1.4012) !important
        }

        .per-modal-dialog.ntl-client-list-wh {
            /*Width: 440, height:412*/
            /*        height: 54.17vh !important;*/
            width: calc(54.17vh * 1.0679) !important
        }
    }
    /*End of width b\w 501 and 720*/
    @media screen and ( min-height: 721px ) and ( max-height: 820px ) {
        .per-modal-dialog.ntl-shared-link-wh {
            /*Width: 440, height:411*/
            /*        height: 50vh !important;*/
            width: calc(50vh * 0.9954) !important
        }

        .per-modal-dialog.ntl-confirmation1-wh {
            /*Width: 440, height:174*/
            /*        height: 22vh !important;*/
            width: calc(22vh * 2.5287) !important
        }

        .per-modal-dialog.ntl-confirmation2-wh {
            /*Width: 440, height:154*/
            /*        height: 22vh !important;*/
            width: calc(22vh * 3.3896) !important
        }

        .per-modal-dialog.ntl-assist-me-wh {
            /*Width: 440, height:345*/
            /*        height: 38.64vh !important;*/
            width: calc(38.64vh * 1.2753)
        }

        .per-modal-dialog.ntl-invite-guests-wh {
            /*Width: 440, height:411*/
            /*        height: 50vh !important;*/
            width: calc(50vh * 0.9545) !important
        }

        .per-modal-dialog.ntl-active-q2e-account-wh {
            /*Width: 440, height:465*/
            /*        height: 50.30vh !important;*/
            width: calc(50.30vh * 0.9462) !important
        }

        .per-modal-dialog.ntl-password-help-wh {
            /*Width: 440, height:300*/
            /*        height: 34.25vh !important;*/
            width: calc(34.25vh * 1.4666) !important
        }

        .per-modal-dialog.ntl-change-password-1-wh {
            /*Width: 440, height:428*/
            /*        height: 46.73vh !important;*/
            width: calc(46.73vh * 1.0280) !important
        }

        .per-modal-dialog.ntl-change-password-2-wh {
            /*Width: 440, height:314*/
            /*        height: 35.61vh !important;*/
            width: calc(35.61vh * 1.4012) !important
        }

        .per-modal-dialog.ntl-client-list-wh {
            /*Width: 440, height:412*/
            /*        height: 45.17vh !important;*/
            width: calc(45.17vh * 1.0679) !important
        }
    }
    /*End of width b\w 721 and 820*/
    @media screen and ( min-height: 821px ) and ( max-height: 920px ) {
        .per-modal-dialog.ntl-shared-link-wh {
            /*Width: 440, height:411*/
            /*        height: 45.09vh !important;*/
            width: calc(45.09vh * 0.9954) !important
        }

        .per-modal-dialog.ntl-confirmation1-wh {
            /*Width: 440, height:174*/
            /*        height: 18.96vh !important;*/
            width: calc(18.96vh * 2.5287) !important
        }

        .per-modal-dialog.ntl-confirmation2-wh {
            /*Width: 440, height:154*/
            /*        height: 18.96vh !important;*/
            width: calc(18.96vh * 3.3896) !important
        }

        .per-modal-dialog.ntl-assist-me-wh {
            /*Width: 440, height:345*/
            /*        height: 35.64vh !important;*/
            width: calc(35.64vh * 1.2753)
        }

        .per-modal-dialog.ntl-invite-guests-wh {
            /*Width: 440, height:411*/
            /*        height: 46.95vh !important;*/
            width: calc(46.95vh * 0.9545) !important
        }

        .per-modal-dialog.ntl-active-q2e-account-wh {
            /*Width: 440, height:465*/
            /*        height: 47.34vh !important;*/
            width: calc(47.34vh * 0.9462) !important
        }

        .per-modal-dialog.ntl-password-help-wh {
            /*Width: 440, height:300*/
            /*        height: 31.25vh !important;*/
            width: calc(31.25vh * 1.4666) !important
        }

        .per-modal-dialog.ntl-change-password-1-wh {
            /*Width: 440, height:428*/
            /*        height: 43.73vh !important;*/
            width: calc(43.73vh * 1.0280) !important
        }

        .per-modal-dialog.ntl-change-password-2-wh {
            /*Width: 440, height:314*/
            /*        height: 32.61vh !important;*/
            width: calc(32.61vh * 1.4012) !important
        }

        .per-modal-dialog.ntl-client-list-wh {
            /*Width: 440, height:412*/
            /*        height: 42.17vh !important;*/
            width: calc(42.17vh * 1.0679) !important
        }
    }
    /*End of width b\w 821 and 920*/
    @media screen and ( min-height: 921px ) {
    }
    /********************************HEIGHT MEDIA QUAERY FOR MODAL POPUP END********************************************/

    /********************************ASpect ratio overwrite for responsive start********************************************/
    @media only screen and (min-width : 0px) and (max-width : 1024px) and (orientation: landscape) { /*COMMON for mobile and tablet*/
        .per-modal-dialog.ntl-assist-me-wh {
            min-width: 440px;
        }

        .v3-rs-chat .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3 {
            min-height: 450px;
        }
    }

    @media only screen and (min-width : 0px) and (max-width : 659px) and (orientation: landscape) { /*Only for MOBILE*/
        .per-modal-dialog.ntl-task-modal-wh /*modal task detail and form modal popup*/ {
            height: 100% !important;
            width: 100% !important;
        }

        .per-modal-dialog.ntl-assign-people-to-task-wh /*Assign People modal popup*/ {
            height: 100% !important;
            width: 100% !important;
        }
    }

    @media only screen and (min-width : 660px) and (max-width : 1024px) and (orientation: landscape) { /*Only for TABLET*/
        .per-modal-dialog.ntl-task-modal-wh /*modal task detail and form modal popup*/ {
            width: calc(100% - 60px) !important;
            height: calc(100% - 60px) !important;
        }

        .per-modal-dialog.ntl-assign-people-to-task-wh /*Assign People modal popup*/ {
            width: 662px !important;
            height: calc(100% - 60px) !important;
        }
    }

    @media only screen and (min-width : 660px) and (max-width : 720px) and (orientation: landscape) { /*special case for modal*/
        .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3, 
        .ngb-window-wh-asper-task > .modal-dialog /*modal task detail and form modal popup*/ {
            min-width: 600px;
            width: 660px !important;
            height: calc(100% - 60px) !important;
        }
    }


    @media only screen and (min-width : 660px) and (max-width : 1024px) and (orientation: portrait) {
    }
    /********************************ASpect ratio overwrite for responsive end********************************************/





ng-scrollbar.ng-scrollbar.ng-scrollbar-custom, ng-scrollbar.ng-scrollbar.ng-scrollbar-custom .ng-scroll-content {
    height: calc(100% - 8px) !important
}
    /*.per-modal-dialog.ntl-w-440 {*/
    /* height 461*/
    /*Invite Guest, Add Attachment, Edit Attachment, Add shared link*/
    /*width: calc(55vh * 0.9544468546637744)
}*/
    /*Width aspect ratio class css End*/
    .ntl-hide-browse {
        position: absolute;
        height: 100%;
        top: 0;
        width: 100%;
        left: 0;
    }

    .ntl-of-visible.bootstrap-select.btn-group .dropdown-menu {
        overflow: visible !important
    }

    .min-h-100per-5px {
        min-height: calc(100% - 5px) !important;
    }

    .fade {
        transition: none !important;
    }

    /*.cf-table-flex__bottom_first__inner {
        overflow-x: hidden
    }*/


    /**
     NEW SOLUTION DESIGN CSS START HERE
 **/
    .admin-dd-caret-right {
        font-size: 1rem !important;
        color: #353D43
    }

    .newadmin-wrap {
        padding: 40px 40px 25px;
        background-color: #f5f5f5
    }

    .admin-dd-row {
        flex: 0 0 auto;
        margin-right: 30px;
    }

    .ntl-btn-default.btn-rectangle {
        border-radius: 0;
        padding: 0
    }

    .ntl-btn-default.btn.h-32px {
        height: 32px
    }

    .ntl-ng-dropdown--newadmin {
        background-color: #fff;
        /*box-shadow: 0 2px 4px rgba(0, 0, 0, .5);*/
        box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
        border: 1px solid #aaa;
        padding: 7px 11px 8px 11px;
        width: 226px !important;
        padding: 0 !important;
        font-family: open_sans_bold !important;
        /*text-transform: capitalize;*/
        font-weight: normal;
        font-size: .875rem;
        margin: 0;
    }

    .admin-dd-search {
        padding: 10px
    }

    .ntl-ng-dropdown--newadmin > div {
        max-height: 522px;
        overflow-y: hidden;
        display: flex;
        align-content: stretch;
    }

        .ntl-ng-dropdown--newadmin > div .dropdown-list-item-outer {
            flex: 1 1;
        }

    .ntl-ng-dropdown--newadmin .dropdown-list-item a {
        display: block;
        float: left;
        width: 100%;
        padding: 12px 17px 12px 20px;
        color: #353D43;
        margin: 0;
        text-decoration: none;
        letter-spacing: -.3px
    }

        .ntl-ng-dropdown--newadmin .dropdown-list-item a:hover,
        .ntl-ng-dropdown--newadmin .dropdown-list-item a:hover .admin-dd-caret-right {
            background-color: #61CCF9;
            color: #ffffff !important
        }

    /*div#ïFrameScrollHeight:after {
    position: absolute;
    content: '';
    height: 100%;*/
    /* background: red; */
    /*z-index: 2;
    width: calc(100% - 17px);
    left: 0;
    right:0
}*/

    .task-savebtn {
        width: 0;
        overflow: hidden;
        animation: slide 1s ease 1s forwards;
    }

    @keyframes slide {
        from {
            width: 0;
        }


        to {
            width: 100%;
        }
    }
    /*new task design for new left sidebar css start*/
    .per-modal-dialog.ntl-task-modal-wh.per-modal-dialog--taskv3 {
        width: 1546px !important;
    }

    /*new task design for new left sidebar css end*/
    /*flex form fields css start herre*/
    .flex-form-fields {
        display: flex;
        flex-direction: column;
    }

        .flex-form-fields.fff-labelset-left-right {
            flex-direction: row;
        }

    .ffff-label-top {
    }

    .fff-label-left-right {
        flex-basis: 180px;
        max-width: 180px;
        padding-right: 15px;
    }

    .flex-form-fields.fff-labelset-left-right .fff-control {
        flex: 1;
    }

        .flex-form-fields.fff-labelset-left-right .fff-control .lab-left-box-right {
            width: 100%;
        }

    .ntl-bs-select-transparent.ntl-bs-select.bootstrap-select.btn-group .btn,
    .ntl-bs-select-transparent.ntl-bs-select.bootstrap-select.btn-group .btn:hover,
    .ntl-bs-select-transparent.ntl-bs-select.bootstrap-select.btn-group .btn:focus,
    .ntl-bs-select-transparent.ntl-bs-select.bootstrap-select.btn-group,
    .ntl-bs-select-transparent.ntl-bs-select.bootstrap-select.btn-group:hover,
    .ntl-bs-select-transparent.ntl-bs-select.bootstrap-select.btn-group:focus {
        background-color: transparent !important;
        box-shadow: none
    }

    .ntl-bs-select-transparent.bootstrap-select.btn-group .dropdown-toggle .filter-option {
        font-family: "open_sans_bold" !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ntl-ff-regular.ntl-bs-select-transparent.bootstrap-select.btn-group .dropdown-toggle .filter-option {
        font-family: 'open_sans_regular' !important;
    }

    .ntl-bs-select-transparent.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:hover,
    .ntl-bs-select-transparent.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:focus,
    .ntl-bs-select-transparent.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.btn-group .btn {
        border-bottom: none;
        padding-left: 10px;
        border: none;
    }

    .border-b-aaa.ntl-bs-select-transparent.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:hover,
    .border-b-aaa.ntl-bs-select-transparent.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.btn-group.open > .dropdown-toggle.btn-default:focus,
    .border-b-aaa.ntl-bs-select-transparent.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.btn-group .btn {
        border-bottom: 1px solid #aaa
    }

    .tc-arrow--353D43.ntl-bs-select.bootstrap-select.btn-group .dropdown-toggle .caret {
        color: #353D43;
        font-weight: bold;
    }

    .ddc-w-min-and-full.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select.form-control:not([class*="col-"]) {
        width: auto;
        min-width: 160px;
        max-width: 100%;
    }

    .ddc-w-min-and-full.ntl-bs-select-border-bottom.ntl-bs-select.bootstrap-select:not([class*="form-control"]) {
        min-width: calc(100% - 40px) !important
    }

    .min-w-dd-260px.bootstrap-select.btn-group .dropdown-menu {
        min-width: 260px
    }

    .mt-minus-3.ntl-bs-select.bootstrap-select.btn-group .dropdown-menu.open {
        margin-top: -3px
    }

    /*flex form fields css End herre*/

    /*new dashboard canvas modal css start herre*/
    .ntl-dashboard-wrap {
        position: relative;
        overflow: hidden
    }

    .ntl-dashboard-wrap-left {
        width: 27.5%;
        transition-property: margin, transform, -webkit-transform;
        transition-duration: .5s;
        transition-timing-function: ease-in-out;
        margin-left: -27.5%;
        position: relative
    }

    .ntl-dashboard-wrap-right {
        width: 27.5%;
        transition-property: margin, right, transform, -webkit-transform;
        transition-duration: .5s;
        transition-timing-function: ease-in-out;
        margin-right: -27.5%;
        position: relative;
        /*position: absolute;
    right: -27.5%;*/
        height: 100%;
        z-index: 11
    }

    .left_panel_icon, .right_panel_icon {
        z-index: 99999;
        top: 70px;
        transition-property: top, left, right, opacity, transform, -webkit-transform;
        transition-duration: .5s;
        transition-timing-function: ease-in-out;
        opacity: 1;
    }

    .modal-dialog-p-0 .left_panel_icon {
        left: 15px !important
    }

    .modal-dialog-p-0 .right_panel_icon {
        right: 15px;
    }

    .left_panel_icon i, .right_panel_icon i {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-size: .875rem
    }

    .right_panel_icon {
        right: 45px;
    }

    .showleft_panel .left_panel_icon,
    .showright_panel .right_panel_icon {
        /*display: none;*/
        opacity: 0;
        z-index: 0;
    }

    .showleft_panel .left_panel_icon {
        left: 15%
    }

    .showright_panel .right_panel_icon {
        right: 15%
    }

    .showright_panel .ntl-dashboard-wrap-right {
        /*right: 0;*/
        margin: 0;
    }

    .showleft_panel .ntl-dashboard-wrap-left {
        /*-webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);*/
        margin-left: 0;
    }

    /*.showleft_panel ntl-dashboard-wrap-center {
    margin-left:27.5%
}*/
    .ntl-dashboard-wrap-left .dwl-header,
    .ntl-dashboard-wrap-right .dwl-header {
        background: #353D43;
        color: #fff;
        padding: 10px 20px;
        border-bottom: 0;
        font-size: 1rem;
        font-family: 'open_sans_semibold';
    }

    .dwl-form {
        background-color: #DFF1FA;
        color: #353D43;
    }

    .ntl-modal-body.border-r-10 {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden
    }

    .ntl-modal-body.border-r-all-10 {
        border-radius: 10px;
        overflow: hidden
    }

    .ntl-modal-body.border-r-bodybottom-10 {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        overflow: hidden
    }

    .ntl-dashboard-wrap-center {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background-color: #f0f0f0;
        /*padding:30px 60px 0;*/
    }

    .ntl-dashboard-wrap-right {
    }

    .dateiconchange.ntl-date-picker.w-180 {
        width: 180px
    }

    .show-date-range-value {
        position: absolute;
        bottom: -13px;
        font-size: .75rem;
        white-space: nowrap
    }
    /*new dashboard canvas modal css start End*/

    .q2e4-tab-section-insidebar .ntl-tablist li.tablist-item {
        padding: 0 10px
    }

    .q2e4-tab-section-bg-transparent.ntl-tab-section {
        background-color: transparent
    }

        .q2e4-tab-section-bg-transparent.ntl-tab-section .ntl-tab-section-row {
            border-bottom: 1px solid #e4e4e4;
        }

    .q2e4-tab-section-bg-transparent.q2e4-tab-section-insidebar .ntl-tablist li.tablist-item {
        position: relative;
        top: 1px
    }

    .newcolor-picker .q2e4-form-control {
        padding-left: 44px
    }

    .transparent-refresh.q2e4-input-group > .input-group-append > .q2e4-input-group-text {
        border: none;
        background-color: transparent
    }

        .transparent-refresh.q2e4-input-group > .input-group-append > .q2e4-input-group-text i {
            font-size: 20px;
            color: #2aace3;
        }

    .hue-alpha.box .left {
        display: none;
    }

    .color-picker .right {
        padding: 0 !important
    }

        .color-picker .right > div:first-child {
            height: 2px !important;
        }

    .color-picker .hue-alpha {
        padding: 0 2px !important;
    }

    .color-picker .hue {
        margin-bottom: 0px !important
    }

    .color-picker .hex-text,
    .color-picker .type-policy {
        display: none !important
    }

    /*new dashboard canvas modal css start End*/
    .bodyAbsoluteTopRelative.q2e4-body > .bodyStyle .innerBody,
    .bodyAbsoluteTopRelative.q2e4-body .new-dashboard-wrap,
    .bodyAbsoluteTopRelative .footer.ntl-q2egray-footer,
    .bodyAbsoluteTopRelative.q2e4-body > .bodyStyle,
    .bodyAbsoluteTopRelative.q2e4-body .newdash-outer,
    .bodyAbsoluteTopRelative.q2e4-body .footer {
        position: relative;
    }



    .bodyAbsoluteTopRelative.q2e4-body > .bodyStyle {
        top: 0
    }
    /*new dashboard canvas modal css start End*/

    .ngx-slider {
        margin: 35px 0 6px !important
    }


    .builder_c_min-h-33 .frmTabIndex:focus.form-control,
    .builder_c_min-h-33 .dummy-numberfield {
        min-height: 33px !important
    }

    .builder_c_min-h-33.ntl-form-wrap .form-control,
    .builder_c_min-h-33 .ntl-bs-select.bootstrap-select.btn-group .btn,
    .builder_c_min-h-33 .single-select-dd .button-label.form-control {
        height: 33px !important
    }


    .innerhtmlAnchor a {
        word-break: break-word;
        word-wrap: break-word;
        float: none !important
    }

    /*sprint 174 css start*/
    .resource-item-repeat {
        box-sizing: border-box;
        height: 41px;
        border: 1px solid #E4E4E4;
        border-radius: 4px;
        background-color: #FFFFFF;
        margin-bottom: 4px;
    }

    .cursur-move {
        cursor: move
    }

    .bb-1-E4E4E4 {
        border-bottom: 1px solid #E4E4E4;
    }

    .br-1-E4E4E4 {
        border-right: 1px solid #E4E4E4;
    }

    .pr-55 {
        padding-right: 55px
    }

    .pl-55 {
        padding-left: 55px
    }

    .min-height-420 {
        min-height: 420px
    }

    .ntl-table.ptb-6 > thead > tr > th {
        padding: 6px 12px;
    }

    .text-color-D9D9D9 {
        color: #D9D9D9
    }
    /*sprint 174 css end*/



    .trasparnacy-flex,
    .trasparnacy-flex .col-sm-11 {
        display: flex;
        flex-wrap: wrap
    }

        .trasparnacy-flex .col-sm-11 {
            flex: 1 1;
        }

        .trasparnacy-flex .transparency {
            width: 34px
        }

        .trasparnacy-flex .transparency-resizer {
            flex: 0 1 calc(100% - 82px);
            padding-left: 0;
            margin-left: 10px;
        }
        .trasparnacy-flex .transparency-resizer.ts-w-100 {
            flex: 0 1 calc(100% - 56px);
        }
            .trasparnacy-flex .reset-icon {
                width: 28px;
                padding: 0;
                padding-top: 10px;
            }

    .overlay-opacity6 {
        opacity: .6
    }

        .overlay-opacity6:before {
            background: transparent;
            content: '';
            width: 100%;
            height: 100%;
            z-index: 999;
            position: absolute;
        }

    .report-rm-icon-outer .report-rm-icon {
        white-space: normal;
        display: flex !important;
    }

    .report-rm-icon .qfa-file-word {
        font-size: 1rem
    }
    /*.documentpreview:not(.show) {
    transform:translate(-145px, 21px)
}*/

.border-r-fortable {
    border-radius: 45px;
    border-width: 1px;
    border-color: #042433;
    background-color: transparent;
    border-style: solid;
    overflow: clip;
    color: #fff;
    box-shadow: 0px 0px 5px 5px #00a8ec, inset 0px 0px 5px 5px #00a8ec;
    padding: 10px  20px 20px;
    /*margin-bottom:10px;*/
    display:flex;
    flex-direction:column
}
.border-remove-ng-select-with-fs.ntl-w-100{
    margin-left:-15px
}
.border-remove-ng-select-with-fs.ntl-ng-dropdown.ng-select.ng-select-opened > .ng-select-container .ng-arrow,
.border-remove-ng-select-with-fs.ntl-ng-dropdown.ng-select .ng-arrow-wrapper .ng-arrow {
    font-size: 32px;
    font-weight: 600
}
.border-r-fortable.of--visible {
    overflow: visible
}
.level-table-scroll-height {
    max-height: 300px;
    width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0.1) and (-webkit-max-device-pixel-ratio: 0.67) {
    .level-table-scroll-height {
        max-height: 100%;
    }
} 
.ext-report-game-outer .grid-stack-item-content {
    inset: 0 !important
}
.ext-report-game {
    background: rgb(0,32,96);
    /* background: linear-gradient(180deg, rgba(0,32,96,1) 0%, rgba(0,112,192,1) 100%);*/
    /* background-image: linear-gradient(to bottom, #002060, #033378, #05468f, #045ba8, #0070c0);
    background-image: linear-gradient(180deg, rgba(0, 32, 96, 1) 60%, rgba(0, 112, 192, 1) 100%);*/
    background-image: -moz-linear-gradient(90deg, rgb(0, 89, 165) 6%, rgb(0, 66, 137) 30%, rgb(0, 49, 117) 38%, rgb(0, 32, 96) 44%, rgb(0, 32, 96) 55%, rgb(0, 32, 96) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(0, 89, 165) 6%, rgb(0, 66, 137) 30%, rgb(0, 49, 117) 38%, rgb(0, 32, 96) 44%, rgb(0, 32, 96) 55%, rgb(0, 32, 96) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(0, 89, 165) 6%, rgb(0, 66, 137) 30%, rgb(0, 49, 117) 38%, rgb(0, 32, 96) 44%, rgb(0, 32, 96) 55%, rgb(0, 32, 96) 100%);
    overflow-y: auto
}

    .ext-report-game .table-header-remove-add,
    .ext-report-game .ntl-admin-table.ntl-table.ntltbodytfoot tr:nth-of-type(even),
    .ext-report-game .ntl-table > tbody > tr,
    .ext-report-game .table-layout-fixed.report-tblheaderfooter-sticky tfoot.dashboard-table-footer,
    .ext-report-game tfoot.dashboard-table-footer.odd-rows tr td,
    .ext-report-game .ntl-admin-table.ntl-table.ntltbodytfoot .last-childborder-radius tr:nth-of-type(even) td {
        background: transparent !important;
    }
.ntl-admin-table.ntl-table.ntltbodytfoot .last-childborder-radius tr.highlight-row {
    /*color: red;*/
    /*font-family: 'open_sans_bold';
    letter-spacing: -.3px;*/
    color: #ff1212;
    font-family: 'open_sans_bold';
    letter-spacing: -.3px;
}



.ext-report-game .q2e4-report-widget-wrap-heading .q2e4-widget-header {
    height: 52px
}
.ext-report-game .q2e4-widget-header-title,
.ext-report-game .grid-tableChart--dashboard.grid-tableChart table thead tr th,
.ext-report-game .grid-tableChart table .fa-caret-up,
.ext-report-game .grid-tableChart table .fa-caret-down,
.ext-report-game .grid-tableChart table .fa-caret-up:hover,
.ext-report-game .grid-tableChart table .fa-caret-down:hover,
.ext-report-game {
    color: #fff
}
    .ext-report-game .q2e4-report-widget-wrap-heading {
        background: #0064b1 !important;
    }

    .ext-report-game .grid-tableChart table thead {
        background: #0070c0 !important;
         height:26px !important
    }

    /*.ext-report-game .ntl-admin-table.ntl-table.ntltbodytfoot > thead {
        z-index:11 !important
    }*/
        .ext-report-game .grid-tableChart table thead tr th.p--blank,
        .ext-report-game .grid-tableChart table tbody tr td.p--blank,
        .ext-report-game .dashboard-table-footer tr td.p--blank {
            padding-left: 0;
            padding-right: 0
        }

.ext-report-game .ext-footer-table tfoot.dashboard-table-footer.odd-rows tr:first-child td {
    padding:10px 7px 4px 7px
}
.ext-report-game .grid-tableChart table tbody tr,
.ext-report-game .ntl-admin-table.ntl-table > thead > tr {
    border-bottom: none
}
    .ext-report-game tfoot.dashboard-table-footer.odd-rows tr:after {
        height: 0
    }
    .ext-report-game .grid-tableChart table tbody tr.grand-total,
    .ext-report-game .dashboard-table-footer tr.grand-total {
        font-weight:normal
    }
.ext-report-game tfoot.dashboard-table-footer.odd-rows tr:first-child:after {
    background-color: #0070c0;
    height: 2px;
    width: calc(55% - 7px);
    right: 0;
    left: auto;
}
.ext-report-game .grid-tableChart--dashboard.grid-tableChart table thead tr th {
    font-size:.875rem !important
}
.ext-report-game .grid-tableChart--dashboard.grid-tableChart table thead tr th div {
    line-height: 1.42
}
    
    .ext-report-game .grid-tableChart table tbody tr td,
    .ext-report-game .dashboard-table-footer tr td {
        padding: 0px 7px 0px 7px;
        font-size: .875rem
    }
    
    .ext-report-game .grid-tableChart table tbody tr:first-child td,
    .ext-report-game .dashboard-table-footer tr:first-child td {
        padding-top: 4px
    }
    /*.ext-report-game .grid-tableChart table tbody,
    .ext-report-game .dashboard-table-footer table tbody {
        position:relative; 
        top:4px
    }*/
    .ext-report-game .grid-tableChart--dashboard.grid-tableChart table thead tr th:first-child,
    .ext-report-game .grid-tableChart--dashboard.grid-tableChart table tbody tr td:first-child,
    .ext-report-game .dashboard-table-footer tr td:first-child {
        padding-left: 7px
    }
        .ext-report-game .grid-tableChart--dashboard.grid-tableChart table thead tr th:last-child,
        .ext-report-game .grid-tableChart--dashboard.grid-tableChart table tbody tr td:last-child,
        .ext-report-game .dashboard-table-footer tr td:last-child {
            padding-right: 7px
        }
.ext-report-game-banner  {
   /* height: 135px;*/
    width: 100%;
}
.ext-report-game-banner span {
    
    background-image: url("/Assets/images/ext-rg-baner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-bottom: 2px solid #fff;
}
    /*.ext-report-game-banner img {
        border-bottom: 2px solid #fff;
    }*/
    .darkside-bg {
        height: 100%;
        width: 100%;
        background-image: url("/Assets/images/darkside-bg.jpg");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        position: relative
    }
    .darkside-bg:after {
        content: '';
        position: absolute;
        width: calc(100% - 12px);
        height: calc(100% - 12px);
        top: 6px;
        left: 6px;
        background-color: rgba(0, 0, 0, .3);
        border-radius: 45px;
        z-index:0
    }
    .darkside-bg perfect-scrollbar,
    .darkside-bg .table-header-remove-add {
        z-index: 11 !important;
    }
.ext-report-game .ps__thumb-y,
.ext-report-game .ps__rail-y.ps--clicking .ps__thumb-y,
.ext-report-game .ps__rail-y:focus > .ps__thumb-y,
.ext-report-game .ps__rail-y:hover > .ps__thumb-y {
    background-color: #00a2e5 !important
}
.hide-text-for-width {
    visibility: hidden;
    height: 0;
    font-family: "open_sans_bold"
}
.ext-report-game .grid-tableChart{ letter-spacing:normal}

.desktop-rpt-per{
    flex-grow:1;
    min-height:0

}
/*.desktop-rpt-per perfect-scrollbar > .ps {
    width:calc(100% - 15px)
}*/
.desktop-rpt-per > div {
    height: 100%;
    padding-bottom: 40px
}
app-level-game-widget-previous-failed-events,
app-level-point,
app-domain-level,
app-domain-overall {
    display: block;
    height: 100%
}
    app-level-game-widget-previous-failed-events .nrt-flex-item-stretch,
    app-level-point .nrt-flex-item-stretch,
    app-domain-level .nrt-flex-item-stretch,
    app-domain-overall .nrt-flex-item-stretch {
        max-height: 100%
    }
.main-rt-body{
    min-height:520px
}

.point-img-wrap {
    position: absolute;
    width: 89px;
    z-index: 99;
    height: 91px;
    /*left: -55px;
    top: -35px;*/
    left: -65px;
    top:-6px;
}
.point-img {
    background-image: url(/Assets/images/task-point.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    
    background-size: contain;
}
.point-text-rotate {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    line-height: 1.2;
    width: 100%;
    height: 100%;
    transform: rotate(-17deg);
    /*font-size: 0.688rem;*/
    color: #000;
    letter-spacing: .3px;
}
.point-text-rotate span:nth-child(2){
    margin-top:1px
}
@media screen and (-webkit-min-device-pixel-ratio: 0.75) and (-webkit-max-device-pixel-ratio: 0.76) {
    app-domain-level perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
        height: auto !important
    }
}

/*app-domain-level perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
    height: auto !important;
}
*/