html:root {
    --black: #000000;
    --blue: #020879;
    --green: #2B714C;
    --grey: #6B6B6B;
    --purple: #5D1967;
    --red: #831724;
    --orange: #DD8801;
    --light-blue: #9AA4BD;
    --light-green: #97BAA8;
    --light-grey: #D0D0D0;
    --light-purple: #C8A1CE;
    --light-red: #C7979D;
    --light-orange: #F2E1C5;
}
.primary-navigation .moremenu .nav-link.active {
    border-bottom-color: var(--orange)!important;
}
.primary-navigation .navbar-nav .nav-item:hover,
.primary-navigation .navbar-nav .nav-item:hover a{
    background-color: var(--orange);
}
#user-action-menu {
    border-radius: 0px;
    border: none;
    background-color: var(--red);
    padding: 0px;
}
#user-action-menu .dropdown-item{
    color: #ffffff;
    padding: 10px 20px!important;
}
#user-action-menu .dropdown-item:hover{
    background-color: var(--light-red);
}
#user-action-menu .dropdown-divider {
    border-top: 1px solid var(--light-red);
}
.navbar.fixed-top{
    background-color: #000000!important;
}
.navbar .primary-navigation ul li a{
    color: #ffffff!important;
}
#usernavigation .dropdown-toggle::after,
#usernavigation .fa.fa-comment-o:before,
#usernavigation .fa.fa-bell-o:before {
    color: #ffffff;
}
.secondary-navigation .nav-link.active{
    border-bottom-color: var(--blue) !important;
    color: var(--blue) !important;
}
.secondary-navigation a.nav-link{
    color: #000000;
}
.secondary-navigation .navigation {
    border-bottom: 1px solid #000000!important;
}
.secondary-navigation .moremenu .nav-link:hover,
.moremenu .nav-link:focus {
    background-color: var(--blue) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
form.editmode-switch-form .input-group label{
    color: #ffffff!important;
}
#page-site-index .coursebox{
    border: none;
    border-radius: 0px;
    background-color: var(--purple);
}
#page-site-index .coursebox p,
#page-site-index .coursebox li,
#page-site-index .coursebox a{
    color: #ffffff;
}
#page-site-index .coursebox p{
    margin: 0px!important;
}
#page-site-index .coursebox{
    padding: 20px;
}
#page-site-index .coursebox .coursename .aalink {
    font-weight: 700;
    text-decoration: underline;
    font-size: 22px;
}
.secondary-navigation ul.dropdown-menu.show {
    border-radius: 0px;
    border: none;
    background-color: var(--light-blue);
    padding: 0px;
}
.secondary-navigation ul.dropdown-menu li.nav-item .dropdown-item{
    color: #ffffff;
}
.secondary-navigation ul.dropdown-menu li.nav-item :hover{
    background-color: var(--blue)!important;
}
.secondary-navigation .dropdown.show .dropdown-toggle{
    border: none!important;
}
.page-mycourses .singlebutton .btn.btn-secondary{
    border-color: var(--purple)!important;
    color: var(--purple)!important;
}
.page-mycourses .singlebutton .btn.btn-secondary:hover{
    background-color: var(--purple)!important;
    color: #ffffff!important;
}
.page-mycourses .singlebutton .btn.btn-primary{
    border-color: var(--purple)!important;
    color: #ffffff!important;
    background-color: var(--purple)!important;

}
.page-mycourses .singlebutton .btn.btn-primary:hover{
    border-color: var(--purple)!important;
    color: var(--purple)!important;
    background-color: #ffffff!important;

}
.path-my .block_timeline{
    border-radius: 0px 0px 5px 5px;
}
.path-my .block_timeline .card-body{
    padding: 0px!important;
}
.path-my .block_timeline .card-body .card-text{
    margin: 0px!important;
}
.path-my .block_timeline .card-body .card-text>div.block-timeline>.p-0.px-2 {
    background-color: var(--blue) !important;
    padding: 10px !important;
    border-radius: 0px !important;
}
.path-my .block_timeline .card-body .card-text > div.block-timeline >.p-0.px-2 > div:last-of-type{
    display:  none!important;
    padding: 0px!important;
}
.path-my .searchbar input {
    background-color: var(--light-blue);
    color: #ffffff !important;
    box-shadow: none!important;
    border: none!important;
}
.path-my #region-main .dropdown-toggle {
    background-color: var(--light-blue);
    color: #ffffff;
    box-shadow: none !important;
    border: none !important;
}
.path-my #region-main .dropdown-toggle::placeholder{
    background-color: var(--light-blue);
}
.path-my .searchbar input::placeholder{
    color: #ffffff !important;
}
.path-my #instance-7-header{
    display: block!important;
    background-color: var(--blue);
    padding: 15px;
    width: 100%;
    color: #ffffff;
    margin: 0px!important;
}
.path-my .block_timeline 
.path-my .block_timeline .card-body{
    padding: 0px!important;
}
.calendarwrapper .calendar-controls *{
    color: var(--blue);
}
.calendarwrapper .calendarmonth .header{
    color: #ffffff;
    background-color: var(--purple);
}
.maincalendar .calendarmonth td.today .day-number-circle {
    background-color: var(--purple);
    color: #ffffff;
}
.block_calendar_month .footer .footer-link a{
    color: var(--blue)!important;
}
.login-container {
    background-color: #000000;
    color: #ffffff;
}
.login-container a{
    color: #ffffff;
}
.login-container .btn {
    color: #ffffff !important;
    background-color: var(--light-blue) !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 16px!important;
}

.login-container .btn:hover {
    color: var(--blue) !important;
    background-color: #ffffff !important;
}

/* Mobile */
.drawer-primary{
    background-color: #000000;
}
.drawer.drawer-primary .drawertoggle{
    color: #ffffff;
}
.drawercontent .list-group-item {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ffffffba;
}
.drawercontent .list-group-item.active {
    background-color: var(--purple);
}
.drawercontent .list-group-item:focus,
.drawercontent .list-group-item:hover {
    background-color: var(--light-purple)!important;
}
.drawertoggle, .navbar-toggler{
    box-shadow: none!important;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

/* Default buttons */
.btn-primary {
    color: #ffffff!important;
    background-color: var(--blue)!important;
    border-color: var(--blue)!important;
}
.btn-primary:hover {
    color: var(--blue)!important;
    background-color: #ffffff!important;
}