:root 
	{
		--text-color: #000000;
		--text-color-hover: #000000;
		--bg-color: #ffffff;
		--button-bg-color: #000000;
		--button-hover-bg-color: #5c5c5c;
		--div-bg-color: #ffffff;
		--div-color: #000000;
		--h1-color: #000000;
		--container-bg-color: #486aa9;
		--navbar-bg-color: #486aa9;
		--navbar-color: #000000;
		--overlay-color: rgba(0, 0, 0, 0);
		--links-color: rgba(0, 0, 0, 0.8);
		--section-bg-color: #ffffff;
		--highlight-bg-color:#ffffff;
		--highlight-color: #000000;
		--list-color: #4176b3;
		--bb-color:1px solid rgba(0, 0, 0, 0.1);
		--border-color:2px solid #486aa9; 
		--fine-b-color: solid #000000;
		--widget-border-color: 4.5px solid #ffffff;
		--widget-color: #ffffff;
		--icon-color:#486aa9;
		--table-color: #000000;
		--cal-color: #d4ca74;
		--cal-blank-color: #ece4a0;
		--cell-color: #776262;
		--items-color: #ece4a0;
	}
			

#calendar_list{float:left;width:220px;}
#calendar{float:left;width:730px;}

.calendar_list {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

.calendar_list_entry {
	font-size:16px;
	margin: 2px 2px;
	font-weight:bold;
}

.calendar_list_heading {
	display: block;
	width:95%;
	margin:5px 0px 5px 0px;
	padding-bottom: 2px;
	font-weight:bold; 
	border-bottom:1px #000 solid;
	font-size:16px;
}

.calendarBG {
 background-color: #28282b;
 border-spacing: 0px; 
}

.calendarBlank { 
 color: #fff;
 font-weight: bold;
 vertical-align: top;
 background-color:  var(--cal-blank-color) !important;
 width: 14.28%;
 padding: 0px; 
 border: 1px ;
 border-color: #4f74e3; 
 text-align: right;
  

}

.calendarHeader { 
 height: 30px;
 font-weight: bold;
 font-size: 16px; 
 color: #fff; 
 text-align: center;
}

.calendarMonthLinks {
 font-weight:		bold;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 height: 50px;
 width: 100px;
 font-weight: bold; 
 font-size:	16px;
 color: var(--h1-color) !important; 
 background-color:  var(--items-color) !important;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 width:14.28%;
 height:120px;
 padding: 5px; 
 border: 1px solid; 
 text-align: right; 
 font-weight:		bold;
 text-decoration:   none;
 vertical-align: top;
 color:             #666;
 background-color:   var(--cal-color)!important;
 border: 1px #666 solid;
}

.calendarCell {
 height: 100px;
 width: 100px;
 font-weight:		bold;
 text-decoration:   none;
 text-align:  right;
 background: var(--cell-color)!important;
 padding: 5px;
 border: 1px solid;
}

.item-wrappers{
	background-color: var(--items-color) !important;
}

.calendarHoliday { 
color:#ff00ff;
}