:root {
    --primary_color: #4D3B71;
    --primary_color_light: #4D3B7161;

    --secondary_color: #7A30D6;
    --secondary_color_light: #7A30D661;

    --button_primary_bgcolor: var(--primary_color);
    --button_primary_color: #ffffff;
    --button_primary_bordercolor: var(--primary_color);

    --button_secondary_bgcolor: #606060;
    --button_secondary_color: #ffffff;
    --button_secondary_bordercolor: #606060;

    --button_integration_bgcolor: #5dad5f;
    --button_integration_color: #ffffff;
    --button_integration_bordercolor: #5dad5f;

    --sidebar_bg_color: #282c36;
    --sidebar_text_color: #ffffff;
    --sidebar_icon_color: #4D3B71;
    --sidebar_active_bg_color: #7A30D614;
    --sidebar_active_text_color: #ffffff;

    --gradient_primary_color: var(--primary_color);
    --gradient_secondary_color: var(--secondary_color);
    --loginbox_bgcolor: linear-gradient(180deg, #4D3B71, rgb(122 48 214 / 70%));

    --main_topbar_bgcolor: #ffffff;
    --main_topbar_textcolor: #000000;

    --main_breadcrumb_bgcolor: #ffffff;
    --main_breadcrumb_textcolor: #000000;

    --section_heading_bgcolor: var(--secondary_color);
    --section_heading_color: #ffffff;
    --sub_section_heading_color: var(--primary_color);
    --section_menu_active_color: var(--primary_color);

    --heading_color: var(--primary_color);
    --icons_color: var(--primary_color);
    --link_color: var(--primary_color);
    --main_dialogheader_bgcolor: var(--primary_color);
    --main_dialogheader_color: #fff;

    --main_customheader_background: #ffffff;
    --main_customheader_textcolor: #2a2a2a;
    --main_customfooter_background: var(--primary_color);
    --main_customfooter_color: #ffffff;

    --main-toggle-color: #6696dc;
    --main-toggle-open-color: rgba(102, 150, 220, 0.54);
    --main_tableheader_bgcolor: #f4f4f4;
    --main_tableheader_color: #4d4f5c;
    --loader-color: var(--primary_color);

    --font_family: "Montserrat";

    --dark_mode_level_0: #121212;
    --dark_mode_level_1: #1e1e1e;
    --dark_mode_level_2: #222222;
    --dark_mode_level_3: #252525;
    --dark_mode_level_4: #272727;
    --dark_mode_level_5: #2c2c2c;
    --dark_mode_text: #e4e4e4;
    --dark_mode_border: #4a4a4a;

    --fill_percentage: 25%
}


.ds-dark-mode {
    --main_tableheader_bgcolor: var(--dark_mode_level_5);
    --main_tableheader_color: var(--dark_mode_text);
}

/* --- Login --- */
.ds-login {
    /* background-image: url('../img/background/background.jpeg'); */

    background-color: #fafafa;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100vh;
}

.custom-design .ds-welcome-board p {
    color: #ffffff !important;
}


/* --- Gradient Color --- */
.custom-design .ds-welcome-board {
    background: var(--loginbox_bgcolor) !important;
}

.ds-gradient-purple {
    background: #7873f5 !important;
    background: linear-gradient(180deg, var(--gradient_primary_color), var(--gradient_secondary_color)) !important;
    color: #fff !important;
}

/* --- Primary Button --- */
.loginButton,
.ds-success-button {
    background-color: var(--button_primary_bgcolor) !important;
    color: var(--button_primary_color) !important;
    border: 1px solid var(--button_primary_bordercolor) !important;
}

.ds-add-field .ds-upload-document .browseLabel {
    background-color: var(--button_primary_bgcolor) !important;
    color: var(--button_primary_color) !important;
    border: 1px solid var(--button_primary_bordercolor) !important;
}

.baseFileUpload .ds-upload-document .browseLabel {
    background-color: var(--button_primary_bgcolor) !important;
    color: var(--button_primary_color) !important;
    border: 1px solid var(--button_primary_bordercolor) !important;
}

.mat-mdc-outlined-button:not(:disabled),
.ds-history {
    color: var(--button_primary_bgcolor) !important;
    border-color: var(--button_primary_bgcolor) !important;
}

.ds-create-form-builder .ds-add-save-container .ds-success-button {
    color: var(--button_primary_bgcolor) !important;
    background-color: transparent !important;
    border-color: var(--button_primary_bgcolor) !important;
}

.ds-create-form-builder .ds-add-save-container .ds-decline-button {
    color: var(--button_secondary_bgcolor) !important;
    background-color: transparent !important;
    border-color: var(--button_secondary_bgcolor) !important;
    box-shadow: none !important;
}


.mat-mdc-outlined-button:not(:disabled):hover,
.ds-history:hover {
    background-color: var(--button_primary_bgcolor) !important;
    color: var(--button_primary_color) !important;
}

.received_manage_form .mat-stroked-button:hover,
.float-right a.ds-history:hover,
.renew-info-master a.ds-history:hover {
    background-color: var(--button_primary_bgcolor) !important;
    color: var(--button_primary_color) !important;
}

.ds-save-button .p-button {
    background-color: var(--button_primary_bgcolor) !important;
    color: var(--button_primary_color) !important;
    border: 1px solid var(--button_primary_bordercolor) !important;
}

/* --- Integration Button --- */

.ds-success-integration .p-button {
    background-color: var(--button_integration_bgcolor) !important;
    color: var(--button_integration_color) !important;
    border: 1px solid var(--button_integration_bordercolor) !important;
}

.ds-integration-section .btn-width-height {
    background-color: var(--button_integration_bgcolor) !important;
    color: var(--button_integration_color) !important;
    border: 1px solid var(--button_integration_bordercolor) !important;
}

.ds-success-integration .p-button span.p-button-label {
    color: var(--button_integration_color) !important;
}


/* --- Secondary Button --- */
.ds-decline-button,
.dialog-action-buttons .ds-decline-button,
.baseSignature .signature-clear-button {
    background-color: var(--button_secondary_bgcolor) !important;
    color: var(--button_secondary_color) !important;
    border: 1px solid var(--button_secondary_bordercolor) !important;
}


/* --- Header --- */
.top-toolbar,
.landing-toolbar {
    background: var(--main_topbar_bgcolor) !important;
    color: var(--main_topbar_textcolor) !important;
}

app-flags-menu span,
.header span.mat-mdc-button-wrapper,
.header span.ds-username,
.header mat-icon {
    color: var(--main_topbar_textcolor) !important;
}

/*login*/
.ds-login-form app-flags-menu span {
    color: #2a2a2a !important;
}

/* --- Breadcrumb --- */
.breadcrumb {
    background-color: var(--main_breadcrumb_bgcolor) !important;
    color: var(--main_breadcrumb_textcolor) !important;
}

.breadcrumb,
span.breadcrumb-title,
.breadcrumb mat-icon,
.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb a {
    color: var(--main_breadcrumb_textcolor) !important;
}

app-features .content-header.bg-primary {
    background: transparent !important;
}

/* --- Secondary Color --- */

.dashboard .no-record-chart p {
    background-color: var(--secondary_color) !important;
}

.received_manage_form .ds-api-list {
    border-left: 3px solid var(--secondary_color) !important;
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.ds-dark-mode .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    color: var(--secondary_color) !important;
    border-color: var(--secondary_color) !important;
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
    border-color: var(--secondary_color) !important;
}


.received_manage_form span.api-count {
    color: var(--secondary_color) !important;
}

/*SIDEBAR_BG_COLOR*/
.mat-drawer {
    background-color: var(--sidebar_bg_color) !important;
}

span.menu-title,
span.mini-menu-title {
    color: var(--sidebar_text_color) !important;
}

.menu-item .mat-icon {
    color: var(--sidebar_icon_color) !important;
}

.mininav:not(.mininav-hover) .menu-item .parent-active-link,
.mininav:not(.mininav-hover) .menu-item .parent-active-link+.mini-menu-title,
app-vertical-menu .menu-item .parent-active-link {
    background-color: var(--sidebar_active_bg_color) !important;
}

.active-link span.menu-title,
.active-link span.mini-menu-title {
    color: var(--sidebar_active_text_color) !important;
}

.ds-decline-button[disabled=true],
.mat-mdc-raised-button:disabled,
.ds-save-button .p-button:disabled,
.ds-integration-section .btn-width-height:disabled {
    background-color: #efefef !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: rgba(0, 0, 0, 0.38) !important;
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    background-color: rgb(0 0 0 / 6%) !important;
}

app-vertical-menu .menu-item .expanded {
    background-color: transparent !important
}

.menu-item .mat-mdc-button.active-link .menu-icon {
    background: var(--sidebar_icon_color) !important;
    color: #fff !important;
}

.pi.pi-question-circle {
    color: var(--primary_color) !important;
    font-weight: 600;
}

.menu-item .mat-mdc-button.active-link {
    background: var(--sidebar_active_bg_color) !important;
    color: rgba(0, 0, 0, .87);
}

.menu-item .mat-mdc-button.active-link+.mini-menu-title {
    background-color: var(--sidebar_active_bg_color) !important;
}

.menu-item .mat-mdc-button-base .menu-icon {
    color: var(--sidebar_icon_color) !important;
}


/* --- Heading --- */
.dashboard h5,
.received_manage_form h2 span,
.ds-create-form-builder h1 {
    color: var(--heading_color) !important;
}

.black-list-search-grid .black-list-main-container h3 {
    color: var(--heading_color) !important;
}


/* --- Icons Color --- */
td mat-icon,
.ds-dashboard-reload {
    color: var(--icons_color) !important;
}

span.material-icons.filter-on {
    color: var(--icons_color) !important;
}

span.material-icons.ds-edit-icon {
    color: var(--icons_color) !important;
}

.team-dropdown button mat-icon,
.user-dropdown mat-icon {
    color: var(--icons_color);
}

.ds-print-integration-report button {
    border: none;
    background-color: transparent;
    color: var(--icons_color);
}

span.material-icons.ds-view-email-body {
    color: var(--icons_color);
}

.ds-sub-grroup-add-button mat-icon.mat-icon,
.ds-sub-group-button mat-icon.mat-icon {
    color: var(--icons_color) !important;
}


/* --- Pagination --- */
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: var(--primary_color_light) !important;
    border-color: var(--primary_color) !important;
    color: var(--primary_color) !important;
    border-radius: 50px;
    font-weight: 600;
}

.p-checkbox .p-checkbox-box.p-highlight {
    border-color: var(--primary_color) !important;
    background: var(--primary_color) !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: var(--primary_color) !important;
    color: #ffffff !important;
}

.ngx-pagination .current {
    background: var(--primary_color) !important;
}

/* --- Primary Color --- */

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--primary_color) !important;
}

.data-grid .filter-width {
    outline-color: var(--primary_color) !important;
}

.mat-button-toggle-checked {
    background-color: var(--primary_color) !important;
    color: #fff !important;
}


.user-menu .mat-mdc-menu-item {
    background: var(--primary_color) !important;
}

.user-menu mat-icon.mat-icon {
    color: #fff !important;
}

.ds-tree-view p-organizationchart .node-header {
    background: var(--primary_color) !important;
    color: #ffffff;
}

.ds-tree-view p-organizationchart .role-child {
    border-color: var(--primary_color) !important;
    color: var(--primary_color) !important;
    background-color: var(--primary_color_light) !important;
    padding: 0.571em 1em;
}



.mat-calendar-body-selected {
    background-color: var(--primary_color) !important;
    color: white;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: var(--primary_color) !important;
    color: white;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: var(--secondary_color) !important;
    color: #fff;
}

.mat-datepicker-toggle-active {
    color: var(--primary_color) !important;
}

.ds-branding-top-container {
    background-color: var(--primary_color_light) !important;
    border-color: var(--primary_color) !important;
}

.ds-branding-color-container .ds-color span svg {
    fill: var(--primary_color) !important;
    stroke: var(--primary_color) !important;
}

.ds-branding-file-container .ds-fileupload .ds-downloadbutton button.download,
.ds-branding-file-container .p-fileupload-row button.download {
    color: var(--icons_color) !important;
}


/* --- Link Color--- */
.ds-ancor,
body a {
    color: var(--link_color);
    text-decoration: none;
}

.ds-ancor:hover {
    text-decoration: underline;
}

.ds-role-permission-table td .ds-active-permission-ancor,
.ds-dark-mode .ds-role-permission-table td .ds-active-permission-ancor strong {
    color: var(--link_color);
}



/* --- Dashboard --- */


.header .logo {
    background-image: url(../logo/logo-dashboard.png);
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 3.5rem;
    background-color: #ffffff;
    position: relative;
    display: block !important;
    width: 260px;
    left: 0;
}


mat-toolbar.mat-toolbar.top-toolbar {
    padding-left: 0 !important;
}



.ds-header.ds-fixed-header-top {
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 99999;
}

.ds-vouched-dialog {
    /* height: 80% !important; */
    position: relative !important;
    /* top: 20px; */
}

/* @media (min-width: 960px){
    div#idScreenButtons {
        bottom: -35px !important;
    }
} */


/*pagenotfound*/
.content-header.bg-primary.bg-image.pt-4.pb-3 {
    background-color: var(--primary_color) !important;
}

.bg-image.content-header.bg-primary h2 {
    font-size: 23px;
    padding-bottom: 8px;
}

/*scroll bar color*/
::-webkit-scrollbar-thumb {
    background: var(--primary_color) !important;
}

::-webkit-scrollbar-track {
    background: #a7a2a2 !important;
}

.memberscan-dialog-box ::-webkit-scrollbar {
    width: 5px !important
}

/*Theming Custom Color*/

.header-container p {
    margin-bottom: 5px !important;
}

.ds-details-accordian mat-expansion-panel-header {
    background-image: url(../img/plus.png) !important;
}

.ds-details-accordian mat-expansion-panel-header.mat-expanded {
    background-image: url(../img/minus.png) !important;
    border-bottom: 1px solid #ddd;
    border-radius: 0 !important;
    height: 52px !important;
}


/*gradiant color for link*/



.mininav:not(.mininav-hover) .menu-item .parent-active-link,
.mininav:not(.mininav-hover) .menu-item .parent-active-link+.mini-menu-title {
    background-color: var(--sidebar_active_bg_color) !important;
}

.active-link span.menu-title,
.active-link span.mini-menu-title {
    color: var(--sidebar_active_text_color) !important;
}


.sub-menu .menu-item .mat-mdc-button.active-link .menu-icon {
    background: #114125 !important;
    color: #fff;
}

.sub-menu .menu-item .mat-mdc-button .menu-icon {
    background: #7f8081 !important;
    color: #fff !important;
}


.web-form-master .p-paginator .p-paginator-pages .p-paginator-page.p-state-active {
    background-color: var(--primary_color) !important;
}

.web-form-master .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-state-highlight,
.web-form-master .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group.p-state-highlight {
    color: #ffffff;
    background-color: var(--primary_color) !important;
}

.mat-mdc-button-toggle-disabled.mat-mdc-button-toggle-checked {
    background-color: var(--primary_color) !important;
}

body .p-paginator .p-paginator-pages .p-paginator-page.p-state-active {
    background-color: var(--primary_color) !important;
    color: #ffffff;
}


.p-chkbox .p-chkbox-box.p-state-active {
    border-color: var(--primary_color) !important;
    background-color: var(--primary_color) !important;
    color: #ffffff;
}

.user-menu .mat-menu-item {
    background: var(--primary_color) !important;
    color: #ffffff !important;
}

.ds-action-run {
    background-color: rgb(93 173 95) !important;
}

.ds-action-not-run {
    background-color: var(--primary_color) !important;
}

/* .web-form-master .edit mat-icon.mat-icon {
    color: var(--primary_color);
} */

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: var(--primary_color) !important;
}

.received_manage_form .ds-manage-forms-tab .mat-mdc-tab-label-active .mat-mdc-tab-label-content {
    color: var(--primary_color) !important;
}

body .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-state-highlight,
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group.p-state-highlight {
    background-color: var(--primary_color) !important;
}


.mat-mdc-button-toggle-checked {
    background-color: var(--primary_color) !important;
    color: #FFF !important;
}

.received_manage_form .mat-stroked-button {
    border-color: var(--primary_color) !important;
    color: var(--primary_color) !important;
}


#manage-role .mat-mdc-tab-label-active .mat-mdc-tab-label-content,
.ds-add-role-manage-team .mat-mdc-tab-label-active .mat-mdc-tab-label-content {
    color: var(--primary_color) !important;
}



.ds-add-edit-manage-team .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-label.p-state-highlight {
    background-color: var(--primary_color);
    color: #ffffff;
}


/* .ds-integration-before{
    background-color:rgb(77 128 204);
}

.ds-integration-after{
    background-color:rgb(93 173 95);
} */

/* .ds-active-permission{
    color: rgb(0, 122, 217) !imporatant;
} */


.ds-dialog-with-success .dialog-action-buttons .ds-success-button {
    background-color: var(--button_primary_bgcolor) !important;
}

.ds-delete-dialog.ds-dialog-with-success .dialog-action-buttons .ds-success-button {
    background-color: #f15e5e !important;
}



.ds-dialog-warning .dialog-action-buttons .ds-success-button {
    background-color: #f99f1f !important;
}

.ds-dialog-with-success span.material-icons {
    color: var(--button_primary_bgcolor) !important;
}

.ds-delete-dialog.ds-dialog-with-success span.material-icons {
    color: #f15e5e !important;
}

.ds-delete-dialog.ds-dialog-warning span.material-icons {
    color: #f99f1f !important;
}


.ds-add-edit-manage-team .mat-mdc-tab-label-active .mat-mdc-tab-label-content {
    color: var(--primary_color) !important;
}

.ds-member-quick-details.ds-4 span.material-icons {
    background-color: var(--primary_color) !important;
}

body .p-button {
    background-color: var(--primary_color);
    border-color: var(--primary_color);
}

.ds-saveunsavememberscan .mat-checkbox-layout {
    color: var(--primary_color) !important;
}

.ds-saveunsavememberscan .mat-checkbox-frame {
    border-color: var(--primary_color) !important;
}

.ds-butonandsave .p-button {
    background-color: var(--primary_color) !important;
    border-color: var(--primary_color) !important;
}

/* .black-list-search-grid .ds-emailbody .col-sm-12 span.material-icons {
    background-color: var(--primary_color) !important;
} */




@media screen and (max-width: 1400px) {
    div#idScreenButtons {
        bottom: 0 !important;
    }

    div#vouchedVerboseIDDiv {
        margin-top: 0 !important;
    }

    .ds-vouched-dialog {
        width: 90% !important;
    }

    .vouched div *:not(.fa .far .fa-question-circle .fa-upload .fa-id-card .fas .fa-circle-notch .fa-spin .fa-times .fa-camera .fa-sync-alt .fa-user .vouched_indicatorProps .vouched_carouselBottomButtons .vouchedUploadButton) {
        font-size: 0.7rem;
    }
}


/*Vouched Dialog Css*/

/* #vouched-element .navigation {
    max-width: 1350px;
    margin: 0 auto !important;
} */

/* .navigation g {
    transform: scale(0.7);
} */

.ds-vouched-dialog mat-icon {
    z-index: 999999;
    position: absolute;
    right: 1%;
    color: var(--primary_color);
    top: 10px;
}

.ds-vouched-dialog .ds-decline-button {
    display: none;
}

div#vouchedVerboseIDDiv {
    margin-top: 8rem;
}

.vouched>div div:nth-child(2)>div,
.vouched-scrollIn>div div:nth-child(1) {
    height: auto !important;
}

div#idScreenButtons span.MuiButton-label {
    font-size: 1.3rem !important;
}

div#idScreenButtons {
    width: 400px !important;
}

.ds-vouched-dialog .navigation {
    padding: 0 !important;
}

.ds-status-pending {
    background-color: #bb2626 !important;
}

.header-container span.material-icons {
    position: relative;
    top: 3px;
}


.delete-alert {
    background: var(--primary_color);
}

.ds-add-edit-manage-team .p-treenode-selectable.p-highlight span.p-treenode-label {
    background-color: var(--primary_color) !important;
    color: #ffffff;
}

/* --- Close this Line when you need to show IMAGE --- */

/*
.ds-welcome-board img {display: none !important;} 
.ds-welcome-board span {display: none;} 
*/

/* --- Open this when you need to show IMAGE --- */

.ds-welcome-board h2,
.ds-welcome-board p {
    display: none;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background: var(--primary_color_light) !important;
}

.ds-welcome-board p {
    display: block;
}

.ds-welcome-board {
    padding-top: 150px !important;
    text-align: center;
}

.ds-welcome-board img {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    padding: 15px;
    background-color: #ffffff4f;
}

.ds-welcome-board span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 0.9rem;
}

.logo img,
.logo span {
    display: none;
}

.ds-grayout span,
.ds-grayout strong {
    color: #C6C6C6 !important;
    border-color: #C6C6C6 !important;
    text-decoration: none !important;
}

.ds-grayout {
    cursor: not-allowed !important;
}

.mat-sidenav-container .mat-mdc-button-base.mat-primary {
    background-color: var(--primary_color) !important;
}

/*
.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    background-color: rgba(0,0,0,0.12) !important;
    color: rgba(0,0,0,0.26) !important;
}*/

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background-color: var(--primary_color) !important;
    color: white;
}


.ng-value-icon {
    color: #ffffff !important;
}

/* --- Open this when you need to show IMAGE --- */





.ds-add-edit-manage-team .selected-form-label p {
    color: var(--primary_color);
    border: 1px solid var(--primary_color);
}

.ds-description-details,
.ds-isrenewal-form mat-icon.mat-icon {
    color: var(--primary_color) !important;
}

.ds-team-values,
.ds-team-values-forms {
    border-top: 3px solid var(--primary_color) !important;
}

body a:active {
    color: var(--primary_color);
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: var(--primary_color) !important;
}


.ds-save-button .pi-plus,
.ds-save-button .pi-refresh,
.ds-save-button .pi-file-pdf {
    color: rgb(77, 128, 204) !important;
}



.ds-copy-link {
    color: var(--primary_color) !important;
}




/*custom for candecy*/

/*new*/
.mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__leading,
.mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__trailing {
    border-color: var(--primary_color);
}

.filter-on {
    color: var(--primary_color) !important;
}

span.p-tree-filter-icon.pi.pi-search {
    color: var(--primary_color) !important;
}

.ds-delete-dialog .ds-success-button {
    background-color: #f15e5e !important;
    color: #fff !important;
    border: none !important;
}

.ds-company-search-button .ds-success-button {
    background-color: #26a726 !important;
    font-size: 14px !important;
}

.ds-company-search-button .ds-success-button:hover {
    background-color: #26a726 !important;
}


.ds-company-search .ds-registration {
    color: var(--primary_color) !important;
}

mat-label {
    font-size: 15px !important;
}


* {
    font-family: var(--font_family) !important;
}

.material-icons {
    font-family: 'Material Icons' !important;
}

.pi {
    font-family: 'primeicons' !important;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}

.ng-select .ng-clear-wrapper .ng-clear {
    font-family: 'AvenirMedium' !important;
}

/*CSS of Admin*/



.ng-dropdown-panel-items .ng-option.ng-option-selected span,
.ds-dark-mode .ng-dropdown-panel-items .ng-option.ng-option-selected span {
    color: var(--primary_color) !important;
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
    color: var(--primary_color) !important;
}

.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,
.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after,
.p-inputtext:enabled:focus:not(.p-state-error) {
    border-color: var(--primary_color) !important;
    box-shadow: none !important;
}

.advance-search td.ds-select-row mat-icon {
    color: var(--primary_color) !important;
}

.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
    background-color: rgba(0, 0, 0, 0.12) !important;
    color: rgba(0, 0, 0, 0.26) !important;
}

.ds-create-form-builder .ds-group .ds-sub-group-add-button mat-icon.mat-icon {
    color: var(--primary_color) !important;
}



.ds-quicklink li,
.ds-quicklink button.ds-more-links {
    background-color: var(--button_primary_bgcolor) !important;
    color: var(--button_primary_color) !important;
}

.ngx-foreground-spinner {
    color: var(--loader-color) !important;
}

.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
    background: var(--primary_color) !important;
}

.mdc-switch:enabled .mdc-switch__track::after {
    background-color: var(--primary_color_light) !important;
}

/*Radio Button Color*/
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: var(--primary_color) !important;
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
    color: var(--primary_color) !important;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
    border-color: var(--primary_color) !important;
    background-color: var(--primary_color) !important;
}

.ds-pdf {
    color: #f00f00 !important;
    border-color: #f00f00 !important;
}

.ds-csv {
    color: #3DAE56 !important;
    border-color: #3DAE56 !important;
}

.pi-minus-circle:before {
    color: #f00f00 !important;
}

.pi-plus-circle:before {
    color: #037a00 !important;
}

/*Table Color*/

thead tr:first-child th {
    background-color: var(--main_tableheader_bgcolor) !important;
    color: var(--main_tableheader_color) !important;
}


/*Dialog Color*/
.ds-modal-header {
    background-color: var(--main_dialogheader_bgcolor) !important;
}

.ds-dialog-header {
    background-color: var(--main_dialogheader_bgcolor) !important;
}

.ds-dialog-header .default-style,
.ds-modal-header h2,
.ds-modal-header mat-icon {
    color: var(--main_dialogheader_color) !important;
}

.ds-role-permission-table td mat-icon {
    color: var(--primary_color) !important;
}

/*Forms Color*/

mat-vertical-stepper.mat-stepper-vertical .content-header {
    color: var(--section_heading_color) !important;
    background-color: var(--section_heading_bgcolor) !important;
}

mat-vertical-stepper.mat-stepper-vertical .ds-sub-section .content-header {
    color: var(--sub_section_heading_color) !important;
    background-color: transparent !important;
}

.sticky .active strong {
    color: var(--section_menu_active_color) !important;
}

.sticky strong:hover {
    color: var(--section_menu_active_color) !important;
}

.active .circle {
    background: var(--section_menu_active_color) !important;
    color: white;
    border-color: var(--section_menu_active_color) !important;
}

.sticky .active .vertical-line {
    background: var(--section_menu_active_color) !important;
}



.ds-dark-mode .sticky .active strong {
    color: var(--section_menu_active_color) !important;
}

.ds-dark-mode .sticky .active .circle {
    background: var(--section_menu_active_color) !important;
    color: white;
    border-color: var(--section_menu_active_color) !important;
}

.sticky strong:hover {
    color: var(--section_menu_active_color) !important;
}

.active .circle {
    background: var(--section_menu_active_color) !important;
    color: white;
    border-color: var(--section_menu_active_color) !important;
}

.sticky .active .vertical-line {
    background: var(--section_menu_active_color) !important;
}

.ds-dark-mode .sticky .active .vertical-line {
    background: var(--section_menu_active_color) !important;
}


.ds-dark-mode .sticky .circle .error {
    color: #f57a7a !important;
}

.sticky .circle .error {
    color: #f57a7a !important;
}

/*Links Color*/
.received_manage_form span.link-chips.active {
    border-color: var(--link_color);
    color: var(--link_color);
}

.ds-role-permission-table td .ds-active-permission {
    color: var(--link_color) !important;
}

.mat-expansion-panel-header-title {
    color: var(--heading_color) !important;
}

.ds-lacuna-accordian .material-icons.ds-download {
    color: var(--icons_color) !important;
}

.lacunasearch-dialog-box h4 {
    color: var(--heading_color) !important;
}

.ds-integration-section h2 {
    color: var(--heading_color) !important;
    font-size: 18px;
}

td span.pending {
    color: #FA9E34;
    background-color: #FEF1E1;
    padding: 5px 10px;
    border-radius: 6px;
    display: block;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}

td span.received {
    color: #3CD188;
    background-color: #E2F8ED;
    padding: 5px 10px;
    border-radius: 6px;
    display: block;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}

td span.partially.filled {
    color: #2FA2FF;
    background-color: #E0F1FF;
    padding: 5px 10px;
    border-radius: 6px;
    display: block;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}

td span.corporate {
    background-color: #E0F1FF;
    color: #2FA2FF;
    padding: 5px 10px;
    border-radius: 6px;
}

td span.individual {
    background-color: #FEF4E4;
    color: #FA896B;
    padding: 5px 10px;
    border-radius: 6px;
}

td span.saved {
    background-color: #f3f3f3;
    padding: 5px 10px;
    border-radius: 6px;
    color: #626262;
    display: block;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}

.ds-help-input,
.ds-help-checkbox,
.ds-help-dropdown {
    color: var(--icons_color) !important;
}


.card-box-front .ds-name-count h4 {
    color: #fff !important;
}


.card-box-front span.ds-result-count {
    color: #fff !important;
}

.received_form .ds-isrenewal-form:has(div + .ds-populate-button) div:has(div + .ds-populate-button) {
    align-items: end;
	
}

.received_form .ds-isrenewal-form:has(div + .ds-populate-button) div + .ds-populate-button{
	margin-bottom:6px;
}