.colour-A
{
    background-color:           #9b59b6;
}
.colour-B
{
    background-color:           #22B1E9;
}
.colour-C
{
    background-color:           #2ecc71;
}
.colour-D
{
    background-color:           #f39c12;
}
.colour-E
{
    background-color:           #e74c3c;
}
div.widget.colour-A ul.menu > li,
div.widget.colour-A div.widget-menu-image,
div.widget.colour-A div.widget-menu.full-width,
div.widget.colour-A div.widget-menu-content {
    border-color:         #9b59b6;
}
div.widget.colour-B ul.menu > li,
div.widget.colour-B div.widget-menu-image,
div.widget.colour-B div.widget-menu.full-width,
div.widget.colour-B div.widget-menu-content {
    border-color:         #22B1E9;
}
div.widget.colour-C ul.menu > li,
div.widget.colour-C div.widget-menu-image,
div.widget.colour-C div.widget-menu.full-width,
div.widget.colour-C div.widget-menu-content {
    border-color:         #2ecc71;
}
div.widget.colour-D ul.menu > li,
div.widget.colour-D div.widget-menu-image,
div.widget.colour-D div.widget-menu.full-width,
div.widget.colour-D div.widget-menu-content {
    border-color:         #e67e22;
}
div.widget.colour-E ul.menu > li,
div.widget.colour-E div.widget-menu-image,
div.widget.colour-E div.widget-menu.full-width,
div.widget.colour-E div.widget-menu-content {
    border-color:         #e74c3c;
}
div.widget.colour-A div.default-header,
div.widget.colour-A div.default-add:hover,
div.widget.colour-A div.default-add.selected,
div.widget.colour-A div.default-item.selected,
div.widget.colour-A div.default-card:hover,
div.widget.colour-A div.default-card.selected,
div.widget.colour-A div.new-event-section,
div.widget.colour-A li.current,
div.widget.colour-A .pricing-proposed-price,
div.widget.colour-A .pricing-proposed-price-dropdown {
    background-color: rgba(155, 89, 182, 0.1) !important;
}
div.widget.colour-B div.default-header,
div.widget.colour-B div.default-add:hover,
div.widget.colour-B div.default-add.selected,
div.widget.colour-B div.default-item.selected,
div.widget.colour-B div.default-card:hover,
div.widget.colour-B div.default-card.selected,
div.widget.colour-B div.new-event-section,
div.widget.colour-B li.current,
div.widget.colour-B .pricing-proposed-price,
div.widget.colour-B .pricing-proposed-price-dropdown {
    background-color: rgba(34, 177, 233, 0.1) !important;
}
div.widget.colour-C div.default-header,
div.widget.colour-C div.default-add:hover,
div.widget.colour-C div.default-add.selected,
div.widget.colour-C div.default-item.selected,
div.widget.colour-C div.default-card:hover,
div.widget.colour-C div.default-card.selected,
div.widget.colour-C div.new-event-section,
div.widget.colour-C li.current,
div.widget.colour-C .pricing-proposed-price,
div.widget.colour-C .pricing-proposed-price-dropdown {
    background-color: rgba(46, 204, 113, 0.1) !important;
}
div.widget.colour-D div.default-header,
div.widget.colour-D div.default-add:hover,
div.widget.colour-D div.default-add.selected,
div.widget.colour-D div.default-item.selected,
div.widget.colour-D div.default-card:hover,
div.widget.colour-D div.default-card.selected,
div.widget.colour-D div.new-event-section,
div.widget.colour-D li.current,
div.widget.colour-D .pricing-proposed-price,
div.widget.colour-D .pricing-proposed-price-dropdown {
    background-color: rgba(243, 156, 18, 0.1) !important;
}
div.widget.colour-E div.default-header,
div.widget.colour-E div.default-add:hover,
div.widget.colour-E div.default-add.selected,
div.widget.colour-E div.default-item.selected,
div.widget.colour-E div.default-card:hover,
div.widget.colour-E div.default-card.selected,
div.widget.colour-E div.new-event-section,
div.widget.colour-E li.current,
div.widget.colour-E .pricing-proposed-price,
div.widget.colour-E .pricing-proposed-price-dropdown {
    background-color: rgba(231, 76, 60, 0.1) !important;
}
div.widget.colour-A div.mapWidgetColour {
    background-color: rgba(155, 89, 182, 0.2);
}
div.widget.colour-B div.mapWidgetColour {
    background-color: rgba(34, 177, 233, 0.2);
}
div.widget.colour-C div.mapWidgetColour {
    background-color: rgba(46, 204, 113, 0.2);
}
div.widget.colour-D div.mapWidgetColour {
    background-color: rgba(243, 156, 18, 0.2);
}
div.widget.colour-E div.mapWidgetColour {
    background-color: rgba(231, 76, 60, 0.2);
}
span.today {
    color:                      #e74c3c;
}
span.tomorrow {
    color:                      #e67e22;
}
span.later {
    color:                      #2ecc71;
}
span.complete {
    color:                      #999999;
}
div.bg-image {
    background:                 url(../../../../images/core/themes/Icons_Standard.png) no-repeat 0 0;
}
div.widget.colour-A span.ui-match {
    color:                      #9b59b6;
}
div.widget.colour-B span.ui-match {
    color:                      #22B1E9;
}
div.widget.colour-C span.ui-match {
    color:                      #2ecc71;
}
div.widget.colour-D span.ui-match {
    color:                      #e67e22;
}
div.widget.colour-E span.ui-match {
    color:                      #e74c3c;
}
div.workspaces-menu,
div.settings-menu,
div.current-workspace-menu {
    border-left:        2px solid #22B1E9;
}
div.menu-block:hover,
div.menu-block.current,
.quick-widget-menu > div.flex-container > div:first-child > ul > li.selected {
    background-color:   #22B1E9;
}
.quick-widget-menu > div.flex-container > div:first-child > ul > li.selected:after {
    border-left-color: #22B1E9;
}