:root {
    --base-theme: Bootstrap;
    --skin-name: black-theme;
    /*--Base theme colors--*/
    --accent: #007373;
    --secondary: #BF5700;
    --body-bg: #313131;
    --filter-wrapper-bg: #9C4700;
    --component-bg: #ffffff;
    --component-color: #202225;
    --card-cap-color: #ffffff;
    --card-cap-border-color: #353839;
    --card-footer-color: #ffffff;
    --background-color-3: #079090;
    --background-color-4: #000000;
    --border-color-6: #6e3201;
    --border-color-7: #6e3201;
    /*--filters css variables--*/
    --filter-header-color: #f5f5f5;
    --filter-wrapper-color: #f5f5f5;
    /*----*/
    --info: #0099cc;
    --success: #2db245;
    --warning: #feca3f;
    --error: #d9534F;
    --danger: #BF0000;
    /*---*/
    --series-a: #10c4b2;
    --series-b: #5bc0de;
    --series-c: #5cb85c;
    --series-d: #f0ad4e;
    --series-e: #e67d4a;
    --series-f: #d9534f;
    /*--custom color combination--*/
    --color-0: #ffffff;
    --color-1: #235e84;
    --color-2: #9b9c99;
    --color-3: #846919;
    --color-4: #00000e;
    --color-5: #9b9c99;
    --color-6: #99c4d9;
    --color-7: #005064;
    --color-8: #175d21;
    --color-9: #712b21;
    --color-10: #1b4764;
    --color-11: #000000;
    --background-color-0: #ffffff;
    --background-color-1: #494d49;
    --background-color-7: rgba(51, 137, 192, 0.25);
    --background-color-8: rgba(54, 57, 65, 0.03);
    --background-color-9: rgba(54, 57, 65, 0.065);
    --background-color-11: #ffffd2;
    --background-color-12: #fff4d6;
    --background-color-13: #ffffe2;
    --background-color-14: #ffffbe;
    --background-color-15: rgba(255, 255, 248, @.5);
    --background-color-16: rgba(255, 255, 241, 0.8);
    --background-color-17: #3389a2;
    --background-color-18: #cde4f2;
    --background-color-19: rgba(54, 57, 65, 0.025);
    --background-color-20: #9b9c99;
    --background-color-21: #f7f7ea;
    --background-color-22: #ccebf2;
    --background-color-23: #d5f0d9;
    --background-color-24: #f7ddd9;
    --background-color-25: #242423;
    --background-color-26: #d6e7f2;
    --background-color-27: #3a3d3a;
    --background-color-28: #266690;
    --background-color-30: #111110;
    --background-color-31: #F00B0B;
    --border-color-0: #ffffff;
    --border-color-3: #266690;
    --border-color-5: #111110;
    --border-color-8: #91c2e2;
    --border-color-9: #ffffd8;
    --border-color-10: rgba(33, 37, 41, 0.15);
    --border-color-11: #ffffd2;
    --border-color-12: #9b9c99;
    --border-color-13: #f2c2bb;
    --border-color-14: #fff0c5;
    --border-color-15: #212321;
    --border-color-16: #1b4a67;
    --border-color-17: #b8e2ed;
    --border-color-18: #c4e9ca;
    --border-color-19: #f4cfca;
    --border-color-20: #c6deed;
    --box-shadow-1: rgba(49, 49, 48, 0.5);
    --box-shadow-2: rgba(51, 137, 192, 0.5);
    --box-shadow-3: rgba(54, 57, 65, 0.15);
    --box-shadow-4: rgba(51, 137, 192, 0.25);
    --box-shadow-5: #ffffd2;
    --box-shadow-6: #ffffe2;
    --box-shadow-7: rgba(38, 101, 142, 0.5);
    --box-shadow-8: rgba(38, 102, 144, 0.5);
    --box-shadow-9: #3f433f;
    --box-shadow-10: #373b37;
    --box-shadow-11: #2c75a4;
    --box-shadow-12: #ffffbe;
    --box-shadow-13: #ffffb4;
    --box-shadow-14: rgba(54, 57, 65, 0.1);
    --box-shadow-15: rgba(255, 255, 255, 0.5);
    --box-shadow-16: #3a3d3a;
    /*--navigation css variables--*/
    --nav-bg: #eeeeee;
    --nav-color: #979797;
    --nav-item-hover-state-active: #ce9667;
    --nav-item-current-link: #393939;
    /*--notification css variables--*/
    --notification-bg: #ffffff;
    --notification-color: #000000;
    --notification-count-color: #db2127;
}