:root {
    --login-logo: url("/_content/WebBlazor.Library/images/In4maIcon.png");
    --login-bottom-right-logo: url("/_content/WebBlazor.Library/images/In4maLogo.png");
    --login-description-img: url("/_content/WebBlazor.Library/images/In4maIcon.png");
    --brand-image: url("/_content/WebBlazor.Library/images/In4maLogoBlack.png");
    --font-size-default: 12px;
    --default-font-regular: 'arial';
    --default-font-bold: 'arialbd';
    --default-font-theme-regular: 'neotech';
    --default-font-theme-bold: 'neotechmedium';
    --default-font-theme-bold2: 'neotechaltmedium';
    --in4ma-icons-font: 'ActwareFont';
    --theme-color: #d60057; /* Fuchsia  -> (was yellow= #fdbb30 )*/
    --theme-color-lightened: #ea7fa6; /* light Fuchsia*/
    --theme-text-color: #ffffff; /* white*/
    --primary-color: #747372; /* dark gray for topnav items, modal header bg ....*/
    --default-color: black;
    --invalid-color: red;
    --invalid-color-with-opacity: rgba(255, 0, 0, 0.02);
    --scrollbar-thumb-color: var(--theme-color);
    --page-inner-container-gradient: linear-gradient(var(--default-color) 114px, transparent 114px);
    --page-inner-container-gradient-mobile: linear-gradient(var(--default-color) 84px, transparent 84px);
    --control-background-color: #c0c1c3; /* light gray */
    --control-border-color: #231f20; /* light black */
    --control-disabled-background-color: #E5E5E5; /* lighter gray */
    --control-disabled-border-color: #7d6c6c; /* lighter black */
    --control-disabled-text-color: #7d6c6c; /* lighter black */
    --btn-disabled-background-color: #9a9a9a /*gray*/;
    --link-color: #007bff; /* href link color*/
    --reset-password-input-bg: #e5e5e5; /* lighter gray*/
    --reset-password-text-color: #e5e5e5; /* lighter gray*/
    --auto-reject-step: red;
    --auto-approve-step: green;
    /*--animation-container-list-scale: 1;  this important for scaling telerik popups: then wont scale because they r out of page-container range*/
    --animation-container-list-item-font: 11px;
    --flowchart-dimmed-text-color: #e7e7e7; /*light gray*/
    --flowchart-dimmed-bg-color: #f5f5f5; /*light gray*/
    --flowchart-select-normal: var(--theme-color-lightened);
    --flowchart-select-true: #9efd9e; /*light green*/
    --flowchart-select-false: #ff7b7b; /*light red*/
    /*--------------------------------------*/
    /*got from template project*/
    --input-right-margin: 14px; /*    left for validation*/
    --space-between-controls: 5px;
    --control-hover-opacity: 0.7;
    --grid-border-width: 1px;
    --grid-border-color: var(--primary-color);
    --grid-cell-padding: 5px;
    --grid-header-color: var(--primary-color);
    /*--------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------*/
    /* almost not used anymore*/
    /*collected from theme default*/
    --loader-gradient-1: #e3e4e5; /*middle gray*/
    --loader-gradient-2: #edeeef; /*light gray*/
    --loader-gradient-3: #bababa; /*dark gray*/
    --loader-gradient-4: #6a7d8e; /*darker gray*/
    --loader-gradient-5: #667682; /*darker gray*/
    --disabled-text-input-bg: #f2f2f2; /*light gray*/
    --modal-header-bg: #F5F5F5; /*dark gray*/
    --modal-header-border: #d5d5d5; /*darker gray*/
    --accordion-card-header-bg: #4b4b4b; /*darker gray*/
    --accordion-card-header-collapse-bg: #cdcdcd; /*darker gray*/
    --accordion-card-header-custom-collapse-color: #5b5b5b; /*darker gray*/
    --accordion-card-header-custom-collapse-bg: rgba(255,255,255,0.1); /*darker gray*/
    --accordion-form-control-border: #5a5758;
    --inner-header-controller-fa: #015cda; /*blue*/
    --popover-list-group-item: #55b3ff; /*light blue*/
    --popover-content-a-bg: #22262e; /*black*/
    --blade-container: #215b7d; /*darker blue*/
    --translate-bg: #201d1e; /*black*/
    --form-btn-hover-bg: #0771fe; /*blue*/
    --delete-warning-span-bg: #fd8b00; /*orange*/
    --bottom-controller-div-a-hover-color: #4ca2e5; /*light blue*/
    --ul-ul-a: #6d7fcc; /*purple*/
    --a-download: #7386D5; /*purple*/
    --image-upload-label-fa: #b3b8bd; /*dark gray*/
    --switch-span: #e1e1e1; /*light gray*/
    --checkbox-cr: #a9a9a9; /*dark gray*/
    --context-menu-hover: #dceffe; /*light blue*/
    --collapse-item-div: #428bca; /* dark blue*/
    --sidebar-collapse: #262626; /*black*/
    --modal-footer: #909090; /*dark gray*/
    --selector-icon-disabled-icon: #535051; /*dark gray*/
    --selector-icon-disabled-icon-span: #a2a0a1; /*gray*/
    --normal-gray: #878787;
    --light-gray: #dddddd;
    --dark-gray: #808080;
    --actware-noimage: #B9BFBD; /*light gray*/
    --custom-icon-disabled: #9b9a9a; /*dark gray*/
    --img-label: #bac0bd; /*light gray*/
    --checkmark-hover: #cccccc; /*light gray*/
    --checkmark-after: #121212; /*black*/
    --li-current: #222222; /*black*/
    --node-txt-shortcut: #efefef; /*light gray*/
    --k-mid-k-in: #8c8c8c; /*dark gray*/
    --k-treeview-lines: #a0a0a0; /*dark gray*/
    --inline-list-content-selected: #d2d2d2; /*light gray*/
    --required-color: #fcb92f; /*orange*/
    --not-required-color: #bec3c0; /*light gray*/
    --ui-widget-content: #f7f7f7; /*light gray*/
    --default-color-op-02: rgba(0, 0, 0,0.02); /*black with opacity 0.02*/
    --default-color-op-3: rgba(0, 0, 0,0.3); /*black with opacity 0.3*/
    --white-color-op-8: rgba(225, 225, 225,0.8); /*white with opacity 0.8*/
    --white-color-op-1: rgba(225, 225, 225,0.1); /*white with opacity 0.1*/
    --white-color-op-2: rgba(0, 0, 0,0.2); /*white with opacity 0.2*/
    /*--------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------*/
    --login-wizard-background-color: #ccc9c9; /*gray : old : #b2b2b2*/
    --deployment-dev: #ED2024; /*red*/
    --deployment-uat: #7150A1; /*purple*/
    --deployment-prod: #1F8D44; /*green*/
}