<style type="text/css">


    #topcategories figure img {
        max-height: 80px;
    }

    .pp-left-navbar {
        background-color: white;
    }
	
    .pp-left-navbar .card-header {
        font-size: .875rem;
        font-weight: 700;
        text-transform: uppercase;
    }
	
    .navbar-item {
        display: flex;
        align-items: center;
        padding: 5px;
    }

    .navbar-item img {
        width: 30px;
        min-width: 30px;
    }

    .navbar-brand img {
        max-width: 70px;
        max-height: 40px;
    }

    .sticky-nav {
        position: fixed;
        z-index: 1030;
    }


    @media (min-width: 769px) {
        .pp-left-navbar.sticky-nav {
            top: 0;
            box-shadow: 0 0 20px 0 #ededed;
            padding: .5rem;
            max-height: 100vh;
            max-width: 20vw;
            overflow-y: auto;
        }
        .pp-navbar-content {
            margin-left: 10px;
            margin-right: auto;
            width:100%;
        }
		
		.card {
			padding: 0 10px;
			
		}	

        .navbar-item:not(:first-child),
        .navbar-brand:not(:first-child) {
            margin-top: .5rem;
        }

        .navbar-item:last-child,
        .navbar-brand:last-child {
            margin-bottom: 1rem;
        }
    }

    @media (max-width: 768px) {

        .pp-left-navbar {
            border-top: 2px solid #f8da00;
            margin: 0 -1rem 10px;
            padding: 0 1rem;
        }

        .pp-left-navbar.sticky-nav {
            bottom: 0;
            border-top: 0px;
            box-shadow: 0px -0px 20px  0 #e1e1e1;
            margin: 0 -1rem;
            left: 0;
            right: 0;
            padding: 0 2rem;

        }

        .pp-left-navbar .nav-tabs .nav-link {
            font-size: 12px;
            padding: 8px 10px;
            /*margin: 0 10px;*/
        }

        .navbar-item {
            padding: 5px 10px;
            /*margin: auto;*/
            width: 80px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .navbar-brand {
            /*margin-right: 0px;*/
            padding: 5px 10px;
        }
        .navbar-item .figure-caption,
        .navbar-brand .figure-caption {
            margin-left: 0 !important;
        }

    }

    .pp-top-subnav {
        /*background-color: #E1E1E1;*/
        /*margin-left: -20px;
        margin-right: -20px;*/
    }

    /*.pp-top-subnav a {
        color: #192b53 !important;
    }*/

    .pp-left-navbar .nav-tabs .nav-link {
        font-size: 14px;
        padding: 10px;
        /*margin: 0 10px;*/
    }

    .pp-left-navbar .nav-tabs .nav-link.active {
        border-color: #192b53;
        font-weight: 700;
    }



    .navbar-item .figure-caption,
    .navbar-brand .figure-caption {
        font-size: 12px;
        margin-left: 10px;
        color: #192b53!important;
    }

</style>