.neo_events ol,
.neo_events ul {
  list-style: none
}


.neo_events a {
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  text-decoration: none;
  outline: 0
}


.neo_events button {
  background: rgba(0, 0, 0, 0);
  outline: 0;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  padding: 5px;
}

.neo_events * {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

/* neo_events */
.neo_events #returnToWeek,
.neo_events #returnToMonth {
  display: none
}

.neo_events #returnToWeek._show,
.neo_events #returnToMonth._show {
  display: inline-block
}


.neo_events > div > div .toggle_btn > svg,
.neo_events > div > div .toggle_btn > img {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}

.neo_events > div > div .toggle_btn._active {
  background: var(--event-color-secondary, #cccccc);
}

.neo_events .search {
  background: var(--event-color-primary, #888888);
  padding: 50px;
  display: none
}


.neo_events .search .calendar-header {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}



.neo_events .search > div > div > * {
  display: inline-block
}

.neo_events .search > div > div:nth-of-type(1) > div > p {
  font-size: 22px
}

.neo_events .search > div > div:nth-of-type(1) > div > * {
  margin-right: 20px
}

.neo_events .search > div > div:nth-of-type(1) > div > button {
  padding: 0px
}

.neo_events .search > div > div:nth-of-type(1) > div > button:disabled {
  opacity: .5;
  cursor: default
}

.neo_events .search > div > div:nth-of-type(1) > button {
  font-size: 16px;
  padding: 0px
}

.neo_events .search > div > div:nth-of-type(2) {
  float: right
}

.neo_events .search > div > div:nth-of-type(2) > * {
  margin-left: 20px
}

.neo_events .search > div > div:nth-of-type(2) > button {
  font-size: 14px;
  font-weight: bold
}

.neo_events .search > div > div:nth-of-type(2) > button > img {
  margin-left: 15px
}

.neo_events .search > div > div:nth-of-type(2) > div > input {
  background: none;
  outline: none;
  border: none;
  border-bottom: 1px solid var(--event-color-text, #000000);
  line-height: 1.5rem
}

.neo_events .search > div > div:nth-of-type(2) > div > input::-moz-placeholder {
  color: var(--event-color-primary, #888888)
}

.neo_events .search > div > div:nth-of-type(2) > div > input::placeholder {
  color: var(--event-color-primary, #888888)
}

.neo_events .search > div > div:nth-of-type(2) > div > input + img,
.neo_events .search > div > div:nth-of-type(2) > div > input + svg {
  margin-left: 0px;
  height: 1.5rem;
  transform: translate(-100%, 30%)
}

.neo_events .search > ul {
  display: flex;
  flex-wrap: wrap
}

.neo_events .search > ul > li {
  width: calc(14.2857142857% - 7px);
  margin-right: 7px;
  font-size: 18px;
  opacity: .5
}

.neo_events .search > ul > li.selectable {
  opacity: 1
}

.neo_events .search > ul > li.selected-date > button {
  border-bottom: 6px solid var(--event-color-secondary, #cccccc)
}

.neo_events .search > ul > li > button {
  padding: 0 0 20px 0;
  width: -moz-fit-content;
  width: fit-content;
  font-size: inherit;
  font-family: inherit;
  text-align: left
}

.neo_events .search > ul > li > button:disabled {
  cursor: default;
  color: inherit
}

.neo_events .search > ul > li > button > .day {
  font-size: 14px;
  font-weight: bold
}

.neo_events span.event_count {
  text-align: center;
  background: var(--event-color-accent, #f8f8f8);
  color: var(--event-color-primary, #888888);
  font-size: 10px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-left: 3px;
  display: none
}

.neo_events span.event_count._show {
  display: inline-block
}

.neo_events .search > ul._monthly > li {
  opacity: 1;
  margin-right: 0;
  padding-left: 7px;
  width: 14.2857142857%;
  pointer-events: none
}

.neo_events .search > ul._monthly > li:not(._weekday) {
  height: 0;
  padding-bottom: 14.2857142857%;
  border-right: 1px solid var(--event-color-secondary, #cccccc);
  border-bottom: 1px solid var(--event-color-secondary, #cccccc);
  padding-top: 7px;
  position: relative
}

.neo_events .day-event-list {
  position: absolute;
  left: 0;
  top: 40px;
  width: 98%;
  height: calc(100% - 44px);
  overflow: auto;
  padding: 0 4px;
  pointer-events: all
}

.neo_events .day-event-list::-webkit-scrollbar {
  width: 3px
}

.neo_events .day-event-list::-webkit-scrollbar-thumb {
  background: var(--event-color-accent, #f8f8f8);
  border-radius: 2px;
  outline: 0
}

.neo_events .day-event-list::-webkit-scrollbar-track {
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 33%, var(--event-color-secondary, #cccccc) 33%, var(--event-color-secondary, #cccccc) 66%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0))
}

.neo_events .day-event-list > li {
  margin-bottom: 4px;
  background: var(--event-color-light, #ffffff);
  color: var(--event-color-dark, #000000);
  font-size: 12px;
  padding: 9px 12px
}

.neo_events .day-event-list > li .time {
  font-weight: 600
}

.neo_events .search > ul._monthly > li:not(._weekday) .day-event-list > li * {
  color: var(--event-color-dark, #000000)
}

.neo_events .search > ul._monthly > li:not(._weekday) .day-event-list > li:last-of-type {
  margin-bottom: 0
}

.neo_events .search > ul._monthly > li:not(._weekday):nth-child(7n) {
  border-right: 0
}

.neo_events .results._monthly {
  display: none
}

.neo_events .results > .event-count {
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 0px;
  font-size: 14px;
  color: var(--event-color-text, #000000)
}

.neo_events .results > ul {
  text-align: center;
  padding-top: 20px
}

.neo_events .results > ul > li {
  text-align: left;
  border-bottom: 1px solid var(--event-color-light, #ffffff);
  padding: 10px 20px;
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  display: flex;
  flex-wrap: wrap;
  transition: all .35s
}

.neo_events .results > ul > li * {
  transition: all .35s;
  color: var(--event-color-text, #000000);
  fill: var(--event-color-text, #000000)
}

.neo_events .results > ul > li > div {
  width: 25%;
  padding: 0 1.5vw
}

.neo_events .results > ul > li > div:not(.actions) {
  display: flex;
  align-items: center
}

.neo_events .results > ul > li > div.details {
  font-weight: bold
}

.neo_events .results > ul > li > div.details > .event-type {
  font-size: 10px;
  padding: 10px 20px;
  display: block;
  color: var(--event-color-dark, #000000);
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  border-radius: 1px;
  margin-top: 10px
}

.neo_events .results > ul > li > div.name {
  font-size: 22px;
  width: 50%;
}

.neo_events .results > ul > li > div.actions > button {
  font-size: 14px;
  margin: 20px 0px;
  cursor: pointer;
  display: block;
  text-align: left
}

.neo_events .results > ul > li > div.actions > button > svg {
  width: 14px;
  margin-right: 6px
}

.neo_events .results > ul > li > div.actions > button.copy-data {
  position: relative
}

.neo_events .results > ul > li > div.actions > button.copy-data:after {
  display: none;
  content: "Copied to Clipboard";
  position: absolute;
  left: calc(100% + 20px);
  top: 50%;
  text-transform: uppercase;
  background: var(--event-color-accent, #f8f8f8);
  color: var(--event-color-dark, #000000);
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
  border-radius: 10px;
  padding: 4px;
  line-height: 1;
  transform: translateY(-50%)
}

.neo_events .results > ul > li > div.actions > button.copy-data._copied:after {
  display: block
}

.neo_events .results > ul > li:hover {
  background: var(--event-color-primary, #888888);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.neo_events .results > ul > li:hover * {
  color: var(--event-color-light, #ffffff);
  fill: var(--event-color-light, #ffffff)
}


@media screen and (max-width: 1280px) {
  .neo_events .search > div > div {
    width: 100%;
    margin-bottom: 10px
  }

  .neo_events .search > div > div:nth-of-type(2) {
    margin-bottom: 30px
  }

  .neo_events .search > div > div:nth-of-type(2) > *:first-child {
    margin-left: 0px;
    padding-left: 0px
  }

  .neo_events .search > ul {
    width: 100%
  }
}

@media screen and (max-width: 1080px) {

  .neo_events .search > ul._monthly > li {
    pointer-events: auto
  }

  .neo_events .search > ul._monthly > li > div {
    width: 100%
  }

  .neo_events .results._monthly {
    display: block
  }

  .neo_events .search > ul._weekly > li {
    font-size: 0px !important
  }

  .neo_events .search > ul._weekly > li > button > div.day > span:not(.event_count) {
    font-size: 0
  }

  .neo_events .search > ul._weekly > li > button > div.day > span:not(.event_count)::before {
    font-size: 14px;
    content: attr(data-weekletter)
  }

  .neo_events .search > ul._monthly > li {
    padding-top: 0 !important;
    padding-left: 0 !important;
    text-align: center;
    line-height: 200%;
    opacity: .5 !important
  }

  .neo_events .search > ul._monthly > li.selectable,
  .neo_events .search > ul._monthly > li._weekday {
    opacity: 1 !important
  }

  .neo_events .search > ul._monthly > li.selected-date:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 100%;
    background: var(--event-color-secondary, #cccccc)
  }

  .neo_events .search > ul._monthly > li .day-event-list {
    display: none
  }

  .neo_events .search > ul._monthly > li > div > div.day > span:not(.event_count) {
    font-size: 0
  }

  .neo_events .search > ul._monthly > li > div > div.day > span:not(.event_count)::before {
    font-size: 14px;
    content: attr(data-weekletter)
  }

  .neo_events .results > ul > li > div {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }

  .neo_events .results > ul > li > div:not(:last-child) {
    margin-bottom: 30px !important
  }

  .neo_events .results > ul > li > div > * {
    margin-bottom: 0px !important;
    margin-top: 0px !important
  }

  .neo_events .results > ul > li > div > *.event-type {
    margin-left: 30px
  }

  .neo_events .results > ul > li > div.actions button {
    margin-right: 30px !important
  }
}


@media screen and (max-width: 840px) {

  .neo_events .search .calendar-header #returnToWeek {
    margin-top: 10px;
    width: 100%;
    text-align: left
  }

}

@media screen and (max-width: 640px) {

  .neo_events .results > ul > li {
    padding: 20px 20px !important
  }

  .neo_events .results > ul > li > div > *.event-type {
    margin-left: 0px !important;
    margin-top: 10px !important
  }

  .neo_events .search > div > div:nth-child(1) > p,
  .neo_events .search > div > div:nth-child(1) a {
    display: block
  }

  .neo_events .search > div > div:nth-child(1) > svg {
    margin-bottom: 10px;
    margin-top: 10px
  }

  .neo_events .search > div > div:nth-child(2) > button {
    margin-right: 20px
  }

  .neo_events .search > div > div:nth-child(2) > div {
    margin-left: 0px !important
  }

  .neo_events .search > div > div:nth-child(2) > div > input {
    width: 120px
  }
}

@media screen and (max-width: 600px) {

  .neo_events .search .calendar-header .calendar-nav {
    margin-top: 10px;
    width: 100%
  }

  .neo_events .results > ul > li {
    padding-left: 0px !important;
    padding-right: 0px !important
  }

  .neo_events .results > ul > li:hover {
    background: none !important;
    border-radius: 0px !important
  }

  .neo_events .results > ul > li:hover > div {
    /* color: var(--event-color-text, #000000) !important;
    fill: var(--event-color-text, #000000) !important */
  }

  .neo_events .results > ul > li:hover > div * {
    /* color: var(--event-color-text, #000000) !important;
    fill: var(--event-color-text, #000000) !important */
  }

  .neo_events .results > ul > li > div {
    padding-left: 0px !important
  }

}

@media screen and (max-width: 540px) {

  .neo_events .search {
    padding: 30px !important
  }

  .neo_events .search > .calendar-header > div > .calendar-month > .date {
    font-size: 18px;
    margin-right: 0px
  }

  .neo_events .search > .calendar-grid > li {
    margin-right: auto;
    width: auto
  }

  .neo_events .search > .calendar-grid > li.selected-date > button {
    border-bottom: 3px solid var(--event-color-secondary, #cccccc)
  }

  .neo_events .search > .calendar-grid > li > button {
    padding-bottom: 5px
  }

  .neo_events .search > .calendar-grid > li > button .event_count._show {
    display: none !important
  }

  .neo_events .search > ul._monthly > li {
    font-size: 14px
  }

  .neo_events .search > ul._monthly > li.selected-date:after {
    height: 3px
  }

  .neo_events > div > div .toggle_btn {
    margin: 0;
    padding: 8px 10px;
    justify-content: center
  }

  .neo_events > div > div .toggle_btn > svg,
  .neo_events > div > div .toggle_btn > img {
    margin-right: 0;
    margin-bottom: 6px;
    width: 100%
  }

}

@media screen and (max-width: 420px) {


  .neo_events .results > ul > li > div:not(.actions) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start
  }

  .neo_events .search > .calendar-header > div > .calendar-month > .date {
    font-size: 16px
  }

  .neo_events .search {
    padding: 20px !important
  }
}