/* ------------------ ajax calendar ------------------ */
.calendar-wrapper {
	position: relative;
	margin-bottom: 40px;
}

	.calendar-wrapper table {
		/* max-width: 300px; */
		width: 100%;
	}
		.calendar-wrapper table tr {}

			.calendar-wrapper table tr:hover {
				background-color: transparent
			}

		.calendar-wrapper table td {
			padding: 6px 10px;
			text-align: center;
			vertical-align: baseline;
			border: none !important;
			border: 1px solid #fff !important;
			/* display: inline-block;
    	margin: 2px; */
		}

		.calendar-wrapper table td.day-link,
		.calendar-wrapper table td.link {
			padding: 0;
		}

			.calendar-wrapper table td.day-link a,
			.calendar-wrapper table td.link a {
				position: relative;
				text-decoration: none;
				padding-top: calc(20% - 1px);
				padding-bottom: calc(20% - 1px);
				padding-left: calc(15% - 1px);
				padding-right: calc(15% - 1px);
				padding: 6px 10px;
				background-color: rgba(0,255,180,1);
				color: #222;
				border: none;
				display: block;
				/* display: inline-block;
    		margin: 2px; */
			}

				.calendar-wrapper table td.day-link a:hover,
				.calendar-wrapper table td.link a:hover {
					background-color: #222;
					color: #fff;
				}

			.calendar-wrapper table .navigation td.link a {
				background-color: transparent;
				color: #222;
			}

				.calendar-wrapper table .navigation td.link a:hover {
					background-color: rgba(0,255,180,1);
					color: #222;
				}

		.calendar-wrapper table td.month-prev {}

			.calendar-wrapper table td.month-prev a {}

				.calendar-wrapper table td.month-prev a span {
					transform: rotate(180deg);
					display: inline-block;
				}


	.calendar-popup-day {
		display: none;

		min-width: 220px;

		position: absolute;
		top: 0; left: 0;


		border: 1px solid;
		background-color: #fff;
		padding: 10px;
	}

	.calendar-popup-day h4 {
		font-family: sans-serif;
		font-size: 1em;
		text-transform: none;
		border-bottom: 1px dotted;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}

	.calendar-popup-day h4:last-child {
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.calendar-popup-day a {
		text-decoration: none;
		border: none;
	}

		.calendar-popup-day a:hover {
			color: #000;
			border-bottom: 1px dotted;
		}