*/

/* Programme page tabs */
#programmeTabs {
    border-bottom: 1px solid #dee2e6;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#programmeTabs .nav-link {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #6c757d;
    margin-right: 6px;
    margin-top: 0.5rem;
    margin-bottom: -1px;
    border-bottom: none;
}
#programmeTabs .nav-link:hover {
    border-color: #dee2e6;
}
#programmeTabs .nav-link.active {
    color: #212529;
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: bold; /* highlight active tab */
}
#programmeTabs .nav-link:not(.active) {
    border-top: 1px solid #dee2e6;
    background-color: #f8f9fa; /* grey out inactive tabs */
}
#programmeTabsContent .tab-pane {
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: 1rem;
    margin-top: -1px;
}



1. Add your custom Css styles below

2. Place the this code in your template: 



 <link href="css/custom.css" rel="stylesheet">



*/