:root {
    --primary: rgba(252, 163, 17, 1);
    --primary-dark: rgba(100, 65, 6, 1);
    --primary-70: rgba(252, 163, 17, 0.7);
    --primary-50: rgba(252, 163, 17, 0.5);
    --primary-30: rgba(252, 163, 17, 0.3);
    --primary-10: rgba(252, 163, 17, 0.1);
    --logo: #14213D;
    --sidebar-icon: var(--primary);

    --danger: #c41e3a;
    --success: #007a3d;
    --warning: #e0fc11;
    --info: #116afc;
    --warning-light: #ecfd70;
    --warning-dark: #596406;
    --success-light: #66af8a;
    --success-dark: #003018;
    --danger-light: #db7888;
    --danger-dark: #4e0c17;
    --info-light: #70a5fd;
    --info-dark: #062a64;

    --20: #f6fbff;
    --30: #f4f7fa;
    --40: #eef1f4;
    --50: #e3e7eb;
    --60: #bacad6;
    --70: #b3b9bf;
    --80: #7c858e;
    --90: #3c4b5f;
    --90-half: rgba(40, 54, 61, .5);


}

.bg-grad-sidebar {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(55, 91, 169, 1)),
        to(rgba(20, 33, 61, 1))
    );

    background-image: linear-gradient(
        0deg,

        rgba(55, 91, 169, 1),
        rgba(20, 33, 61, 1)
    );
}