.cal_week_day_view .group568 .event .header, .cal_week_day_view .group568 .event .subheader{
	background-color: ;
}

.group568 .event,.group568 .event_summary {
	background-color: rgb(43, 87, 151);
}

.group568 .event_span .content{
	background-color: rgb(43, 87, 151);
        color: rgb(29, 29, 29);
}

#cal_left_container .group568 .event_single .content a, .group568_set_text {
	color: rgb(43, 87, 151);
}

.group568_background{
	color: rgb(43, 87, 151);
	font-weight: bold;
}

.group568_legend, .group568_set_bg {
	background-color: rgb(43, 87, 151);
}

.cal_agenda_section .item.group568 .calendar{
	background-color: rgb(43, 87, 151);
	color: #fff;
}

#cal_group_legend a.group568_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        display: inline-block;
        text-decoration: none;
        color: rgb(29, 29, 29);
        /* font-weight: bold;
        background-image: url('../images/effects-glow-top-2.png');
        background-position: left center;
        background-repeat: repeat-x; */

        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
}

#cal_left_container .cal_month_view  .event_span a.group568_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        color: rgb(29, 29, 29);
        text-shadow: 0px 0px 0px;
}



.cal_week_day_view .group2904 .event .header, .cal_week_day_view .group2904 .event .subheader{
	background-color: ;
}

.group2904 .event,.group2904 .event_summary {
	background-color: #e74c3c;
}

.group2904 .event_span .content{
	background-color: #e74c3c;
        color: white;
}

#cal_left_container .group2904 .event_single .content a, .group2904_set_text {
	color: #e74c3c;
}

.group2904_background{
	color: #e74c3c;
	font-weight: bold;
}

.group2904_legend, .group2904_set_bg {
	background-color: #e74c3c;
}

.cal_agenda_section .item.group2904 .calendar{
	background-color: #e74c3c;
	color: #fff;
}

#cal_group_legend a.group2904_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        display: inline-block;
        text-decoration: none;
        color: white;
        /* font-weight: bold;
        background-image: url('../images/effects-glow-top-2.png');
        background-position: left center;
        background-repeat: repeat-x; */

        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
}

#cal_left_container .cal_month_view  .event_span a.group2904_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        color: white;
        text-shadow: 0px 0px 0px;
}



.cal_week_day_view .group3776 .event .header, .cal_week_day_view .group3776 .event .subheader{
	background-color: ;
}

.group3776 .event,.group3776 .event_summary {
	background-color: rgb(46, 204, 113);
}

.group3776 .event_span .content{
	background-color: rgb(46, 204, 113);
        color: white;
}

#cal_left_container .group3776 .event_single .content a, .group3776_set_text {
	color: rgb(46, 204, 113);
}

.group3776_background{
	color: rgb(46, 204, 113);
	font-weight: bold;
}

.group3776_legend, .group3776_set_bg {
	background-color: rgb(46, 204, 113);
}

.cal_agenda_section .item.group3776 .calendar{
	background-color: rgb(46, 204, 113);
	color: #fff;
}

#cal_group_legend a.group3776_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        display: inline-block;
        text-decoration: none;
        color: white;
        /* font-weight: bold;
        background-image: url('../images/effects-glow-top-2.png');
        background-position: left center;
        background-repeat: repeat-x; */

        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
}

#cal_left_container .cal_month_view  .event_span a.group3776_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        color: white;
        text-shadow: 0px 0px 0px;
}



.cal_week_day_view .group2962 .event .header, .cal_week_day_view .group2962 .event .subheader{
	background-color: ;
}

.group2962 .event,.group2962 .event_summary {
	background-color: #3498db;
}

.group2962 .event_span .content{
	background-color: #3498db;
        color: white;
}

#cal_left_container .group2962 .event_single .content a, .group2962_set_text {
	color: #3498db;
}

.group2962_background{
	color: #3498db;
	font-weight: bold;
}

.group2962_legend, .group2962_set_bg {
	background-color: #3498db;
}

.cal_agenda_section .item.group2962 .calendar{
	background-color: #3498db;
	color: #fff;
}

#cal_group_legend a.group2962_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        display: inline-block;
        text-decoration: none;
        color: white;
        /* font-weight: bold;
        background-image: url('../images/effects-glow-top-2.png');
        background-position: left center;
        background-repeat: repeat-x; */

        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
}

#cal_left_container .cal_month_view  .event_span a.group2962_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        color: white;
        text-shadow: 0px 0px 0px;
}



.cal_week_day_view .group3780 .event .header, .cal_week_day_view .group3780 .event .subheader{
	background-color: ;
}

.group3780 .event,.group3780 .event_summary {
	background-color: black;
}

.group3780 .event_span .content{
	background-color: black;
        color: white;
}

#cal_left_container .group3780 .event_single .content a, .group3780_set_text {
	color: black;
}

.group3780_background{
	color: black;
	font-weight: bold;
}

.group3780_legend, .group3780_set_bg {
	background-color: black;
}

.cal_agenda_section .item.group3780 .calendar{
	background-color: black;
	color: #fff;
}

#cal_group_legend a.group3780_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        display: inline-block;
        text-decoration: none;
        color: white;
        /* font-weight: bold;
        background-image: url('../images/effects-glow-top-2.png');
        background-position: left center;
        background-repeat: repeat-x; */

        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
}

#cal_left_container .cal_month_view  .event_span a.group3780_label { /* Added by George on 20180413. I moved it from assets/modules/calendar/styles/base.css in order to support font color. */
        color: white;
        text-shadow: 0px 0px 0px;
}

.events_1 {width: 93.00%;} 
.events_1 .colspan_7 {width: 100.00%;} 
.events_1 .colspan_6 {width: 85.71%;} 
.events_1 .colspan_5 {width: 71.43%;} 
.events_1 .colspan_4 {width: 57.14%;} 
.events_1 .colspan_3 {width: 42.86%;} 
.events_1 .colspan_2 {width: 28.57%;} 
.events_1 .colspan_1 {width: 14.29%;} 
.events_2 {width: 79.71%;} 
.events_2 .colspan_6 {width: 100.00%;} 
.events_2 .colspan_5 {width: 83.33%;} 
.events_2 .colspan_4 {width: 66.67%;} 
.events_2 .colspan_3 {width: 50.00%;} 
.events_2 .colspan_2 {width: 33.33%;} 
.events_2 .colspan_1 {width: 16.67%;} 
.events_3 {width: 66.43%;} 
.events_3 .colspan_5 {width: 100.00%;} 
.events_3 .colspan_4 {width: 80.00%;} 
.events_3 .colspan_3 {width: 60.00%;} 
.events_3 .colspan_2 {width: 40.00%;} 
.events_3 .colspan_1 {width: 20.00%;} 
.events_4 {width: 53.14%;} 
.events_4 .colspan_4 {width: 100.00%;} 
.events_4 .colspan_3 {width: 75.00%;} 
.events_4 .colspan_2 {width: 50.00%;} 
.events_4 .colspan_1 {width: 25.00%;} 
.events_5 {width: 39.86%;} 
.events_5 .colspan_3 {width: 100.00%;} 
.events_5 .colspan_2 {width: 66.67%;} 
.events_5 .colspan_1 {width: 33.33%;} 
.events_6 {width: 26.57%;} 
.events_6 .colspan_2 {width: 100.00%;} 
.events_6 .colspan_1 {width: 50.00%;} 
.events_7 {width: 13.29%;} 
.events_7 .colspan_1 {width: 100.00%;} 
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined variable: resources</p>
<p>Filename: views/css.php</p>
<p>Line Number: 101</p>

</div><div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  Invalid argument supplied for foreach()</p>
<p>Filename: views/css.php</p>
<p>Line Number: 101</p>

</div>