:root {
    --primary_color: #0055b8;
    --primary_color_light: #0055b861;

    --secondary_color: #638c1c;
    --secondary_color_light: #638c1c61;

    --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: #ffffff;
    --sidebar_text_color: #638c1c;
    --sidebar_icon_color: rgba(0, 0, 0, 0.54);
    --sidebar_active_bg_color: var(--primary_color_light);
    --sidebar_active_text_color: #638c1c;

    --gradient_primary_color: var(--primary_color);
    --gradient_secondary_color: var(--secondary_color);
    --loginbox_bgcolor: linear-gradient(180deg, var(--gradient_primary_color), var(--gradient_secondary_color));

    --main_topbar_bgcolor: #787b79;
    --main_topbar_textcolor: #ffffff;

    --main_breadcrumb_bgcolor: var(--primary_color);
    --main_breadcrumb_textcolor: #fff;

    --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: 65%;
    background-repeat: no-repeat;
    background-position: 20% 50%;
    height: 3.5rem;
    background-color: #f6f6f6;
    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: 235px !important;
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    background-color: #fff;
    padding: 3px;
}

.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;
}

.ds-create-form-builder .ds-builder-action-button{
    color: #0055b8 !important;
}

.color-picker .cp-add-color-button-class {
white-space: nowrap;
}

.ds-dark-mode .ds-welcome-board img {
 background-color: transparent;
}

.ds-dark-mode li ol li:before, .ds-dark-mode .ds-corporate-client ol>li::before {
    color: var(--dark_mode_text)!important;
}

.ds-dark-mode .baseTermsCondition .custom-checkbox-text span {
    color: var(--dark_mode_text)!important;
}