body{
    font-family: 'Poppins' !important;
    padding: 0px;
    margin: 0px;
}


h1,
h2{
    font-weight: 500;
    color: #48a5ca;
}

.container-fluid{
    max-width: 1620px;
}

#sidebar .nav-list li{
    transition: all 0.2s ease-in-out; 
}

#sidebar .nav-list li.active, #sidebar .nav-list li:hover {
    margin: 2px 0 10px 0;
    background-color: #fff;
    padding: 5px 10px;
    box-shadow: 0px 0px 3px #555;
    border-radius: 3px;
    font-size: 12.5px;
    letter-spacing: 0.5px;
    border-left: 3px solid #48a5ca;
}

#sidebar .nav-list a {
    padding: 6px 15px 6px ;
    letter-spacing:0.5px;
    
}

#sidebar h3 {
    font-size: 14px;
}

#sidebar {
    background-color:#fff;
    padding:2em;
    box-shadow:0px 0px 1em #c3c3c3
}

.contentWrapper {
    box-shadow:0px 0px 1em #c3c3c3;
}

#sidebar .nav-list .active a,#sidebar .nav-list .active a:focus,#sidebar .nav-list .active a:hover {
    font-weight: 500;
 
}

.category-list .category {
    border: 1px solid #cfcfcf;
    border-top:2px solid #48a5ca;
    box-shadow:0px 0px 1em #c3c3c350;
    border-radius: 7px;
}

.category-list .category p {
    color: #0c5281;
    height:35px;
    padding: 0px 0.5em;
}

#docsSearch {
   
    box-shadow: 0px 7px 0.5em #cfcfcf50;
}




h1,
h2{
    font-weight: 500;
    color: #48a5ca;
}

.container-fluid{
    max-width: 1620px;
}

#sidebar .nav-list li{
    transition: all 0.2s ease-in-out; 
}

#sidebar .nav-list li.active, #sidebar .nav-list li:hover {
    margin: 2px 0 10px 0;
    background-color: #fff;
    padding: 5px 10px;
    box-shadow: 0px 0px 3px #555;
    border-radius: 3px;
    font-size: 12.5px;
    letter-spacing: 0.5px;
    border-left: 3px solid #48a5ca;
}

#sidebar .nav-list a {
    padding: 6px 15px 6px ;
    letter-spacing:0.5px;
    
}

#sidebar h3 {
    font-size: 14px;
}

#sidebar {
    background-color:#fff;
    padding:2em;
    box-shadow:0px 0px 1em #c3c3c3
}

.contentWrapper {
    box-shadow:0px 0px 1em #c3c3c3;
}

#sidebar .nav-list .active a,#sidebar .nav-list .active a:focus,#sidebar .nav-list .active a:hover {
    font-weight: 500;
 
}



a.category{
    padding-left: 145px !important;
    background-repeat: no-repeat !important;
    background-size: 100px !important;
    background-position-y: center;
    background-position-x: 20px;
    width: 29.3em !important;
}
/* dashboard */
#category-4{ 
    background-image: url('https://10bucksonly.co.za/icons/help/DashboardIcon.svg') !important;
}
/* Donors */
#category-8{ 
    background-image: url('https://10bucksonly.co.za/icons/help/DonorIcon.svg') !important;
}
/* Donations */
#category-31{
    background-image: url('https://10bucksonly.co.za/icons/help/DonationsIcon.svg') !important;
}
/* Projects */
#category-37{
    background-image: url('https://10bucksonly.co.za/icons/help/ProjectsIcon.svg') !important;
}
/* Reports */
#category-50{
     background-image: url('https://10bucksonly.co.za/icons/help/ReportsIcon.svg') !important;
    background-size: 90px 100px !important;
}
/* My NPO */
#category-41{
    background-image: url('https://10bucksonly.co.za/icons/help/MyNPOIcon.svg') !important;
}

.category-list h3 {
   text-align: left;
   margin-left: 0.4em;
}

.category-list p {
    text-align: left;
}

a.category:hover{
     background-position-y: center !important;
    background-position-x: 20px !important;
}