:root {
    --transparent: transparent;
    --black: #434D51;
    --white: white;
    --white-50: rgba(255, 255, 255, 0.5);
    --danger: #e74444;
    --success: #21b978;
    --warning: #ffeb3b;
    --info: #03a9f4;
    --primary: #03a9f4;
    --primary-dark: rgba(3, 169, 244, 0.7);
    --primary-70: rgba(3, 169, 244, 0.7);
    --primary-50: rgba(3, 169, 244, 0.5);
    --primary-30: rgba(3, 169, 244, 0.3);
    --primary-10: rgba(3, 169, 244, 0.1);
    --logo: #ffffff;
    --sidebar-icon: #FFFFFF;
    --20: rgb(255, 255, 255);
    --30: rgb(252, 253, 253);
    --40: rgb(224, 228, 230);
    --50: rgb(196, 204, 207);
    --60: rgb(169, 179, 183);
    --70: rgb(141, 155, 160);
    --80: rgb(113, 130, 137);
    --90: rgb(90, 104, 109);
    --90-half: rgba(40, 54, 61, 0.5);
}

.bg-grad-sidebar {
    background-image: linear-gradient(0deg, #000 20%, #03a9f4 100%);
}