:root {
    --color-1-0: #2B37A5;
    --color-1-1: #D5D7ED;
    --color-2-0: #242424;
    --color-2-1: #EFEFEF;
    --gray-0: #FFFFFF;
    --gray-1: #FcFcFc;
    --gray-2: #FAFAFA;
    --gray-3: #f7f7f7;
    --gray-4: #F5F5F5;
    --gray-5: #f2f2f2;
    --gray-10: #e6e6e6;
    --gray-20: #cccccc;
    --gray-30: #b3b3b3;
    --gray-40: #999999;
    --gray-50: #808080;
    --gray-60: #666666;
    --gray-70: #4d4d4d;
    --gray-80: #333333;
    --gray-90: #3c3c3b;
    --gray-100: #000000;
}

.bg_color-1-0
{
    background-color: #2B37A5 !important;
}

.accountsetting {
    background-color: #5B6770 !important;
}

.text_color-1-0 {
    color: #2B37A5 !important;
}

.border_color-1-0
{
    border-color: #2B37A5 !important;
}

.bg_color-1-1 {
    background-color: var(--color-1-1) !important;
}

.text_color-1-1 {
    color: var(--color-1-1) !important;
}

.border_color-1-1 {
    border-color: var(--color-1-1) !important;
}

.bg_color-2-0
{
    background-color: #242424 !important;
}

.bg_color-2-1 {
    background-color: #fff !important;  Previous clor code #EFEFEF
}

.text_color-2-0
{
    /*color: #ffffff !important;*/
    color: #000;
}

.text_color-2-1
{
    color: #EFEFEF !important;
}

.border_color-2-0
{
    border-color: #242424 !important;
}

.border_color-2-1
{
    border-color: #EFEFEF !important;
}

.bg_gray-0
{
    background-color: #FFFFFF !important;
}

.bg_gray-1
{
    background-color: #FcFcFc !important;
}

.bg_gray-2
{
    background-color: #FAFAFA !important;
}

.bg_gray-3
{
    background-color: #f7f7f7 !important;
}

.bg_gray-4
{
    background-color: #F5F5F5 !important;
}

.bg_gray-5
{
    background-color: #f2f2f2 !important;
}

.bg_gray-10
{
    background-color: #e6e6e6 !important;
}

.bg_gray-20
{
    background-color: #cccccc !important;
}

.bg_gray-30
{
    background-color: #b3b3b3 !important;
}

.bg_gray-40
{
    background-color: #999999 !important;
}

.bg_gray-50
{
    background-color: #808080 !important;
}

.bg_gray-60
{
    background-color: #666666 !important;
}

.bg_gray-70
{
    background-color: #4d4d4d !important;
}

.bg_gray-80
{
    background-color: #333333 !important;
}

.bg_gray-90
{
    background-color: #3c3c3b !important;
}

.bg_gray-100
{
    background-color: #000000 !important;
}

.text_red {
    color: #FF0000 !important;
}

.text_gray-0
{
    color: #FFFFFF !important;
}

.text_gray-1
{
    color: #FcFcFc !important;
}

.text_gray-2
{
    color: #FAFAFA !important;
}

.text_gray-3
{
    color: #f7f7f7 !important;
}

.text_gray-4
{
    color: #F5F5F5 !important;
}

.text_gray-5
{
    color: #f2f2f2 !important;
}

.text_gray-10
{
    color: #e6e6e6 !important;
}

.text_gray-20
{
    color: #cccccc !important;
}

.text_gray-30
{
    color: #b3b3b3 !important;
}

.text_gray-40
{
    color: #999999 !important;
}

.text_gray-50
{
    color: #808080 !important;
}

.text_gray-60
{
    color: #666666 !important;
}

.text_gray-70
{
    color: #4d4d4d !important;
}

.text_gray-80
{
    color: #333333 !important;
}

.text_gray-90
{
    color: #3c3c3b !important;
}

.text_gray-100
{
    color: #000 !important;
}
.text_gray-101
{
    color: #000;
}


.border_gray-0
{
    border-color: #FFFFFF !important;
}

.border_gray-1
{
    border-color: #FcFcFc !important;
}

.border_gray-2
{
    border-color: #FAFAFA !important;
}

.border_gray-3
{
    border-color: #f7f7f7 !important;
}

.border_gray-4
{
    border-color: #F5F5F5 !important;
}

.border_gray-5
{
    border-color: #f2f2f2 !important;
}

.border_gray-10
{
    border-color: #e6e6e6 !important;
}

.border_gray-20
{
    border-color: #cccccc !important;
}

.border_gray-30
{
    border-color: #b3b3b3 !important;
}

.border_gray-40
{
    border-color: #999999 !important;
}

.border_gray-50
{
    border-color: #808080 !important;
}

.border_gray-60
{
    border-color: #666666 !important;
}

.border_gray-70
{
    border-color: #4d4d4d !important;
}

.border_gray-80
{
    border-color: #333333 !important;
}

.border_gray-90
{
    border-color: #3c3c3b !important;
}

.border_gray-100
{
    border-color: #000000 !important;
}