










































    body {
        
            background: #ffffff;
        
    }







    legend:after,
    .course-categories .category:after,
    .course .topic > h3:after {
        background-color: #aa0050;
        }

    blockquote {
        border-color: #aa0050;
        }

    #nprogress .bar {
		background-color: #aa0050 !important;
		}
    .course .unit .image-container .unit-tags .unit-tag {
        background: #aa0050 !important;
        color: rgba(255, 255, 255 , 1.0);
    }













    div#portal-dashboard div.dashboard-profile {
        background: #87888a;
        color: rgba(0, 0, 0 , 1.0);
        }

    div#portal-dashboard div.dashboard-profile .title-bar.name {
        color: rgba(0, 0, 0 , 1.0);
        }

    div#portal-dashboard div.dashboard-profile .title-bar.lastLogin {
        color: rgba(0, 0, 0 , 0.7);
        }

    .pageSection {
        background: #87888a;
        }

    .pageSection h1, .pageSection .submenu-toggle {
        color: rgba(0, 0, 0 , 1.0);
        }










    a {
        color: #aa0050;
        }

    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .button,
    .submitButton,
    .btn--default,
    .btn--primary,
    .btn--danger,
    .btn--simple {
        color: #aa0050;
        }

    a.button,
    a.submitButton {
    	color: #aa0050;
    	}

    button.primary,
    input[type="button"].primary,
    input[type="submit"].primary,
    input[type="reset"].primary,
    .button.primary,
    .submitButton.primary,
    .btn--primary {
        background-color: #aa0050;
        color: rgba(255, 255, 255 , 1.0) !important;
        }

    .faq_head {
        color: #aa0050;
        }

    .detailsContainer #tabs li a {
        color: #aa0050;
        }







    a:hover,
    a:focus {
        color: #440020;
        }

    button:hover,
    input[type="button"]:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    .button:hover,
    .submitButton:hover,
    .btn--default:hover,
    .btn--primary:hover,
    .btn--danger:hover,
    .btn--simple:hover,
    button:focus,
    input[type="button"]:focus,
    input[type="submit"]:focus,
    input[type="reset"]:focus,
    .button:focus,
    .submitButton:focus,
    .btn--default:focus,
    .btn--primary:focus,
    .btn--danger:focus,
    .btn--simple:focus {
        color: #440020;
        }

    button.primary:hover,
    input[type="button"].primary:hover,
    input[type="submit"].primary:hover,
    input[type="reset"].primary:hover,
    .button.primary:hover,
    .submitButton.primary:hover,
    .btn--primary:hover,
    button.primary:focus,
    input[type="button"].primary:focus,
    input[type="submit"].primary:focus,
    input[type="reset"].primary:focus,
    .button.primary:focus,
    .submitButton.primary:focus,
    .btn--primary:focus {
        background-color: #440020;
        color: rgba(255, 255, 255 , 1.0);
}

.faq_head:hover,
.faq_head:focus {
color: #440020;
}

.detailsContainer #tabs li a:hover {
color: #440020;
}
select.dashboard-type:hover{
color: #440020 !important;
}







.tagsort-tags-container a.tagsort-active {
background-color: #d0df00;
color: rgba(0, 0, 0 , 1.0);
        }

        .sortby-list-container a.btn-active {
            background-color: #d0df00;
            color: rgba(0, 0, 0 , 1.0);
                    }

    .detailsContainer #tabs li.ui-tabs-selected a {
        background: #d0df00 !important;
        color: rgba(0, 0, 0 , 1.0); !important;
        }

    #portal-dashboard .trainingSummary ul.lf-tabs li a.-active,
    #portal-dashboard .trainingSummary ul.modal-tabs li a.-active {
        box-shadow: 0 -3px 0px 0 #d0df00;
        }

    .notification-menu .badge[data-badge]:after {
      background: #d0df00 !important;
      color: rgba(0, 0, 0 , 1.0); !important;
    }








    #docbox p.read {
        color: #15A254;
        }

    #docbox #agreement.agreed {
		background-color: #15A254;
		}

	#docbox #agreement.agreed label {
		color: rgba(255, 255, 255 , 1.0);
		}

    div#portal-dashboard div.activity-block div.progress-bar,
    #portal-dashboard .dashboard-widget.learningProgress .progress-bar-success {
        background: #15A254 !important;
        }







    #docbox p.unread {
        color: #E10000;
        }














  

    #wrapper:before {
        content: ' ';
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: ;
        background-image: url('//cloudfront.e3learning.co.uk/site-1580/blob1586867556804');

        
            background-repeat: no-repeat;
            background-position: 50% 0;
            background-size: cover;
        
    }







    #mainnav {
        background-color: #ffffff;
        }

    #mainnav .current a {
        background-color: rgba(0, 0, 0 , 0.05);
        }

    #mainnav .menuitem > a,
    #mainnav .burger > a,
    #mainnav .profile-menu__toggle {
        color: rgba(0, 0, 0 , 1.0);
        }

    .welcome-container .logo-container {
        background: #ffffff;
        }

    #mainnav .profile-menu__toggle:before {
        background: #ffffff;
        }

    #mainnav .top-menu-items li a, 
    #mainnav .top-menu-items .block-link a {
        color: rgba(0, 0, 0 , 1.0);
    }

    #mainnav .top-menu-items .more-btn {
        color: rgba(0, 0, 0 , 1.0);
    }








    #mainnav .home a {
        display: block;
        background-color: #ffffff !important;
        }

    .welcome-container .logo-container {
        background-color: #ffffff;
        }







    #mainnav li.home {
        box-shadow: none;
        }

    #mainnav li.home:after {
        display: none;
        }





    #mainnav .home a img {
        padding: 6px 9px;
        }





    .welcome-container .hero__text,
    .welcome-container .hero {
        background-color: #ffffff;
        }















    #footer {
        background: #000000;
        color: rgba(255, 255, 255 , 1.0);
        }

    #footer a {
        color: rgba(255, 255, 255 , 1.0);
        }





@media only screen and (max-width: 640px) {


    #mainnav .top-menu-items li a, #mainnav .top-menu-items .block-link a {
        color: #000;
    }


}
