 /* Theme CSS */
 .eventCalendar-wrap {
 	font-family: Arial, "Lucida Grande", sans-serif;
 	font-size: 13px;
 	line-height: 18px;
 	/*border: solid 1px #d3d3d3;
 	box-shadow: 0 0 15px #999;*/
	border: 1px solid #eef0ef;
	box-shadow: 0 0 12px rgb(0 0 0 / 15%);
 	border-radius: 5px;
 	margin-bottom: 20px;
 	/*background-color: #fff;*/
 	color: #807E7E;
 }

 .dark-mode .eventCalendar-wrap {
	border: 1px solid #4e4e4e;
	color: #b3b3b3;
 }

 .eventCalendar-wrap .eventCalendar-arrow {
 	text-decoration: none;
 	color: #fff;
 	padding: 0 5px;
 	line-height: 28px;
 	/*top:9px;*/
 	padding: 8px 10px;
 }

 .eventCalendar-wrap .eventCalendar-arrow.prev {}

 .eventCalendar-wrap .eventCalendar-arrow:hover {
 	opacity: 0.7;
 }

 .eventCalendar-wrap .eventCalendar-arrow span {
 	height: 0;
 	width: 0;
 	font-size: 0;
 	line-height: 0;
 	border-top: 6px solid transparent;
 	border-bottom: 6px solid transparent;
 	border-left: 6px solid #fff;
 	float: left;
 	text-indent: -5000px;
 }

 .eventCalendar-wrap .eventCalendar-arrow.eventCalendar-prev span {
 	border-left-width: 0;
 	border-right: 6px solid #fff;
 }

 .eventCalendar-slider {
 	height: 80px;
 }

 .eventCalendar-monthWrap {
 	border-radius: 5px;
 	top: 10px;
 	left: 0px;
 }

 .eventCalendar-currentTitle {
 	line-height: 32px;
 	background-color: #004b64;
 	/*outline: 1px solid #004b64;
 	border:1px solid #E3E3E3;
	border-width:1px 0;*/
 }

 .dark-mode .eventCalendar-currentTitle {
	background-color: #27282b;
 }

 .eventCalendar-currentTitle .eventCalendar-monthTitle {
 	font-size: 110%;
 	text-decoration: none;
 	font-weight: bold;
 	color: #fff;
 }

 .eventCalendar-daysList {
 	zoom: 1;
 	padding: 0;
 	width: 100%;
 }

 .eventCalendar-daysList.eventCalendar-showAsWeek {
 	margin: 10px 5px;
 	width: auto;
 	/*border:solid 1px #BCBCBC;*/
 	border-bottom-width: 0;
 	border-radius: 0;
 	/*
				background-color:#CCCCCC;
				background-image: linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -o-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -moz-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -webkit-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -ms-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(0.42, #EEEEEE),
					color-stop(0.71, #CCCCCC)
				);
				*/

 }

 .eventCalendar-daysList.showDayNames.eventCalendar-showAsWeek {

 	border-radius: 5px 5px 0 0;
 }

 .eventCalendar-daysList:before,
 .eventCalendar-daysList:after {
 	content: "";
 	display: table;
 }

 .eventCalendar-daysList:after {
 	clear: both;
 }

 .eventCalendar-day-header {
 	text-transform: lowercase;
 	text-align: center;
 	font-size: 10px;
 	border-bottom: solid 1px #BCBCBC;
 }

 .eventCalendar-daysList.eventCalendar-showAsWeek li {
 	height: auto;
 	margin: 0;
 }

 .eventCalendar-daysList.eventCalendar-showAsWeek li.legenda a {
	line-height: 32px;
	font-size: 12px;
}

 .eventCalendar-daysList.eventCalendar-showAsWeek li.eventCalendar-empty {
 	/*background-color: #ccc;*/
 	min-height: 27px;
 	/*border-top: solid 1px #ccc;*/
 }

 .eventCalendar-day a {
 	text-decoration: none;
 	font-size: 10px;
 	color: #424242;
 }

 .eventCalendar-day {
 	/*border-left:solid 1px #BCBCBC;*/
 }

 .eventCalendar-day a {
 	/*border:solid 1px #BCBCBC;
				border-width:0 1px 1px 0;*/
 }

 .eventCalendar-showAsWeek .eventCalendar-day {
 	border-left-width: 0;
 }

 .eventCalendar-showAsWeek .eventCalendar-day a {
 	/*border:solid 1px red;
				border-color:#fff #BCBCBC #BCBCBC #eee;*/
 	line-height: 32px;
 	font-size: 12px;

 }

 .eventCalendar-day a:hover {
 	background-color: rgba(0, 0, 0, .05);
	/*color: #fff;
 	box-shadow:inset 5px 5px 10px #C1C1C1;
	text-shadow: 2px 2px 2px #C1C1C1;*/
 }

 .eventCalendar-daysList li.today a {
 	color: #fff;
 	background: #004b64;
 	/*	box-shadow:inset 5px 5px 10px #777;
				text-shadow: 2px 2px 2px #777;*/
 }

 li.eventCalendar-day.today a:hover {
 	background-color: #00688a;
 	/*box-shadow:inset 5px 5px 10px #999;*/
 }

 .cores-legenda {
	background: linear-gradient(108deg,
				#89B814 0%, #89B814 33.3%,
				#8a14b8 33.3%, #8a14b8 66.6%,
				#ffcc32 66.6%, #ffcc32 100%);


}
.cores-legenda a {
	color: white !important;
}

.eventCalendar-daysList li.eventCalendar-dayWithEvents.amarelo,
.dayWithEvents.amarelo a {
	background: #ffcc32;
	color: #000000;
}

.eventCalendar-daysList li.eventCalendar-dayWithEvents.amarelo a:hover,
.dayWithEvents.amarelo a:hover {
	background-color: #ffda6c
}

.eventCalendar-daysList li.eventCalendar-dayWithEvents.roxo a,
.dayWithEvents.roxo a {
	background: #8a14b8;
	color: #fff;
}

.eventCalendar-daysList li.eventCalendar-dayWithEvents.roxo a:hover,
.dayWithEvents.roxo a:hover {
	background-color: rgba(138, 20, 184, 0.523);
}


.eventCalendar-daysList li.eventCalendar-dayWithEvents.letivo a,
.dayWithEvents.letivo a {
	background: #89B814;
	color: #fff;
}

li.eventCalendar-day.eventCalendar-dayWithEvents.letivo a:hover,
.dayWithEvents.letivo a:hover {
	background-color: rgba(137, 184, 20, .5);
}

 .eventCalendar-daysList li.eventCalendar-dayWithEvents.nletivo a,
 .dayWithEvents.nletivo a {
	background-color: #d73030;
	color: #fff;
 }

 .eventCalendar-daysList li.eventCalendar-dayWithEvents.nletivo a:hover,
 .dayWithEvents.nletivo a:hover {
	background-color: rgba(215, 48, 48, .5);
 }

 .eventCalendar-daysList li.current a {
 	color: #fff;
 	background: #449FB2;
 	box-shadow: inset 5px 5px 10px #216B7A;
 	text-shadow: 2px 2px 2px #216B7A;
 }

 li.eventCalendar-day.current a:hover {
 	background-color: #79BDCC;
 	box-shadow: inset 5px 5px 10px #449FB2;
 	text-shadow: 2px 2px 2px #449FB2;
 }

 .eventCalendar-daysList li.today.eventCalendar-current a {
	box-shadow: 0 0 0 3px #6fd1e5 inset;
}

.eventCalendar-daysList li.eventCalendar-dayWithEvents.eventCalendar-current.letivo a,
.eventCalendar-daysList li.eventCalendar-dayWithEvents.eventCalendar-current.nletivo a,
.eventCalendar-daysList li.eventCalendar-dayWithEvents.eventCalendar-current.amarelo a,
.eventCalendar-daysList li.eventCalendar-dayWithEvents.eventCalendar-current.roxo a {
	box-shadow: 0 0 0 3px #333 inset;
}


.cores-legenda {

}

 .eventCalendar-loading {
 	border-radius: 4px;
 	margin: 5px auto;
 	padding: 0 10px;
 	background-color: #ccc;
 	color: #fff;
 	text-align: center;
 	font-weight: bold;
 	box-shadow: 0 0 10px #ccc;
 	text-shadow: 0 0 3px #aaa;
 	position: absolute;
 	z-index: 4;
 	top: 25px;
 	left: 5px;
 }

 .eventCalendar-loading.error {
 	background-color: red;
 }

 .eventCalendar-subtitle {
 	padding-top: 10px;
 }

 .eventCalendar-list-wrap {
 	min-height: 100px;
 	position: relative;
 }

 .eventCalendar-list-content.scrollable {
 	max-height: 300px;
 	overflow-y: auto;
 	margin: 0 5px 5px 0;
 }

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

 .eventCalendar-list li {
 	padding: 0 10px 15px;
 	margin: 0;
 	clear: both;
 }

 .eventCalendar-list li time {
 	font-size: 10px;
 	line-height: 13px;
 }

 .eventCalendar-list li time em {
 	float: left;
 	font-style: normal;
 }

 .eventCalendar-list li time small {
 	font-size: 10px;
 	float: left;
 	background-color: #807E7E;
 	color: #fff;
 	padding: 0 5px 0 4px;
 	margin: 0 0 0 3px;
 }

 .eventCalendar-list li .eventCalendar-eventTitle {
 	display: block;
 	clear: both;

 	font-weight: bold;
 	text-decoration: none;
 }

 .eventCalendar-list li a.eventCalendar-eventTitle {
 	color: #0E8EAB;
 }

 .eventCalendar-list li a.eventCalendar-eventTitle:hover {
 	text-decoration: underline;
 }

 .eventCalendar-list li .eventDesc {
 	clear: both;
 	margin: 0 0 5px 0;
 	font-size: 80%;
 	line-height: 1.2em;

 }

 .eventCalendar-list .eventCalendar-noEvents {
 	font-size: 120%;
 	border-radius: 4px;
 	margin: 5px;
 	padding: 5px;

 	background-color: #ccc;
 	color: #fff;
 	text-align: center;
 	font-weight: bold;
 	box-shadow: 0 0 10px #ccc;
 	text-shadow: 0 0 3px #aaa;
 }

 .bt {
 	font-size: 12px;
 	display: block;
 	clear: both;
 	text-align: center;
 	margin-top: 10px;
 	padding: 9px 34px 11px;
 	text-decoration: none;
 	font-weight: bold;
 	line-height: 1;

 	color: #ffffff;
 	background-color: #698B10;
 	background-repeat: repeat-x;

 	background-image: -khtml-gradient(linear, left top, left bottom, from(#89B814), to(#698B10));
 	background-image: -moz-linear-gradient(top, #89B814, #698B10);
 	background-image: -ms-linear-gradient(top, #89B814, #698B10);
 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89B814), color-stop(100%, #698B10));
 	background-image: -webkit-linear-gradient(top, #89B814, #698B10);
 	background-image: -o-linear-gradient(top, #89B814, #698B10);
 	background-image: linear-gradient(top, #89B814, #698B10);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B814', endColorstr='#698B10', GradientType=0);

 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

 	border: 1px solid #698B10;
 	border-color: #698B10 #698B10 #465F05;

 	border-radius: 4px;

 	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

 	-webkit-transition: 0.1s linear all;
 	-moz-transition: 0.1s linear all;
 	-ms-transition: 0.1s linear all;
 	-o-transition: 0.1s linear all;
 	transition: 0.1s linear all;
 }

 .bt:hover {
 	background-position: 0 -15px;
 	text-decoration: none;
 }

 /* end of theme css */


 /*= ONLY FOR DEMO PAGE */
 body {
 	/*
	width:978px;
	box-shadow:0 0 10px #777;
	padding: 20px 40px;
	margin:0 auto;
	*/
 }

 a {
 	color: #0E8EAB
 }

 /*
.eventCalendar-wrap {
	width:265px;
}
*/
 .features li {
 	margin-bottom: 3px;
 }

 #thanksPanel li {
 	margin-bottom: 0;
 }

 #introPanel {
 	padding-top: 20px;
 }

 .poweredBy img {
 	float: left;
 	margin-right: 3px;
 }

 .poweredBy .data {
 	float: left;
 }

 .poweredBy .name {
 	font-weight: bold;
 	color: #555;
 	text-decoration: none;
 	display: block;
 	margin-top: 28px;
 }

 .poweredBy .twitter {
 	text-decoration: none;
 	display: block;
 	float: left;
 }

 .features {
 	padding-left: 20px;
 	float: left;
 }

 #appLogo {
 	margin-right: 30px;
 }

 pre {
 	clear: both;
 	background-color: #FFFFCC;
 	padding: 5px;
 	border: solid 1px #FED17E;
 	overflow: auto;
 }

 #license {
 	width: 300px;
 	float: right;
 	font-size: 10px;
 	line-height: 12px;
 	text-align: center;
 }

 .legenda.dayWithEvents {
	color: #fff;
 }

 @media (max-width: 768px) {
	.legenda.dayWithEvents {
		width: 33%;
	}
 }
 /* end of demo page */