:root {
    --primary-color: #F7C447;
    --dark1: #17181D;
    --dark2: #040304;
    --dark3: #292E39;
    --dark4: #333A45;
    --dark5: #1D1F25;
    --gray1: #7E8197;
    --gray2: #505765;
    --gray3: #5F6778;
    --gray4: #D2D5DA;
    --black-color: #000;
    --white-color: #fff;
    --error: #EE5153;
    --info: #546EB5;
    --success: #3F9388;
    --purple: #5B44B0;
    --purple2: #B432E2;
    --green: #0D8444;
    --theme-orange: #E95D26;
    --theme-yellow: #FFFD52;
    --theme-red: #FC0D1B;
    --theme-gray: #8A7C75;
    --theme-green: #219D1A;
    --theme-purple: #D455E8;
    --theme-blue: #178FD3;
    --theme-sky: #568DA9;
    /* new  */
    --light-green: #9DD44C;
    --blue: #203788;
    --pink: #F59173;
    --gradient-bg1: #F71221;
    --gradient-bg2: #FD7124;
    --gradient-bg3: #F6D12F;
    --gradient-bg4: #8AB82F;
    --gradient-bg5: #3BA73C;
    --jqeryDataTableRowHover: #7d4c4c;
}