:root{
    --color-primary: #5A409B;
    --main-color:#333853;
    --bg-body:#FAFAFA;
    --color-notification-bg: #e8e3f0;
    --cw:#ffffff;
    --cb:#000000;
    /* gray colors */
    --gray-1:#e5e5e5;
    --gray-2:#f5f5f5;
    --gray-3:#c8c8c8;
    --gray-4:#e5e7eb;
    --gray-5:#EFF0F1;
    --gray-6:#eff0f1;
    --gray-7:#EAECF0;
    --gray-8:#DCDCDC;
    --gray-9:#F2F2F9;
    /* orange colors */
    --orange-1:#FDCD05;
    --orange-2:#F68F29C7;
    --green: #259f00;
    /* yellow-light */
    --yellow-light-1: #FDCD050F;
    --yellow-light-2: #FFF8D4;
    --green-light-1: #DBFDAF;
    --primary-light-1: #5A409B21;
}
.bg-main-color{
    background-color: var(--main-color);
}
.text-main-color{
    color: var(--main-color);
}
.bg-body{
    background-color: var(--bg-body);
}
.bg-primary{
    background-color: var(--color-primary);
}
.bg-notificationBG {
    background-color: var(--color-notification-bg);
}
.bg-gray-5{
    background-color: var(--gray-5);
}
.bg-gray-7{
    background-color: var(--gray-7);
}
.bg-gray-8{
    background-color: var(--gray-8);
}
.bg-gray-9{
    background-color: var(--gray-9);
}    
.gray-border {
    border-color: var(--gray-6);
}
.green {
    color: var(--green);
}
.status-order.new{
    background-color: #DEE2F3;
}
.status-order.pendding{
    background-color: #F0E8C5;
}
.status-order.delivery{
    background-color: #F6DDDF;
}
.status-order.pause{
    background-color: #FFD4D7;
}
.status-order.reserved{
    background-color: #5BED84;
}
.status-order.ready{
    background-color: #C4BBDB;
}
.status-order.Certified{
    background-color: #D4D8FF;
}
.status-order.rejected{
    background-color: #FA9EA3;
}
.btn-notes{
    background-color: #A382F6;
}
.bg-orange-2{
    background-color: var(--orange-2);
}
.bg-yellow-light-1{
    background-color: var(--yellow-light-1);
}
.bg-yellow-light-2{
    background-color: var(--yellow-light-2);
}
.bg-primary-light-1{
    background-color: var(--primary-light-1);
}
.bg-green-light-1{
    background-color: var(--green-light-1);
}