.calendar_parent {
  max-width: 100%;
}

.calendar {
  display: flex;
  flex-flow: column;
  width: 100%;
/*  min-width: 650px;*/
/*  margin: 10px auto;*/
  font-size: 1rem;
  font-family: 'LogoFont';
  text-transform: uppercase;
}

.calendar input {
  padding: 0;
  margin: 0;
}

.calendar .week, .calendar header {
	display: flex;
  justify-content: center;
}

.calendar .day {
	flex: 1 0 12.5%;
}

.calendar header .day:nth-child(8) {
  border: none;
}

.calendar header .day {
  border-right: 1px solid #ccc;
  color: #fff;
  background-color: #405952;
  text-align: center;
}


.calendar .week .day {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.calendar .week .day:hover {
    background-color: #ccc;
}

.calendar .week .day.ignore:hover {
	background-color: #fdfdfd;
 }

.calendar .week .day.ignore {
  background-color: #fdfdfd;
  color: #ced2d4;
  cursor: inherit;
}

.calendar .weeknum {
  cursor: inherit;
  font-size: 0.5rem;
  min-width: 1rem;
  flex: 0 0 auto;
  align-items: center;
  display: flex;
  padding: 0px !important;
 }

.calendar p {
  margin: 5px 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  font-size: 0.8rem;
}

.calendar .week .day .event {
  border-radius: 4px;
  color: #fff;
  margin: 5px 1px;
}

.calendar .week .day .event.green label,
.calendar .week .day .event.blue label {
	width: 100%;
  border-radius: 4px;
  display: block;
}

.calendar .week .day .event.green label:hover,
.calendar .week .day .event.blue label:hover {
  background-color: #405952;
  cursor: pointer;
}

.calendar .week .day .event > input[type="radio"] {
	display: none;
}

.calendar .week .day .event.green input[type="radio"]:checked ~ label,
.calendar .week .day .event.blue  input[type="radio"]:checked ~ label {
	background-color: #f54f29;
}

.calendar .week .day .event.green {
  background-color: #51ce57;
}

.calendar .week .day .event.blue {
  background-color: #3333ce;
}

.calendar .week .day .event.red {
  background-color: rgba(172, 55 ,  10, 1.0);
}

.calendar .week .day:nth-child(1) {
  border-left: 1px solid #ccc;
}

.calendar .week .day.selected {
  background-color: #9c9b7a;
  cursor: inherit;
}