body {
    background-color: #155100de !important;
}

nav.navbar {
    background-color: #043504 !important;
    color: white !important;
}

nav .nav-link {
    color: white !important;
    font-weight: 400;
}

.nav-link:hover {
    background-color: #7caf5285 !important;
}

.secondary-navigation {
    background-color: #21551a;
}

.page-header-headings{
	background-color: unset!important;
}

.page-header-headings h1,#page-header h2 {    
	color: #efe6b5;
    border-bottom: 3px solid #ffb613;
	word-wrap: break-word;
}

.course-contacts {
    max-height: 20rem;
    overflow-y: auto;
}

.course-info-container .w-100 {
    background-color: #4f4f4f;
    padding: 1rem;
}

.coursename {   
    color: #efa800;
    font-size: 1rem;
    font-weight: 800;
}
.coursename:hover {
    color: #ffee00;
}
.course-category {
    margin: auto;
}
.coursename:focus {
    background-color: inherit;
    box-shadow: 1px 0px 9px 1px #c9c9c9;
    color: #efa800;
    padding: 0.2rem;
}

#page .d-sm-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#page .mr-auto{
	width: 80vw;
}

.continuebutton a {
    color: #ffff;
}

.breadcrumb span {
    color: white;
    font-weight: 600;
}

.breadcrumb-item {
    height: 50px;
    width: max-content;
    word-wrap: break-word !important;
    align-content: center;
    align-self: baseline;
}
.breadcrumb-item + .breadcrumb-item::before {
    flex-direction: column;
}

.breadcrumb-item a {
    color: #ffbf00;
}


.breadcrumb {
    display: flex;
    flex-wrap: nowrap;   
}


.userpicture {
    zoom: 1.8;
    width: 36px;
    height: 36px;
    border-radius: 0;
    margin: 0 !important;
}


.drawer-primary .drawercontent .list-group{
    position: fixed;
}

.secondary-navigation.moove{
    position: absolute;
}