html {
    font-size: 14px;
}

:root {
    --primary: rgba(43, 106, 169, 1);
    --primary-dark: rgb(5, 61, 117);
    --primary-70: rgba(43, 106, 169, 0.7);
    --primary-50: rgba(43, 106, 169, 0.5);
    --primary-30: rgba(43, 106, 169, 0.3);
    --primary-10: rgba(43, 106, 169, 0.1);
    --logo: rgb(46, 82, 120);
    --sidebar-icon: #ff5f55;
}

.bg-grad-sidebar {
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(rgb(5, 61, 117)),
            to(rgb(46, 82, 120))
    );

    background-image: linear-gradient(
            0deg,
            rgb(5, 61, 117),
            rgb(46, 82, 120)
    );
}

.auth_layout{
    background-image: url("/images/crm-authentication.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}