.calendar {
	display: flex;
	flex-flow: column;
	margin: auto;
	width: 100%;
	max-width: 1300px;
}

/* .calendar .calendar-header {
	padding-bottom: 10px;
} */
.calendar .calendar-header .month-year, .cabecera-leyenda {
	font-size: 29px;
	font-weight: bold;
	color: #636e73;
	padding: 9px 0;
	text-align: center;
	background-color: #1768bb;
	color: white;
}

.calendar .calendar-days {
	display: flex;
	flex-flow: wrap;
	background-color: #fdfdfd;
}

.calendar .calendar-days .day_name {
	width: calc(100% / 7);
	border-right: 1px solid #2c7aca;
	padding: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #818589;
	color: #fff;
	background-color: #448cd6;
}

.calendar .calendar-days .day_name:nth-child(7) {
	border: none;
}


.calendar .calendar-days .day_name_mobile {
	width: calc(100% / 7);
	border-right: 1px solid #2c7aca;
	padding: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #818589;
	color: #fff;
	background-color: #448cd6;
	display: none;
}

.calendar .calendar-days .day_name_mobile:nth-child(7) {
	border: none;
}

.calendar .calendar-days .day_num {
	display: flex;
	flex-flow: column;
	width: calc(100% / 7);
	border-right: 1px solid #e6e9ea;
	border-bottom: 1px solid #e6e9ea;
	padding: 5px;
	font-weight: bold;
	color: #7c878d;
	/* cursor: pointer;*/
	min-height: 101px;
}

.calendar .calendar-days .day_num span {
	display: inline-flex;
	width: 30px;
	font-size: 14px;
}

@media (max-width: 1050px) {
	.event {
		display: none;
	}

	.event_mobile {
		display: block !important;
	}

	.day_name {
		display: none;
	}

	.day_name_mobile {
		display: block !important;
	}

	.calendar {
		width: 100%;
	}

	.day_num {
		padding: 0px !important;
	}
}

.calendar .calendar-days .day_num .event {
	margin-top: 2px;
	font-weight: 500;
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 4px;
	background-color: #f7c30d;
	color: #fff;
	word-wrap: break-word;
	position: relative;
}

.calendar .calendar-days .day_num .event_mobile {
	margin-top: 2px;
	font-weight: 500;
	font-size: 8.5px;
	padding: 2px 2px;
	border-radius: 4px;
	/*background-color: #f7c30d;*/
	color: #fff;
	word-wrap: break-word;
	display: none;
	position: relative;
}

.calendar .calendar-days .day_num .event.green,
.event_mobile.green {
	background-color: #6bb00b;
}

.calendar .calendar-days .day_num .event.green-light,
.event_mobile.green-light {
	background-color: #a4c476;
}

.calendar .calendar-days .day_num .event.blue,
.event_mobile.blue {
	background-color: #3e8ad6;
}

.calendar .calendar-days .day_num .event.blue-light,
.event_mobile.blue-light {
	background-color: #96aad6;
}

.calendar .calendar-days .day_num .event.red,
.event_mobile.red {
	background-color: #c93a3a;
}

.calendar .calendar-days .day_num .event.red-light,
.event_mobile.red-light {
	background-color: #cc7474;
}

.calendar .calendar-days .day_num .event.gunmetal,
.event_mobile.gunmetal {
	background-color: #334745;
}

.calendar .calendar-days .day_num .event.gunmetal-light,
.event_mobile.gunmetal-light {
	background-color: #8AA8A6;
}

.calendar .calendar-days .day_num .event.cian,
.event_mobile.cian {
	background-color: #09b8af;
}

.calendar .calendar-days .day_num .event.cian-light,
.event_mobile.cian-light {
	background-color: #84d1cd;
}

.calendar .calendar-days .day_num .event.fuchsia,
.event_mobile.fuchsia {
	background-color: #f244c9;
}

.calendar .calendar-days .day_num .event.fuchsia-light,
.event_mobile.fuchsia-light {
	background-color: #eb6bcd;
}

.calendar .calendar-days .day_num .event.orange,
.event_mobile.orange {
	background-color: #f0a016;
}

.calendar .calendar-days .day_num .event.orange-light,
.event_mobile.orange-light {
	background-color: #edc379;
}

.calendar .calendar-days .day_num .event.tangerine,
.event_mobile.tangerine {
	background-color: #F7996E;
}

.calendar .calendar-days .day_num .event.tangerine-light,
.event_mobile.tangerine-light {
	background-color: #FABB9E;
}

.calendar .calendar-days .day_num .event.eminence,
.event_mobile.eminence {
	background-color: #712F79;
}

.calendar .calendar-days .day_num .event.eminence-light,
.event_mobile.eminence-light {
	background-color: #BD6CC6;
}

.calendar .calendar-days .day_num .event.crayola,
.event_mobile.crayola {
	background-color: #EF476F;
}

.calendar .calendar-days .day_num .event.crayola-light,
.event_mobile.crayola-light {
	background-color: #F58FA7;
}

.calendar .calendar-days .day_num .event.grey,
.event_mobile.grey {
	background-color: #7a7a7a;
}

.calendar .calendar-days .day_num:nth-child(7n+1) {
	border-left: 1px solid #e6e9ea;
}

.calendar .calendar-days .day_num:hover {
	background-color: #fdfdfd;
}

.calendar .calendar-days .day_num.ignore {
	background-color: #fdfdfd;
	color: #e4e6e7;
	cursor: inherit;
}

.calendar .calendar-days .day_num.selected {
	background-color: #fcf8e3;
	cursor: inherit;
}













.leyenda.green,
.leyenda_mobile.green {
	background-color: #6bb00b;
}

.leyenda.green-light,
.leyenda_mobile.green-light {
	background-color: #a4c476;
}

.leyenda.blue,
.leyenda_mobile.blue {
	background-color: #3e8ad6;
}

.leyenda.blue-light,
.leyenda_mobile.blue-light {
	background-color: #96aad6;
}

.leyenda.red,
.leyenda_mobile.red {
	background-color: #c93a3a;
}

.leyenda.red-light,
.leyenda_mobile.red-light {
	background-color: #cc7474;
}

.leyenda.gunmetal,
.leyenda_mobile.gunmetal {
	background-color: #334745;
}

.leyenda.gunmetal-light,
.leyenda_mobile.gunmetal-light {
	background-color: #8AA8A6;
}

.leyenda.cian,
.leyenda_mobile.cian {
	background-color: #09b8af;
}

.leyenda.cian-light,
.leyenda_mobile.cian-light {
	background-color: #84d1cd;
}

.leyenda.fuchsia,
.leyenda_mobile.fuchsia {
	background-color: #f244c9;
}

.leyenda.fuchsia-light,
.leyenda_mobile.fuchsia-light {
	background-color: #eb6bcd;
}

.leyenda.orange,
.leyenda_mobile.orange {
	background-color: #f0a016;
}

.leyenda.orange-light,
.leyenda_mobile.orange-light {
	background-color: #edc379;
}

.leyenda.tangerine,
.leyenda_mobile.tangerine {
	background-color: #F7996E;
}

.leyenda.tangerine-light,
.leyenda_mobile.tangerine-light {
	background-color: #FABB9E;
}

.leyenda.eminence,
.leyenda_mobile.eminence {
	background-color: #712F79;
}

.leyenda.eminence-light,
.leyenda_mobile.eminence-light {
	background-color: #BD6CC6;
}

.leyenda.crayola,
.leyenda_mobile.crayola {
	background-color: #EF476F;
}

.leyenda.crayola-light,
.leyenda_mobile.crayola-light {
	background-color: #F58FA7;
}

.leyenda.grey,
.leyenda_mobile.grey {
	background-color: #7a7a7a;
}


@media (max-width: 991px) {
	.leyenda-mobile {
		display: block;
	}

	.leyenda-desktop {
		display: none;
	}
}

@media (min-width: 992px) {
	.leyenda-desktop {
		display: block;
	}

	.leyenda-mobile {
		display: none;
	}
}

.crossed-svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.crossed-line {
	stroke: rgb(0, 0, 0);
	stroke-width: 3;
}


.etiquetaCalendario{
	float: right;
	font-size: 13px;
	margin-right: 15px;
	margin-top: 6px;
	background-color: #448cd6;
	padding: 6px;
	border-radius: 4px;
	cursor: pointer;
}