/************************************************
Import file start
/*************************************************/

@import url("ds-style.css");

html {
    font-size: 62.5%;
}

body {
    font-family: var(--ds-font-400);
    font-size: var(--ds-font-16);
    line-height: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.row {
    --bs-gutter-x: 2.4rem;
}
/************************************************
Site Map
**************************************************/
.all-role {
    display: flex;
    justify-content: center;
}

    .all-role .role {
        margin: 0 auto
    }

.role h2 {
    font-size: 24px;
    color: #0049B2;
    margin-bottom: 38px;
    font-family: 'hcltech_roobertsemibold';
    position: relative;
}

    .role h2::after {
        position: absolute;
        left: 0;
        bottom: -4px;
        height: 4px;
        width: 50px;
        content: '';
        background-color: #0049B2;
    }

.role-list {
    padding: 40px;
    background: #fff;
    box-sizing: border-box;
    border: 0.25px solid #707070;
    border-radius: 8px;
    margin: 40px 15px;
    text-align: left;
}

    .role-list ul {
        display: flex;
        padding: 0;
        justify-content: flex-start;
        flex-flow: row wrap;
        margin-bottom: 0;
    }

    .role-list li {
        list-style: none;
        padding-left: 2.6rem;
        position: relative;
        line-height: 50px;
        width: 20%;
        background: url(../../assets/images/activeList.png) left center no-repeat;
        background-size: 18px;
    }

        .role-list li a {
            font-size: 20px;
            color: #5F1EBE;
            font-family: 'hcltech_roobertmedium';
        }

.icon-close:before {
    display: none !important;
}

.icon-close.close-icon::before {
    display: block !important;
}

.ds-btn-primary:focus-visible, .ds-btn-primary:hover {
    color: #fff;
    background-color: #5F1EBE !important;
    border-color: #5F1EBE !important;
}

/************************************************
common page css
**************************************************/
.common-page {
    line-height: normal;
    background-color: #FAFCFF;
    text-align: center;
    min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .common-page .content {
        padding: 15px;
    }

    .common-page h3 {
        font-size: 48px;
        color: #000;
        margin: 40px 0 12px;
    }

@media(max-width:767px) {
    .common-page h3 {
        font-size: 28px;
    }
}

.common-page h4 {
    font-size: 18px;
    color: #000;
    margin: 0 0 64px;
    font-family: 'hcltech_roobertmedium';
}

    .common-page h4 a {
        color: #5F1EBE;
        font-family: 'hcltech_roobertsemibold';
    }

        .common-page h4 a:hover {
            text-decoration: underline;
        }

.back-to {
    font-size: 16px;
    color: #000;
    font-family: 'hcltech_roobertsemibold';
}

    .back-to a {
        color: #5F1EBE;
        font-family: 'hcltech_roobertsemibold';
    }

        .back-to a:hover {
            text-decoration: underline;
        }

main {
    min-height: calc(100vh - 104px);
    margin-top: 70px;
    display: inline-block;
    width: 100%;
    background: #F7F7FC;
}

/************************************************
common page css ebd
**************************************************/


.ds-hd-nav {
    background: #fff;
    border-bottom: 1px solid #DFDFDF;
    min-height: 70px;
}

.ds-hd-app, .ds-hd-app:hover {
    color: #000;
    border-color: #000;
}

.ds-hd-name {
    color: var(--ds-purple-700);
    background: #DFDFDF;
}

.page-strip {
    position: relative;
    min-height: 178px;
}

    .page-strip::after {
        content: '';
        opacity: 0.6;
        background: var(--Gradient-Gradient-3, linear-gradient(90deg, #E2D9FB -1.3%, #D7ECFD 100%));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 178px;
    }


    .page-strip .container {
        z-index: 2;
        position: relative;
        /* max-width: 1280px;*/
        max-width: 1210px;
        padding: 0 20px;
    }

.dashboard.small .idea-sec > div .num {
    text-decoration: none;
}

.trans-Breadcrumb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .trans-Breadcrumb li a {
        color: #000;
    }

    .trans-Breadcrumb .icon-Home {
        color: #000;
    }

    .trans-Breadcrumb .active {
        color: var(--ds-purple-700);
    }

.ds-btn-secondary-outline {
    background-color: #fff;
}

.page-box {
    border-radius: 5px;
    background: #FFF;
    padding: 24px;
    border: 1px solid #D9DBE9;
    margin-bottom: 24px;
}

.withLable .label {
    font-size: 14px;
    color: #000;
    font-family: var(--ds-font-400);
}

.main-inputs-matterimg {
    margin-bottom: -24px;
    max-width: 100%;
}

@media(max-width:767px) {
    .main-inputs-matterimg {
        margin-bottom: 24px;
    }
}

.page-strip .breadcrumb {
    padding: 24px;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 0;
    flex: 1;
}

.btn-close.position-absolute {
    right: 1.5rem;
    top: 1.5rem;
}

.ds-btn-primary-outline {
    background-color: #fff;
}

.table-link-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .table-link-icon a {
        color: #000;
        display: flex;
    }

        .table-link-icon a:hover {
            color: #5F1EBE;
        }

        .table-link-icon a.disabled {
            opacity: 0.2;
        }

.search-table .a-link {
    display: block;
    font-size: 14px;
    color: #5F1EBE;
    text-decoration: underline;
    width: auto !important;
}

.table-search-input.form-group.ds-input-with-icon .input-icon .i-icon {
    position: absolute;
    right: auto;
    top: 12px;
    left: 16px;
}

.table-search-input.form-group.ds-input-with-icon .form-control {
    padding-right: 16px;
    padding-left: 40px;
    min-width: 300px;
}
/* table css */
table.dataTable.glb_datable thead th {
    padding: 16px 8px;
    background-color: #EFF0F7;
}

.search-table table.dataTable.glb_datable tbody td {
    padding: 8px 8px;
    background: #fff;
}

.search-table.merging-vcp table.dataTable.glb_datable tbody td:last-child, .search-table.merging-vcp table.dataTable.glb_datable thead th:last-child {
    white-space: nowrap !important;
}

.search-table.merging-vcp table.dataTable.glb_datable tbody td:last-child, .search-table.merging-vcp table.dataTable.glb_datable thead th:last-child {
    padding-right: 16px;
}

.search-table table.dataTable.glb_datable tbody td .d-flex.align-items-center .nameCellElli {
    white-space: normal;
}

.common_table table.glb_datable {
    border: 1px solid #E0E0E0 !important;
    box-sizing: border-box;
}

.search-table .a-link:hover {
    color: var(--ds-purple-800) !important;
}

.manage-users-table .common_table {
    overflow: auto;
}

table.dataTable.glb_datable tbody td {
    font-family: var(--ds-font-500);
    color: #000;
}
/* .search-table table.dataTable thead tr th{
    border: 0;
    font-size: 14px;
    color: var(--ds-black);
    font-family: var(--ds-font-600);
    border-bottom: 1px solid #E0E0E0 !important;
}
.search-table table.dataTable tbody tr td{
    color: #222;
    font-size: 14px;
    font-family: var(--ds-font-500);
    border-bottom: 1px solid #E0E0E0 !important;
}
.search-table table.dataTable thead tr th:first-child .checkbox-label, .search-table table.dataTable tbody tr td:first-child .checkbox-label{
    margin-right: 0;
}
.search-table table.dataTable thead tr th:first-child, .search-table table.dataTable tbody tr td:first-child{
    padding-right: 0;
}
.search-table .checkbox-label .checkbox-custom{
    top: 2px;
}
.search-table table.dataTable thead tr{
    background-color: #F0F1F2;
    min-height: 50px;
    width: 100%;
    
} 
.search-table table.dataTable tbody tr {
    background-color: #FAFBFC;
    width: 100%;
    border: 1px solid #E8E9F2;
    min-height: 70px;
}
.search-table table.dataTable tbody tr:hover{
    border-color:#0C5EDD;
}
.search-table table.dataTable tbody tr:nth-child(odd){
    background-color: #fff;
}
.search-table table.dataTable tbody tr:nth-child(odd):hover {
    background: #E6F3FF;
}
.common_table .dataTables_info{
    color:#222 !important;
}
.search-table .common_table .dataTables_wrapper .dataTables_paginate .paginate_button{
    line-height: 21px;
}
.search-table .common_table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: transparent !important ;
    border: 1px solid transparent !important;
}
.nameCellElli.sap{
    color: #6C7882;
    font-family: var(--ds-font-400);
}
.search-table.previously .common_table {
    margin-bottom: 0;
}
.search-table.previously .common_table th:last-child, .common_table td:last-child{
    text-align: left;
}
.search-table.previously{
    margin-bottom: 0;
    margin-top: 24px;
}
.common_table .dataTables_wrapper .dataTables_length select{
    padding: 5px 10px;
} */

.common_table .dataTables_length:after {
    content: "";
    border-top: 5px solid;
    border-right: inherit;
    border-left: inherit;
    right: 8px;
    top: 9px;
    position: absolute;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    pointer-events: none;
}

.aRight {
    display: inline-block;
    border-right: inherit;
    border-bottom: inherit;
    border-top: inherit;
    position: relative;
    transform: rotate(136deg);
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    border-color: #000;
    top: -1px;
}

.aLeft {
    display: inline-block;
    border-right: inherit;
    border-bottom: inherit;
    border-top: inherit;
    position: relative;
    transform: rotate(-45deg);
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    border-color: #000;
    top: -1px;
}

.common_table.last-left th:last-child, .common_table.last-left td:last-child {
    text-align: left;
}

.common_table.last-right th:last-child, .common_table.last-right td:last-child {
    text-align: right;
}

.common_table.last-center th:last-child, .common_table.last-center td:last-child {
    text-align: center;
}

.common_table table.glb_datable.DTFC_Cloned {
    border-right: 0 !important;
}

.manage-users-table .common_table table.glb_datable {
    border: 0 !important;
}

.dz-filename > span {
    max-width: 70%;
}

.d-table-column {
    display: grid;
}

.mr-auto {
    margin-right: auto;
}

.bootstrap-select .no-results {
    padding: 11px;
    background: #fff;
    margin: 0 0px;
    white-space: nowrap;
    font-size: 14px;
}

.bs-searchbox .form-control {
    padding-right: 16px !important;
}

.modal-xxl {
    max-width: 1040px;
}

.modal.ds-modal .modal-header .modal-title.new {
    font-size: 16px;
    font-family: var(--ds-font-700);
    color: #2874F0;
}

.modal.ds-modal .modal-lg .upload small {
    display: block;
    padding-left: 0;
    text-align: left;
    color: #A5AFBE;
}

.modal.ds-modal .modal-lg .dz-filename > span, .dz-remove .icon {
    color: #5F1EBE;
}

.modal.ds-modal .modal-lg .dz-default {
    margin: -6px auto;
}

.modal.ds-modal .modal-lg .dz-button {
    text-align: left;
}

    .modal.ds-modal .modal-lg .dz-button span {
        font-size: 14px;
        font-family: var(--ds-font-500);
        color: #6C7882;
        text-align: left;
    }

.modal.ds-modal .modal-lg .dropzone {
    padding: 16 0;
    margin-top: 4px;
}

.icon-warning.font-54 {
    font-size: 54px;
    color: #F6931E;
}

.ds-ft-footer, .ds-hd-nav {
    min-width: auto;
}

.request-status {
    display: inline-flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    height: 28px;
    color: #fff;
    border-radius: 5px;
}

    .request-status.resolved {
        background-color: #F6931E;
    }

    .request-status.in-progress {
        background-color: #F6931E;
    }

    .request-status.closed {
        background-color: #8BC43F;
    }

#main-table-tab {
    overflow: auto;
}

.dz-error-message, .dz-image {
    display: none;
}

.dz-preview {
    width: 280px;
}

#main-table-tab .primary-tab .nav-link {
    padding: 16px;
    font-size: 14px;
    color: #5B666D;
}

    #main-table-tab .primary-tab .nav-link.active {
        background: #EFF0F7;
        font-family: var(--ds-font-500);
        color: #000;
    }

#main-table-tab .slider {
    height: 1px !important;
}

.table-btn-sec {
    display: flex;
    align-items: center;
    margin: 12px 0;
    position: relative;
}

    .table-btn-sec > .a-link {
        position: absolute;
        right: 0;
        top: -42px;
    }

    .table-btn-sec .ds-file-input {
        max-width: 220px;
        width: 100%;
    }

    .table-btn-sec .bootstrap-select > .dropdown-toggle, .form-control {
        padding-right: 40px;
    }

.form-group.ds-input-with-icon .form-control, .bootstrap-select > .dropdown-toggle, .form-control {
    min-height: 40px;
}

.ds-btn-primary-outline {
    padding: 7px 24px;
}

.dropzone-details .dropzone {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    max-width: 360px;
}

.dropzone-details .dz-default {
    font-size: 14px;
    text-align: left;
    font-family: var(--ds-font-400);
    margin: 10px auto;
    margin-left: 0;
}

    .dropzone-details .dz-default .text-purpel {
        text-decoration: underline;
    }

.dropzone-details .upload-icon {
    width: 22px;
    height: 22px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropzone-details .uploadList {
    width: auto;
    margin: 10px 10px 10px 16px;
}

.dropzone-details .upload-icon img {
    width: 80%;
}

.ds-hd-logo {
    padding: 1px 24px 5px 30px;
}

.ds-hd-nav > .container-fluid {
    padding: 0 20px 0 0px;
}

.filter-sidebar {
    background: var(--Neutral-Neutral-100, #F7F7FC);
    max-width: 360px !important;
    box-shadow: 1px 6px 20px 0px rgba(0, 0, 0, 0.10);
    margin-top: 70px;
    margin-bottom: 34px;
    border: 0 !important;
}

/*autocomplete css here*/
.autocomplete {
    position: relative;
}

    .autocomplete input[type=submit] {
        background-color: #E2D9FB;
        color: #fff;
        cursor: pointer;
    }

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        /*when hovering an item:*/
        .autocomplete-items div:hover {
            background-color: #E2D9FB;
        }

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: #E2D9FB !important;
    color: #ffffff;
}
/*autocomplete css end*/

.view-history-modal {
    max-width: 751px;
}

.view-history-content {
    padding: 0 24px 24px;
    margin-top: 2px;
    max-height: calc(76vh - 10px);
    overflow: auto;
}

    .view-history-content ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .view-history-content ul li {
            padding-bottom: 25px;
            padding-left: 45px;
            position: relative;
        }

            .view-history-content ul li::before {
                content: '';
                position: absolute;
                left: 5px;
                top: 0px;
                width: 24px;
                height: 24px;
                background: #eee;
                border-radius: 50%;
                z-index: 1;
            }

            .view-history-content ul li.green::before {
                background: #0FA069;
            }

            .view-history-content ul li.yellow::before {
                background: #F6931E;
            }

            .view-history-content ul li.blue::before {
                background: #B4DBFC;
            }

            .view-history-content ul li::after {
                height: 100%;
                width: 1px;
                background: #8291A0;
                content: '';
                position: absolute;
                left: 16px;
                top: 0;
            }

            .view-history-content ul li:last-child {
                margin-bottom: 0px;
            }

                .view-history-content ul li:last-child::after {
                    display: none;
                }

    .view-history-content .name {
        font-size: 16px;
        color: #000;
        font-family: var(--ds-font-500);
        line-height: 24px;
    }

    .view-history-content .raised {
        font-size: 14px;
        color: #000;
        font-family: var(--ds-font-400);
        line-height: 20px;
        margin: 4px 0;
    }

        .view-history-content .raised span {
            font-family: var(--ds-font-500);
        }

    .view-history-content .description {
        font-size: 14px;
        color: #000;
        font-family: var(--ds-font-400);
        line-height: 20px;
    }

        .view-history-content .description span {
            font-family: var(--ds-font-500);
        }

    .view-history-content .blue .name {
        color: #6C7882;
    }

.login-logo {
    display: flex;
}

@media(max-width: 991px) {
    .login-logo {
        justify-content: center;
    }
}
/* customer css  */

.yim-page-box {
    border-radius: 5px;
    background: #fff;
    padding: 0;
    border: 1px solid var(--ds-neutral-300);
    overflow: hidden;
}

    .yim-page-box > .row {
        margin: 0;
    }
    /*.yim-page-box .col-md-4{
      padding: 0;
      background: url(../images/yim-img.svg) center center no-repeat;
      background-size: cover;
      
    }*/
    .yim-page-box .col-md-8 {
        padding: 24px;
        /* padding-left: 45px;*/
        padding-left: 15px;
    }

.title {
    font-size: 2.4rem;
    font-family: var(--ds-font-500);
    color: #2874F0;
}

.title-black {
    font-size: 2.4rem;
    font-family: var(--ds-font-500);
    color: #000;
}

.a-link {
    cursor: pointer;
    font-family: var(--ds-font-500);
    font-size: 1.4rem;
    color: #5F1EBE;
    font-weight: normal;
    line-height: 22px;
}

.a-link {
    color: #5F1EBE !important;
}
/* login css  */
.login {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100vh;
    padding: 0 10%
}

@media (max-width: 1466px) {
    .login {
        padding: 0 4%;
    }
}

@media (max-width: 991px) {
    .login {
        flex-direction: column;
        padding: 24px 16px;
        min-height: 100%;
    }
}

.login:after {
    position: absolute;
    z-index: -1;
    right: 0;
    content: "";
    display: block;
    width: 30%;
    height: 100%;
    background: var(--Gradient-Gradient-2, linear-gradient(134deg, #ECF1E9 .59%, #E7EDEA 15.33%, #C7D1F6 58.09%, #ADC2FA 96.25%))
}

@media (max-width: 991px) {
    .login:after {
        width: 100%
    }
}

.login .login-content {
    width: 40%;
    margin-right: 80px
}

@media (max-width: 991px) {
    .login .login-content {
        margin: 24px auto;
        width: 100%;
        text-align: center;
        max-width: 500px
    }
}

.login .login-content .login-logo span {
    font-family: var(--ds-font-500);
    font-size: 3.6rem;
    color: #000;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #000000;
    display: inline-block
}

@media (max-width: 991px) {
    .login .login-content .login-logo img {
        width: 120px
    }

    .login .login-content .login-logo span {
        font-size: 2.6rem;
        margin-left: 16px;
        padding-left: 16px
    }
}

.login .login-content h1 {
    font-family: var(--ds-font-400);
    font-size: 2.8rem;
    color: #000;
    margin: 42px 0 10px
}

@media (max-width: 991px) {
    .login .login-content h1 {
        font-size: 24px;
        margin: 24px 0 10px
    }
}

.login .login-content p {
    margin: 10px 0 0;
    font-family: var(--ds-font-400);
    font-size: 1.6rem;
    color: #000;
    font-weight: 400;
    line-height: 28px
}

.login .login-box {
    max-width: 600px;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 48px;
    box-shadow: 7px 40px 70.4px #23225c14;
    border: 1px solid #E8E8E8;
    border-radius: 12px
}

@media (max-width: 991px) {
    .login .login-box {
        width: 100%;
        padding: 16px;
        max-width: 500px
    }
}

.login .login-box h2 {
    font-family: var(--ds-font-600);
    font-size: 4rem;
    color: #000;
    margin: 0
}

@media (max-width: 991px) {
    .login .login-box h2 {
        font-size: 2.4rem
    }
}

.login .login-box .sub-title {
    margin-top: 32px;
    margin-bottom: 40px;
    font-family: var(--ds-font-500);
    font-size: 1.6rem;
    color: #000;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 991px) {
    .login .login-box .sub-title {
        font-size: 1.6rem;
        margin: 16px 0
    }
}

.login .login-box .sub-title2 {
    font-family: var(--ds-font-500);
    font-size: 1.6rem;
    color: #000;
    font-weight: 400;
    line-height: 24px
}

.login .login-box .a-link {
    font-size: 1.6rem;
    font-family: var(--ds-font-500)
}



/* Firefox */
#eyeBtn {
    border: 0;
    background: none;
}

    #eyeBtn span {
        font-size: 24px;
    }

input[type=number] {
    -moz-appearance: textfield;
}

.digit-group {
    margin: 0 auto;
}

    .digit-group input {
        width: 48px;
        height: 48px;
        background-color: #fff;
        border: 1px solid #B9C3D0;
        border-radius: 4px;
        line-height: 50px;
        text-align: center;
        font-size: 24px;
        font-family: 'hcltech_roobertregular', Arial;
        color: #000;
        margin: 0 24px 16px 0;
    }

@media(max-width:1366px) {
    .login .login-box {
        max-width: 550px;
    }

    .digit-group input {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
        margin: 0 10px 16px 0;
    }
}

@media(max-width:1024) {
    .digit-group input {
        margin: 0 10px 16px 0;
    }
}

.digit-group input.blueInput {
    border: 1px solid #6B35D3;
}

.digit-group input.greenInput {
    border: 1px solid #038956;
}
/* .otp-section input:invalid { outline: solid #E0E0E0 1px; }
  .otp-section input:valid { outline: solid #038956 1px; }
  .otp-section input:focus {
      border: 1px solid #3399FF;
      box-shadow: none;
  } */
.digit-group input:last-child {
    margin: 0;
}

.digit-group .otp-section {
    margin: 24px 0 16px;
}

.digit-group .splitter {
    padding: 0 5px;
    color: white;
    font-size: 24px;
}

.otp-time {
    display: flex;
    align-items: center;
}

.js-timeout {
    font-size: 18px;
    font-family: 'hcltech_roobertregular', Arial;
    color: #000;
    width: 45px;
    text-align: left;
    margin-left: 5px;
}

.off-eyes {
    position: relative;
}

    .off-eyes::after {
        content: '';
        position: absolute;
        left: 17px;
        top: -2px;
        height: 28px;
        width: 2px;
        rotate: 45deg;
        background: #000;
    }

/* dashboard css */

.dashboard {
    display: flex;
    flex-direction: column;
    margin-inline: 26px;
}

@media (max-width: 767px) {
    .dashboard {
        margin-inline: 16px;
    }

    .btn-top .yim-btn button {
        font-size: 14px;
        margin-right: -68px;
        padding: 5px 24px;
    }

    .testimonials .item .d-flex {
        flex-direction: column;
    }
}

.p-24 {
    padding: 24px;
}

.title-1 {
    font-size: 2.2rem;
    font-family: var(--ds-font-600);
    margin: 37px 0 16px
}

.title-blue {
    font-size: 1.8rem;
    font-family: var(--ds-font-600);
    margin: 0 0 8px;
    background: var(--Gradient-Gradient-Nav, linear-gradient(90deg, #5F1EBE 0%, #2874F0 66.7%, #0F5FDC 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.survey-live {
    background-color: #5f1ebe;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    margin-top: 20px;
    border-radius: 5px
}

    .survey-live > div {
        font-size: 1.4rem;
        font-family: var(--ds-font-500);
        color: #fff
    }

    .survey-live .icon-close {
        color: #fff;
        font-size: 1.6rem;
        cursor: pointer;
        opacity: 1;
        width: 10px;
        height: 5px;
        display: inline-block;
    }

.specific-idea {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    top: 20px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #C8D2DD;
    margin-bottom: 10px;
}

.heading-tooltip-icon {
    text-decoration: none;
    color: #000;
    top: 2px;
    position: relative;
}

    .heading-tooltip-icon > span {
        font-weight: 700;
    }

.tooltip-inner {
    font-size: 14px;
    font-family: var(--ds-font-500);
    max-width: inherit !important;
}

.specific-idea > div {
    font-size: 1.4rem;
    font-family: var(--ds-font-500);
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-full {
    border: 1px solid #E0E0E0 !important;
}

.n-data {
    border-radius: 5px;
    border: 1px dashed var(--Neutral-Neutral-400, #9FA3BD);
    background: var(--Neutral-Neutral-000, #FCFCFC);
}

.min-h-275 {
    min-height: calc(100vh - 300px) !important;
}

.engage-accordion .accordion-item {
    margin-bottom: 16px;
    border: 1px solid #D9DBE9;
}

.engage-accordion.accordion-flush .accordion-item:first-child {
    border-top: 1px solid #D9DBE9;
}

.engage-accordion.accordion-flush .accordion-item:last-child {
    border-bottom: 1px solid #D9DBE9;
}

.engage-accordion.ds-accordion.withActionIcon .accordion-button:not(.collapsed) {
    font-family: var(--ds-font-600);
}

.engage-accordion.ds-accordion.withActionIcon .accordion-button::after {
    font-size: 14px;
}

.engage-accordion.ds-accordion.withActionIcon .accordion-button:not(.collapsed):hover {
    background: #F7F7FC;
}

#feedBackModal .rating-stars ul > li.star > i {
    font-size: 20px;
    color: #E7EDEA;
}

#feedBackModal .rating-stars ul > li.star.selected > i {
    color: var(--ds-purple-700);
}

#feedBackModal .label {
    margin-bottom: 8px;
    display: block;
}

#feedBackModal .rating-stars ul > li.star {
    display: inline-block;
    margin-right: 8px;
}

.specific-idea .icon-close {
    color: #000;
    font-size: 1.6rem;
    cursor: pointer;
    opacity: 1;
    width: 10px;
    height: 5px;
    display: inline-block;
}

.dash-row {
    display: flex;
    gap: 24px;
    flex-wrap: wrap
}


.dash-box {
    flex: 1
}

.csat-1 {
    border-radius: 5px;
    overflow: hidden
}

.csat-2, .csat-3 {
    display: flex;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #D9DBE9;
    overflow: hidden
}

#logoutModal .modal-content {
    min-height: auto;
}

.bg-img {
    height: 225px
}

    .bg-img img {
        width: 100%;
        height: 100%;
        /*   object-fit: cover*/
        object-fit: fill;
    }

.project-feedback {
    width: 32%;
    flex: inherit
}

    .project-feedback .owl-nav {
        display: none;
    }

    .project-feedback .owl-dots {
        margin: 16px 0;
    }

@media (max-width: 992px) {
    .project-feedback {
        width: 100%
    }

    .news-carousel .box1 {
        flex-direction: column;
    }
}

.value-delivered {
    background: linen;
    border-radius: 5px;
    min-height: 200px;
    border: 1px solid #D7BEB4;
    padding: 16px;
    display: flex
}

@media (max-width: 767px) {
    .value-delivered {
        flex-direction: column
    }

        .value-delivered .w-55, .value-delivered .w-45 {
            width: 100% !important
        }

        .value-delivered .font-40 {
            /* font-size: 2.8rem !important */
            font-size: 3.5rem !important
        }
}

.idea-sec {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    margin-left: 20px;
    gap: 20px
}

@media (max-width: 767px) {
    .idea-sec {
        margin-left: 0
    }
}

.idea-sec > div {
    width: calc(50% - 10px)
}

    .idea-sec > div .num {
        color: #5f1ebe;
        font-size: 3.5rem;
        font-family: var(--ds-font-600);
        text-decoration: underline
    }

@media (max-width: 767px) {
    .idea-sec > div .num {
        font-size: 2.8rem
    }
}

.idea-sec > div .text {
    color: #333a3d;
    font-size: 1.6rem;
    font-family: var(--ds-font-500);
}

@media (max-width: 767px) {
    .idea-sec > div .text {
        font-size: 1.6rem
    }
}

.owl-carousel .owl-dots button span {
    background-color: #8cc8fa !important;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.owl-carousel .owl-dots button.active span {
    background: #3282fa !important;
    color: #fff
}

.pf-carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*  min-height: 220px;*/
    min-height: 230px;
    background: #fff;
    border: 1px solid #EFF0F7;
    border-radius: 5px
}

.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    right: 44px;
    top: -50px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #D9DBE9 !important;
    margin: 0;
    width: 3.2rem;
    height: 3.2rem;
    background: #fff !important;
}

.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 12px;
    top: -50px;
    border-radius: 0 5px 5px 0;
    border: 1px solid #D9DBE9 !important;
    margin: 0;
    width: 3.2rem;
    height: 3.2rem;
    background: #fff !important;
}

.owl-carousel .owl-nav button:hover {
    background: var(--ds-purple-700) !important;
}

.owl-carousel {
    width: 100%
}

.engagement-highlights .p-carousel-content {
    overflow: inherit
}

.engagement-highlights .p-carousel-container {
    margin: 0 -12px
}

@media (max-width: 767px) {
    .engagement-highlights .p-carousel-container {
        margin: 0
    }
}

.engagement-highlights .owl-carousel .box {
    /* margin: 0 12px; */
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    min-height: 142px;
    display: flex;
    align-items: center;
    transition: all .5s ease 0s
}

@media (max-width: 767px) {
    .engagement-highlights .owl-carousel .box {
        margin: inherit
    }
}

.engagement-highlights .owl-carousel .box:hover {
    background: #5f1ebe;
    color: #fff
}

.press-release .box {
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    min-height: 142px;
    display: flex;
    transition: all .5s ease 0s;
}

    .press-release .box a {
        display: flex;
        align-items: center;
        min-height: 40px;
    }

        .press-release .box a span {
            display: none;
        }

    .press-release .box:hover {
        background: #5f1ebe;
        color: #fff
    }

        .press-release .box:hover i {
            color: #fff;
            font-weight: bold;
            margin-left: 10px;
            margin-top: 4px;
        }

        .press-release .box:hover a span {
            display: block;
            color: #fff;
        }

.testimonials .box {
    padding: 24px 32px;
    border-radius: 5px;
    background: var(--Black-White-White, #FFF);
    box-shadow: 1px 6px 12px 0px rgba(198, 188, 188, 0.25);
    margin-bottom: 30px;
}

    .testimonials .box .br-carousel .owl-nav {
        display: block;
    }

    .testimonials .box .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        left: -30px;
        top: 34%;
        border-radius: 5px 0 0 5px;
        border: 0 !important;
        margin: 0;
        width: 3.2rem;
        height: 3.2rem;
        background: transparent !important;
    }

    .testimonials .box .owl-carousel .owl-nav .owl-next {
        position: absolute;
        right: -30px;
        top: 34%;
        border-radius: 5px 0 0 5px;
        border: 0 !important;
        margin: 0;
        width: 3.2rem;
        height: 3.2rem;
        background: transparent !important;
    }

    .testimonials .box .owl-theme .owl-nav [class*=owl-] {
        font-size: 42px !important;
        color: #9FA3BD;
        font-family: system-ui;
    }

        .testimonials .box .owl-theme .owl-nav [class*=owl-]:hover {
            color: var(--ds-purple-700);
            cursor: pointer;
        }

.rr-stepper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

    .rr-stepper ul li {
        font-family: HCLTech Roobert Medium,Arial;
        font-size: 1.6rem;
        color: #000;
        width: 200px;
        position: relative;
        margin-top: 40px
    }

        .rr-stepper ul li span {
            margin-left: 4px;
            display: inline-block
        }

@media (max-width: 767px) {
    .rr-stepper ul li span {
        font-size: 14px
    }
}

.rr-stepper ul li:after {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 3px;
    background: #8cc8fa;
    position: absolute;
    top: -24px;
    left: 60%;
    transform: translate(-50%)
}

@media (max-width: 767px) {
    .rr-stepper ul li:after {
        transform: none;
        width: calc(100% - 40px);
        left: 37px
    }
}

.rr-stepper ul li:before {
    position: absolute;
    content: "";
    top: -40px
}

@media (max-width: 767px) {
    .rr-stepper ul li:before {
        top: -38px
    }
}

.rr-stepper ul li:last-child:after {
    display: none
}

.rr-stepper ul li.done:before {
    background: url("../images/check.svg") left top no-repeat;
    width: 42px;
    height: 42px
}

@media (max-width: 767px) {
    .rr-stepper ul li.done:before {
        width: 34px;
        height: 34px;
        background-size: cover
    }
}

.rr-stepper ul li.active:before {
    width: 24px;
    height: 24px;
    background: #f6931e;
    margin: 5px;
    border-radius: 50%;
    left: 4px
}

@media (max-width: 767px) {
    .rr-stepper ul li.active:before {
        width: 20px;
        height: 20px;
        margin: 4px
    }
}

.rr-stepper ul li.active span {
    position: relative
}

    .rr-stepper ul li.active span:after {
        width: 34px;
        height: 34px;
        border: 1px solid #F6931E;
        content: "";
        position: absolute;
        top: -40px;
        left: 0;
        border-radius: 50%
    }

@media (max-width: 767px) {
    .rr-stepper ul li.active span:after {
        width: 28px;
        height: 28px
    }
}

.rr-stepper ul li.pending:before {
    background: #b4dbfc;
    width: 34px;
    height: 34px;
    border-radius: 50%
}

@media (max-width: 767px) {
    .rr-stepper ul li.pending:before {
        width: 28px;
        height: 28px
    }
}

@media (max-width: 767px) {
    .content-sd .font-24, .content-sd .font-28 {
        font-size: 18px
    }
}

.request-status {
    display: inline-flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    height: 28px;
    color: #fff;
    border-radius: 5px
}

    .request-status.resolved {
        background-color: #f6931e
    }

.review-icon {
    margin-top: 16px;
    margin-bottom: 16px
}

    .review-icon ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        align-items: flex-start
    }

@media (max-width: 767px) {
    .review-icon ul {
        justify-content: space-between
    }
}

.review-icon ul li {
    margin-right: 32px
}

@media (max-width: 767px) {
    .review-icon ul li {
        margin-right: 0
    }
}

.review-icon ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 74px;
    color: #000;
}

@media (max-width: 767px) {
    .review-icon ul li a {
        width: auto
    }
}

.review-icon ul li a img {
    opacity: .5;
    transition: transform .2s;
    max-width: 100%
}

@media (max-width: 767px) {
    .review-icon ul li a img {
        transform: scale(.7)
    }
}

.review-icon ul li a p {
    margin: 8px 0 0;
    font-size: 1.4rem;
    font-family: HCLTech Roobert Medium,Arial;
    line-height: 22px
}

@media (max-width: 767px) {
    .review-icon ul li a p {
        margin: 0;
        font-size: 1.2rem
    }
}

.review-icon ul li a:hover img, .review-icon ul li a.active img {
    opacity: 1;
    transform: scale(1.2)
}

@media (max-width: 767px) {
    .review-icon ul li a:hover img, .review-icon ul li a.active img {
        transform: scale(.9)
    }
}


.eh-carousel {
    width: 100%
}

.blue-bg-box {
    background: var(--Gradient-Gradient-3, linear-gradient(90deg, #E2D9FB -1.3%, #D7ECFD 100%));
    min-height: 180px;
    border-radius: 5px;
    padding: 16px 16px 0
}

.table-tabs.blue .p-tabview .p-tabview-nav, .table-tabs.blue .p-tabview .p-tabview-panels {
    background: transparent
}

.table-tabs.blue .p-tabview-nav-content {
    border: 0
}

.table-tabs.blue .p-tabview {
    background: var(--Gradient-Gradient-3, linear-gradient(90deg, #E2D9FB -1.3%, #D7ECFD 100%));
    min-height: 180px;
    border-radius: 5px;
    padding: 16px 16px 0
}

    .table-tabs.blue .p-tabview .p-tabview-nav li .p-tabview-nav-link {
        background: transparent;
        padding: 8px 16px
    }

    .table-tabs.blue .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
        color: #5f1ebe
    }

.br-section .box {
    border: 1px solid #EFF0F7;
    border-radius: 5px;
    padding: 16px;
    position: relative;
    background: #fff
}

    .br-section .box > a {
        position: absolute;
        right: 10px;
        top: 10px
    }

.bi-section .box {
    border: 1px solid #EFF0F7;
    border-radius: 5px;
    padding: 16px;
    position: relative;
    background: #fff
}

    .bi-section .box a {
        position: absolute;
        right: 10px;
        top: 10px
    }

@media(max-width:1024px) {
    .title-1 {
        margin-top: 24px;
        font-size: 18px;
    }
}

@media(max-width:991px) {
    .bi-section .box > .d-flex {
        flex-direction: column;
    }

    .bi-section .box .mr-40 {
        margin-right: 0 !important;
        width: 100%;
        margin-bottom: 16px;
    }

    .bi-section .box .flex-1 {
        width: 100%;
    }
}

.ti-box {
    display: flex;
    flex-direction: column;
    background: var(--Gradient-Gradient-3, linear-gradient(90deg, #E2D9FB -1.3%, #D7ECFD 100%));
    padding: 22px;
    border-radius: 5px
}

    .ti-box > span {
        font-size: 1.2rem;
        font-family: var(--ds-font-400);
        color: #475156
    }

    .ti-box .pri-text {
        font-size: 1.6rem;
        font-family: var(--ds-font-600);
        color: #5f1ebe;
        line-height: 24px;
        margin-top: 4px;
        margin-bottom: 4px
    }

    .ti-box .sub-text {
        font-size: 1.4rem;
        font-family: var(--ds-font-400);
        color: #475156
    }

.font-bold {
    font-weight: 700
}

.news-carousel .p-carousel-container {
    margin: 0
}

.news-carousel .box1 {
    display: flex;
    border-radius: 5px;
    background: #fff;
    overflow: hidden
}

    .news-carousel .box1 .img {
        display: flex
    }

        .news-carousel .box1 .img img {
            max-width: 100%
        }

    .news-carousel .box1 .content {
        padding: 24px;
        flex: 1
    }

        .news-carousel .box1 .content .text1 {
            font-size: 1.6rem;
            font-family: var(--ds-font-500);
            color: #000;
            margin-bottom: 8px;
            line-height: 24px
        }

        .news-carousel .box1 .content .text2 {
            font-size: 1.4rem;
            color: #475156;
            margin-bottom: 24px
        }

        .news-carousel .box1 .content a i {
            font-weight: 700
        }

.list-sec {
    list-style: none;
    margin: 0;
    padding: 0
}

    .list-sec li {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #EFF0F7;
        display: flex;
        align-items: center
    }

        .list-sec li:last-child {
            border: 0
        }

        .list-sec li .profile-img {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 20px
        }

            .list-sec li .profile-img img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

.popover-yim {
    z-index: 99999;
    right: 10px !important;
}

    .popover-yim .popover-arrow::before {
        border-top: 20px solid transparent !important;
        border-bottom: 20px solid transparent !important; /* 40px height (20+20) */
        border-left: 20px solid #fff !important;
        top: -10px !important;
        right: -5px !important;
    }

.btn-top {
    position: fixed;
    right: 0;
    top: 300px;
    z-index: 9998;
}

    .btn-top .yim-btn button {
        rotate: -90deg;
        margin-right: -72px;
        border-radius: 5px 5px 0 0;
    }

.yim-box {
    margin-top: 192px !important;
    margin-right: 56px;
    position: relative
}

    .yim-box:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fff;
        position: absolute;
        right: -15px;
        top: 115px
    }

    .yim-box .p-dialog-header {
        padding-bottom: 0
    }

        .yim-box .p-dialog-header .p-dialog-header-icons {
            display: none
        }

.view-r {
    border-top: 0.5px solid #000;
    padding-top: 16px;
}

.background-overlay {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgb(000, 000, 000, 0.5);
    min-height: 100vh;
    z-index: 9999;
}

.yim-sec a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 -10px;
    padding: 12px 10px;
    transition: all .5s ease 0s
}

    .yim-sec a:hover {
        background: #eff0f7
    }

    .yim-sec a:last-child {
        margin-bottom: 0
    }

    .yim-sec a span {
        font-size: 1.4rem;
        color: #000;
        font-family: var(--ds-font-400);
        margin-top: 5px
    }

.table-tabs.blue {
    background: var(--Gradient-Gradient-3, linear-gradient(90deg, #E2D9FB -1.3%, #D7ECFD 100%));
    min-height: 180px;
    border-radius: 5px;
    padding: 16px 16px 0;
}

    .table-tabs.blue .owl-nav, .br-carousel .owl-nav {
        display: none;
    }

    .table-tabs.blue #main-table-tab .primary-tab .nav-link.active {
        background: transparent;
        font-family: var(--ds-font-500);
        color: var(--ds-purple-700);
    }

    .table-tabs.blue #main-table-tab .primary-tab .nav-link {
        padding: 10px 16px;
    }

.empty-data-box {
    min-height: calc(100vh - 250px);
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

.table-btn-icon.opecty-2 {
    opacity: .2;
    pointer-events: none;
}

.table-btn-icon {
    border: 0;
    background: transparent;
    color: #5f1ebe;
    cursor: pointer;
}

@media (max-width: 767px) {
    .table-tabs.blue #main-table-tab .nav-tabs {
        width: auto;
    }
}

.news-section .owl-dots {
    display: none;
}

@media(max-width:992px) {
    .table-search-input.form-group.ds-input-with-icon .form-control {
        min-width: 220px;
    }

    .digit-group input {
        margin-right: 16px;
    }
}



/* dashboard small */
.dashboard.small .csat-1 {
    /* width: calc(40% - 24px);*/
    width: calc(42% - 24px);
}

.dashboard.small .csat-2 {
    /* width: 60%;*/
    width: 58%;
}

.dashboard.small .dash-box {
    flex: inherit;
}

.dashboard.small .value-creation {
    overflow: hidden;
    width: 100%;
}

.dashboard.small .idea-sec > div {
    width: calc(25% - 20px);
}

.bg-img.position-relative {
    border-radius: 5px;
    overflow: hidden;
}

.corporate-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .corporate-info img {
        width: 57.366px;
        height: 64px;
        margin-bottom: 16px;
        border-radius: 5px;
    }

    .corporate-info p {
        color: #fff;
        font-size: 16px;
        font-family: var(--ds-font-600);
    }
/* dashboard small */

/* mergin vcp css */
.summary-card {
    border-radius: 5px;
    background-color: #fff;
    padding: 16px;
    margin-bottom: 20px;
}

.box-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

    .box-row .box {
        padding: 24px 14px;
        width: calc(100% / 3 - 12px);
    }

        .box-row .box:first-child {
            padding-left: 20px;
            padding-right: 20px;
            width: calc(100% / 3 - 10px);
        }

@media(max-width:767px) {
    .box-row .box {
        width: 100%;
    }
}

.reveal {
    position: absolute;
    top: -10px;
    right: 0;
    cursor: pointer;
}

.search-table.merging-vcp table.dataTable.glb_datable tbody td, .search-table.merging-vcp table.dataTable.glb_datable thead th {
    white-space: inherit !important;
}

    .search-table.merging-vcp table.dataTable.glb_datable tbody td.white-space-nowrap, .search-table.merging-vcp table.dataTable.glb_datable thead th.white-space-nowrap {
        white-space: nowrap !important;
    }

.dt-type-numeric {
    text-align: left !important;
}

.box-row .box:last-child {
    padding-right: 0;
}

.box-row .box-value {
    font-size: 32px;
    font-family: var(--ds-font-600);
    color: var(--ds-purple-700);
}

.box-row .box-title {
    font-size: 16px;
    font-family: var(--ds-font-500);
    color: #5B666D;
    margin-top: 8px;
}

.box-row .box.active {
    border-radius: 10px 0px 0px 10px;
    background: var(--Neutral-Neutral-100, #F7F7FC);
}

    .box-row .box.active .box-value {
        color: var(--ds-black-900);
    }

    .box-row .box.active .box-title {
        font-size: 18px
    }

.idea-row {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

    .idea-row .idea-box {
        width: calc(50% - 12px);
        padding: 8px;
    }

.ideas-row {
    display: flex;
    align-items: center;
}

.idea-icon {
    margin-right: 16px;
    ;
}

.idea-info .idea-value {
    font-size: 18px;
    font-family: var(--ds-font-600);
    color: var(--ds-purple-700);
    margin: 4px 0;
    line-height: normal;
}

.idea-info .idea-title {
    font-size: 16px;
    font-family: var(--ds-font-500);
    color: #000;
    margin-top: 8px;
    line-height: normal;
}

.idea-bg-card-outer {
    border-radius: 5px;
    background: var(--Gradient-Gradient-3, linear-gradient(90deg, #E2D9FB -1.3%, #D7ECFD 100%));
    margin-top: 20px;
}

.idea-bg-card {
    padding: 16px;
    display: flex;
    gap: 24px;
    margin-bottom: 20px;
}

    .idea-bg-card .ideas-row f {
        flex-direction: 1;
    }

.summary-card #main-table-tab .primary-tab .nav-link {
    color: #5B666D;
    padding: 8px 16px;
}

    .summary-card #main-table-tab .primary-tab .nav-link.active {
        background-color: #fff;
        color: var(--ds-purple-700);
    }

.first-name-box {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 0;
    font-family: var(--ds-font-500);
    color: #000;
    margin-left: 16px;
}

.email-count-box {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 0;
    font-family: var(--ds-font-400);
    color: #fff;
    background-color: #3282FA;
    margin-left: 16px;
}

#moreBtn {
    cursor: pointer;
    border: 0;
}

#paddingInfo {
    cursor: pointer;
    border: 0;
    background: transparent;
    display: flex;
}

#swiaInfo {
    cursor: pointer;
    border: 0;
    background: transparent;
    display: flex;
}

.popover-more-email {
    border-radius: 5px;
    background: var(--Black-White-White, #FFF);
    box-shadow: 1px 6px 12px 0px rgba(198, 188, 188, 0.25);
    border: 0;
    max-width: 510px;
    width: 100%;
}

    .popover-more-email .popover-body {
        padding: 16px;
    }

.more-email-sec .email-row {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: normal;
}

    .more-email-sec .email-row:last-child {
        margin-bottom: 0;
        padding: 0;
        border: 0;
    }

.filter-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

    .filter-chips .chips {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4px 12px;
        border-radius: 20px;
        border: 1px solid var(--ds-purple-700);
        color: var(--ds-purple-700);
        font-size: 12px;
        font-family: var(--ds-font-500);
        background: #E2D9FB;
    }

        .filter-chips .chips a {
            display: flex;
            color: var(--ds-purple-700);
            font-weight: bold;
        }

        .filter-chips .chips .close-icon {
            margin-left: 10px;
            font-weight: 700;
            font-size: 10px;
        }

.bs-actionsbox .btn-group button {
    width: 50%;
    font-size: 14px;
    font-family: var(--ds-font-500);
    color: #212529;
}

.manage-users-table .checkbox-label {
    width: 17px;
    height: 17px;
    margin-top: 4px;
}

.checkbox-label.mr-0 {
    margin-right: 0 !important;
}

.ds-hd-nav {
    z-index: 1046;
}

@media(max-width:767px) {
    .dash-row {
        flex-direction: column;
        gap: 0;
    }

    .box-row {
        flex-direction: column;
        gap: 0;
    }

    .idea-row, .idea-bg-card {
        flex-direction: column;
    }

        .idea-row .idea-box {
            width: calc(100% - 0px);
        }

    .dashboard .csat-1 {
        width: calc(100% - 0px);
    }

    .dashboard .csat-2 {
        width: 100%;
        margin-top: 16px;
        flex-direction: column;
    }

        .dashboard .csat-2 .w-50 {
            width: 100% !important;
            margin-top: 16px;
        }

    .dashboard .csat-3 {
        margin-top: 16px;
    }

    .idea-sec {
        margin-top: 16px;
    }

    .dashboard .idea-sec > div {
        width: calc(50% - 20px);
    }

    .dashboard.small .csat-1 {
        width: calc(100% - 0px);
    }

    .dashboard.small .csat-2 {
        width: 100%;
        margin-top: 16px;
        flex-direction: column;
    }

        .dashboard.small .csat-2 .w-50 {
            width: 100% !important;
            margin-top: 0;
        }

    .news-carousel .box1 {
        flex-direction: column;
    }

    .yim-page-box .col-md-8 {
        padding-left: 24px;
    }

    .digit-group input {
        width: 37px;
        height: 37px;
        margin-right: 2px;
    }

    .filter-sidebar {
        margin-top: 57px;
    }

    .page-strip .breadcrumb {
        width: 100%;
        padding-right: 0;
    }

    .trans-Breadcrumb {
        flex-direction: column;
        align-items: flex-end;
    }

    .page-strip .container {
        padding: 0 16px;
    }

    .ds-hd-logo {
        padding: 0px 24px 5px 16px;
    }

    .ds-hd-nav > .container-fluid {
        padding: 0 6px 0 0px;
    }

    .d-mob-none {
        display: none;
    }

    .table-btn-sec > .a-link {
        position: inherit;
        right: 0;
        top: 8px;
    }

    .ds-hd-notification {
        position: inherit;
    }

    .ds-hd-nav .dropdown-menu {
        width: 300px;
    }

    .common_table .dataTables_info {
        text-align: left;
    }

    .common_table .dataTables_paginate {
        float: right;
    }

    .table-btn-sec {
        flex-wrap: wrap;
    }

        .table-btn-sec > div {
            width: 100%;
        }

        .table-btn-sec > button {
            width: 100%;
            margin-left: 0 !important;
            margin-top: 16px;
            margin-bottom: 16px;
        }

        .table-btn-sec > .ds-file-input {
            width: 100%;
            margin-left: 0 !important;
            max-width: 100%;
        }

    .DTFC_LeftWrapper, .DTFC_RightWrapper {
        display: none;
    }

    .dropzone-details .dropzone {
        max-width: 100%;
    }

    .page-box .font-24 {
        font-size: 18px !important;
    }

    .page-box .font-28 {
        font-size: 20px !important;
    }

    .page-strip .breadcrumb + .d-flex {
        margin-top: 0 !important;
    }
}


/* New CSS Update at 2-Sep-24  */

.dt-paging nav {
    border-radius: 5px;
    background: #fff;
    border: solid 1px #C8D2DD;
    overflow: hidden;
}

.common_table .dt-container {
    position: relative;
    clear: both;
    display: flex;
    flex-flow: wrap;
    justify-content: end;
}

.dt-info {
    display: inline-block;
    color: #000 !important;
    font-size: 12px;
}

.dt-paging, .dt-length {
    margin-top: 13px;
}

.disabled, .disabled:hover {
    pointer-events: auto !important;
    cursor: not-allowed !important;
    opacity: .5;
    background: transparent !important;
}

div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    background: transparent !important;
}

.common_table .dt-input {
    border: 1px solid #C8D2DD !important;
    border-radius: 5px !important;
    min-width: 50px;
    cursor: pointer;
    background: #fff;
}

div.dt-container div.dt-layout-row {
    margin: 0;
}

div.dt-container .dt-paging .dt-paging-button {
    padding: 4px 11px;
    margin-left: 0px;
    border-radius: 0px;
    background: #fff;
    border-left: 1px solid #C8D2DD;
}

    div.dt-container .dt-paging .dt-paging-button:hover {
        background: #E2D9FB !important;
        color: #222 !important;
    }

.dt-paging-button.current {
    background: #E2D9FB !important;
    border-color: #5F1EBE !important;
    color: #222 !important;
    font-weight: 700 !important;
}

div.dt-container .dt-paging .dt-paging-button:active {
    background-color: transparent !important;
    box-shadow: none !important;
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
}
/* table pagination css end  */
table.dataTable tr > .dtfc-fixed-left::after, table.dataTable tr > .dtfc-fixed-right::after {
    border-left: 1px solid #C8D2DD;
}

table.dataTable tr > .dtfc-fixed-left::after, table.dataTable tr > .dtfc-fixed-right::after {
    width: 0px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.toggle-div input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

.toggle-div label {
    cursor: pointer;
    text-indent: -9999px;
    width: 55px;
    height: 22px;
    background: #eee;
    display: block;
    border-radius: 20px;
    position: relative;
    margin: 0 10px;
    border: 1px solid #5f1fbe;
}

    .toggle-div label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 5px;
        width: 16px;
        height: 16px;
        background: #5f1fbe;
        border-radius: 50%;
        transition: 0.3s;
    }

.toggle-div input:checked + label {
    background: #eee;
}

    .toggle-div input:checked + label:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.toggle-div label:active:after {
    width: 16px;
}

.download-file {
    color: #5F1EBE;
}

    .download-file:hover {
        color: #4C189E;
    }

.tbl-icon {
    color: #5F1EBE;
    font-size: 2.5rem;
}

/*  */


.toggle {
    cursor: pointer;
    display: flex;
    justify-content: right;
    background: var(--Gradient-Gradient-3, linear-gradient(90deg, #E2D9FB -1.3%, #D7ECFD 100%));
    width: 100%;
    padding: 16px;
    border-radius: 5px;
}

.toggle-switch {
    display: inline-block;
    background: #B9C3D0;
    border-radius: 33px;
    width: 42px;
    padding: 4px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
}

    .toggle-switch:before, .toggle-switch:after {
        content: "";
    }

    .toggle-switch:before {
        display: block;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
        width: 16px;
        height: 16px;
        position: absolute;
        transition: left 0.25s;
        top: 3px;
    }

.toggle:hover .toggle-switch:before {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.toggle-checkbox:checked + .toggle-switch {
    background: #5F1EBE;
}

    .toggle-checkbox:checked + .toggle-switch:before {
        left: 22px;
    }

.toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.toggle-label {
    margin-left: 6px;
    position: relative;
    /* top: -2px; */
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}


/*  vInay Css */


.project-csat .owl-nav {
    display: block
}

.days-left {
    max-width: 200px;
    margin: 0 auto;
}

.prc-carousel .owl-carousel .owl-nav .owl-prev, .prc-carousel .owl-carousel .owl-nav .owl-next {
    left: 10px;
    right: inherit;
    top: 0;
    bottom: 0;
    margin: auto
}

.prc-carousel .owl-carousel .owl-nav .owl-next {
    right: 10px;
    left: inherit;
}

.prj-head {
 text-align: center; /*pcsat center align*/
    background: var(--Gradient-Gradient-Nav, linear-gradient(90deg, #5F1EBE 0%, #2874F0 66.7%, #0F5FDC 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ti-box .pri-text, .ti-box .sub-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ti-box .pri-text {
    /*padding-top: 16px*/
    padding-top: 7px;
}

.query-email {
    font-size: 14px;
}

    .query-email > a {
        color: #0F5FDC
    }

        .query-email > a:hover {
            text-decoration: underline;
        }

.popover-csat {
    box-shadow: 0px 6px 12px 0px rgba(198, 188, 188, 0.25);
    border: 0;
}

    .popover-csat.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
        border: 0;
    }