.secutix-calendar, .secutix-calendar a, .secutix-calendar td, .secutix-calendar p {
	  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;	
}

.secutix-calendar {
  max-width: 1200px !important;
  border-radius: 5px;
}

/** remove p with css **/
.tickets_filters p, #calendar-secutix > div > div > div > div.calendar_left > div > div.calendar-months > div.calendar-outer > p, #calendar-secutix > div > div > div > div.calendar_left > div > div.calendar-months > p, #calendar-secutix > div > div > div > div.calendar_left > div > p{
	display: none;
}

.secutix-calendar.tickets {
	gap:0!important;
}

.secutix-calendar .calendar-outer {
  position: relative;
}
.secutix-calendar .calendar-inner {
  display: flex;
  font-size: .85rem;
}
.secutix-calendar table {
  table-layout: fixed;
  width: 100%;
  border:0!important;
  margin-bottom: 0!important;
}
.secutix-calendar table.calendar-current {
  margin-right: .5rem;
}
.secutix-calendar select[name=month] {
  display: none;
}
.secutix-calendar table td {
  background: #f7f7f7;
  border: 0.2rem solid #fff;
  color: #595959;
  font-size: 1.2rem !important;
  font-weight: 400;
  line-height:2.6rem;
  text-align: center;
  vertical-align: top;
  width: 14%;
  padding:0!important;
  border-top:0!important;	
}
.secutix-calendar table .calendar-title {
  background: #b1191f;
  color: #fff!important;
}

.calendar-title th {
  color: #fff !important;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 1.2rem 3rem;
  text-align: center !important;
  text-transform: uppercase;
}
.secutix-calendar table .calendar-header {
  color: #b1191f;
}

.secutix-calendar table .calendar-header th {
  font-size: 1.2rem;
  font-weight: 700;
  padding: 1rem 0 0.5rem;
  text-align: center !important;
  text-transform: uppercase;
}
.secutix-calendar table td .event {
  margin-bottom: .25rem;
  text-decoration: none;
  line-height: 1.35!important;	
}
.secutix-calendar table .cal-event-box {
  display: flex;
  flex-direction: column;
  height: 40px;
}
/** Niels **/
.message > .loading {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  top: 0px;
  bottom: 0;
  padding-top: 20rem;
  background-color: rgba(0, 0, 0, 0.4);
  color:#fff!important;
  font-size:12px;
  text-align: center;
}
.secutix-calendar table .calendar-title {
  height: 40px;
}
.secutix-calendar table td {
  height: 85px;
}
.secutix-calendar .calendar-filter {
  text-align: center
}

.tickets_filters {
	margin-bottom:2rem;
}

.secutix-calendar .calendar-nav {
  position: relative;
}
.secutix-calendar button.next, .secutix-calendar button.prev {
  border-radius: 50%;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  position: absolute;
    top: 50%;
    transform: translateY(-50%);
  z-index: 8;
  cursor: pointer;
  border: 0;
  width: 2.1rem;	
  height:  2.1rem;
  line-height: 2;
  background-color: #fff;
  top: 1.8rem;
}
.secutix-calendar button.next {
  right: 10px;
}
.secutix-calendar button.next:after {
	
	background-position: top left;
    background-repeat: no-repeat;
    background-size: 0.4rem 1rem;
    content: "";
    height: 0.5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.4rem;
	background-image: url(/wp-content/plugins/secutix-calendar/images/icon_arrow_right.svg);
}
.secutix-calendar button.prev {
  left: 10px;
}
.secutix-calendar button.prev:before {
  background-position: top left;
    background-repeat: no-repeat;
    background-size: 0.4rem 1rem;
    content: "";
    height: 0.5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.4rem;
    background-image: url(/wp-content/plugins/secutix-calendar/images/icon_arrow_left.svg);
}

.secutix-calendar .calendar-months {
	background-color: #fff;
    border-radius: 1.2rem;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.15);
    position: relative;
    width: 100%;
	padding:15px;
}
.secutix-calendar[data-view=searchbar] .calendar-months {
    display: none;
}

.secutix-calendar .button.button--search:before {
    background-image: URL("/wp-content/plugins/secutix-calendar/images/icon_search.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 1.4rem;
    width: 1.4rem;
}

/* legenda */
.secutix-calendar .tickets_months_legenda {
  gap: 1rem;
  justify-content: center;
  padding: 0 1rem 1.5rem 1rem;
  position: relative;
  top: auto;
  display: flex;
  flex-wrap: wrap;
}
.secutix-calendar .tickets_months_legenda .legenda {
  align-items: center;
  border-left: 0.1rem solid #f7f7f7;
  color: #595959;
  display: flex;
  font-size: 1.2rem;
  font-weight: 400;
  gap: 0.5rem;
  padding-left: 0.5rem;
  text-transform: uppercase;
  width: fit-content;
}
.secutix-calendar .tickets_months_legenda .legenda:before {
  content: "";
  height: 1rem;
  width: 1rem;
}
.secutix-calendar .tickets_months_legenda .legenda.legenda--green:before {
  background-color: #15730e;
}
.secutix-calendar .tickets_months_legenda .legenda.legenda--blue:before {
  background-color: #2e98af;
}
.secutix-calendar .tickets_months_legenda .legenda.legenda--orange:before {
  background-color: #f49b3a;
}
.secutix-calendar .tickets_months_legenda .legenda.legenda--red:before {
  background-color: #b1191f;
}
.secutix-calendar .clear-select-filter,
.secutix-calendar .clear-date-filter {
    background: url('/wp-content/plugins/secutix-calendar/images/cross.svg') no-repeat center;  
    border: none;
    display: none;
    margin-left: 1rem;
    width: 20px;
    height: 20px;
    cursor: pointer;
	z-index: 9;
	background-color: #fff;
}
.secutix-calendar select[data-value] + .clear-select-filter,
.secutix-calendar span[data-value] + .clear-date-filter {
    display: inline;
}
.secutix-calendar .select {
    align-items: center;
}

.secutix-calendar .select:after {
    background-image: URL("/wp-content/plugins/secutix-calendar/images/icon_menu_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 0.4rem;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.7rem;
}

/* Styles for mobile view */
@media (max-width: 767px) {
  .secutix-calendar table.calendar-current {
    margin-right: 0;
  }
  .secutix-calendar table.calendar-next {
    display: none;
  }
  .secutix-calendar {
    padding-top: 4%;
  }
	
  .secutix-calendar[data-view=searchbar] {
   margin: 0 15px;
  }	
  @supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    .secutix-calendar .next, .secutix-calendar .prev {
      /*top: 116px*/
    }
    .secutix-calendar .prev:before, .secutix-calendar .next:after {
      background-position: 0px -2px;
    }
  }
  @supports not (-webkit-touch-callout: none) {
    /* CSS for other than iOS devices */
    .secutix-calendar .next, .secutix-calendar .prev {
      /*top: 128px*/
    }
  }
  .secutix-calendar .tickets_months_legenda {
    padding: 0.5rem 1rem;
    gap: 0.7rem;
  }
  .secutix-calendar .tickets_months_legenda .legenda {
    gap: 0.2rem;
    font-size: 1rem;
    padding-left: 0;
  }
  .secutix-calendar table td {
    /*border: 0;*/
  }
  .secutix-calendar table td {
    height: 75px;
  }
  .secutix-calendar .calendar-inner {
    font-size: 0.75rem;
  }
}
/*
 * Override theme styles
 */
@media only screen and (min-width: 1200px) {
  .tickets .tickets_filters {
    grid-template-columns:1fr 1fr 1fr 1fr !important;
  }
  .home .tickets .tickets_filters {
    /*grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr !important;*/
	  grid-template-columns: 1fr 1fr 1fr 1fr!important;
  }
}

/* from old CSS */

.tickets {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.tickets .tickets_filters {
    background-color: #fff;
    border-radius: 1.2rem;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.15);
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    padding: 0 1.2rem;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_filters {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

@media only screen and (min-width: 1200px) {
    .tickets .tickets_filters {
        grid-template-columns:1fr 1fr 1fr 2fr
    }
}

.tickets .tickets_filters .ticket_filter {
    align-items: center;
    display: flex;
    padding: 1.2rem 0;
    width: 100%
}

.tickets .tickets_filters .ticket_filter .ticket_filter_inner {
    align-items: center;
    border-left: 0.1rem solid #d9d9d9;
    display: flex;
    gap: 1rem;
    padding: 0 1rem;
    width: 100%
}

.tickets .tickets_filters .ticket_filter .ticket_filter_inner:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 2rem;
    width: 2rem
}

.tickets .tickets_filters .ticket_filter:nth-child(1), .tickets .tickets_filters .ticket_filter:nth-child(2) {
    border-bottom: 0.1rem solid #d9d9d9
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_filters .ticket_filter:nth-child(1), .tickets .tickets_filters .ticket_filter:nth-child(2) {
        border-bottom: 0
    }
	
	body.home .secutix-calendar[data-view=searchbar] {
	 margin: 0 35px;
	}
}

.tickets .tickets_filters .ticket_filter:last-child .ticket_filter_inner {
    border-right: 0.1rem solid #d9d9d9
}

.tickets .tickets_filters .ticket_filter.ticket_filter--amount .ticket_filter_inner:before {
    background-image: URL("/wp-content/plugins/secutix-calendar/images/icon_person.svg")
}

.tickets .tickets_filters .ticket_filter.ticket_filter--rank .ticket_filter_inner:before {
    background-image: URL("/wp-content/plugins/secutix-calendar/images/icon_rang.svg")
}

.tickets .tickets_filters .ticket_filter.ticket_filter--calendar .ticket_filter_inner:before {
    background-image: URL("/wp-content/plugins/secutix-calendar/images/icon_date.svg")
}

.tickets .tickets_filters .ticket_filter.ticket_filter--time .ticket_filter_inner:before {
    background-image: URL("/wp-content/plugins/secutix-calendar/images/icon_date.svg")
}


.tickets .tickets_filters .ticket_filter.ticket_filter--calendar .ticket_filter_inner .calendar_label {
    align-items: center;
    color: #595959;
    cursor: pointer;
    display: flex;
    font-size: 1.7rem;
    font-weight: 700;
    height: 4rem;
    position: relative;
    width: 100%
}

.tickets .tickets_filters .ticket_filter.ticket_filter--calendar .ticket_filter_inner .calendar_label:after {
    background-image: URL("/wp-content/plugins/secutix-calendar/images/images/icon_menu_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: .4rem;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .7rem
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_filters .ticket_filter.ticket_filter--button {
        padding: 0
    }
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_filters .ticket_filter.ticket_filter--button .ticket_filter_inner {
        border-right: 0;
        justify-content: flex-end;
        padding-right: 0
    }
}

.tickets .tickets_filters .ticket_filter.ticket_filter--button .ticket_filter_inner:before {
    display: none
}

.tickets .tickets_filters .ticket_filter .select, .tickets .tickets_filters .ticket_filter .num_selector, .tickets .tickets_filters .ticket_filter .calendar_label {
    flex: 1
}

.tickets .tickets_filters .ticket_filter .button {
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_filters .ticket_filter .button {
        width: fit-content
    }
}

.tickets .tickets_filters.tickets_filters--small {
    grid-template-columns:1fr  1fr
}

.tickets .tickets_filters.tickets_filters--small .ticket_filter {
    border: 0 !important
}

@media only screen and (min-width: 768px) {
    .tickets .tickets_filters.tickets_filters--small {
        margin: 0 auto;
        max-width: 68.5%
    }
}

.tickets .tickets_months {
    background-color: #fff;
    border-radius: 1.2rem;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.15);
    position: relative;
    width: 100%
}

.tickets .tickets_months .tickets_month_scroller {
    align-items: center;
    display: flex;
    height: 3.9rem;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_month_scroller {
        top: 4.2rem
    }
}

.tickets .tickets_months .tickets_month_scroller a.tickets_month_scroll {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
    height: 2.1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.1rem
}

.tickets .tickets_months .tickets_month_scroller a.tickets_month_scroll:after {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 0.4rem 1rem;
    content: "";
    height: .5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .4rem
}

.tickets .tickets_months .tickets_month_scroller a.tickets_month_scroll.tickets_month_scroll--prev {
    left: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_month_scroller a.tickets_month_scroll.tickets_month_scroll--prev {
        left: 2.5rem
    }
}

.tickets .tickets_months .tickets_month_scroller a.tickets_month_scroll.tickets_month_scroll--prev:after {
    background-image: URL("/wp-content/plugins/secutix-calendar/images/icon_arrow_left.svg")
}

.tickets .tickets_months .tickets_month_scroller a.tickets_month_scroll.tickets_month_scroll--next {
    right: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_month_scroller a.tickets_month_scroll.tickets_month_scroll--next {
        right: 2.5rem
    }
}

.tickets .tickets_months .tickets_month_scroller a.tickets_month_scroll.tickets_month_scroll--next:after {
    background-image: URL("/wp-content/plugins/secutix-calendar/images/icon_arrow_right.svg")
}

.tickets .tickets_months .tickets_months_legenda {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    position: absolute;
    top: 3.9rem
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_months_legenda {
        gap: 1rem;
        justify-content: center;
        padding: 1.5rem 1rem;
        position: relative;
        top: auto
    }
}

.tickets .tickets_months .tickets_months_legenda .legenda {
    align-items: center;
    border-left: 0.1rem solid #f7f7f7;
    color: #595959;
    display: flex;
    font-size: 1.2rem;
    font-weight: 400;
    gap: .5rem;
    padding-left: .5rem;
    text-transform: uppercase;
    width: 50%
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_months_legenda .legenda {
        border-left: 0
    }
}

.tickets .tickets_months .tickets_months_legenda .legenda:nth-child(1), .tickets .tickets_months .tickets_months_legenda .legenda:nth-child(2) {
    padding-bottom: .3rem
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_months_legenda .legenda:nth-child(1), .tickets .tickets_months .tickets_months_legenda .legenda:nth-child(2) {
        padding-bottom: 0
    }
}

.tickets .tickets_months .tickets_months_legenda .legenda:before {
    background-color: black;
    content: "";
    height: 1rem;
    width: 1rem
}

.tickets .tickets_months .tickets_months_legenda .legenda.legenda--green:before {
    background-color: #15730E
}

.tickets .tickets_months .tickets_months_legenda .legenda.legenda--blue:before {
    background-color: #2E98AF
}

.tickets .tickets_months .tickets_months_legenda .legenda.legenda--orange:before {
    background-color: #F49B3A
}

.tickets .tickets_months .tickets_months_legenda .legenda.legenda--red:before {
    background-color: #b1191f
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_months_legenda .legenda {
        width: fit-content
    }
}

.tickets .tickets_months .tickets_months_container {
    display: grid;
    grid-template-columns:1fr;
    gap: .5rem;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_months_container {
        grid-template-columns:1fr 1fr;
        padding: 0 1.5rem 1.5rem 1.5rem
    }
}

.tickets .tickets_months .tickets_months_container .tickets_month {
    display: none;
    flex-direction: column
}

.tickets .tickets_months .tickets_months_container .tickets_month:nth-child(1) {
    display: flex
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_months_container .tickets_month:nth-child(2) {
        display: flex
    }
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_header {
    align-items: center;
    background-color: #b1191f;
    border-radius: 1.2rem 1.2rem 0 0;
    color: #fff;
    display: flex;
    font-size: 1.5rem;
    font-weight: 700;
    justify-content: center;
    padding: 1.2rem 3rem;
    text-transform: uppercase
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_header {
        border-radius: 0
    }
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days {
    padding: 4.7rem 1rem 1rem 1rem
}

@media only screen and (min-width: 1024px) {
    .tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days {
        padding: 0
    }
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table {
    width: 100%
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table th, .tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table td {
    border: 0.2rem solid #fff;
    font-size: 1.2rem;
    margin: .2rem;
    width: calc(100% / 7)
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table thead tr th {
    color: #b1191f;
    font-weight: 700;
    padding-bottom: .5rem;
    padding-top: 1rem;
    text-align: center;
    text-transform: uppercase
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table tbody td {
    background-color: #f7f7f7;
    padding-top: .5rem;
    vertical-align: top
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table tbody td label {
    color: #595959;
    display: block;
    font-weight: 400;
    margin-bottom: .5rem;
    text-align: center
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table tbody td .date {
    border-top: 0.2rem solid #fff;
    display: block;
    padding: .3rem;
    text-align: center;
    text-decoration: none;
    transition: .2s;
    width: 100%
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table tbody td .date.date--green {
    background-color: #15730E;
    color: #fff
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table tbody td .date.date--blue {
    background-color: #2E98AF;
    color: #fff
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table tbody td .date.date--orange {
    background-color: #F49B3A;
    color: #fff
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table tbody td .date.date--red {
    background-color: #b1191f;
    color: #fff
}

.tickets .tickets_months .tickets_months_container .tickets_month .tickets_month_days table tbody td .date:hover {
    background-color: #000
}

.tickets.tickets--fullheight {
    flex: 1
}

.tickets.tickets--fullheight .tickets_months {
    display: flex;
    flex: 1;
    flex-direction: column
}

.tickets.tickets--fullheight .tickets_months .tickets_months_container {
    flex: 1
}

.tickets.tickets--fullheight .tickets_months .tickets_months_container .tickets_month .tickets_month_days {
    flex: 1
}

.tickets.tickets--fullheight .tickets_months .tickets_months_container .tickets_month .tickets_month_days table {
    height: 100%
}

.tickets.tickets--inline {
    gap: 0;
    margin: 0 1.5rem
}

@media only screen and (min-width: 1024px) {
    .tickets.tickets--inline {
        margin: 0 3.5rem
    }
}

.tickets.tickets--inline .tickets_months {
    display: none
}

.tickets.tickets--clone {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 99
}

@media only screen and (min-width: 1024px) {
    .tickets.tickets--clone {
        left: 50%;
        margin: 0;
        max-width: 113rem;
        transform: translate(-50%);
        width: 100%
    }
}

.tickets.tickets--clone .tickets_filters {
    border-radius: 1.2rem 1.2rem 0 0
}

.tickets.tickets--clone .tickets_months {
    display: block;
    border-radius: 0 0 1.2rem 1.2rem
}

.tickets.tickets--clone .tickets_months .tickets_month_header {
    border-radius: 0 !important
}