:root {
    --primary: #3769A4;
    --primary-lite: rgba(63, 140, 255, 0.107);
    --secondary: #7D8592;
    --danger: #A20E30;
    --success: #0AC947;
    --warning: #FFC327;
    --info: #26c6f9;
    --indigo: #666cff;
    --pink: #e83e8c;
    --red: #ff4d49;
    --orange: #fdb528;
    --yellow: #ffd950;
    --green: #72e128;
    --teal: #20c997;
    --cyan: #28c3d7;
    --black: #262b43;
    --bs-link-color: #3769A4;
    --background: #F4F9FD;
    --card-shadow: 0px 6px 58px 0px #C4CBD61A;
}

.card-bordered {
    border: 1px solid !important;
}

.leftside-highlight-primary {
    border-left: var(--primary) 4px solid;
}

.leftside-highlight-info {
    border-left: var(--info) 4px solid;
}

.leftside-highlight-pink {
    border-left: var(--pink) 4px solid;
}