:root{
	--CalDark: #222;
	--CalDarkText: #FFF;
	--CalBodyBG: #FFF;
	--CalBodyText: #000;
	--CalBold: #000;
	--cFont: Verdana,sans-serif;
}

div#miraCalendar{width:100%;margin: auto;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}
div#miraCalendar .calMonthHeader{background-color:var(--CalDark); color:var(--CalDarkText); font-family: var(--cFont); border-top:1px solid #333;border-bottom:1px solid #313131;-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.04);box-shadow:inset 0 1px rgba(255,255,255,0.04);padding:0;margin:auto; width:100%;}
div#miraCalendar .calMonthHeader td{text-align:center;background-color:var(--CalDark); color:var(--CalDarkText);font-size:1rem; line-height: 42px;}

div#miraCalendar .calNavigationArrows {color:var(--CalDarkText); background-color:var(--CalDark); width:40px;}
div#miraCalendar .calNavigationArrows a{color:var(--CalDarkText); background-color:var(--CalDark); font-size:1.1rem;}
div#miraCalendar .calNavigationArrows a:hover, div#miraCalendar .calNavigationArrows a:focus {font-size:1.2rem;color:var(--CalDarkText); background-color:var(--CalDark);}


div#miraCalendar .calBodyCalendar {width:100%;}
div#miraCalendar .calBodyCalendar td, div#miraCalendar .calBodyCalendar th{height:25px;display:table-cell;text-align:center;vertical-align:middle;color:var(--CalBodyText); background-color:var(--CalBodyBG);font-size:1rem;}

div#miraCalendar .CalendarBodyRows td{-webkit-box-shadow:inset 1px 1px rgba(255,255,255,0.7);box-shadow:inset 1px 1px rgba(255,255,255,0.7);border-top:1px solid #c2c2c2;border-left:1px solid #c2c2c2;}
div#miraCalendar .CalendarBodyRows td:focus{border: 2px dashed crimson;border-radius: 3px;outline: none;}
div#miraCalendar .CalendarBodyRows td.inactive{background-color:#f3f3f3;}
div#miraCalendar .CalendarBodyRows td:first-child{border-left:1px solid #eee}
div#miraCalendar .CalendarBodyRows td:last-child{border-right:1px solid #eee}

div#miraCalendar .CalendarBodyRows td a{color:var(--CalBodyText);background-color:transparent;}
div#miraCalendar .CalendarBodyRows td a:hover, div#miraCalendar .CalendarBodyRows td a:focus{color:var(--CalBodyText);background-color:transparent; font-size:1.1rem;}

div#miraCalendar .calCalendar{border:0;width:100%;font-family:var(--cFont)}

div#miraCalendar .CalendarBodyRows .today{background-color:#6dafbf !important; color:var(--CalBodyText);}
div#miraCalendar .CalendarBodyRows .today a{color:var(--CalBodyText); background-color:transparent;}
div#miraCalendar .CalendarBodyRows .today a:hover, .CalendarBodyRows, .CalendarBodyRows .today a:focus{color:var(--CalBodyText); background-color:transparent;}
div#miraCalendar .CalendarBodyRows .event{background-color:#FFDF00 !important; color: var(--CalBodyText);}
div#miraCalendar .CalendarBodyRows .event a:hover, .CalendarBodyRows, .CalendarBodyRows .event a:focus{color:var(--CalBodyText); background-color:transparent;}
div#miraCalendar .CalendarBodyRows .holiday{background-color:#E8B5E8 !important; color: var(--CalBodyText);}
div#miraCalendar .CalendarBodyRows .holiday a:hover, .CalendarBodyRows, .CalendarBodyRows .holiday a:focus{color:var(--CalBodyText); background-color:transparent;}

div#miraCalendar .tooltip{position:relative;cursor:help;display:inline-block;text-decoration:none;}
div#miraCalendar .tooltip span{visibility:hidden;position:absolute;bottom:50px;left:50%;z-index:999;color:#400000;width:230px;margin-left:-127px;padding:10px;border:2px solid #ccc;background-color:#ddd;background-image:-webkit-linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-moz-linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-ms-linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-o-linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0));background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0));-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.5) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.5) inset;box-shadow:0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.5) inset;text-shadow:0 1px 0 rgba(255,255,255,.4)}
div#miraCalendar .tooltip:hover{border:0}
div#miraCalendar .tooltip:hover span{visibility:visible}
div#miraCalendar .tooltip span:before,.tooltip span:after{content:"";position:absolute;z-index:1000;bottom:-7px;left:50%;margin-left:-8px;border-top:8px solid #ddd;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:0}
div#miraCalendar .tooltip span:before{border-top-color:#ccc;bottom:-8px}