@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('nStyleTheme.css');
/*Login Page start*/
.nLogin-body {
    background-color: #D8D8D8;
}

    .nLogin-body a {
        color: #1B2C3F;
        text-decoration: none;
    }

        .nLogin-body a:hover {
            color: var(--theme-color);
            text-decoration: underline;
        }

.h-100-vh {
    height: 100vh;
}

.mainWidthLog {
    width: 750px;
    flex: 0 0 750px;
}

.nNewLogin {
    background: #fff;
    border-radius: var(--border-radius);
    color: #1B2C3F;
}

    .nNewLogin .nLoginForms h5 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .nNewLogin .nLoginForms .form-label {
        font-size: var(--font-size-12);
        margin-bottom: 12px;
        margin-bottom: 5px;
        color: var(--body-text-color);
    }

    .nNewLogin .nLoginForms .form-switch .form-check-label {
        font-size: 12px;
        color: #6E7378;
        font-weight: 500;
    }

        .nNewLogin .nLoginForms .form-switch .form-check-label:hover {
            color: var(--body-text-color);
        }

    .nNewLogin .nLoginForms .form-switch .form-check-input {
        border-radius: 10px !important;
        border: 1px solid var(--border-color);
    }

    .nNewLogin .input-group-text {
        background: none;
    }

    .nNewLogin .nLoginForms .nForgetLinks {
        color: #6E7378 !important;
        font-weight: 500;
        text-decoration: underline;
        font-size: 12px;
    }

        .nNewLogin .nLoginForms .nForgetLinks:hover {
            color: var(--theme-color) !important;
        }

    .nNewLogin .alert-danger, .nNewLogin .alert-error {
        background-color: #f2dede;
        border-color: #eed3d7;
        color: #932a2a;
        font-size: 12px;
    }

    .nNewLogin .alert h4 {
        font-size: 12px;
    }

    .nNewLogin #alertmessage {
        width: 100%;
        border-top-left-radius: var(--border-radius);
    }

        .nNewLogin #alertmessage .alert {
            border-top-left-radius: var(--border-radius);
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            padding: 8px 35px 8px 14px;
            width: 100%;
        }
/**/
.nLoginSlider {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

    .nLoginSlider .carousel {
        position: relative;
        height: 400px;
        overflow: hidden;
        border-top-left-radius: var(--border-radius);
        border-bottom-left-radius: var(--border-radius);
    }

        .nLoginSlider .carousel .carousel-item {
            border-top-left-radius: var(--border-radius);
            border-bottom-left-radius: var(--border-radius);
            position: relative;
            height: 400px;
            border-top-left-radius: var(--border-radius);
            border-bottom-left-radius: var(--border-radius);
        }

            .nLoginSlider .carousel .carousel-item:before {
                content: '';
                background: rgba(37,173,255,0.5);
                position: absolute;
                width: 100%;
                height: 100%;
            }

            .nLoginSlider .carousel .carousel-item img {
                height: 400px;
                object-fit: cover;
                object-position: center;
                border-top-left-radius: var(--border-radius);
                border-bottom-left-radius: var(--border-radius);
            }

    .nLoginSlider .carousel-indicators {
        justify-content: flex-start;
        margin-bottom: 2.5rem;
        padding-left: 3rem;
        margin-left: 0px;
    }

        .nLoginSlider .carousel-indicators [data-bs-target] {
            background-color: #fff;
            height: 5px;
        }

    .nLoginSlider .carousel-caption {
        right: 0px;
        padding-bottom: 2.25rem;
    }

        .nLoginSlider .carousel-caption h6 {
            text-align: left;
            font-size: var(--font-size-16);
            color: #fff;
            line-height: 26px;
        }

@media(max-width:767px) {
    .nLoginSlider {
        display: none;
    }

    .mainWidthLog {
        width: 400px;
        flex: 0 0 400px;
    }

    .nNewLogin #alertmessage .alert {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}
/*Login page End*/
/*Lock Screen start*/
.lockscreen-body {
    font-family: 'Poppins', sans-serif;
    background: #D8D8D8;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

    .lockscreen-body .logo-container {
        margin: 0 auto;
        text-align: center;
        margin-bottom: .5rem !important;
    }

    .lockscreen-body .nColLockScreen {
        flex: 0 0 400px;
        width: 400px;
    }

        .lockscreen-body .nColLockScreen .bg-transparent-danger {
            background-color: rgba(var(--danger-rgb), 0.1);
            color: rgba(var(--danger-rgb), 1);
        }

        .lockscreen-body .nColLockScreen .fs--2 {
            font-size: .6944444444rem !important;
        }

    .lockscreen-body .nLockScreenIcon .nCircleLock {
        width: 80px;
        height: 80px;
        display: block;
        margin: auto;
        background-color: rgba(var(--danger-rgb),0.1);
        margin-bottom: 1.2rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .lockscreen-body .nLockScreenIcon .nCircleLock > i {
            color: rgba(var(--danger-rgb), 1);
            font-size: 2rem;
            line-height: 2rem;
            margin-bottom: 3px;
        }

        .lockscreen-body .nLockScreenIcon .nCircleLock > span {
            display: flex;
            grid-gap: 0.3rem;
            font-size: 10px
        }

            .lockscreen-body .nLockScreenIcon .nCircleLock > span > i {
                color: rgba(var(--danger-rgb),1);
            }
    .lockscreen-body .card {
        border: none;
        border-radius: 3px;
        box-shadow: none;
        background: rgba(255,255,255,0.95);
    }
.lockscreen-body .card-body {
    padding: 1.5rem 2rem;
}



    .lockscreen-body .welcome-text {
        color: var(--heading-text-color);
        font-weight: 600;
        margin-bottom: 0.5rem;
        font-size: 1.1rem;
    }

    .lockscreen-body .lock-message {
        color: var(--body-text-color);
        font-size: 12px;
        font-weight: 500;
    }


    .lockscreen-body .input-group-text {
        background: none;
    }

    
@media(max-width:575px) {
    .lockscreen-body .buttonSpace {
        display: flex;
        flex-direction: column;
    }

        .lockscreen-body .buttonSpace button {
            width: 100% !important;
        }
}
/*Lock Screen end*/
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    position: relative;
}
/*page loader start*/
.nPage-Loader {
    width: 100%;
    height: 100vh;
    position: absolute;
    background: rgba(39,39,39,0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
    .nPage-Loader .loaderNew {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: block;
        position: relative;
        border: 3px solid;
        border-color: #FFF #FFF transparent transparent;
        box-sizing: border-box;
        animation: rotationNew 1s linear infinite;
        margin: 0 auto;
        position: relative;
    }

        .nPage-Loader .loaderNew::after,
        .nPage-Loader .loaderNew::before {
            content: '';
            box-sizing: border-box;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            border: 3px solid;
            border-color: transparent transparent #fe6300 #fe6300;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            box-sizing: border-box;
            animation: rotationBackNew 0.5s linear infinite;
            transform-origin: center center;
        }

        .nPage-Loader .loaderNew::before {
            width: 32px;
            height: 32px;
            border-color: #FFF #FFF transparent transparent;
            animation: rotationNew 1.5s linear infinite;
        }

@keyframes rotationNew {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBackNew {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
/*page loader end*/
/*site.css strat*/
/*Used*/
#sidebar_right.affix {
    position: fixed;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#sidebar_right {
    position: absolute;
    top: 69px;
    width: 400px;
    height: 100%;
    /*padding-top: 60px;*/
    /*padding: calc(70px + 0.8rem) calc(1.5rem * .70) 60px calc(1.5rem * .70);*/
    right: -400px;
    border-left: 1px solid #ddd;
    background-color: #fff;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: auto;
    z-index: 9999;
    padding-bottom: 138px;
}

body.sidebar-r-c #sidebar_right {
    right: -400px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: none;
}

body.sidebar-r-o #sidebar_right {
    right: 0px;
    /*box-shadow: -10px 0px 10px rgb(46 35 94 / 15%);*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 2000000001;
}

.nUser {
    display: flex;
    flex-direction: column;
    background: #f9f9fb;
}

.userDetail {
    display: flex;
    align-items: center;
    padding: 20px 20px 10px;
    position: relative;
}

.nUserPhoto {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 8px;
}

    .nUserPhoto img {
        width: 40px;
        height: 40px;
        object-fit: cover;
    }

.userDetail .nUserInfo {
    position: relative;
    flex: 1;
}

    .userDetail .nUserInfo h6 {
        margin-bottom: 0px;
    }

    .userDetail .nUserInfo p {
        margin-bottom: 0px;
    }

.userDetail .closeBtn {
    position: absolute;
    right: 20px;
    top: 20px;
    color: red;
    font-size: 16px;
}

    .userDetail .closeBtn:hover {
        color: black;
    }

.nUserID {
    display: block;
    padding: 0px 20px 10px;
    border-bottom: 1px solid #ebeaf2;
}

.nUserAccount {
    padding: 10px 20px 10px;
    border-bottom: 1px solid #ebeaf2;
}

    .nUserAccount .nAccount {
        display: flex;
    }

        .nUserAccount .nAccount a {
            color: #5793fb;
        }

    .nUserAccount .nSignOut {
        display: flex;
        margin-left: auto;
    }

        .nUserAccount .nSignOut a {
            color: #f7525a;
        }


.nUserStrip {
    padding: 10px 20px 10px;
    border-bottom: 1px solid #ebeaf2;
    color: #5c5f62;
}

    .nUserStrip i {
        margin-right: 8px;
    }

.nSupport h6 i {
    margin-right: 8px;
    color: #fe6300;
}

.nSupport h6 a {
    color: #5793fb;
}

.nBackdrop {
    position: fixed;
    top: 69px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .85;
    background: rgba(29,29,66,0.9) !important;
    z-index: 80;
}

.nViewPin {
    display: inline-block;
}

    .nViewPin a {
        color: #5793fb;
    }

    .nViewPin .badge {
        display: inline-block;
        background: rgba(244,144,37,0.2);
        color: rgba(244,144,37,1);
    }
/************************/
.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-lr-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/**/
.m-t-0 {
    margin-top: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}
/**/
.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}
/**/
.p-b-0 {
    padding-bottom: 0px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}
/**/
.p-t-0 {
    padding-top: 0px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}
/**/
.p-l-0 {
    padding-left: 0px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}
/**/
/**/
.p-r-0 {
    padding-right: 0px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}
/**/
.nCard {
    padding: 20px 20px 0px;
}

    .nCard .card-header {
        display: flex;
        align-items: center;
        padding: 0px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }

        .nCard .card-header .card-title {
            margin-bottom: 0px;
            font-weight: 500;
            font-size: 1.1rem;
        }

   

    .nCard .badge {
        font-size: 12px;
        font-weight: 400;
        text-transform: capitalize;
    }

        .nCard .badge.bg-active {
            background: #27ae61;
        }

        .nCard .badge.bg-deactive {
            background: #e63757;
        }

    .nCard .card {
        box-shadow: none;
        border: 1px solid #e1e1e1 !important;
    }

        .nCard .card .card-header {
            padding-bottom: 10px;
        }

    .nCard .card-header h6.card-title {
        margin-bottom: 0px;
        font-weight: 500;
        font-size: 1.0rem;
        padding-top: 10px;
        padding-bottom: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .nCard .card .card-body {
        padding: 15px;
    }
/***/
.color-active {
    color: #27ae61;
}

.color-deactive {
    color: #e63757;
}
/***/
.nUserEmail {
    display: flex;
}

.nUserEmail-img {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    overflow: hidden;
    display: block;
    margin-right: 10px;
    background: #e1e1e1;
    position: relative;
}

    .nUserEmail-img img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        display: block;
    }

.nUserEmail-info {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}

    .nUserEmail-info h6 {
        font-size: var(--falcon-body-font-size);
        color: var(--falcon-headings-color);
    }

    .nUserEmail-info h6, .nUserEmail-info p {
        margin: 0px;
    }

        .nUserEmail-info p, .nUserEmail-info p a {
            color: #666;
            text-decoration: none;
        }

            .nUserEmail-info p a:hover {
                color: #fe6300;
            }

.nLink {
    color: #fe6300;
    font-weight: 500;
}

    .nLink:hover {
        color: #fe6300;
        text-decoration: underline;
    }

.btnThreeDot {
    padding: 0px;
    border: none;
    padding: 0px !important;
    background: none !important;
    font-size: 22px;
    line-height: 22px;
    color: #1e1e2d;
    box-shadow: none !important;
}

    .btnThreeDot:hover {
        color: #fe6300 !important;
    }
/*.btnThreeDot.btn.dropdown-toggle.show + .dropdown-menu.show {
    display:block !important;
    }*/
.dropdown-menu .dropdown-item i.bi {
    width: 15px;
    text-align: center;
    margin-right: 5px;
    color: #fe6300;
    display: inline-table;
}

    .dropdown-menu .dropdown-item i.bi.bi-toggle2-off {
        color: #e63757;
    }

    .dropdown-menu .dropdown-item i.bi.bi-toggle2-on {
        color: #27ae61;
    }

.dropdown-menu .dropdown-item {
    font-size: 13px;
    font-weight: 500;
}

    .dropdown-menu .dropdown-item:hover {
        background: #f5ece7;
    }

.nCard .table th {
    color: var(--falcon-body-color);
    font-weight: 600;
    background: #ebebeb;
}

.nCard .table td {
}

.nCard .table td, .nCard .table th {
    vertical-align: middle;
}

.nCard .table thead, .nCard .table tbody, .nCard .table tfoot, .nCard .table tr, .nCard .table td, .nCard .table th {
    border-color: #efe9e9;
}

.nCard .switch {
    width: 50px;
    height: 18px;
}

    .nCard .switch .slider {
        background-color: #e63757;
    }

        .nCard .switch .slider:before {
            content: "";
            left: 2px;
            bottom: 2px;
            height: 14px;
            width: 14px;
        }

    .nCard .switch input:checked + .slider {
        background-color: #27ae61;
    }

    .nCard .switch .slider:after {
        left: 65%;
    }

    .nCard .switch input:checked + .slider:before {
        transform: translateX(32px);
    }

    .nCard .switch input:checked + .slider:after {
        left: 30%;
    }

.col-width-350 {
    width: 350px;
    flex: 0 0 350px;
}
/**/
.nUserView {
    position: relative;
}

    .nUserView .nUserEmail-img {
        width: 90px;
        height: 90px;
        margin: auto;
    }

    .nUserView .clickPhoto {
        width: 24px;
        height: 24px;
        margin: auto;
        position: absolute;
        top: -10px;
        left: -10px;
        background: #fe6300;
        color: #fff;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 1;
    }

        .nUserView .clickPhoto:hover {
            background: #1e1e2d;
        }


    .nUserView h5 {
        margin-top: 10px;
        margin-bottom: 0px;
        text-align: center;
    }

    .nUserView h6 {
        margin-top: 5px;
        text-align: center;
        color: #5e6e82;
    }

    .nUserView hr.line {
        margin: auto;
        width: 50px;
        height: 3px;
        background: #fe6300;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .nUserView ul {
        letter-spacing: .02em;
    }

        .nUserView ul li {
            padding-bottom: 15px;
        }

            .nUserView ul li label {
                font-size: 11px;
                color: #5e6e82;
                font-weight: 600;
                margin: 0px;
            }

                .nUserView ul li label.form-label {
                    font-size: var(--falcon-body-font-size);
                    color: #37404c;
                    font-weight: 500;
                    margin-bottom: 3px;
                }

            .nUserView ul li h6 {
                color: #000;
                font-weight: 500;
                margin: 0px;
                text-align: left;
            }

    .nUserView:hover .btn.btn-warning {
    }
    /*.nUserView .btn.btn-warning {
        position: absolute;
        top: 220px;
        left: 12.5%;
        width: 30px;
        height: 30px;
        padding: 0px;
        background: #fe6300;
        color: #fff;
        border-radius: 50%;
        margin-left:-15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .nUserView .btn.btn-warning:hover {
            background: #1e1e2d;
        }*/
    .nUserView .nForm li {
        padding-bottom: 10px;
    }

    .nUserView .nUserSubTitle {
        display: flex;
        border-bottom: 2px solid #D9D9D9;
    }

        .nUserView .nUserSubTitle h6 {
            font-size: 15px;
            font-weight: 500;
            color: #344050;
            position: relative;
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .nUserView .nUserSubTitle h6 span {
                color: #fe6300;
            }

            .nUserView .nUserSubTitle h6:before {
                content: '';
                position: absolute;
                bottom: -12px;
                left: 0px;
                width: 100%;
                height: 2px;
                background: #fe6300;
            }
/**/
.nCard {
    /*box-shadow: 0 3px 3px rgba(56,65,74,.1);*/
}


.nCard {
    flex: 1 1 auto;
    padding: 1rem;
    color: #495057;
}

    .nCard .bg-light {
        background: #eaeef9 !important;
    }

    .nCard h4 {
        color: #495057;
        margin-bottom: 0px;
    }

    .nCard .avatar-sm {
        height: 3rem;
        width: 3rem;
        display: block;
    }

        .nCard .avatar-sm .avatar-title {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #4b38b3;
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-weight: 500;
            height: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            border-radius: 3px !important;
        }

.fw-medium {
    font-weight: 500 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fs-24 {
    font-size: 24px;
}
/*.stepGrid tbody tr td {
    padding: .35rem .75rem
}*/
.stepGrid td, .stepGrid th {
    vertical-align: middle;
}

    .stepGrid td h6 {
        /*color:#73767a;*/
    }

.checkIcon {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
    margin: auto;
}

    .checkIcon input[type="checkbox"] {
        visibility: hidden;
        opacity: 0;
    }

        .checkIcon input[type="checkbox"] + .nIcon:before {
            content: '\f623';
            font-family: bootstrap-icons !important;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 24px;
            height: 24px;
            color: #e63757;
            font-size: 24px;
            line-height: 24px;
        }

        .checkIcon input[type="checkbox"]:checked + .nIcon:after {
            content: '\f26b';
            font-family: bootstrap-icons !important;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 24px;
            height: 24px;
            color: #27ae61;
            font-size: 24px;
            line-height: 24px;
        }

        .checkIcon input[type="checkbox"]:checked + .nIcon:before {
            display: none;
        }
/**/
/*File preview window css start*/
.file-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

    .file-table th, .file-table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }

    .file-table th {
        background-color: #f4f4f4;
    }

.preview-window {
    position: absolute !important;
    min-width: 300px;
    min-height: 400px;
    width: 400px;
    height: 600px;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    display: none;
    z-index: 100;
    /*transition: all 0.3s ease;*/
    padding: 0px;
}

    .preview-window.minimized {
        width: 200px !important;
        min-height: 44px !important;
        height: 44px !important;
        bottom: 0 !important;
        resize: none;
        overflow: hidden;
        border-bottom: 2px solid #fe6300 !important;
    }

    .preview-window.maximized {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        resize: none;
    }

    .preview-window .minimized .preview-content,
    .preview-window .minimized .ui-resizable-handle {
        display: none !important;
    }

    .preview-window .preview-header {
        background: #f4f4f4;
        padding: 10px;
        cursor: move;
        border-bottom: 1px solid #ddd;
        position: relative;
        height: 40px;
    }

        .preview-window .preview-header .file-name {
            text-decoration: none;
            font-weight: 500;
            color: #202020;
        }

    .preview-window .preview-content {
        padding: 0px;
        height: calc(100% - 40px) !important;
        overflow: auto;
    }

        .preview-window .preview-content .loading {
            display: none;
        }

    .preview-window .preview-header .window-controls {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        gap: 0.5rem;
    }

        .preview-window .preview-header .window-controls button {
            cursor: pointer;
            margin-left: 5px;
            width: 28px;
            height: 28px;
            flex: 0 0 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 0px solid rgb(204, 204, 204);
            background: #f4f4f4;
            /*border-radius: 3px;*/
        }

            .preview-window .preview-header .window-controls button:hover {
                background-color: #e0e0e0;
            }



    .preview-window .preview-content .preview-iframe {
        width: 100%;
        height: 100%;
        border: none;
    }
    /*File preview window css end*/
    .preview-window .preview-content .office-container .content-container .content iframe {
        height: calc(100% - 108px) !important;
    }
/*site.css end*/
/*google translate start*/
.skiptranslate {
    opacity: 0;
}

    .skiptranslate.goog-te-gadget {
        display: inline-block !important;
        opacity: 1;
    }

#goog-gt-tt.skiptranslate {
    opacity: 1;
}
/*google translate end*/
/*notification dropdown start*/
.notification-message {
    white-space: normal;
    font-weight: 400;
    color: #444444;
    font-size: 12px;
}

/*.truncate-text {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative;
}

    .truncate-text:hover::after {
        content: attr(title);
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 1000;
        background-color: #333;
        color: #fff;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        white-space: normal;
        min-width: 200px;
        max-width: 400px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }*/

.modal .truncate-text {
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
.notification-content > .row.gx-0 {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 5px;
}

.wNotificationDrop .dropdown-item {
    padding: .5rem 0.75rem;
}

.notification-name {
    width: 200px;
    flex: 0 0 200px;
}

    .notification-name i {
        width: 15px !important;
        font-size: 12px;
    }

.notification-resourcename {
    word-wrap: break-word;
    word-break: break-all;
    display: flex;
    overflow: hidden;
    white-space: normal;
}

.notification-type {
    color: #636363;
    font-size: 12px;
    width: 110px;
    flex: 0 0 110px;
    text-align: right;
}

.notification-message {
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
}

    .notification-message i {
        flex: 0 0 15px;
        width: 15px !important;
        font-size: 12px;
    }

.notification-user {
    font-weight: 500;
    display: flex;
}

.notification-time {
    color: #748194;
    font-size: 11px;
    font-weight: 500;
}

    .notification-time i.bi {
        width: 15px !important;
        font-size: 11px;
        color: #748194 !important;
    }
/*notification dropdown end*/
/*navbar start*/
header {
    background: #fff;
}
.navbar {
    position: relative !important;
    z-index: 1016;
}
.navbar-glass-shadow {
    box-shadow: none !important;
}
.navbar-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    font-size: var(--font-size-13);
    font-weight: 500;
    margin-left: -1rem;
    margin-right: -1rem;
    z-index: 1020;
    min-height: 50px;
    box-shadow: none !important;
    background: #000;
    /* border-bottom: 2px solid #fe6300; */
}
.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1rem;
    font-size: 1rem !important;
    white-space: nowrap;
}
.logoImg {
    width: 120px;
    height: 40px;
    overflow: hidden;
    position: relative;
}
    .logoImg img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: auto;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    height: 35.5px;
}
.nav-link.dropdown-toggle {
    background: none !important;
}
.navbar-light .navbar-nav .nav-link,
.wNotification, .nMenu .nMenuAdmin .nAdminName b {
    color: #fff !important;
}
.wNotification {
    font-size: 24px;
    margin-right: 10px;
    background: none;
}
    .wNotification:after {
    display:none;
    }
    .wNotification .bi:after {
        position: absolute;
        top: 0px;
        right: -10px;
        background: #ff6a00;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        display: block;
        content: attr(data-type-text);
        color: #fff;
        font-size: 10px;
        font-style: normal;
        text-align: center;
        line-height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.mainMenuRight {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.nMenu .nMenuUl li.nav-item:last-child, .nMenu .nMenuUl li.nav-item:nth-last-child(2) {
    display: none;
}
.nMenu .nMenuPhone {
    margin-right: 10px;
}
.nMenu .nMenuAdmin .nAdminName b {
    display: inline-block;
}

/*navbar end*/
/*search page start*/
.searchHead .btn {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 16px;
}
.nFolderRow > .nGridBodyCol.nNameGridCol > button.nNameCol, .nFolderRow > .nGridBodyCol.nNameGridCol > button.nNameCol:focus, .nFolderRow > .nGridBodyCol.nNameGridCol > button.nNameCol:active {
    box-shadow: none !important;
}
/*search page end*/
/*main content start*/
.main-content {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    overflow-y: auto;
}
/*main content end*/
/*Grid start*/
/**/
.nGridResponsive {
    overflow: hidden !important;
}

.nGrid {
    overflow: hidden;
    min-width: 1020px;
}

.nGridIcon {
    width: 24px;
    flex: 0 0 24px;
    color: #ffca28;
    font-size: 16px;
    position: relative;
}

    .nGridIcon img, .nGridIcon svg {
        width: 16px;
        height: 16px;
        overflow: hidden;
        display: inline-block;
    }

    .nGridIcon img, .nGridIcon svg {
        width: 16px;
        height: 16px;
        overflow: hidden;
        display: inline-block;
    }

    .nGridIcon i.bi.bi-x-circle-fill:before {
        border-radius: 50%;
        border: 1px solid #fff;
        background: #fff;
    }

.nGridHeadRow {
    border: 2px dashed transparent;
    padding-top: 0.5rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #ddd;
}

.nGridHeadCol {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: calc(var(--falcon-gutter-x)* .2);
    padding-left: calc(var(--falcon-gutter-x)* .2);
}

    .nGridHeadCol h6 {
        margin: 0px;
        font-weight: 500;
        font-size: var(--falcon-body-font-size);
        color: var(--falcon-body-color);
    }

    .nGridHeadCol a i:before {
        font-weight: 600 !important;
        color: #b5b5b5;
    }

    .nGridHeadCol a {
        border-right: 1px solid rgba(0, 0, 0, 0.125);
        padding-left: calc(var(--falcon-gutter-x)* .2);
        padding-right: calc(var(--falcon-gutter-x)* .3);
        cursor: pointer;
    }

        .nGridHeadCol a:hover i:before {
            color: #fe6300;
        }

.nGridBodyRow {
    border: 1px dashed transparent;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 248px);
    /*overflow-x: hidden;*/
    overflow-y: auto;
    /*padding-right: calc(var(--falcon-gutter-x) * .5 + 10px);*/
}

.nAddFolderSec {
    background: #fff;
    border-bottom: 1px solid #ddd;
    position: sticky;
    top: 0px;
    z-index: 1;
}

    .nAddFolderSec > .nGridBodyCol {
        overflow: inherit;
    }

.nGridBodyRow .row.nFolderRow {
    cursor: pointer;
    min-height: 48px;
    /*margin-bottom: 1px;
        margin-top: 1px;*/
    /*border: 2px dashed transparent;*/
    /*border-top: 1px solid #d1d6de;*/
    border-bottom: 1px solid #ddd;
    position: relative;
}

    .nGridBodyRow .row.nFolderRow:hover {
        background: rgba(254,99,0,0.1);
    }

    .nGridBodyRow .row.nFolderRow.bg-row-info-light {
        background: #CEF0FF;
        color: #1689BA;
    }

        .nGridBodyRow .row.nFolderRow.bg-row-info-light .nNameCol.btn {
            color: #1689BA;
        }

        .nGridBodyRow .row.nFolderRow.bg-row-info-light:hover {
            background: #BEEBFF;
            color: #1379A6;
        }

        .nGridBodyRow .row.nFolderRow.bg-row-info-light.active {
            background: #BEEBFF;
            color: #1379A6;
        }

.nGridBodyRow .nFolderRow .nGridBodyCol .nAction {
    display: none;
}

.nGridBodyCol.nGridActionCol.col.mobColAction .btnAction {
    padding: 0px 5px;
    font-size: 12px;
    /*color: #2c7be5;
    background-color: #ffffff;
    border-color: #2c7be5;*/
}
/*.nGridBodyCol.nGridActionCol.col.mobColAction .btnAction:hover,
    .nGridBodyCol.nGridActionCol.col.mobColAction .btnAction.active {
        color: #fff;
        background-color: #fe6300;
        border-color: #fe6300;
    }*/
@media(max-width:1380px) {
    .nGridBodyRow .nFolderRow .nGridDotDropCol .nGridDropDown.dropdown-menu {
        max-height: 190px;
    }
}

@media(max-width:991px) {
    /*.nGridHeadCol.mobHeadDateModi, .nGridBodyCol.nGridDateModiCol.mobColDateModi {
        display: none;
    }*/
}

.nGridBodyRow .nFolderRow .nGridBodyCol .nAction {
    position: absolute;
    right: 100px;
    background: #fff;
    border: 1px solid rgba(254, 99, 0, 0.1);
    padding: 3px 0px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
/*.nGridBodyRow .nFolderRow:hover .nGridBodyCol .nAction {
    display: flex;
    position: absolute;
    right: 40px;
    background: #fff;
    border: 1px solid rgba(254, 99, 0, 0.1);
    padding: 3px 0px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.nGridBodyRow .row.nFolderRow.active .nGridBodyCol .nAction {
    display: flex;
    position: absolute;
    right: 40px;
    background: #fff;
    border: 1px solid rgba(254, 99, 0, 0.1);
    padding: 3px 0px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}*/
.nGridBodyRow .row.nFolderRow.active {
    background: rgba(254, 99, 0, 0.1);
    /*background: #ffefe5;*/
}

.nGridBodyRow.reverse {
    display: flex;
    flex-direction: column-reverse;
    align-items: normal;
    justify-content: flex-end;
}

.row.nFolderRow.dragging {
    opacity: 0.5;
    border: 1px dashed rgba(254, 99, 0, 0.5);
    background: rgba(254, 99, 0, 0.1);
    /*background: #ffefe5;*/
}

.nGridBodyRow.highlighted {
    /*border-color: #2c7be5;*/
    border-color: red;
    background: rgba(254,99,0,0.1);
}

.dragCloudHover {
    display: none;
}

.nGridBodyRow.highlighted .dragCloudHover {
    width: 280px;
    height: 150px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    /*background: yellow;
    border-radius: .375rem;
    box-shadow: var(--falcon-box-shadow);*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dragCloudHover .bi.bi-cloud-arrow-up-fill {
    font-size: 60px;
    line-height: 60px;
    margin: auto;
    color: #fe6300;
}

.dragCloudHover .dropRounded {
    background: #fe6300;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 20px 0px;
}

    .dragCloudHover .dropRounded h4 {
        color: #fff;
        font-size: 14px;
    }

    .dragCloudHover .dropRounded h3 {
        color: #fff;
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 250px;
    }

.folder-highlighted {
    border-color: rgba(254, 99, 0, 0.5);
    background: rgba(254, 99, 0, 0.1);
}

.nGridBodyCol {
    display: flex;
    align-items: center;
    padding-right: calc(var(--falcon-gutter-x)* .2);
    padding-left: calc(var(--falcon-gutter-x)* .2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .nGridBodyCol .dropdown {
        position: static;
    }

        .nGridBodyCol .dropdown .dropdown-menu {
            max-height: 290px;
        }

.nFolderRow .dropdown-menu {
    z-index: 1;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding: 5px;
}

    .nFolderRow .dropdown-menu .dropdown-item {
        padding: 8px 12px;
        position: relative;
        font-weight: 400 !important;
        font-size: var(--falcon-body-font-size)
    }

        .nFolderRow .dropdown-menu .dropdown-item:hover {
            background: #eee !important;
        }

.nGridBodyCol .input-group-btn.btn-danger, .input-group-btn.btn-danger {
    color: #e63757;
    border-color: #e63757;
    border-radius: 0px !important;
    background: #fff !important;
    height: 30px;
}

    .nGridBodyCol .input-group-btn.btn-danger:hover, .input-group-btn.btn-danger:hover {
        background: #e63757 !important;
        color: #fff !important;
    }

.nGridBodyCol .input-group-btn.btn-success, .input-group-btn.btn-success {
    color: #27AE60;
    border-color: #27AE60;
    border-radius: 0px !important;
    background: #fff !important;
    height: 30px;
}

    .nGridBodyCol .input-group-btn.btn-success:hover, .input-group-btn.btn-success:hover {
        background: #1f914f !important;
        color: #fff !important;
    }

.nGridBodyCol .btn-nTreeCollapse {
    min-height: 30px;
    padding: 0px;
    border: 0px;
    font-family: 'Poppins', sans-serif;
    color: var(--falcon-body-color);
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    text-align: left;
    /*padding-right: calc(var(--falcon-gutter-x)* .2);
    padding-left: calc(var(--falcon-gutter-x)* .2);*/
    display: flex;
    align-items: center;
}

    .nGridBodyCol .btn-nTreeCollapse.nFolderFill .nGridIcon .bi.bi-folder-fill:before {
        content: '';
        width: 17px;
        height: 17px;
        background: url('../../images/open-file.svg') no-repeat center;
    }

.renameInputGroup .input-group-text, .renameFileInputGroup .input-group-text, .renameDashModalInputGroup .input-group-text {
    padding: 0px;
    background: none;
    border: none;
    color: #ffca28;
    font-size: 16px;
    margin-right: 0.5rem;
    padding-top: 0px;
}

.renameInput, .renameFileInput, .nAddFolderBox, .nReferenceCode {
    font-family: 'Poppins', sans-serif;
    color: var(--falcon-body-color);
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #ddd;
    height: 30px;
    border-radius: 0px;
    padding: 0px 4px;
}

.nShowAction .nAction {
    display: inline-flex;
    align-items: center;
    background: rgba(0, 0, 0, 1);
    padding: 3px 1px;
    border-radius: 3px;
    color: #fff;
}

    .nShowAction .nAction label.nselectedCount {
        color: #fff;
    }

    .nGridBodyCol button.btn-grid-icon, .nShowAction .nAction button.btn-grid-icon, button.btn-grid-icon {
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        border: 1px solid transparent;
        background: transparent;
        font-size: 14px;
        color: var(--falcon-body-color);
    }

        .nGridBodyCol button.btn-grid-icon.show {
            border: 1px solid rgba(254,99,0,0.1);
            background: rgba(254,99,0,0.1);
        }

    /*.nGridBodyCol button.btn-grid-icon.show + .dropdown-menu.nGridDropDown.dropdown-menu-end.scrollbar.show {
                display: block !important;
            }*/

    .nShowAction .nAction button.btn-grid-icon {
        color: #fff;
    }

.nGridBodyCol button.btn-grid-icon:hover, button.btn-grid-icon:hover {
    border: 1px solid rgba(254,99,0,0.1);
    background: rgba(254,99,0,0.1);
}

.nShowAction .nAction button.btn-grid-icon:hover {
    color: #fff;
    border: 1px solid #fe6300;
    background: #fe6300;
}
/**/

/**/
.nGridBodyCol .nColorPicker, .nShowAction .nAction .nColorPicker {
    width: 28px;
    height: 28px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid transparent;
    background: transparent;
    margin: 0px;
    cursor: pointer;
}

    .nGridBodyCol .nColorPicker:hover, .nShowAction .nAction .nColorPicker:hover {
        border: 1px solid rgba(254, 99, 0, 0.1);
        background: rgba(254, 99, 0, 0.1);
    }

    .nShowAction .nAction .nColorPicker:hover {
        /*border: 1px solid rgba(254, 99, 0, 0.1);*/
        /*background: rgba(254, 99, 0, 0.1);*/
        color: #fff;
        border: 1px solid #fe6300;
        background: #fe6300;
    }

    .nGridBodyCol .nColorPicker:before, .nShowAction .nAction .nColorPicker:before {
        content: "\f4b1";
        font-family: bootstrap-icons !important;
        width: 18px;
        height: 18px;
        display: inline-block;
        padding: 0px;
        font-size: 15px;
        position: absolute;
        top: 2px;
        text-align: center;
        z-index: 0;
    }

    .nGridBodyCol .nColorPicker input.btn-FolderColor, .nShowAction .nAction .nColorPicker input.btn-FolderColor {
        width: 18px;
        height: 18px;
        display: inline-block;
        padding: 0px;
        visibility: hidden;
        position: relative;
        z-index: 1;
        border: 0px;
    }
/*dropdown*/
.nGridDropDown button.btn-grid-icon {
    width: 100%;
    height: inherit;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0;
    border: 0px solid transparent;
    background: transparent;
    font-size: 13px;
    color: var(--falcon-body-color) !important;
    cursor: pointer;
    position: relative;
}

    .nGridDropDown button.btn-grid-icon i {
        color: #fe6300;
    }

        .nGridDropDown button.btn-grid-icon i.bi.bi-lock-fill, .nGridDropDown button.btn-grid-icon i.bi.bi-x-circle-fill, .nGridDropDown button.btn-grid-icon i.bi.bi-x-circle {
            color: #e63757;
        }

    .nGridDropDown button.btn-grid-icon.nCloseFolder i,
    .nGridDropDown button.btn-grid-icon.nOpenFolder i {
        color: #ffca28;
    }

    .nGridDropDown button.btn-grid-icon:hover {
        border: 0px solid rgba(254,99,0,0.1);
        background: #ebebeb;
        color: #fe6300 !important;
    }

.colorFolderClose:before {
    border: 1px solid #fff;
    border-radius: 50%;
    background: #fff;
}

.nGridDropDown .nColorPicker {
    width: 100%;
    height: inherit;
    padding: 8px 12px 8px 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0px;
    border: 0px solid transparent;
    background: transparent;
    margin: 0px;
    cursor: pointer;
    font-weight: 400 !important;
}

    .nGridDropDown .nColorPicker span {
        color: var(--falcon-headings-color);
    }

    .nGridDropDown .nColorPicker:hover {
        border: 0px solid rgba(254, 99, 0, 0.1);
        background: #eee;
    }

    .nGridDropDown .nColorPicker:before {
        content: "\f4b1";
        font-family: bootstrap-icons !important;
        width: 18px;
        height: 18px;
        display: inline-block;
        padding: 0px;
        font-size: 15px;
        position: absolute;
        top: 7px;
        left: 10px;
        text-align: center;
        z-index: 0;
        /*color: #fe6300;*/
    }

    .nGridDropDown .nColorPicker input.btn-FolderColor {
        width: 18px;
        height: 18px;
        display: inline-block;
        padding: 0px;
        visibility: hidden;
        position: relative;
        z-index: 1;
        border: 0px;
    }
/**/
.nNameGridHeadCol {
    min-width: 330px;
}

.nNameGridCol {
    min-width: 330px;
    flex-direction: column;
    position: relative;
}

.nNameCol {
    min-width: 330px;
    /* max-width: 330px;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .nNameCol .actionIcon {
        padding-right: calc(var(--falcon-gutter-x) * .3);
    }

@media (max-width:1400px) {
    .nNameGridHeadCol {
        min-width: 300px;
    }

    .nNameGridCol {
        min-width: 300px;
    }

    .nNameCol {
        min-width: 300px;
    }
}

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

.text-ellipsis-line-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2; /* Show ellipsis after 2 lines */
    -webkit-box-orient: vertical;
    white-space: normal !important;
    max-height: 3em; /* Adjust based on your line height */
    line-height: 1.5em; /* Adjust as needed */
}

.nName {
    /*min-width: 250px;*/
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 0.5rem;
}

.nNameCol .bi.bi-lock-fill {
    color: #e63757;
    opacity: 0.6;
}

.nNameCol .bi.bi-star-fill {
    color: #fe6300;
    color: #ffca28;
    opacity: 0.6;
}

.nNameCol .bi.bi-people-fill {
    color: #2c7be5;
    opacity: 0.6;
}

.nNameCol .bi.bi-diagram-3-fill {
    color: #fe6300;
    opacity: 0.6;
}

.nNameCol .bi.bi-calendar3 {
    color: #FE6300;
    font-size: 12px;
    opacity: 0.6;
}

.nStaredFolder .bi.bi-star-fill, .nStaredFile .bi.bi-star-fill {
    color: #ffca28;
}

.nLockedFolder .bi.bi-lock-fill, .nLockedFile .bi.bi-lock-fill {
    color: #e63757;
}

.nShareFolder .bi.bi-people-fill {
    color: #2c7be5;
}
/*Grid view search page strat*/
.nGridHead {
    background: #ebebeb;
    /*background: #f9eae6;*/
}

.nGrid.nGridView {
    min-width: inherit;
}

    .nGrid.nGridView .nGridHead {
        display: none;
    }

    /*.nGrid.nGridView > .row.m-0 > .col-sm-12 {
        padding:0px;
    }*/

    .nGrid.nGridView .nGridBodyRow {
        display: flex;
        flex-direction: row;
        flex-flow: wrap;
        /*height: calc(100vh - 355px);*/
        height: calc(100vh - 190px);
        align-content: flex-start;
    }

        .nGrid.nGridView .nGridBodyRow.hideWinPanel {
            height: calc(100vh - 250px) !important;
        }

        .nGrid.nGridView .nGridBodyRow.col-sm-12 {
            padding-left: 0px;
            padding-right: 0px;
        }

    .nGrid.nGridView .nAddFolderSec {
        width: 100%;
        flex: 0 0 100%;
        flex-wrap: nowrap;
        padding-left: 15px;
    }

    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 11.5%;
        flex: 0 0 11.5%;
        margin: 0.5%;
        height: 160px;
        max-height: 160px;
        min-height: 160px;
        background: #fff;
        border: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        position: relative;
        border-radius: 0.25rem;
    }

    .nGrid.nGridView .nGridBody.nEmptyFolderMsg .nAddFolderSec {
        padding-left: 0px;
    }

    .nGrid.nGridView .nGridBody.nEmptyFolderMsg .nGridBodyRow.col-sm-12 {
        display: flex;
        flex-direction: inherit;
        /*flex-wrap: inherit;*/
        height: calc(100vh - 234px);
        justify-content: center;
        width: 100%;
        flex: 0 0 100%;
    }

    .nGrid.nGridView .nGridBody.nEmptyFolderMsg .nGridBodyRow .nAddFolderSec.row.flex-nowrap {
        height: auto;
        align-items: flex-start;
        flex-wrap: wrap !important;
        width: 100%;
    }

        .nGrid.nGridView .nGridBody.nEmptyFolderMsg .nGridBodyRow .nAddFolderSec.row.flex-nowrap .extracol {
            display: none;
        }

    .nGrid.nGridView .nGridBodyRow .nFolderRow .nNameGridCol.nNameGridCol {
        overflow: visible;
    }

.nGrid.nListView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridDotDropCol .nRenameModal {
    display: none;
}

.nGrid.nListView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridDotDropCol .nRenameLink {
    display: flex;
}

.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridDotDropCol .nRenameModal {
    display: flex;
}

.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridDotDropCol .nRenameLink {
    display: none;
}

.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridDotDropCol > .dropdown-center > .btn-grid-icon {
    height: 18px;
}
/*@media(max-width:1539px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 13.2857%;
        flex: 0 0 13.2857%;
    }
}

@media(max-width:1399px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 15.6666%;
        flex: 0 0 15.6666%;
    }
}

@media(max-width:1199px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 18%;
        flex: 0 0 18%;
        margin: 1%;
    }
}

@media(max-width:991px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 23.0%;
        flex: 0 0 23.0%;
        margin: 1%;
    }
}

@media(max-width:767px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 31.3333%;
        flex: 0 0 31.3333%;
        margin: 1%;
    }
}

@media(max-width:575px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 47.5%;
        flex: 0 0 47.5%;
        margin: 1.5%;
    }
}

@media(max-width:420px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 98%;
        flex: 0 0 98%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}*/
/*Grid View start*/
/***/ @media(max-width:1800px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 11.5%;
        flex: 0 0 11.5%;
        /*8 colo*/
    }
}

@media(max-width:1700px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 13.2857%;
        flex: 0 0 13.2857%;
        /*7 colo*/
    }
}

@media(max-width:1600px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 15.6666%;
        flex: 0 0 15.6666%;
        /*6 colo*/
        margin: 0.5%;
    }
}

@media(max-width:1500px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 19.0%;
        flex: 0 0 19.0%;
        /*5 colo*/
        margin: 0.5%;
    }
}

@media(max-width:1400px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 24.0%;
        flex: 0 0 24.0%;
        /*4 colo*/
        margin: 0.5%;
    }
}

@media(max-width:1300px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 24.0%;
        flex: 0 0 24.0%;
        /*3 colo*/
        margin: 0.5%;
    }
}

@media(max-width:1200px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 31.3333%;
        flex: 0 0 31.3333%;
        /*2 colo*/
        margin: 1%;
    }
}

@media(max-width:767px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 31.3333%;
        flex: 0 0 31.3333%;
        /*2 colo*/
        margin: 1%;
    }
}

@media(max-width:600px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 48.0%;
        flex: 0 0 48.0%;
        /*2 colo*/
        margin: 1%;
    }
}

@media(max-width:400px) {
    .nGrid.nGridView .nGridBodyRow .nFolderRow {
        width: 98.0%;
        flex: 0 0 98.0%;
        /*2 colo*/
        margin: 1%;
    }
}
/*Grid View end*/
.nGrid.nGridView .nGridBodyRow .row.nFolderRow.active {
    background: rgba(254, 99, 0, 0.1);
}

.nGrid.nGridView .nGridBodyRow .nFolderRow .gridStatusbadge {
    position: absolute;
    top: .5rem;
    right: calc(var(--falcon-gutter-x)* .2);
    border-radius: 0.15rem;
}

.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol {
    min-width: 100%;
    width: 100%;
    flex: 1 0 0%;
}

    .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridCheckCol {
        max-height: 16px;
    }

    .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        flex: 1 0 0%;
        display: flex;
        flex-direction: column;
        transition: none;
        margin-bottom: 1px;
    }

        .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nName, .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .rCode {
            margin: 0px;
            width: 100%;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
            padding-left: 10px;
            padding-right: 10px;
        }

        .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .rCode {
            font-size: 12px;
            color: #666;
        }

        .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
        }

            .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon {
                width: 100%;
                text-align: center;
                font-size: 46px;
                height: 46px;
                line-height: 46px;
                margin-bottom: 8px;
            }

                .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon img {
                    width: 46px;
                    height: 46px;
                }

                .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon .bi.bi-x-circle-fill {
                    left: 53% !important;
                    font-size: 18px !important;
                }

        .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .ms-auto.d-flex {
            margin-left: inherit !important;
            width: 26px;
            display: flex;
            flex-direction: column;
            position: absolute;
            top: 0rem;
            right: 0.2rem;
            gap: 0 !important;
            padding-right: 0px;
        }

            .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .ms-auto.d-flex .bi {
                width: 20px;
                height: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0px 3px;
                border: 1px dashed #4a4a4a;
                border-radius: 3px;
                margin-bottom: 3px;
                background: #edf2f9;
            }

    .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridStatusCol {
        max-height: 0px;
    }

    .nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridActionCol {
        display: none !important;
    }

.nGrid.nGridView .nGridBodyRow .row.nFolderRow .nGridBodyCol .nAction {
    flex-wrap: wrap;
}

.nGrid.nGridView .nGridBodyRow .nFolderRow:hover .nGridBodyCol .nAction {
    display: none !important;
    flex-wrap: wrap;
    justify-content: center;
}

.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .nAction .btn-grid-icon {
    width: 24px;
    height: 24px;
    font-size: 13px;
}

.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridDotDropCol {
    justify-content: center;
}

.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .dropdown-center .dropdown-menu.nGridDropDown .btn-grid-icon {
    white-space: nowrap;
}

.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridBodyCol .dropdown-center .btn-grid-icon .bi-three-dots-vertical:before {
    content: "\f5d4";
}
/*Ex Large View Start*/


.nGrid.nExlargeView .nGridBodyRow {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    /*height: calc(100vh - 355px);*/
    align-content: flex-start;
}

    .nGrid.nExlargeView .nGridBodyRow .nFolderRow {
        width: 15.6%;
        flex: 0 0 15.6%;
        margin: 0.5%;
        height: 210px;
        max-height: 210px;
        min-height: 210px;
        background: #fff;
        border: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        position: relative;
        border-radius: 0.25rem;
    }

        .nGrid.nExlargeView .nGridBodyRow .nFolderRow .nGridBodyCol.col-auto {
            align-items: flex-start;
        }

        .nGrid.nExlargeView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon {
            width: 100%;
            text-align: center;
            font-size: 56px;
            height: 56px;
            line-height: 56px;
            margin-bottom: 8px;
        }

            .nGrid.nExlargeView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon img {
                width: 56px;
                height: 56px;
            }

            .nGrid.nExlargeView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon .bi.bi-x-circle-fill {
                left: 54.5% !important;
                top: 14px !important;
                font-size: 18px !important;
            }

@media(max-width:1700px) {
    .nGrid.nExlargeView .nGridBodyRow .nFolderRow {
        width: 19.0%;
        flex: 0 0 19.0%;
    }
}

@media(max-width:1539px) {
    .nGrid.nExlargeView .nGridBodyRow .nFolderRow {
        width: 24.0%;
        flex: 0 0 24.0%;
    }
}

@media(max-width:1399px) {
    .nGrid.nExlargeView .nGridBodyRow .nFolderRow {
        width: 32.3333%;
        flex: 0 0 32.3333%;
    }
}

@media(max-width:1199px) {
    .nGrid.nExlargeView .nGridBodyRow .nFolderRow {
        width: 31.3333%;
        flex: 0 0 31.3333%;
        margin: 1%;
    }
    /*body {
        min-width: 1024px;
    }*/
}

@media(max-width:1024px) {
    .nGrid.nExlargeView .nGridBodyRow .nFolderRow {
        width: 31.3333%;
        flex: 0 0 31.3333%;
        margin: 1%;
    }
    /*body {
        min-width: 1024px;
    }*/
}

@media(max-width:767px) {
    .nGrid.nExlargeView .nGridBodyRow .nFolderRow {
        width: 48.0%;
        flex: 0 0 48.0%;
        margin: 1%;
    }
    /*body {
        min-width: 1024px;
    }*/
}

@media(max-width:525px) {
    .nGrid.nExlargeView .nGridBodyRow .nFolderRow {
        width: 98.0%;
        flex: 0 0 98.0%;
        margin: 1%;
    }
    /*body {
        min-width: 1024px;
    }*/
}

.nGrid.nExlargeView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol {
    margin-bottom: 10px;
}

    .nGrid.nExlargeView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nName {
        padding-left: 15px;
        padding-right: 15px;
    }
/*Ex Large View End*/
/*Large View Start*/
/*Large View End*/
/*Medium View Start*/

.nGrid.nMediumView .nGridBodyRow {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    /*height: calc(100vh - 345px);*/
    align-content: flex-start;
}

    .nGrid.nMediumView .nGridBodyRow .nFolderRow {
        width: 9%;
        flex: 0 0 9%;
        margin: 0.5%;
        height: 120px;
        max-height: 120px;
        min-height: 120px;
        background: #fff;
        border: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        position: relative;
        border-radius: 0.25rem;
    }

        .nGrid.nMediumView .nGridBodyRow .nFolderRow .nGridBodyCol.col-auto {
            align-items: flex-start;
        }

        .nGrid.nMediumView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon {
            width: 100%;
            text-align: center;
            font-size: 26px;
            height: 26px;
            line-height: 26px;
            margin-bottom: 4px;
        }

            .nGrid.nMediumView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon img {
                width: 26px;
                height: 26px;
            }

            .nGrid.nMediumView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon .bi.bi-x-circle-fill {
                left: 50.5% !important;
                top: 7px !important;
                font-size: 12px !important;
            }

        .nGrid.nMediumView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .ms-auto.d-flex {
            width: 18px;
            right: 0.3rem;
        }

            .nGrid.nMediumView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .ms-auto.d-flex .bi {
                height: 18px;
                padding: 0 1px;
                font-size: 11px;
                margin: 0.5px;
            }

        .nGrid.nMediumView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nName {
            padding-left: 5px;
            padding-right: 5px;
            font-size: 12px;
            margin-bottom: 0px;
            margin-top: 0px;
        }


@media(max-width:1800px) {
    .nGrid.nMediumView .nGridBodyRow .nFolderRow {
        width: 10.1111%;
        flex: 0 0 10.1111%;
        /*10 col*/
    }
}

@media(max-width:1700px) {
    .nGrid.nMediumView .nGridBodyRow .nFolderRow {
        width: 11.5%;
        flex: 0 0 11.5%;
        /*9 col*/
    }
}

@media(max-width:1600px) {
    .nGrid.nMediumView .nGridBodyRow .nFolderRow {
        width: 13.2857%;
        flex: 0 0 13.2857%;
        /*8 col*/
    }
}

@media(max-width:1500px) {
    .nGrid.nMediumView .nGridBodyRow .nFolderRow {
        width: 15.6666%;
        flex: 0 0 15.6666%;
        /*7 col*/
    }
}

@media(max-width:1400px) {
    .nGrid.nMediumView .nGridBodyRow .nFolderRow {
        width: 19.0%;
        flex: 0 0 19.0%;
        /*6 col*/
    }
}

@media(max-width:1199px) {
    .nGrid.nMediumView .nGridBodyRow .nFolderRow {
        width: 23%;
        flex: 0 0 23%;
        margin: 1%;
        /*4 col*/
    }
}

@media(max-width:600px) {
    .nGrid.nMediumView .nGridBodyRow .nFolderRow {
        width: 31.3333%;
        flex: 0 0 31.3333%;
        margin: 1%;
        /*4 col*/
    }
}

@media(max-width:450px) {
    .nGrid.nMediumView .nGridBodyRow .nFolderRow {
        width: 48.0%;
        flex: 0 0 48.0%;
        margin: 1%;
        /*4 col*/
    }
}
/*Medium View End*/
/*Small View Start*/


.nGrid.nSmallView .nGridBodyRow {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    /*height: calc(100vh - 345px);*/
    align-content: flex-start;
}

    .nGrid.nSmallView .nGridBodyRow .nFolderRow {
        width: 32.3333%;
        flex: 0 0 32.3333%;
        margin: 0.5%;
        height: 65px;
        max-height: 65px;
        min-height: 65px;
        background: #fff;
        border: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        position: relative;
        border-radius: 0.25rem;
    }

        .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol {
            align-items: flex-start;
            overflow: visible;
        }

            .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol.nNameGridCol {
                padding-right: 30px;
            }

            .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol {
                flex-direction: row;
            }

                .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol.btn-nTreeCollapse {
                    min-height: 24px;
                }

                .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .ms-auto.d-flex {
                    width: auto;
                    flex-direction: row;
                    position: relative;
                }

                    .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .ms-auto.d-flex .bi {
                        margin-bottom: 0px;
                    }

                .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis {
                    flex-direction: row;
                }

                    .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nName {
                        text-align: left;
                    }

                    .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon {
                        width: 24px;
                        height: inherit;
                        flex: 0 0 24px;
                        font-size: 16px;
                        line-height: 16px;
                        margin-bottom: 0px;
                        text-align: left;
                    }

                        .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol .nNameCol .text-ellipsis .nGridIcon .bi.bi-x-circle-fill {
                            left: 44% !important;
                            font-size: 10px !important;
                            top: 5px !important;
                        }

            .nGrid.nSmallView .nGridBodyRow .nFolderRow .nGridBodyCol.nGridDotDropCol {
                position: absolute;
                right: 0px;
                min-width: initial;
                width: auto;
                flex: 0 0 auto;
                top: 28px;
            }

@media(max-width:1800px) {
    .nGrid.nGridView.nSmallView .nGridBodyRow .nFolderRow {
        width: 32.3333%;
        flex: 0 0 32.3333%;
        /*3 colo*/
    }
}

@media(max-width:1700px) {
    .nGrid.nGridView.nSmallView .nGridBodyRow .nFolderRow {
        width: 32.3333%;
        flex: 0 0 32.3333%;
        /*3 colo*/
    }
}

@media(max-width:1600px) {
    .nGrid.nGridView.nSmallView .nGridBodyRow .nFolderRow {
        width: 32.3333%;
        flex: 0 0 32.3333%;
        /*3 colo*/
        margin: 0.5%;
    }
}

@media(max-width:1500px) {
    .nGrid.nGridView.nSmallView .nGridBodyRow .nFolderRow {
        width: 32.3333%;
        flex: 0 0 32.3333%;
        /*3 colo*/
        margin: 0.5%;
    }
}

@media(max-width:1400px) {
    .nGrid.nGridView.nSmallView .nGridBodyRow .nFolderRow {
        width: 49.0%;
        flex: 0 0 49.0%;
        /*2 colo*/
        margin: 0.5%;
    }
}

@media(max-width:1300px) {
    .nGrid.nGridView.nSmallView .nGridBodyRow .nFolderRow {
        width: 48.0%;
        flex: 0 0 48.0%;
        /*3 colo*/
        margin: 1%;
    }
}

@media(max-width:1200px) {
    .nGrid.nSmallView.nSmallView .nGridBodyRow .nFolderRow {
        width: 48%;
        flex: 0 0 48%;
        margin: 1%;
        /*1 col*/
    }
}

@media(max-width:992px) {
    .nGrid.nSmallView.nSmallView .nGridBodyRow .nFolderRow {
        width: 48%;
        flex: 0 0 48%;
        margin: 1%;
        /*1 col*/
    }
}

@media(max-width:767px) {
    .nGrid.nSmallView.nSmallView .nGridBodyRow .nFolderRow {
        width: 98%;
        flex: 0 0 98%;
        margin: 1%;
        /*1 col*/
    }
}
/*Small View End*/
.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridTypeCol,
.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridSizeCol,
.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridSecurityCol,
.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridDateModiCol,
.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridDateLastModiCol,
.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridVersionCol,
.nGrid.nGridView .nGridBodyRow .nFolderRow .nGridSecurityCol {
    display: none;
}
/*Grid view search page end*/
@media (min-width:1400px) {
    .nGridHeadCol.col.col-w-80.mobHeadSize, .nGridBodyCol.nGridSizeCol.col.col-w-80.mobColSize {
        width: 110px;
        flex: 0 0 110px;
    }

    .nGridHeadCol.col.col-w-90.mobHeadStatus, .nGridBodyCol.nGridStatusCol.col.col-w-90.mobColStatus {
        width: 130px;
        flex: 0 0 130px;
    }

    .nGridHeadCol.col.col-w-140.mobHeadSecClass, .nGridBodyCol.nGridSecurityCol.col.col-w-140.mobColSecClass {
        width: 180px;
        flex: 0 0 180px;
    }

    .nGridHeadCol.col.col-w-160.mobHeadDateModi, .nGridBodyCol.nGridDateModiCol.col.col-w-160.mobColDateModi {
        width: 200px;
        flex: 0 0 200px;
    }

    .nGridHeadCol.col.col-w-100.mobHeadVersion, .nGridBodyCol.nGridVersionCol.col.col-w-100.mobColVersion {
        width: 130px;
        flex: 0 0 130px;
    }
}
.nNameGridCol.mobColName .msgerror {
    display: block;
    text-align: left;
    width: 100%;
    white-space: normal;
    position: absolute;
    left: 31px;
    bottom: -11px;
    font-size: 11px;
    white-space: nowrap;
}
/*Grid end*/
/**/
.dropedHighlight {
    background: #e6f3e6;
}
/**/

.nQuickAccessDIV {
    width: 250px;
    flex: 0 0 250px;
    transition: all 0.5s;
}

    .nQuickAccessDIV.active {
        margin-left: -250px;
        transition: all 0.5s;
    }



.nFolderCommentsDiv {
    width: 250px;
    transition: all 0.5s;
    position: absolute;
    right: 7px;
}

    .nFolderCommentsDiv.active {
        opacity: 0;
        margin-right: -250px;
        transition: all 0.5s;
    }
.nNotAccessViewDiv {
    width: 250px;
    transition: all 0.5s;
    position: absolute;
    right: 7px;
}

    .nNotAccessViewDiv.active {
        opacity: 0;
        margin-right: -250px;
        transition: all 0.5s;
    }

.nversionHistoryDiv {
    width: 250px;
    transition: all 0.5s;
    position: absolute;
    right: 7px;
}

    .nversionHistoryDiv.active {
        opacity: 0;
        margin-right: -250px;
        transition: all 0.5s;
    }
    /**/
.comment-item {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
    border: 1px dashed #ddd;
    margin-bottom: 0.75rem;
}

    .comment-item.checked {
        border: 1px dashed #fe6300;
    }

    .comment-item .card-header {
        padding: 10px 12px 5px 12px;
    }

    .comment-item .card-body {
        padding: 0px 12px 10px 12px;
    }

    .comment-item .comment-date {
        font-size: 11px;
        color: #838394;
        margin-top: 3px;
    }

    .comment-item .card-body .card-text {
        display: flex;
        flex-direction: column;
    }

        .comment-item .card-body .card-text i.bi {
            font-size: 12px;
            width: 18px;
            display: flex;
            flex: 0 0 18px;
            margin-left: 0px;
            padding-top: 4px;
            color: #24c4f8;
        }

        .comment-item .card-body .card-text span {
            flex: 1;
            font-size: 11px;
            word-break: break-all;
            word-wrap: break-word;
        }

    .comment-item .card-body .read-text {
        font-size: 12px;
        padding-left: 18px;
    }

#comments .d-flex.flex-column .comment-item:last-child, #audit .d-flex.flex-column .comment-item:last-child {
    margin-bottom: 0px;
}
/**/
#autocomplete-container {
    position: relative;
}

.tagsNameautocomplete-container {
    position: relative;
}

.ui-autocomplete {
    position: absolute;
    top: 100% !important;
    left: 0;
    width: 100% !important;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-menu .ui-menu-item a strong, .ui-menu .ui-menu-item a .highlighted {
    color: #fe6300;
}

#metadata-suggestions-container {
    margin-top: 8px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px !important;
    box-shadow: 0 0px 6px rgba(0, 0, 0, .175);
    background: #ffffff;
    color: #0b1727;
    display: block;
    background: rgba(254, 99, 0, 0.05);
}

    #metadata-suggestions-container h4 {
        font-size: 0.875rem;
    }
/********/
.ui-datepicker.advanced-datepicker {
    z-index: 1000 !important;
}

#viewer-container .tag {
    background: none !important;
    display: inherit !important;
    padding: inherit !important;
    margin: inherit !important;
    border-radius: inherit !important;
    cursor: inherit !important;
}

#itemsList li {
    margin-top: .5rem;
}

    #itemsList li:first-child {
        margin-top: .0rem;
    }

    #itemsList li .bi {
        color: #fe6300;
    }

#emailList .badge.bg-warning {
    font-size: 13px;
    font-weight: 400;
    border-radius: 15px;
}


#left-pane.pane {
    margin-right: 0px;
    transition: all 0.5s;
}

    #left-pane.pane.active {
        margin-left: -264px;
        transition: all 0.5s;
    }

        #left-pane.pane.active .card {
            opacity: 0;
        }

#right-pane.pane {
    margin-right: 0px;
    transition: all 0.5s;
}

    #right-pane.pane.active {
        margin-right: -264px;
        transition: all 0.5s;
        opacity: 0;
    }

#handle-1.resize-handle.active {
    opacity: 0;
}

#handle-2.resize-handle.active {
    opacity: 0;
}
/**/
.nFolderProperty {
    display: flex;
    flex-direction: column;
}

    .nFolderProperty h6 {
        font-size: 15px;
        font-weight: 500;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 10px;
    }

    .nFolderProperty dl {
        display: flex;
        flex-direction: column;
        padding: 0px;
        margin: 0px;
        font-size: 12px;
    }

        .nFolderProperty dl dt {
            color: #0b1727;
            font-weight: 500;
            margin-bottom: 3px;
        }

        .nFolderProperty dl dd {
            color: #4e4e4e;
            line-height: 16px;
            padding-bottom: 15px;
            margin-bottom: 3px;
            position: relative;
            min-height: 27.5px;
        }

            .nFolderProperty dl dd .input-group {
                min-height: 27.5px;
            }

    .nFolderProperty .metadata-text {
        word-break: break-all;
        word-wrap: break-word;
        display: block;
    }
/**/
.searchFolderSetting li {
    position: relative;
}

.searchFolderSetting .nLable .form-label {
    color: #0b1727;
    font-weight: 500;
}

.searchFolderSetting .nFormControl {
    color: #4e4e4e;
    line-height: 16px;
    position: relative;
    min-height: 27.5px;
}

.searchFolderSetting .error-msg {
    position: absolute;
    bottom: 3px;
}

.searchFolderSetting .msg-note {
    position: absolute;
    bottom: 3px;
    color: #4f4f4f;
}

@media (max-width:860px) {
    .searchFolderSetting .msg-note {
        font-size: 9px !important;
    }
}

.searchFolderSetting .dropdown .dropdown-menu > li {
    padding-bottom: 0px;
}

.searchFolderSetting .input-group-btn.btn-success, .searchFolderSetting .input-group-btn.btn-danger {
    height: 27.5px;
}

.searchFolderSetting li .bootstrap-select > .dropdown-toggle {
    border-radius: 3px;
    padding: .1875rem .75rem !important;
}
/**/
.nRoleGrid .top {
    display: flex;
    flex-flow: wrap;
    gap: 10px;
}

    .nRoleGrid .top .dt-buttons {
        order: 2;
        display: flex;
        align-items: center;
    }

        .nRoleGrid .top .dt-buttons .form-select {
            border: 1px solid #aaa !important;
            color: #495057 !important;
            font-size: var(--falcon-body-font-size) !important;
            /*font-weight: 500 !important;*/
            box-shadow: none !important;
            outline: none !important;
            outline-offset: 0px !important;
            padding: .3em 1em !important;
            height: 30px !important;
            border-radius: 3px;
            margin-left: 2px;
        }

    .nRoleGrid .top .dataTables_filter {
        display: flex;
        gap: 10px;
    }

        .nRoleGrid .top .dataTables_filter .form-select {
            order: 0;
        }

        .nRoleGrid .top .dataTables_filter label {
            order: 1;
        }

        .nRoleGrid .top .dataTables_filter [type="search"] {
            padding: 4px 5px;
        }

        .nRoleGrid .top .dataTables_filter .form-select {
            border: 1px solid var(--border-color) !important;
            box-shadow: none !important;
            outline: none !important;
            outline-offset: 0px !important;
            padding: .3em 1em !important;
            height: 30px !important;
            border-radius: 3px;
            margin-left: 2px;
        }

    .nRoleGrid .top .dataTables_length {
        order: 1;
    }

    .nRoleGrid .top .dataTables_filter {
        order: 3;
        margin-left: auto;
    }
@media (max-width:767px) {
    .nRoleGrid .top {
        justify-content: center;
    }

        .nRoleGrid .top .dataTables_filter {
            margin: auto;
        }
}
.nRoleGrid .col-md-7 .dt-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}


.nRoleGrid .col-md-5 .dataTables_filter {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width:575px) {
    .nRoleGrid .col-md-5 .dataTables_filter {
        justify-content: center;
    }
}

.nRoleGrid .col-md-5 .dataTables_filter label {
    order: 1;
}

.nRoleGrid .col-md-5 .dataTables_filter .form-select {
    border: 1px solid var(--border-color) ;
    color: #495057 !important;
    font-size: 13px !important;
    /*font-weight: 500 !important;*/
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0px !important;
    padding: .3em 1em !important;
    height: 30px !important;
    border-radius: 3px;
    margin-left: 2px;
}


.dt-button {
    border: 1px solid #ddd !important;
    color: #495057 !important;
    background: none !important;
    font-size: var(--falcon-body-font-size) !important;
    /*font-weight: 500 !important;*/
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0px !important;
    padding: .3em 1em !important;
    height: 30px !important;
    border-radius: 3px !important;
}

    .dt-button:hover, .dt-button:focus {
        border: 1px solid #fe6300 !important;
        color: #fe6300 !important;
        box-shadow: none !important;
    }

div.dt-button-collection {
    padding: 7px !important;
}

    div.dt-button-collection .dt-button {
        border: none !important
    }

        div.dt-button-collection .dt-button:hover {
            background: #eee !important;
        }

div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {
    margin-bottom: .5rem !important;
}

.dataTables_wrapper .dataTables_length select {
    min-width: 90px;
    border: 1px solid #ddd;

}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #ddd;
}
/**/
/**workflow start******************/
#navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#leftside {
    display: inline-block;
    vertical-align: middle;
}

    #leftside #details {
        display: flex;
    }

#back {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background-color: #F1F4FC;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    cursor: pointer;
}

    #back img {
        margin-top: 5px;
    }

#names {
    display: inline-block;
    vertical-align: top;
}

#title {
    font-weight: 500;
    font-size: 15px;
    color: #393C44;
    margin-bottom: 0px;
    line-height: 18px;
}

#subtitle {
    color: #808292;
    font-size: 13px;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}



#centerswitch {
    width: auto;
}

@media only screen and (max-width: 832px) {
    #centerswitch {
        display: none;
    }
}

#leftswitch {
    border: 1px solid #E8E8EF;
    background-color: #FBFBFB;
    width: auto;
    height: 32px;
    line-height: 29px;
    border-radius: 3px;
    color: #393C44;
    display: inline-block;
    font-size: 14px;
    text-align: center;
}

#rightswitch {
    color: #808292;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #E8E8EF;
    height: 32px;
    width: 102px;
    display: inline-block;
    font-size: 14px;
    line-height: 29px;
    text-align: center;
    margin-left: -5px;
}



#leftcard {
    height: 100%;
}

#search {
    padding-left: 15px;
}

    #search input {
        width: calc(100% - 15px);
        height: 40px;
        background-color: #FFF;
        border: 1px solid #E8E8EF;
        box-sizing: border-box;
        box-shadow: 0px 2px 8px rgba(34,34,87,0.05);
        border-radius: 5px;
        text-indent: 35px;
        font-size: 16px;
    }

::-webkit-input-placeholder { /* Edge */
    color: #C9C9D5;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C9C9D5
}

::placeholder {
    color: #C9C9D5;
}

#search img {
    position: absolute;
    margin-top: 10px;
    width: 18px;
    margin-left: 12px;
}

#header {
    font-size: 20px;
    font-weight: bold;
    color: #393C44;
    padding-left: 15px;
    padding-top: 15px;
}

#subnav, #propswitch {
    border-bottom: 1px solid #E8E8EF;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    display: flex;
}

.navdisabled {
    transition: all .3s cubic-bezier(.05,.03,.35,1);
}

    .navdisabled:hover {
        cursor: pointer;
        opacity: .5;
    }

.navactive, .navpropactive {
    color: #393C44 !important;
}

    .navactive:after, .navpropactive:after {
        display: block;
        content: "";
        width: 100%;
        height: 4px;
        background-color: #fe6300;
        margin-top: -4px;
    }

#triggers {
    margin-left: 15px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #808292;
    width: calc(88% / 2);
    height: 48px;
    line-height: 48px;
    display: inline-block;
    float: left;
}


#actions {
    display: inline-block;
    font-weight: 500;
    color: #808292;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    width: calc(88% / 2);
    text-align: center;
    float: left;
}

#loggers {
    width: calc(88% / 3);
    display: inline-block;
    font-weight: 500;
    color: #808292;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}




#properties {
    height: 100%;
    width: 100%;
    background-color: #FFF;
    box-shadow: -4px 0px 40px rgba(26, 26, 73, 0);
    transition: all .25s cubic-bezier(.05,.03,.35,1);
}

.itson {
    z-index: 2 !important;
}

.expanded {
    right: 0 !important;
    opacity: 1 !important;
    box-shadow: -4px 0px 40px rgba(26, 26, 73, 0.05);
    z-index: 2;
}

#close {
    transition: all .25s cubic-bezier(.05,.03,.35,1);
}

    #close:hover {
        cursor: pointer;
    }

#propswitch {
    border-bottom: 0px solid #E8E8EF;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

#dataprop {
    width: calc(88% / 3);
    display: inline-block;
    font-weight: 500;
    color: #808292;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-left: 15px;
}



.inputlabel {
    font-size: 14px;
    color: #253134;
    padding-top: 15px;
}


#divisionthing {
    height: 1px;
    width: 100%;
    background-color: #E8E8EF;
    position: absolute;
    right: 0px;
}

#removeblock {
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    position: absolute;
    bottom: 0px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #e63757;
    border: 1px solid #E8E8EF;
    transition: all .3s cubic-bezier(.05,.03,.35,1);
}

    #removeblock:hover {
        cursor: pointer;
        opacity: .5;
    }

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.nCanvasBody {
    /*background-image: url('../images/workflow/tile.png');*/
    background-color: rgba(254,99,0,0.1) !important;
    background-color: white;
    background-image: linear-gradient(rgba(255,182,136,0.2) 1px, transparent 1px), linear-gradient(90deg, rgba(255,182,136,0.2) 1px, transparent 1px);
    background-repeat: repeat;
    background-size: 20px 20px;
    background-color: #FBFBFB;
    position: relative;
}

.nBlocksCard {
    transition: all 0.5s;
    margin-left: 0px;
}

    .nBlocksCard.active {
        margin-left: -300px;
    }

.nPropertyCard {
    transition: all 0.5s;
    margin-right: -320px;
}

    .nPropertyCard.active {
        margin-right: 0px;
    }

.showBlockCard {
    position: absolute;
    left: 15px;
    z-index: 5;
}

.nBlockListHeader {
    padding: 15px;
    padding-bottom: 5px;
}

    .nBlockListHeader h6 {
        font-size: 10px;
        color: #fe6300;
        text-transform: uppercase;
    }

.nBlockProperties, .nFolderProperties, .nDocumentProperties, .nMetadataProperties, .nApprRejeProperties, .nEmailProperties, .nWorkFlowOperatorProperties, .nEmailProperties, .nSMSProperties {
    padding: 0 15px;
}

    .nBlockProperties .nBlockListHeader,
    .nFolderProperties .nBlockListHeader,
    .nDocumentProperties .nBlockListHeader,
    .nMetadataProperties .nBlockListHeader,
    .nApprRejeProperties .nBlockListHeader,
    .nEmailProperties .nBlockListHeader,
    .nWorkFlowOperatorProperties .nBlockListHeader,
    .nEmailProperties .nBlockListHeader,
    .nSMSProperties .nBlockListHeader {
        padding-left: 0px;
        padding-right: 0px;
    }

    .nFolderProperties .dropdown .dropdown-toggle {
        width: 100%;
        box-shadow: 0px 2px 8px rgba(34, 34, 87, 0.05);
        border: 1px solid #E8E8EF;
        border-radius: 3px;
        padding: .3125rem 1.4rem .3125rem 0.7rem;
        background: #fff;
        color: var(--falcon-headings-color) !important;
        display: flex;
        align-items: center;
    }

        .nFolderProperties .dropdown .dropdown-toggle::after {
            content: "\f282";
            font-family: bootstrap-icons !important;
            font-weight: 900;
            font-size: 11.6px;
            border: 0px;
            right: 7px;
            position: absolute;
        }

.nOutcomeButton .btn {
    position: relative;
}

    .nOutcomeButton .btn input {
        background: none;
        border: 0px;
        width: 80%;
        color: #fff;
    }

    .nOutcomeButton .btn a.close {
        position: absolute;
        right: 1rem;
        top: 6px;
        color: #fff;
        display: none;
        opacity: 0;
    }

    .nOutcomeButton .btn:hover a.close {
        opacity: 1;
        display: block;
    }

#addOutcome.disabled-link {
    pointer-events: none; /* Prevent clicking */
    opacity: 0.5; /* Make it look disabled */
}

#outcomeDiv .dropdown-item {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
}

    #outcomeDiv .dropdown-item:hover {
        background: none !important;
    }

    #outcomeDiv .dropdown-item a.btn {
        width: 100%;
    }
/*Conditon card yes no Start*/
[data-type="condition_Yes_No"], #canvas [data-type="condition_Yes_No"] {
    width: 200px;
    height: 75px; /* adjust to control the size  */
    aspect-ratio: 1;
    clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
    background: #27AE60 !important;
    text-align: center;
    overflow: visible;
    position: relative;
}

    [data-type="condition_Yes_No"] .grabme, #canvas [data-type="condition_Yes_No"] .grabme, #canvas [data-type="condition_Yes_No"] .blockin .blockico, #canvas [data-type="condition_Yes_No"] .connector-point.bottom {
        display: none;
    }

    [data-type="condition_Yes_No"] .blockin .blocktext, #canvas [data-type="condition_Yes_No"] .blockin .blocktext {
        margin: 0px;
    }

        [data-type="condition_Yes_No"] .blockin .blocktext .blocktitle, #canvas [data-type="condition_Yes_No"] .blockin .blocktext .blocktitle {
            color: #fff;
        }

    [data-type="condition_Yes_No"] .blockin, #canvas [data-type="condition_Yes_No"] .blockin {
        justify-content: center !important;
        align-items: center !important;
        width: 100%;
    }

    #canvas [data-type="condition_Yes_No"] .connector-point.top {
        top: -2px;
    }

    #canvas [data-type="condition_Yes_No"] .connector-point.right {
        right: 7px;
    }

    #canvas [data-type="condition_Yes_No"] .connector-point.left {
        left: 7px;
    }
/*Conditon card yes no End*/
/*condition Yes Start*/
[data-type="condition_Yes"] .blockin {
    align-items: center !important;
}

#canvas [data-type="condition_Yes"] {
    width: 60px !important;
    height: 60px !important;
    transform: rotate(45deg);
    background: #27ae60 !important;
    justify-content: center;
    align-items: center;
    padding: 2px !important;
}

    #canvas [data-type="condition_Yes"] .grabme {
        display: none;
    }

    #canvas [data-type="condition_Yes"] .blockin {
        flex-direction: column !important;
        justify-content: center !important;
        margin: 0px auto !important;
        align-items: center !important;
        transform: rotate(-45deg);
    }

        #canvas [data-type="condition_Yes"] .blockin .blocktext {
            margin-left: 0px !important;
        }

            #canvas [data-type="condition_Yes"] .blockin .blocktext .blockdesc {
                display: none !important;
            }

        #canvas [data-type="condition_Yes"] .blockin .blocktitle {
            color: #fff !important;
            text-align: center !important;
            font-size: 12px !important;
        }

    #canvas [data-type="condition_Yes"] .blockico {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        border-radius: 50% !important;
    }

        #canvas [data-type="condition_Yes"] .blockico img {
            width: 20px !important;
            height: 20px !important;
        }

    #canvas [data-type="condition_Yes"] .card-delete-btn {
        top: -25px !important;
        right: 25px !important;
    }

    #canvas [data-type="condition_Yes"] .connector-point.top,
    #canvas [data-type="condition_Yes"] .connector-point.right,
    #canvas [data-type="condition_Yes"] .connector-point.bottom,
    #canvas [data-type="condition_Yes"] .connector-point.left {
        transform: rotate(-45deg);
    }

    #canvas [data-type="condition_Yes"] .connector-point.top {
        top: -0px;
        left: 0% !important;
        transform: rotate(-45deg) translate(0%, -60%) !important;
    }

    #canvas [data-type="condition_Yes"] .connector-point.right {
        right: -10px;
        top: 0% !important;
        transform: rotate(-45deg) translate(10%, -50%) !important;
    }

    #canvas [data-type="condition_Yes"] .connector-point.bottom {
        right: -0px;
        bottom: 0% !important;
        transform: rotate(-45deg) translate(100%, 150%) !important;
    }

    #canvas [data-type="condition_Yes"] .connector-point.left {
        left: -10px;
        top: 60% !important;
        transform: rotate(-45deg) translate(-80%, 100%) !important;
    }


/*condition Yes End*/
/*condition No Start*/
[data-type="condition_No"] .blockin {
    align-items: center !important;
}

#canvas [data-type="condition_No"] {
    width: 60px !important;
    height: 60px !important;
    transform: rotate(45deg);
    background: #e63757 !important;
    justify-content: center;
    align-items: center;
    padding: 2px !important;
}

    #canvas [data-type="condition_No"] .grabme {
        display: none;
    }

    #canvas [data-type="condition_No"] .blockin {
        flex-direction: column !important;
        justify-content: center !important;
        margin: 0px auto !important;
        align-items: center !important;
        transform: rotate(-45deg);
    }

        #canvas [data-type="condition_No"] .blockin .blocktext {
            margin-left: 0px !important;
        }

            #canvas [data-type="condition_No"] .blockin .blocktext .blockdesc {
                display: none !important;
            }

        #canvas [data-type="condition_No"] .blockin .blocktitle {
            color: #fff !important;
            text-align: center !important;
            font-size: 12px !important;
        }

    #canvas [data-type="condition_No"] .blockico {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        border-radius: 50% !important;
    }

        #canvas [data-type="condition_No"] .blockico img {
            width: 20px !important;
            height: 20px !important;
        }

    #canvas [data-type="condition_No"] .card-delete-btn {
        top: -25px !important;
        right: 25px !important;
    }

    #canvas [data-type="condition_No"] .connector-point.top,
    #canvas [data-type="condition_No"] .connector-point.right,
    #canvas [data-type="condition_No"] .connector-point.bottom,
    #canvas [data-type="condition_No"] .connector-point.left {
        transform: rotate(-45deg);
    }

    #canvas [data-type="condition_No"] .connector-point.top {
        top: -0px;
        left: 0% !important;
        transform: rotate(-45deg) translate(0%, -60%) !important;
    }

    #canvas [data-type="condition_No"] .connector-point.right {
        right: -10px;
        top: 0% !important;
        transform: rotate(-45deg) translate(10%, -50%) !important;
    }

    #canvas [data-type="condition_No"] .connector-point.bottom {
        right: -0px;
        bottom: 0% !important;
        transform: rotate(-45deg) translate(100%, 150%) !important;
    }

    #canvas [data-type="condition_No"] .connector-point.left {
        left: -10px;
        top: 60% !important;
        transform: rotate(-45deg) translate(-80%, 100%) !important;
    }


/*condition No End*/
/*condition No Start*/
[data-type="condition_View"] .blockin {
    align-items: center !important;
}

#canvas [data-type="condition_View"] {
    width: 60px !important;
    height: 60px !important;
    transform: rotate(45deg);
    background: #2c7be5 !important;
    justify-content: center;
    align-items: center;
    padding: 2px !important;
}

    #canvas [data-type="condition_View"] .grabme {
        display: none;
    }

    #canvas [data-type="condition_View"] .blockin {
        flex-direction: column !important;
        justify-content: center !important;
        margin: 0px auto !important;
        align-items: center !important;
        transform: rotate(-45deg);
    }

        #canvas [data-type="condition_View"] .blockin .blocktext {
            margin-left: 0px !important;
        }

            #canvas [data-type="condition_View"] .blockin .blocktext .blockdesc {
                display: none !important;
            }

        #canvas [data-type="condition_View"] .blockin .blocktitle {
            color: #fff !important;
            text-align: center !important;
            font-size: 12px !important;
        }

    #canvas [data-type="condition_View"] .blockico {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        border-radius: 50% !important;
    }

        #canvas [data-type="condition_View"] .blockico img {
            width: 20px !important;
            height: 20px !important;
        }

    #canvas [data-type="condition_View"] .card-delete-btn {
        top: -25px !important;
        right: 25px !important;
    }

    #canvas [data-type="condition_View"] .connector-point.top,
    #canvas [data-type="condition_View"] .connector-point.right,
    #canvas [data-type="condition_View"] .connector-point.bottom,
    #canvas [data-type="condition_View"] .connector-point.left {
        transform: rotate(-45deg);
    }

    #canvas [data-type="condition_View"] .connector-point.top {
        top: -0px;
        left: 0% !important;
        transform: rotate(-45deg) translate(0%, -60%) !important;
    }

    #canvas [data-type="condition_View"] .connector-point.right {
        right: -10px;
        top: 0% !important;
        transform: rotate(-45deg) translate(10%, -50%) !important;
    }

    #canvas [data-type="condition_View"] .connector-point.bottom {
        right: -0px;
        bottom: 0% !important;
        transform: rotate(-45deg) translate(100%, 150%) !important;
    }

    #canvas [data-type="condition_View"] .connector-point.left {
        left: -10px;
        top: 60% !important;
        transform: rotate(-45deg) translate(-80%, 100%) !important;
    }


/*condition View End*/
/**workflow end********************/
/**/
.nProgDiv {
    width: 360px;
    height: auto;
    background: #fff;
    position: fixed;
    bottom: -1px;
    right: 15px;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    box-shadow: var(--falcon-box-shadow);
    transition: all 0.5s;
    border: 1px dashed #2c7be5;
}

    .nProgDiv.nHide {
        bottom: -100%;
        transition: all 0.5s;
    }

    .nProgDiv .nProgBtn, .nProgDiv .nProgRecordBtn {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0px;
        border-radius: 50%;
        color: var(--falcon-body-color);
        background: none;
        transition: all 0.5s;
        font-size: 16px;
    }

        .nProgDiv .nProgBtn:hover, .nProgDiv .nProgRecordBtn:hover {
            color: #fe6300;
            background: #fff;
        }

        .nProgDiv .nProgBtn i:before, .nProgDiv .nProgRecordBtn i:before {
            font-weight: 600 !important;
        }

        .nProgDiv .nProgRecordBtn.active i:before {
            transition: all 0.5s;
            content: "\f286";
            font-family: bootstrap-icons !important;
        }

    .nProgDiv .card-header {
        padding: 1px 1rem;
    }

    .nProgDiv .card-body.nProgContent {
        padding: 10px;
        overflow: hidden;
        overflow-y: auto;
        height: auto !important;
        transition: all 0.5s;
        max-height: 260px;
    }

    .nProgDiv .card-body .table {
        table-layout: fixed;
    }

        .nProgDiv .card-body .table th, .nProgDiv .card-body .table td {
            table-layout: fixed;
            padding: 0.65rem 1rem !important;
            font-size: 13px;
            border: 0px !important;
        }

            .nProgDiv .card-body .table td .form-control {
                padding: 0px !important;
                border: 0px !important;
                margin: 0px;
                font-size: 13px;
                width: 300px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                background: none;
            }

            .nProgDiv .card-body .table td .success-icon, .nProgDiv .card-body .table td .primary-icon {
                margin: 0px;
            }

.nProgContent.nHide {
    display: none;
    height: 0px !important;
    transition: all 0.5s;
}

.nShowProgressbarBtn {
    position: fixed;
    right: 30px;
    bottom: 0;
    border: 0px;
    background: #ddd;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    width: 28px;
    height: 25px;
    bottom: -100%;
    transition: all 0.5s;
}

    .nShowProgressbarBtn:hover {
        background: #fe6300;
        color: #fff;
    }

    .nShowProgressbarBtn.active {
        bottom: 0px;
        transition: all 0.5s;
    }

@-webkit-keyframes progress-rotate /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes progress-rotate {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.progress-rotate {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.btn-file-info, .btn-pause, .btn-file-close {
    color: #fff;
    padding: 0px;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    line-height: 20px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.btn-file-info {
    background: rgb(39, 188, 253);
}
    .btn-file-info:hover {
        color: #fff;
        background: rgb(31, 150, 202);
    }

.btn-pause {
    background: rgb(39, 174, 96);
}

    .btn-pause:hover {
        color: #fff;
        background: #1f914f;
    }

    .btn-pause[title="Resume Upload"] {
        background: #2c7be5;
    }

        .btn-pause[title="Resume Upload"]:hover {
            background: #2367c3;
            color: #fff;
        }

.btn-file-close {
    background: rgb(196, 47, 74);
}

    .btn-file-close:hover {
        background: #c42f4a;
        color: #fff;
    }
/**/
/**/
/**/
.card.nDashboardCard {
    height: inherit !important;
    width:100%;
}

.nDashboardCard {
    border: 1px solid #CED5E3;
    padding: 15px;
    position: relative;
    width: 100%;
}

    .nDashboardCard.nBlue .card-title span.cardIcon {
        background: rgba(67,142,228,0.2);
        color: rgba(67,142,228,1);
    }

    .nDashboardCard.nYellow .card-title span.cardIcon {
        background: rgba(248,201,71,0.2);
        color: rgba(248,201,71,1);
    }

    .nDashboardCard.nSaffron .card-title span.cardIcon {
        background: rgba(245,128,62,0.2);
        color: rgba(245,128,62,1);
    }

    .nDashboardCard.nPurpal .card-title span.cardIcon {
        background: rgba(233,116,212,0.2);
        color: rgba(233,116,212,1);
    }

    .nDashboardCard.nDarkBlue .card-title span.cardIcon {
        background: rgba(102,62,245,0.2);
        color: rgba(102,62,245,1);
    }

    .nDashboardCard.nLightGreen .card-title span.cardIcon {
        background: rgba(67,228,196,0.2);
        color: rgba(67,228,196,1);
    }

    .nDashboardCard.nSkyBlue .card-title span.cardIcon {
        background: rgba(71,189,248,0.2);
        color: rgba(71,189,248,1);
    }

    .nDashboardCard.nLightSkyBlue .card-title span.cardIcon {
        background: rgba(37,219,226,0.2);
        color: rgba(37,219,226,1);
    }

    .nDashboardCard.nLightBlue .card-title span.cardIcon {
        background: rgba(62,114,245,0.2);
        color: rgba(62,114,245,1);
    }

    .nDashboardCard.nGreen .card-title span.cardIcon {
        background: rgba(63, 189, 43, 0.2);
        color: rgba(63, 189, 43,1);
    }

    .nDashboardCard .card-header {
        background: none !important;
        border: none !important;
    }

        .nDashboardCard .card-header .card-title {
            background: none !important;
            border: none !important;
            font-size: 12px;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            padding: 0px;
        }

            .nDashboardCard .card-header .card-title.h5 {
                font-size: 1.1rem !important;
            }

            .nDashboardCard .card-header .card-title span.cardIcon {
                width: 36px;
                height: 36px;
                border-radius: 3px;
                font-size: 24px;
                line-height: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .nDashboardCard .card-header .card-title span.cardTitle {
                margin-left: 15px;
                font-weight: 500;
                font-size: 14px;
                position: relative;
            }

                .nDashboardCard .card-header .card-title span.cardTitle:after {
                    content: '';
                    width: 20%;
                    height: 1px;
                    border-bottom: 1px dashed #CED5E3;
                    position: absolute;
                    bottom: -10px;
                    left: 0px;
                }

    .nDashboardCard .colActiveDec {
        color: #575D65;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 13px;
    }

    .nDashboardCard .nTotal {
        display: block;
        text-align: center;
        position: relative;
        top: -1px;
        font-size: 13px !important;
        font-weight: 500;
    }

        .nDashboardCard .nTotal strong {
            display: block;
            color: #1B2C3F;
        }

        .nDashboardCard .nTotal strong, .nDashboardCard .nTotalActive strong, .nDashboardCard .nTotalInfo strong, .nDashboardCard .nTotalArchive strong, .nDashboardCard .nTotalPending strong, .nDashboardCard .nTotalDeactive strong, .nDashboardCard .nTotalRemaining strong {
            font-weight: 600;
            font-size: 16px;
            margin-right: 5px;
        }

    .nDashboardCard .nTotalActive strong {
        color: #27AE60;
    }

    .nDashboardCard .nTotalPending strong {
        color: rgba(var(--falcon-warning-rgb), 1) !important;
    }

    .nDashboardCard .nTotalInfo strong {
        color: #27bcfd;
    }

    .nDashboardCard .nTotalArchive strong {
        color: #2c7be5;
    }

    .nDashboardCard .nTotalDeactive strong {
        color: #F14167;
    }

    .nDashboardCard .nTotalRemaining strong {
        color: #FFCA28;
    }

    .nDashboardCard .border-dashed-top {
        border-top: 1px dashed #CED5E3 !important;
    }

    .nDashboardCard .border-dashed-bottom {
        border-bottom: 1px dashed #CED5E3 !important;
    }

    .nDashboardCard .border-dashed-start {
        border-left: 1px dashed #CED5E3 !important;
    }

    .nDashboardCard .border-dashed-end {
        border-right: 1px dashed #CED5E3 !important;
    }

    .nDashboardCard #fileTrackingContent hr {
        background: transparent;
        border-bottom: 1px dashed #CED5E3;
        margin:0.5rem 0px;
    }

    .nDashboardCard #fileTrackingContent {
        height: calc(100vh - 290px);
        overflow-y: auto;
    }

        .nDashboardCard #fileTrackingContent + #paginationContainer .btn-paginate {
            min-width: 26px;
            padding: 0.18rem 0rem;
        }

        .nDashboardCard #fileTrackingContent + #paginationContainer .pagination-info {
            font-size: 12px;
        }

        .nDashboardCard #fileTrackingContent + #paginationContainer .pagination-controls {
            grid-gap: 0px;
        }

    .nDashboardCard .fw-bold {
        color: #000;
    }
/*.card.nDashboardCard.nDarkBlue {
    height: calc(100vh - 69px - 15px - 15px) !important;
}*/
@media (max-width:1399px) {
    #paginationContainer {
        flex-direction: column;
        font-size: 11px;
    }

    .nDashboardCard #fileTrackingContent {
        height: calc(100vh - 305px);
        overflow-y: auto;
    }
}

/***/
.card-header {
background:none;
}
.nCardRow {
    margin-left: -15px;
    margin-right: -15px;
}

    .nCardRow > * {
        padding-right: 15px;
        padding-left: 15px;
    }

.nCard .table th {
    color: var(--falcon-headings-color);
    font-weight: 500;
    background: #efe3e0;
}
.nCard .table td, .nCard .table th {
    vertical-align: middle;
}
/*.nCard .table thead, .nCard .table tbody, .nCard .table tfoot, .nCard .table tr, .nCard .table td, .nCard .table th {
    border-color: #efe9e9;
}*/

.nCard {
    margin-bottom: 1.5rem;
    box-shadow: 0 3px 3px rgba(56,65,74,.1);
}

    .nCard .card-header {
        padding: 0rem 0rem 0.875rem;
        border-bottom: 1px solid var(--border-color);
    }

@media (max-width:575px) {
    /*.nCard .card-header {
    flex-direction:column;
    }*/
}

.nCard .card-body {
    flex: 1 1 auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1rem;
    color: #495057;
}
    .nCard .card-body .bg-light {
        /*background: #eaeef9 !important;*/
        background: #fff !important;
    }

    .nCard .card-body h4 {
        color: var(--falcon-body-color);
    }

.nCard .avatar-sm {
    height: 3rem;
    width: 3rem;
}

    .nCard .avatar-sm .avatar-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #4b38b3;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 500;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        overflow: hidden;
    }

.nCard .badge {
    font-size: 12px;
    padding: 0px;
    padding: 3px 5px;
    text-transform: capitalize;
}

    .nCard .badge label {
        font-size: 12px;
    }

.fw-medium {
    font-weight: 500 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}
/**/
.nCardTabs .nav-tabs {
border-width:2px;
}
.nCardTabs .nav-tabs .nav-item {
    margin-right: 2px;
    margin-bottom: -1px;
}

    .nCardTabs .nav-tabs .nav-item .nav-link {
        background: #fff;
        font-weight: 500;
        font-size:var(--font-size-13);
        border:0px;
    }

.nCardTabs .card-body {
    background: #fff;
}

    .nCardTabs .card-body .card-header {
        padding-top: 5px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.nCardTabs .nav-tabs .nav-link.active, .nCardTabs .nav-tabs .nav-item.show .nav-link {
    /*background: var(--falcon-primary);*/
    color: #fe6300;
    border-bottom: 2px solid #fe6300;
}

.nCardTabs .nav-tabs .nav-link.visited {
    color: #27AE60;
    border-bottom: 2px solid #27AE60;
}
/**/
.nCardVTabs .card-header .nav-tabs {
    display: flex;
    border-bottom: 0px !important;
}

.nCardVTabs .card-header {
    padding-bottom: 0px !important;
    border-bottom: 2px solid #D9D9D9 !important;
}

    .nCardVTabs .card-header .nav-tabs .nav-link {
        font-size: 1.2rem;
        font-weight: 500;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 15px;
        color: #37404c;
        position: relative;
    }

        .nCardVTabs .card-header .nav-tabs .nav-link.active, .nCardVTabs .card-header .nav-tabs .nav-item.show .nav-link {
            border-bottom: 0px !important;
            color: #fe6300;
        }

            .nCardVTabs .card-header .nav-tabs .nav-link.active:before {
                content: '';
                position: absolute;
                bottom: -1px;
                left: 0px;
                width: 100%;
                height: 2px;
                background: #fe6300;
            }
/**/
.nCard-border {
    box-shadow: none;
    border: 1px solid #e1e1e1 !important;
    border-radius: .375rem;
}
/**/