:root {
    --logonbox-bgcolor: linear-gradient(180deg,#191f1b,#548d83);

    --main-heading-color: #191f1b;
    --main-heading-background: #ffffff;
  
    --sub-heading-color: #191f1b;
    --sub-heading-background: #ffffff;
  
    --sub-section-heading-color: #191f1b;
  
    --stepper-background-color: #ffffff;
    --stepper-text-color: #191f1b;
    --stepper-border-color: #dddddd;
    --stepper-icon-color: #191f1b;

    --button-primary-color: #ffffff;
    --button-primary-bgcolor: #548d83;
    --button-primary-hover-color: #ffffff;
    --button-primary-hover-bgcolor: #548d83;

    --link-color: #548d83;
  
    --main-button-color: #548d83;
    --main-decline-button-color: #585858;
    --main-component-color: #191f1b;
    --mat-label-color: #191f1b;
    
    --main-toggle-color: #548d83 ;
    --main-toggle-open-color: rgb(84 141 131 / 45%);
  
    --main-headerfooter-color:  #191f1b;
    --main-breadcrumb-color: #0f3831;
    --main-tableheader-color: #050505;
    --main-dialogheader-color: #212723;
  
    --main-customheader-background: #ffffff;
    --main-customheader-textcolor: #2a2a2a;
  
    --main-customfooter-background: #191f1b;
    --main-customfooter-color: #ffffff;

    --loader-color: #191f1b;
   
    }


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

    background-color: #fafafa;
    background-size: cover !important;
    background-repeat: no-repeat;
}

.custom-design .ds-welcome-board {
    background: var(--logonbox-bgcolor) !important;
}
.custom-design .ds-welcome-board p {
    color: #ffffff !important;
}

 /* --- Primary Button --- */   
.loginButton {
    background-color: var(--button-primary-bgcolor) !important;
    color: var(--button-primary-color) !important;
}

.loginButton:hover {
    background-color: var(--button-primary-hover-bgcolor) !important;
    color: var(--button-primary-hover-color) !important;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 20%), 0px 2px 4px -1px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%) !important;
}

 /* --- Link Color--- */ 
body a {
    color: var(--link-color);
}

 /* --- Dashboard --- */   


 .breadcrumb {
    background-color: var(--main-breadcrumb-color) !important;
}
 


.header .logo {
    background-image: url(../logo/logo-dashboard.png);
    background-size: 190px;
    background-repeat: no-repeat;
    background-position: 20px 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;
}
.ds-success-button.mat-raised-button.mat-button-base {
    background-color: var(--main-button-color) !important;
    color: #ffffff !important;
}
/* @media (min-width: 960px){
    div#idScreenButtons {
        bottom: -35px !important;
    }
} */


/*pagenotfound*/
.bg-image.content-header.bg-primary {
    background-color: #191f1b !important;
}

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

/*scroll bar color*/
::-webkit-scrollbar-thumb {
    background: #191f1b !important;
}

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

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

/*Theming Custom Color*/

.ds-save-button .ui-button {
    background-color: var(--main-button-color) !important;
}

.ds-save-button .ui-button:hover {
    background-color: var(--button-primary-hover-bgcolor) !important;
    color: var(--button-primary-hover-color) !important;
}

.ds-success-integration .ui-button {
    background-color: rgb(93 173 95) !important;
}

.ds-save-button .ds-success-integration .ui-button:hover{
    background-color: rgb(206 237 207) !important;
    color: rgb(93 173 95) !important;
}

.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;
}
.ds-quicklink li, .ds-quicklink button.ds-more-links {
    background-color: #191f1b !important;
    color: #fff;
}

/*gradiant color for link*/

.menu-item .mat-button.active-link {
    background: rgb(23 26 26 / 9%) !important;
    color: #fff;
}

.menu-item .mat-button.active-link .menu-icon {
    background: #191f1b !important;
    color: #fff !important;
}

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

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

.ds-gradient-purple {
    background: #191f1b !important;
    background: linear-gradient(180deg,#191f1b,#548d83) !important;
    /* background: linear-gradient(50deg,#191f1b,#548d83)!important; */
    color: #fff !important;
}

.dashboard .no-record-chart p {
    background-color: #062b25 !important;
}

.ds-norecord-info{
    background-color: #2e4542 !important;
    border: 1px solid #2e4542 !important;
}

.ds-norecord-info p{
    color: #ffffff !important;
}

.web-form-master .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #191f1b !important;
}

.web-form-master .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight, .web-form-master .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
    color: #ffffff;
    background-color: #191f1b !important;
}

.mat-button-toggle-disabled.mat-button-toggle-checked{
    background-color: #548d83 !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #191f1b !important;
    color: #ffffff;
}

.active .circle {
    background: #548d83 !important;
    color: white;
    border-color: #548d83 !important;
}

.ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #548d83 !important;
    background-color: #548d83 !important;
    color: #ffffff;
}

mat-vertical-stepper.mat-stepper-vertical .content-header {
    background-color: #191f1b !important;
    color: #fff !important;
}

mat-vertical-stepper.mat-stepper-vertical .ds-sub-section .content-header{
    color: #191f1b !important;
    background-color: transparent !important;
}

.baseFileUpload .ds-upload-document .browseLabel {
    background-color: #548d83 !important;
    border: 1px solid #548d83 !important;
}

.user-menu .mat-menu-item {
    background: #191f1b !important;
    color: #ffffff !important;
}

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

.ds-action-not-run{
    background-color: #191f1b !important;
}

/* .web-form-master .edit mat-icon.mat-icon {
    color: #191f1b;
} */

.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #548d83 !important;
}

.received_manage_form .ds-manage-forms-tab .mat-tab-label-active .mat-tab-label-content {
    color: #548d83 !important;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
    background-color: #191f1b !important;
}


.mat-button-toggle-checked {
  background-color: #548d83 !important;
  color: #FFF !important;
 }

 .received_manage_form span.link-chips.active {
    border-color: #548d83;
    color: #548d83;
}

.received_manage_form .mat-stroked-button {
    border-color: #548d83 !important;
    color: #548d83 !important;
}

.ds-active-permission{
    color:var(--link-color)!important;
} 

.ds-integration-section .btn-width-height{
    background-color: #548d83;
    color: #fff !important;
}

.ds-integration-section .btn-width-height:hover{
    background-color: var(--button-primary-hover-bgcolor) !important;
    color: var(--button-primary-hover-color) !important;
}

.ds-integration-section .ds-integration-after{
    background-color: rgb(93 173 95) !important;
} 

.ds-integration-section .ds-integration-after.btn-width-height:hover{
    background-color: rgb(206 237 207) !important;
    color: rgb(93 173 95) !important;
} 


.ngx-pagination .current {
    background: #191f1b !important;
}

#manage-role .mat-tab-label-active .mat-tab-label-content,
.ds-add-role-manage-team .mat-tab-label-active .mat-tab-label-content{
    color: #191f1b !important;
}

.team-dropdown button mat-icon,
.user-dropdown mat-icon {
    color: #191f1b;
}

.ds-add-edit-manage-team .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
    background-color: #191f1b;
    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-history{
    color: #548d83 !important;
    text-transform: unset !important;
    padding: 8px 10px 8px 18px !important;
}

.ds-history i{
    display: flex;
    align-items: center;
}

.ds-form-builder .ds-history i {
    display: inline-block;
    background-color: #548d83 !important;
}

.received_manage_form span.api-count{
    color: #191f1b !important;
}

.received_manage_form .ds-api-list{
    border-top: 3px solid #191f1b !important;
}

.received_manage_form .mat-stroked-button:hover,
.float-right a.ds-history:hover,
.renew-info-master a.ds-history:hover,
 a.ds-history:hover {
    color: #fff !important;
    background-color: #548d83 !important;
    border-color: #548d83 !important;
}

/* td a {
    text-decoration: underline !important;
} */

.ds-save-button a.ui-menuitem-link:hover {
    background-color: #191f1b !important;
}



.ds-dialog-with-success .dialog-action-buttons .ds-success-button.mat-raised-button.mat-button-base{
    background-color: #191f1b !important;
  }


  .sticky strong{
    color: #000000 !important;
  }


  .sticky .active .vertical-line {
    background: #548d83 !important;
}
  
  .ds-dialog-warning .dialog-action-buttons .ds-success-button.mat-raised-button.mat-button-base{
    background-color: #f99f1f !important;
  }
  
  .ds-delete-dialog.ds-dialog-with-success span.material-icons {
    color: #191f1b !important;
  }
  
  .ds-delete-dialog.ds-dialog-warning span.material-icons{
    color: #f99f1f !important;
  }

  .sticky .active strong {
    color: #548d83 !important;
}

.ds-add-edit-manage-team .mat-tab-label-active .mat-tab-label-content{
    color: #548d83 !important;
}

.ds-member-quick-details.ds-4 span.material-icons {
    background-color: #191f1b !important;
}

body .ui-button {
    background-color: #191f1b;
}

.ds-saveunsavememberscan .mat-checkbox-layout {
    color: #548d83 !important;
}

.ds-saveunsavememberscan .mat-checkbox-frame {
    border-color: #548d83 !important;
}

.ds-butonandsave .ui-button {
    background-color: #191f1b !important;
    border-color: #191f1b !important;
}

/* .black-list-search-grid .ds-emailbody .col-sm-12 span.material-icons {
    background-color: #191f1b !important;
} */


.ds-print-integration-report button {
    border: none;
    background-color: transparent;
    color: #191f1b;
}

.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
    top: 4px !important;
}

td a {
    color: var(--link-color)
}

td a:hover {
    text-decoration: underline;
}

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

.ds-vouched-dialog {
    width: 1350px !important;
}

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

.ds-vouched-dialog mat-icon {
    z-index: 999999;
    position: absolute;
    right: 1%;
    color: #191f1b;
    top: 30px;
}

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

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


.delete-alert{
    background: #191f1b;
}

/* --- 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;
}

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

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

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

.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-button-base.mat-primary {
    background-color: #191f1b !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: #548d83 !important;
    color: white;
}

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

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

body a:hover {
    color: var(--link-color);
}

.ds-success-button.mat-raised-button.mat-button-base:hover {
    background-color: var(--button-primary-hover-bgcolor) !important;
    color: var(--button-primary-hover-color) !important;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 20%), 0px 2px 4px -1px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%) !important;
}

.ds-dialog-with-success .dialog-action-buttons .ds-success-button.mat-raised-button.mat-button-base:hover{
    background-color: var(--button-primary-hover-bgcolor) !important;
    color: var(--button-primary-hover-color) !important;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 20%), 0px 2px 4px -1px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%) !important;
}
  
.dashboard h5, .received_manage_form h2 span {
    color: #191f1b !important;
}

td mat-icon {
    color: #191f1b;
}

.ds-add-edit-manage-team .selected-form-label p {
    color: #191f1b;
    border: 1px solid #191f1b;
}

.ds-description-details, .ds-isrenewal-form mat-icon.mat-icon {
    color: #191f1b !important;
}

.ds-team-values, .ds-team-values-forms{
    border-top: 3px solid #191f1b !important;
}

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

.ds-success-button.mat-raised-button.mat-button-base{
    background-color: #548d83 !important;
}


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

.black-list-search-grid .black-list-main-container h3{
    color: #191f1b;
}

.ds-copy-link{
    color: #191f1b !important;
}

/*custom for candecy*/

.breadcrumb, span.breadcrumb-title, .breadcrumb mat-icon, .breadcrumb-item+.breadcrumb-item::before, .header mat-icon, .header span.mat-button-wrapper, .header span.ds-username,.breadcrumb a {
    color: #ffffff !important;
}

.ds-dialog-header .default-style, .ds-modal-header h2, .ds-modal-header mat-icon{
    color: #ffffff !important;
}

/* .ds-decline-button.mat-raised-button.mat-button-base:hover{
    color: #252422 !important;
    background: rgba(154,154,154,.2) !important;
} */

/*custom for candecy*/

/*new*/
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start, .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end{
    border-color: #191f1b;
}

.filter-on{
    color: #191f1b !important;
}

span.ui-tree-filter-icon.pi.pi-search{
    color: #191f1b !important;
}

.ds-delete-dialog .ds-success-button.mat-raised-button.mat-button-base{
    background-color: #f15e5e !important;
}

.ds-company-search-button .ds-success-button.mat-raised-button.mat-button-base:hover {
    background-color: #0f3831 !important;
}

.ds-company-search-button .ds-success-button.mat-raised-button.mat-button-base:hover {
    background-color: #0f3831 !important;
}


.ds-company-search .ds-registration {
    color: #191f1b !important;
  }
mat-label {
    font-size: 15px !important;
}


* {
    font-family: 'AvenirMedium' !important;
}

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

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

/*CSS of Admin*/

span.material-icons.filter-on {
    color: #548d83 !important;
}

 .mat-calendar-body-selected {
    background-color: #191f1b !important;
    color: white;
}
.mat-datepicker-toggle-active {
    color: #191f1b !important;
}


.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background: #548d83 !important;
    color: #fff !important;
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{
    color: #191f1b !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,
.ui-inputtext:enabled:focus:not(.ui-state-error) {
    border-color: #191f1b !important;
	box-shadow: none !important;
}

.advance-search td.ds-select-row mat-icon {
    color: #191f1b !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;
}

.menu-item .mat-button .menu-title {
    color: #585858 !important;
}



thead tr:first-child th {
    background-color: var(--main-tableheader-color) !important;
    color: #000000 !important;
}
body .ui-table .ui-table-tbody > tr {
    color: #585858 !important;
  }


.invalid-feedback, .ds-login .invalid-feedback div {
    color: #ED1C24 !important;
}  

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #ED1C24 !important;
}
p-editor.ng-invalid.ng-touched .ui-editor-container .ui-editor-content {
    border: 1px solid #ED1C24 !important;
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #ED1C24 !important;
}

.invalid-field .ng-select.ng-touched .ng-select-container.ng-appearance-outline,
.applicant_form .ng-select.ng-touched.ng-invalid .ng-select-container.ng-appearance-outline,
.received_form .ng-select.ng-touched.ng-invalid .ng-select-container.ng-appearance-outline,
.received_manage_form .ng-select.ng-touched.ng-invalid .ng-select-container.ng-appearance-outline  {
    border-color: #ED1C24 !important;
}

.ds-create-form-builder .ds-group .ds-sub-group-add-button mat-icon.mat-icon {
    color: #548d83 !important;
}

.ds-create-form-builder .ds-add-save-container .ds-success-button.mat-raised-button.mat-button-base {
    color: #548d83 !important;
    background-color: transparent !important;
}

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

body .ui-table .ui-sortable-column:focus{
    box-shadow: none !important;
}

@media screen and (max-width: 500px){
    .header .logo {
        background-position: 0 -2px;
    }
}

.sidenav .mat-drawer-inner-container {
    overflow: hidden;
    background-color: #191f1b !important;
}


.menu-item .mat-button .menu-title {
    color: #fff !important;
}


.menu-item .mat-button .menu-icon {
    background: rgb(15 56 49);
    color: #fff !important;
}

.menu-item a {
    text-decoration: none;
    border-bottom: 1px solid #6c706d;
}

.menu-item .mat-button.active-link {
    /*change*/
    background: rgb(15 56 49) !important;
    color: #fff;
}

.menu-item .mat-button .menu-icon {
    background: rgb(15 56 49 / 62%) !important;
}

.app.indigo-light .menu-expand-icon {
    color: rgb(255 255 255 / 54%) !important;
}

 /*change*/
 
 .header .logo{
    background-color: #191f1b !important;
 }

  .menu-item a { 
    border-bottom: none !important; 
 } 

.ds-quicklink button.ds-more-links span.mat-button-wrapper {
    color: white;
}

i.mat-tooltip-trigger.ds-add-params-icon.material-icons.ng-star-inserted {
    display: none;
}