:root {
    --primary_color: #154734;
    --primary_color_light: #15473461;

    --secondary_color: #74aa50;
    --secondary_color_light: #74aa5061;

    --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: #3f3f41;
    --sidebar_icon_color: rgba(0, 0, 0, 0.54);
    --sidebar_active_bg_color: var(--primary_color_light);
    --sidebar_active_text_color: #3f3f41;

    --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: var(--secondary_color);
    --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: var(--secondary_color);
    --main_customheader_textcolor: #2a2a2a;
    --main_customfooter_background: var(--secondary_color);
    --main_customfooter_color: #2a2a2a;
    
    --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);
}


h2.formTitle.default-style{
  color: var(--heading_color) !important;
  font-weight: 400;
}
  
.header .logo {
    background-image: url(../img/main-logo-white.png);
    background-size: 240px;
    background-repeat: no-repeat;
    background-position: 0 52%;
    height: 3.5rem;
    background-color: #fafafa;
    position: relative;
    display: block !important;
    width: 260px;
    left: 0;
}


.mat-button-toggle-checked {
    background-color: var(--button_primary_bgcolor) !important;
    color:  var(--button_primary_color) !important;
}

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

.vouched > div .vouched-mui-MuiButtonBase-root{
    background-color: var(--button_primary_bgcolor) !important;
    color: var(--button_primary_color) !important;
    border: 1px solid var(--button_primary_bordercolor) !important;
  }

.ds-browse-vouched-id .ds-success-button{
    background-color: var(--button_integration_bgcolor) !important;
    color: var(--button_integration_textcolor) !important;
    border: 1px solid var(--button_integration_bordercolor) !important;
}

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

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: 888;
}

.ds-vouched-dialog {
    position: relative !important;
    
}


/*pagenotfound*/
.bg-image.content-header.bg-primary {
    background-color: #5b67c1 !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: #d7dadf !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;
}


/*Show Image on Login*/

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


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


.ds-welcome-board {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0 !important;
}

.ds-welcome-board img {
    width: auto !important;
} 

/*Show Image on Login*/


/*Theming Custom Color*/

.custom-design .ds-welcome-board {
    background-color: #186fb8;
}

.loginButton {
    background-color: #186fb8 !important;
    color: white !important;
}

body a {
    color: #186fb8;
}

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

.header-container p {
    margin-bottom: 5px !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;
}

.content-header {
    background-color: #a0d8dc;
}


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

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



/*Vouched Dialog Media Query Css*/
@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*/


.ds-vouched-dialog mat-icon {
    z-index: 999999;
    position: absolute;
    right: 1%;
    color: #000000;
    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;
}

/* main.vouched > div {
    height: auto !important;
} */


/*trulioo Dialog Css*/

.ds-trulioo-dialog mat-dialog-container {
    height: auto !important;
    background-color: transparent !important;
    box-shadow: none !important;
    overflow: hidden;
}

div#trulioo-embedid iframe {
    height: 100% !important;
}

div#trulioo-embedid {
    background-color: #fff;
    border-radius: 8px;
}

.cdk-overlay-container {
    z-index: 999999 !important;
}


#js-docv-main {
    overflow-y: auto;
    /* height: 460px !important; */
}
  

@media only screen and (min-width: 1240px){
    /* .ds-trulioo-dialog {
        width: 1024px !important;
        max-width: 100% !important;
    } */
    #js-docv-main {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1239px) and (min-width: 905px){
    /* .ds-trulioo-dialog {
        max-width: 100% !important;
        width: 900px !important;
    } */
    #js-docv-main {
        width: 100% !important;
    }
}


@media only screen and (max-width: 905px) {
    .ds-trulioo-dialog{
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
    }
    #js-docv-main {
        height: 100% !important;
    }
  }

/*trulioo Dialog Css*/


.p-paginator .p-paginator-pages .p-paginator-page.p-state-active {
    background-color: #4478c5 !important;
    color: #ffffff;
  }

.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 {
    color: #ffffff;
    background-color: #4478c5 !important;
}

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

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


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


.multi_select.ng-select .ng-select-container .ng-value-container {
    border-top: 0 !important;
}

.multi_select.ng-select .ng-select-container.ng-appearance-outline, .multi_select.ng-select .ng-select-container.ng-appearance-outline {
    overflow-y: auto;
}

/*add this in last*/

input.mat-input-element {
    height: 18px;
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container {
    max-height: 40px;
}

.ds-company-search .ds-registration{
    color: #4d80cc !important;
}

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

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

.ds-success-button.mat-raised-button.mat-button-base:hover {
    background-color: #4d80cc !important;
}

/*NEW CSS */
.client-form-history .ds-send-email mat-icon{
    color: var(--icons_color) !important;
}

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

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

label.ds-save-for-later-link {
    color: var(--button_primary_bgcolor) !important;
}

label.ds-save-for-later-link span.material-icons{
    background-color: var(--button_primary_bgcolor) !important;
}

label.ds-save-for-later-link:hover {
    background-color: var(--button_primary_bgcolor) !important;
    color: #fff !important;
}

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

.active strong {
    color: #4d80cc !important;
}

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

thead tr:first-child th ::before {
    color: #ffffff !important;
}


.ds-dark-mode-button{
    background-color: var(--button_primary_bgcolor) !important;
    color: var(--button_primary_color) !important;
}

.ds-header {
    background-color: var(--main_customheader_background) !important;
    color: var(--main_customheader_textcolor) !important;
  }

.ds-header  a {
    color: var(--main_customheader_textcolor) !important;
}

  .ds-footer {
    background-color: var(--main_customfooter_background) !important;
    color: var(--main_customfooter_color) !important;
  }


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

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

  

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

  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: var(--primary_color) !important;
    color: #ffffff !important;
}
 
.ds-decline-button, .dialog-action-buttons .ds-decline-button{
    background-color: var(--button_secondary_bgcolor)!important;
    color: var(--button_secondary_color)!important;
    border: 1px solid var(--button_secondary_bordercolor) !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;
}

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

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

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

.ds-sub-grroup-add-button mat-icon.mat-icon, .ds-sub-group-button mat-icon.mat-icon{
    color: var(--icons_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;
}

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


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

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

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

.vouched a{
    color: var(--link_color) !important;
}

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

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

.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-border-button {
    border-color: var(--button_primary_bgcolor) !important;
    border: 1px solid;
    color: var(--button_primary_bgcolor) !important;
  }

.ds-dialog-with-success span.material-icons, body .ds-company-search .ds-registration, .ds-apiupload p {
color: var(--button_primary_bgcolor) !important;
}

body .ds-company-search-button {
margin-top: 0 !important;
}

.ds-ver-icon {
    top: 19px !important;
}

.header-container .header-extra-info {
    color: var(--main_customheader_textcolor) !important;
}

.ds-dark-mode .ds-terms-condition-dialog .mat-mdc-dialog-container .mdc-dialog__content {
    color: #fff;
}