:root {
    --lpx-content-text-rgb: 50,81,104;
    --lpx-content-bg-rgb: 240,244,247;
    --lpx-primary-rgb: 53,93,255;
    --lpx-secondary-rgb: 108,93,211;
    --lpx-brand-rgb: 247,37,133;
    --lpx-success-rgb: 79,191,103;
    --lpx-info-rgb: 67,138,167;
    --lpx-warning-rgb: 255,159,56;
    --lpx-danger-rgb: 192,13,73;
    --lpx-light-rgb: 230,235,239;
    --lpx-dark-rgb: 6,42,68;
    --lpx-navbar-color-rgb: 255,255,255;
    --lpx-navbar-text-color-rgb: 68,95,114;
    --lpx-navbar-active-text-color-rgb: 18,65,99;
    --lpx-text-white-rgb: 255,255,255;
    --lpx-logo-reverse: var(--logo-reverse);
    --lpx-primary: #355dff;
    --lpx-secondary: #6c5dd3;
    --lpx-success: #4fbf67;
    --lpx-info: #438aa7;
    --lpx-warning: #ff9f38;
    --lpx-danger: #c00d49;
    --lpx-brand: #f28700;
    --lpx-brand-text: #fff;
    --lpx-container-active-text: #fff;
    --lpx-text-white: #fff;
    --lpx-radius: 0.5rem;
    --lpx-logo-icon: url('/images/logo/icon.svg');
    --lpx-light: #e6ebef;
    --lpx-dark: #062a44;
    --lpx-breadcrumb-text-color: #445f72;
    --lpx-breadcrumb-active-text-color: #124163;
    --lpx-navbar-color: #fff;
    --lpx-navbar-text-color: #445f72;
    --lpx-navbar-active-text-color: #124163;
    --lpx-navbar-active-bg-color: #f3f6f9;
    --lpx-card-bg: #fff;
    --lpx-card-title-text-color: #062a44;
    --lpx-content-bg: #f0f4f7;
    --lpx-content-text: #325168;
    --lpx-border-color: #e8eef3;
    --lpx-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
    /*tp color plate*/

    --tp-primary-color: #1f2d40;
    --tp-secondary-color: #f28700;
    --tp-success-color: #34c759;
    --tp-info-color: #00aaef;
    --tp-warning-color: #ff9f38;
    --tp-danger-color: #ff453a;
    --tp-light-body-color: #edf1f8;
    --tp-light-card-color: #f9f9f9;
    --tp-light-border-color: #DEE2E6;
    --tp-white-color: #ffffff;
}


:root {
    --kendo-color-app-surface: #fff;
    --kendo-color-on-app-surface: #3d3d3d;
    --kendo-color-subtle: #666;
    --kendo-color-surface: #fafafa;
    --kendo-color-surface-alt: #fff;
    --kendo-color-border: rgba(0,0,0,0.08);
    --kendo-color-border-alt: rgba(0,0,0,0.16);
    --kendo-color-base-subtle: #ebebeb;
    --kendo-color-base-subtle-hover: #e0e0e0;
    --kendo-color-base-subtle-active: #d6d6d6;
    --kendo-color-base: #f5f5f5;
    --kendo-color-base-hover: #ebebeb;
    --kendo-color-base-active: #d6d6d6;
    --kendo-color-base-emphasis: #c2c2c2;
    --kendo-color-base-on-subtle: #3d3d3d;
    --kendo-color-on-base: #3d3d3d;
    --kendo-color-base-on-surface: #3d3d3d;
    --kendo-color-primary-subtle: #ffeceb;
    --kendo-color-primary-subtle-hover: #ffdedb;
    --kendo-color-primary-subtle-active: #ffc8c4;
    --kendo-color-primary: #1f2d40;
    --kendo-color-primary-hover: #49576b;
    --kendo-color-primary-active: #192536;
    --kendo-color-primary-emphasis: #ff9d97;
    --kendo-color-primary-on-subtle: #5c201c;
    --kendo-color-on-primary: #fff;
    --kendo-color-primary-on-surface: #1f2d40;
    --kendo-color-secondary-subtle: #fafafa;
    --kendo-color-secondary-subtle-hover: #f5f5f5;
    --kendo-color-secondary-subtle-active: #ebebeb;
    --kendo-color-secondary: #666;
    --kendo-color-secondary-hover: #525252;
    --kendo-color-secondary-active: #3d3d3d;
    --kendo-color-secondary-emphasis: #e0e0e0;
    --kendo-color-secondary-on-subtle: #141414;
    --kendo-color-on-secondary: #fff;
    --kendo-color-secondary-on-surface: #292929;
    --kendo-color-tertiary-subtle: #d8f1fd;
    --kendo-color-tertiary-subtle-hover: #c5eafc;
    --kendo-color-tertiary-subtle-active: #a3dffb;
    --kendo-color-tertiary: #03a9f4;
    --kendo-color-tertiary-hover: #039ae0;
    --kendo-color-tertiary-active: #028ccb;
    --kendo-color-tertiary-emphasis: #61c9f9;
    --kendo-color-tertiary-on-subtle: #023f5c;
    --kendo-color-on-tertiary: #fff;
    --kendo-color-tertiary-on-surface: #028ccb;
    --kendo-color-info-subtle: #d2e2fb;
    --kendo-color-info-subtle-hover: #bdd4f8;
    --kendo-color-info-subtle-active: #80acf4;
    --kendo-color-info: #0058e9;
    --kendo-color-info-hover: #0052d6;
    --kendo-color-info-active: #004ac2;
    --kendo-color-info-emphasis: #6098f2;
    --kendo-color-info-on-subtle: #002259;
    --kendo-color-on-info: #fff;
    --kendo-color-info-on-surface: #004ac2;
    --kendo-color-success-subtle: #dcf0d3;
    --kendo-color-success-subtle-hover: #cbe9bf;
    --kendo-color-success-subtle-active: #b7e1a5;
    --kendo-color-success: #37b400;
    --kendo-color-success-hover: #32a500;
    --kendo-color-success-active: #2d9600;
    --kendo-color-success-emphasis: #81d15f;
    --kendo-color-success-on-subtle: #1c5a00;
    --kendo-color-on-success: #fff;
    --kendo-color-success-on-surface: #2d9600;
    --kendo-color-warning-subtle: #fff4d3;
    --kendo-color-warning-subtle-hover: #ffeebd;
    --kendo-color-warning-subtle-active: #ffe79e;
    --kendo-color-warning: #ffc000;
    --kendo-color-warning-hover: #eaaf00;
    --kendo-color-warning-active: #d49f00;
    --kendo-color-warning-emphasis: #ffd760;
    --kendo-color-warning-on-subtle: #5e4700;
    --kendo-color-on-warning: #3d3d3d;
    --kendo-color-warning-on-surface: #ffc000;
    --kendo-color-error-subtle: #fcddda;
    --kendo-color-error-subtle-hover: #fbc8c3;
    --kendo-color-error-subtle-active: #f98b80;
    --kendo-color-error: #f31700;
    --kendo-color-error-hover: #df1600;
    --kendo-color-error-active: #ca1400;
    --kendo-color-error-emphasis: #f76f60;
    --kendo-color-error-on-subtle: #7a0c00;
    --kendo-color-on-error: #fff;
    --kendo-color-error-on-surface: #ca1400;
    --kendo-color-light-subtle: #fafafa;
    --kendo-color-light-subtle-hover: #f5f5f5;
    --kendo-color-light-subtle-active: #ebebeb;
    --kendo-color-light: #ebebeb;
    --kendo-color-light-hover: #e0e0e0;
    --kendo-color-light-active: #d6d6d6;
    --kendo-color-light-emphasis: #d6d6d6;
    --kendo-color-light-on-subtle: #141414;
    --kendo-color-on-light: #000;
    --kendo-color-light-on-surface: #e0e0e0;
    --kendo-color-dark-subtle: #c2c2c2;
    --kendo-color-dark-subtle-hover: #adadad;
    --kendo-color-dark-subtle-active: #999;
    --kendo-color-dark: #3d3d3d;
    --kendo-color-dark-hover: #292929;
    --kendo-color-dark-active: #1f1f1f;
    --kendo-color-dark-emphasis: #666;
    --kendo-color-dark-on-subtle: #1f1f1f;
    --kendo-color-on-dark: #fff;
    --kendo-color-dark-on-surface: #141414;
    --kendo-color-inverse-subtle: #c2c2c2;
    --kendo-color-inverse-subtle-hover: #adadad;
    --kendo-color-inverse-subtle-active: #999;
    --kendo-color-inverse: #3d3d3d;
    --kendo-color-inverse-hover: #292929;
    --kendo-color-inverse-active: #1f1f1f;
    --kendo-color-inverse-emphasis: #666;
    --kendo-color-inverse-on-subtle: #1f1f1f;
    --kendo-color-on-inverse: #fff;
    --kendo-color-inverse-on-surface: #141414;
    --kendo-color-series-a: #1f2d40;
    --kendo-color-series-a-bold: #bf4a42;
    --kendo-color-series-a-bolder: #80322c;
    --kendo-color-series-a-subtle: #ffb1ac;
    --kendo-color-series-a-subtler: #ff8a82;
    --kendo-color-series-b: #ffe162;
    --kendo-color-series-b-bold: #bfa94a;
    --kendo-color-series-b-bolder: #807131;
    --kendo-color-series-b-subtle: #fff0b1;
    --kendo-color-series-b-subtler: #ffe989;
    --kendo-color-series-c: #4cd180;
    --kendo-color-series-c-bold: #399d60;
    --kendo-color-series-c-bolder: #266940;
    --kendo-color-series-c-subtle: #a6e8c0;
    --kendo-color-series-c-subtler: #79dda0;
    --kendo-color-series-d: #4b5ffa;
    --kendo-color-series-d-bold: #3847bc;
    --kendo-color-series-d-bolder: #26307d;
    --kendo-color-series-d-subtle: #a5affd;
    --kendo-color-series-d-subtler: #7887fb;
    --kendo-color-series-e: #ac58ff;
    --kendo-color-series-e-bold: #8142bf;
    --kendo-color-series-e-bolder: #562c80;
    --kendo-color-series-e-subtle: #d6acff;
    --kendo-color-series-e-subtler: #c182ff;
    --kendo-color-series-f: #ff5892;
    --kendo-color-series-f-bold: #bf426e;
    --kendo-color-series-f-bolder: #802c49;
    --kendo-color-series-f-subtle: #ffacc9;
    --kendo-color-series-f-subtler: #ff82ae
}