/* line 1, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar {
  flex-wrap: wrap;
  margin-top: 2em;
  margin-bottom: 1em;
}

/* line 2, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .w-calendar-table {
  table-layout: fixed;
  width: 100%;
  flex: 1;
}

/* line 7, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .height100 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* line 12, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar a.event-container-one {
  color: inherit;
}

/* line 15, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .close_box {
  font-weight: bold;
  position: relative;
  float: right;
  padding: 0.5em;
  cursor: pointer;
}

/* line 22, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .close_box:hover , .widget-calendar-2.w-calendar .close_box.hover-class {
  color: red;
}

/* line 25, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-bullet-event {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/* line 30, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-bullet-event {
  width: 2em;
  height: 2em;
  border-radius: 1em;
}

/* line 35, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-header {
  width: 100%;
  text-align: center;
  font-size: 1.7em;
  font-weight: bold;
  padding: 0.35em 0;
}

/* line 42, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-info {
  padding-left: 15%;
}

/* line 45, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .calendar-events {
  position: relative;
  background: #fbfbfb;
  display: flex;
  flex-direction: column;
}

/* line 51, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .month_template {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 60, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .w-calendar-table td:hover , .widget-calendar-2.w-calendar .w-calendar-table td.hover-class {
  background-color: #eaeaea;
  color: #333;
}

/* line 64, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .w-calendar-table td {
  background: inherit;
  color: inherit;
  cursor: pointer;
  border: 0;
  vertical-align: middle;
}

/* line 71, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .w-calendar-table td div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 10%;
  line-height: 1.2;
}

/* line 79, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .w-calendar-table th {
  background: unset;
  color: unset;
  border: 0;
  padding: 1.5% 0.5%;
}

/* line 85, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .widget-title {
  padding: 0.2em;
  font-size: 1.5em;
}

/* line 89, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar table.w-calendar-table td.w-calendar-toggle div, .widget-calendar-2.w-calendar table.w-calendar-table td.w-calendar-toggle div {
  background: #6f0007;
  border-radius: 50%;
  color: white;
}

/* line 94, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .w-calendar-table td.w-calendar-event div {
  border: 1px #6f0007 solid;
  border-radius: 50%;
  background: #eee;
}

/* line 99, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .w-calendar-title {
  background: #920811;
  color: white;
  padding: 0px 10%;
  display: flex;
  line-height: 2em;
  justify-content: space-between;
  font-size: 1.85em;
  width: 100%;
}

/* line 108, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .w-calendar-title .w-calendar-title span:last-child {
  float: right;
}

/* line 112, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .w-calendar-title.center {
  text-align: center;
  justify-content: center;
}

/* line 116, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .calendar-dialog div.ui-dialog-content {
  max-height: 20em !important;
  overflow-wrap: break-word;
}

/* line 120, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar table td.w-calendar-other-month {
  color: #999797;
}

/* line 123, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-header {
  display: flex;
  background: #dadada;
  cursor: default;
}

/* line 128, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-header .date {
  width: 30%;
}

/* line 131, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event.active .event-header .day {
  color: #bf1f1f;
}

/* line 134, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event.active .event-header .date {
  color: #202427;
}

/* line 137, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event .event-header .day {
  font-size: 1.4em;
}

/* line 140, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event .event-header .month {
  font-size: 0.7em;
}

/* line 143, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event .event-header .date {
  color: #a08a70;
}

/* line 146, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-title {
  width: 70%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 152, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-title .duration {
  font-size: 0.7em;
  text-align: left;
  color: #a0a1a1;
}

/* line 157, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .duration_temp, .widget-calendar-2.w-calendar .title_temp {
  display: none;
}

/* line 160, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-inner-title {
  line-height: 2em;
  text-align: left;
}

/* line 164, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-containers {
  height: 0;
  min-height: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin: 0 10%;
}

/* line 174, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-container-one {
  position: absolute;
  align-items: center;
  justify-content: center;
  display: flex;
  width: calc(100% - 0.7em);
  height: calc(100% - 0.7em);
  flex-wrap: wrap;
  border-radius: 10px;
  margin-bottom: 1em;
  cursor: pointer;
  padding: 0;
  margin: 0;
  color: rgba(50, 50, 50, 0.45);
}

/* line 189, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-container-one:hover , .widget-calendar-2.w-calendar .event-container-one.hover-class {
  background-color: #fff;
  box-shadow: 0 0.1em 0.7em 0em;
}

/* line 193, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-container-one .event-content {
  color: #000000;
}

/* line 196, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar button.switch_button {
  margin: 10%;
  width: 2.5em;
  height: 2.5em;
  border-radius: 1.25em;
  border: 0;
  background: #96231a;
  color: white;
  outline: 0;
}

/* line 206, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .switch_button:hover , .widget-calendar-2.w-calendar .switch_button.hover-class {
  background: #c07b76;
}

/* line 209, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .switch_button_wraper {
  position: absolute;
  right: 0%;
  margin-right: 2%;
  width: 3em;
  margin-bottom: 2%;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

/* line 219, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-wraper {
  position: relative;
  overflow: hidden;
  flex: 1;
}

/* line 224, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event-container-one:not(.active) {
  right: -100%;
}

/* line 227, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event.active .event-containers {
  min-height: 13em;
  height: 100%;
}

/* line 231, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .calendar-events.width-100 .switch_button_wraper {
  width: 100%;
  height: 100%;
  margin: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* line 239, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .calendar-events.width-100 .switch_button {
  margin: 2%;
}

/* line 242, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .calendar-events.width-100 .event-containers {
  z-index: 3;
}

/* line 245, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .month_template .widget-title {
  border: 0;
  border-bottom: 0.0625em solid #ddd;
}

/* line 249, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar > div:first-child {
  box-shadow: 0em 0.1em 0.3em 0em;
  margin-bottom: 0.25em;
}

/* line 253, calendar/app/assets/stylesheets/calendar_widget2.css.scss */
.widget-calendar-2.w-calendar .event {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}