@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

:root {
    --primary: #C3D32D;
    --primary-light: #dfec6a;
    --secondary: #485832;
}

.title {
    color: var(--primary);
}

.header {
    background: #54ca89;
}


body {
    font-family: 'Poppins', sans-serif !important;
    background-color: white;
    font-weight: normal !important;
    overflow-y: scroll;
}

.btn-custom {
    border: None;
    background: var(--primary) !important;
}

.navbar-nav {
    justify-content: flex-end;
}

.nav-link {
    color: rgb(0,206,209);
}

.content-section {
    padding: 10px 20px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 20px;
}

.content {
    font-weight: 400;
}

.email {
    font-weight: 400;
}

.btn-toggle-nav a {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

.bg-custom {
    background: var(--primary);
}

/* sidebar configuration */

.active {
    background: rgb(255, 255, 255);
}

.action:hover {
    color: rgb(107, 105, 105);
}

/* */

.login-btn {
    border-radius: 5em;
    border: None;
    background: var(--primary);
    color: white; 
}

.login-btn:hover, .login-btn:focus {
    background: var(--secondary);
    color: white; 
}

.collapsing {
    transition: none !important;
  }