:root {
    --primary-color: #313a46;
    --font-color: #272626;
    --head-background-color: #ffffff;
    --body-background-color: #f8f9fc;
    --card-background-color: #ffffff;
    --list-background-color: #ffffff;
    --input-background-color: #ffffff;
    --popover-font-color: #ffffff;
    --input-border-color: #d3d3d3;
    --content-border-color: #cbdada;
    --separation-border-color: #e7e8e8;
    --page-header-color: #354a4c;
    --pagination-text-color: #707070;
    --select-border-color: #b4b4b4;
    --secondary-button-color: #9ea3a7;
    --head-username-color: #0d0b0b;
    --pagination-heightlight-color: #ea6767;
    --hyperlink-color: #3A94EE;


    --doc-box-bg-color: #eef2f7;
    --sort-header-bg-color: #e7ecf1;
    --sort-head-border-color: #545c64;
    --sort-image-bg-color: rgba(62, 66, 122, 0.74);
    --sort-image-shadow: rgba(0, 0, 0, 0.16);
    --sort-title-color: #737373;
    --sort-header-secondary-color: #657180;
    --sort-placeholder-color: #959595;
    --sort-doxbox-border-color: #d7eef2;
    --sorting-image-border-color: #d1d1d1;
    --sort-group-name-color: #949494;
    --sort-popover-border-color: #cecbcb;
    --sort-cancel-warning-border: #ffc658;

    --btn-color-1: #20b3be;
    --btn-color-2: #e86161;
    --btn-color-save: #49b091;
    --btn-color-4: #edac39;
    --btn-color-5: #000080;
    --btn-color-log: #26a0c0;
    --btn-color-7: #6c74e5;
    --btn-color-no: #2e85dc;
    --btn-color-yes: #20b2bd;
    --btn-cross-color: #d50000;
    --btn-color-3: #727bf3;
    --btn-color-6: #939cb8;
    --btn-color-8: #20be9a;


    --foi-doctype-tree-bg-color: #313a46;
    --foi-doctype-tree-file-bg-color: #576c7f;
    --foi-label-color: #5a5e5f;
    --foi-preview-head-border-color: #8f8f8f;
    --foi-preview-head-zoom-text: #131313;
    --foi-zoom-border: #0a0808;

    --action-icon-color: #9faaa9;
    --pagination-arrow-icon-color: #989797;


    --filter-preset-color: #909495;


    /* package status related colors */
    --new-color: #78cbea;
    --completed-color: #a3ebae;
    --workinprogress-color: #b4b4ee;
    --onhold-color: #eec9b4;
    --cancelled-color: #ea7878;
    --not_processable-color: #F1E766;

    --activity-header-color: #83858b;
    --activity-border-color: #cecece;
    --export-btn-color: #20b2bd;
    --list-action-active-color: #93cdff;

    --scroll-bg-color: #90adb3;

    --login-bg-color-1: #e1e3fd;
    --login-btn-color: #243762;
    --login-form-bg-color: #fff;
    --login-btn-font-color: #fff;
    --login-label-color: #908c8c;
    --login-eye-color: #7a7575;

    --primary-light-color: #b4b4ee;

}