:root {
    --primary: rgb(25, 101, 225);
    --primary-dark: rgb(14, 71, 162);
    --primary-70: rgba(25, 101, 225, 0.7);
    --primary-50: rgba(25, 101, 225, 0.5);
    --primary-30: rgba(25, 101, 225, 0.3);
    --primary-10: rgba(25, 101, 225, 0.1);
    --black: rgb(84, 84, 84);
    --40: rgb(245, 245, 245);
    --90: rgb(84, 84, 84);
    --login-bg: rgb(13, 46, 160);
    --logo: #0D2EA0;
    --sidebar-icon: #ffffff;
    --danger: #E52053;
}

.font-sans {
    font-family:Helvetica, Arial, sans-serif, system-ui,BlinkMacSystemFont,-apple-system,sans-serif
}

.bg-login-bg {
    background-color:var(--login-bg);
    background-image: url('../images/benefits-final-image.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;

}

.bg-login-bg:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0, 0.4);
    z-index: -1;
 }

.btn-default {
    border-radius: 0;
}

.btn-default,
button.rounded,
.dropdown-trigger.rounded {
    border-radius: 0;
}

.bg-grad-sidebar {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#1965E1),
        to(#1965E1)
    );

    background-image: linear-gradient(
        0deg,
        rgb(25, 101, 225),
        rgb(25, 101, 225)
    );
}