/* Success Mentors Custom Styles */
:root {
    --primary: #4e73df;
    --success: #1cc88a;
    --info: #36b9cc;
    --warning: #f6c23e;
    --danger: #e74a3b;
    --dark: #5a5c69;
}

body {
    background-color: #f8f9fc;
    color: #5a5c69;
}

.card {
    border: none;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

.btn-primary {
    background-color: var(--primary);
    border: none;
    padding: 0.75rem 1.5rem;
}

.btn-primary:hover {
    background-color: #2e59d9;
}

.navbar {
    border-bottom: 1px solid #e3e6f0;
}

.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    border-radius: 0.75rem;
}

.bg-gradient-primary {
    background: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
}

.text-xs {
    font-size: .7rem;
}

.border-left-primary {
    border-left: 0.25rem solid var(--primary) !important;
}

.border-left-success {
    border-left: 0.25rem solid var(--success) !important;
}

.border-left-warning {
    border-left: 0.25rem solid var(--warning) !important;
}

.rounded-4 {
    border-radius: 1rem !important;
}

/* Auth Pages */
.user .form-control-user {
    font-size: .8rem;
    border-radius: 10rem;
    padding: 1.5rem 1rem;
}