#Calendar.sidebar {
	/*width:300px;*/	
}

#Calendar table td {
	
}
	.modal-body .dp-calendar table  td {
		font-size:14px;
		padding:0px !important;
		line-height:1;
	}


#Calendar .cMonth {
	text-align:center;
	font-size:24px;
	color:#000;
}

	.modal-body .dp-calendar  .cMonth {
		text-align:center;
		font-size:18px;
		color:#000;
		padding:5px !important;
	}


#Calendar .wDays {
	text-align:center;
}
	.modal-body .dp-calendar .wDays {
		text-align:center;
		padding:5px !important;
	}

#Calendar .mNav, .dp-calendar .mNav {
	text-align:center;
	vertical-align:middle;
}

#Calendar table td a, .dp-calendar table td a {
	text-decoration:none;
	color:#000;
}
	.modal-body .dp-calendar td .btn {
		display:block;
		padding:4px !important;
		margin:0 !important;
		width:100% !important;
		height:32px;% !important;
		max-height:32px;% !important;
		text-decoration:none !important;
	}


#Calendar table td a:hover, .dp-calendar table td a:hover {
	text-decoration:underline;
}

	.modal-body .dp-calendar table td .btn:hover {
		text-decoration:none !important;
		background:#eee;
	}
	.modal-body #Calendar table td .btn.sel, .modal-body #Calendar table td .btn.sel:active, .modal-body .dp-calendar table td .btn.sel,  .modal-body .dp-calendar table td .btn.sel:active {
		background:#990000 !important;
		color:#fff !important;
		text-decoration:none !important;
		border:0 none !important;
		outline:none;
	}


#Calendar .withevent, #Calendar .withevent a, .dp-calendar .withevent, #Calendar .withevent a {
	text-align:center;
	background-color:#eee;
	color:#029877;
	cursor:pointer;
}
#Calendar .withevent:hover, #Calendar .withevent a:hover, .dp-calendar .withevent:hover, #Calendar .withevent a:hover {
	text-decoration:none !important;
	background-color:#f2f2f2;
}

#Calendar .noevent, .dp-calendar .noevent {
	text-align:center;
	background-color:#FFF;
	color:#888;
	border:1px solid #ddd;
}

#Calendar .thisday, .dp-calendar .thisday {
	text-align:center;
	background-color:#336666;
	color:#fff;
}

#Calendar .thisday a, .dp-calendar a {  color:#fff; }

#Calendar .today, .dp-calendar .today  { 
	border:2px solid #4fbfbf !important;
}
#Calendar .today, .dp-calendar .today  {  background:#4fbfbf; color:#fff; text-decoration:none !important; }

#Calendar .thisday.today, .dp-calendar .thisday.today { background:#4fbfbf; }

#Events {
	width:300px;	
}

#Events h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
}

#Events span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#calendar_loading {
	min-height:200px;
}





/*   ========================== calendar events ================================  */

table.month_calendar {
	width:230px;
	border-collapse:collapse !important;
	display:block;
	box-sizing:border-box;
	border:0px solid #ccc;
	margin-bottom:5px;
}



table.month_calendar td  {
	padding:0 !important;
	margin:0 !important;
	width:25% !important;
}
table.month_calendar td.disabled  { /*border-color:#fff !important;*/}

table.month_calendar td > .btn {
	/*font-family: 'crimson', Georgia, Times, serif;*/
	font-family: 'opensans', 'Times New Roman', Times, serif !important;
	/*text-transform:uppercase;*/
	/*font-weight:bold;*/
	width:55px;
	height:53px !important;;
	padding:16px 0px;
	white-space:nowrap !important;
	box-sizing:border-box !important;
	border:0px;
	background:none;
}
table.month_calendar td > .btn.btn-danger {
	background-image: -webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%) !important;
    background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9534f), to(#c12e2a)) !important;
    background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%) !important;
}

.calendar_wrapper {
	position:relative;
	width:100%;
	overflow:hidden;
	padding-top:20px;
}

.calendar_wrapper.compact {
	padding-top:0;
	width:250px;
	height:300px !important;
	box-sizing:border-box;
}


.calendar-slide {
	width:660px;
	position:absolute;
}

.calendar-slide .table-wrapper {
	width:228px;
	float:left;
}

.calendar_wrapper .lead {
	margin:0 0 10px 0;
}





	/* ---------  left nav version ----------------- */
	
	.left-nav table.month_calendar {
		width:360px !important;
	}
	
	.left-nav table.month_calendar td  {
		padding:0 !important;
		margin:0 !important;
		width:88px !important;
	}
	
	.left-nav  table.month_calendar td > .btn {
		width:88px;
		height:88px !important;
		padding:32px 0px;
		font-size:22px;
		font-family: 'crimson', Times, serif  !important;
	}
	.left-nav  table.month_calendar td.last, .left-nav  table.month_calendar td.last > .btn {
		width:91px;
	}
		
	.left-nav  .calendar_wrapper {
		width:360px;
		height:390px;
	}

	
	.left-nav  .calendar-slide {
		width:760px;

	}	
	.left-nav  .calendar-slide .table-wrapper {
		width:360px;
		float:left;
	}
	
	.left-nav  .calendar_wrapper .lead {
		margin:0 0 10px 0;
	}


	/*@media (max-width:1279px) {*/
		.left-nav table.month_calendar {
			width:293px !important;
		}
		
		.left-nav table.month_calendar td  {
			padding:0 !important;
			margin:0 !important;
			width:72px !important;
		}
		
		.left-nav  table.month_calendar td > .btn {
			width:72px;
			height:72px !important;;
			padding:22px 0px;
			font-size:18px;
		}
		.left-nav  table.month_calendar td.last, .left-nav  table.month_calendar td.last > .btn {
			width:72px;
		}
			
		.left-nav  .calendar_wrapper {
			width:293px;
			height:320px;
		}
		
		
		
		.left-nav  .calendar-slide {
			width:760px;
	
		}	
		.left-nav  .calendar-slide .table-wrapper {
			width:293px;
			float:left;
		}
		
		.left-nav  .calendar_wrapper .lead {
			margin:0 0 10px 0;
		}

	
	/*}*/


table.compact_calendar  {
	width:250px;
}

td.current-day {
	background:#0063ac;
	color:#fc0;
	font-weight:bold;
}
td.out {
	background:#eee;
	color:#999;
}






table.full_calendar  {
	width:100% !important;
}
table.full_calendar td  {
	height:120px;
	width:14%;
}

table.full_calendar td div.events a  {
	display:block;
	padding:2px 4px;
	font-size:13px;
	background:#eee;
	margin-bottom:2px;
	line-height:1.2;
	height:19px;
	width:100%;
	max-width:85px;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}


#calendar_full  #month_heading { 
	position:relative;
	height:40px;
}
#calendar_full  #month_heading span {
	font-size:24px;
	line-height:1;
	display:inline-block;
	position:absolute;
	top:5px;
	left: 0;
	right: 0;
	margin: auto;
	z-index:0;
}

#calendar_full  #month_heading .cal_control {
	position:absolute;
	top:10px;
	left: 0;
	z-index:1;
}
#calendar_full  #month_heading .cal_control.next {
	left:auto;
	right: 0;
}