/*!
   * Bootstrap Datetime Picker v4.17.49
   * Copyright 2015-2020 Jonathan Peterson
   * Licensed under MIT (https://github.com/Eonasdan/bootstrap-datetimepicker/blob/master/LICENSE)
   */
.bootstrap-datetimepicker-widget {
  list-style: none
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em
  }
}

@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em
  }
}

@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px
}

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eee
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777
}

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #eee;
  cursor: pointer
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #777
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eee
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px
}

.bootstrap-datetimepicker-widget.wider {
  width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important
}

.input-group.date .input-group-addon {
  cursor: pointer
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}


span.multiselect-native-select {
  position: relative
}

span.multiselect-native-select select {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px -1px -1px -3px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  left: 50%;
  top: 30px
}

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.multiselect-container .input-group {
  margin: 5px
}

.multiselect-container > li {
  padding: 0
}

.multiselect-container > li > a.multiselect-all label {
  font-weight: 700
}

.multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700
}

.multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer
}

.multiselect-container > li > a {
  padding: 0
}

.multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 20px 3px 40px
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
  margin: 0
}

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0
}


/* stylelint-disable */

/* Overall wrapper */
.monthly {
    color: #545454;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    padding-bottom: 45px;
}

/* Top bar containing title, navigation, and buttons */
.monthly-header {
    position: relative;
    text-align: center;
    padding: 0.5em;
    background: #fff;
    height: 3em;
    box-sizing: border-box;
    padding-bottom: 50px;
}
/* Center area of top bar containing title and buttons */
.monthly-header-title {
    text-transform: uppercase;
}

/* Buttons for reverting to "today", and closing event list */
.monthly-header-title a:link,
.monthly-header-title a:visited {
    display: inline-block;
    border: 1px solid #ccc;
    color: #545454;
    text-decoration: none;
    line-height: 1em;
    padding: 7px 0.65em 7px 0.65em;
    box-sizing: border-box;
    transition: background .1s;
}
/* Add some roundy-ness */

.monthly-header-title a:hover {
    background: #8b8b8b;
    border: 1px solid #8b8b8b;
    color: #fff;
}
.monthly-header-title a:active {
    background: #222;
    border: 1px solid #222;
    transition: none;
}
/* current month/yr block */
.monthly-header-title-date,
.monthly-header-title-date:hover {
    background: #eee!important;
    border: 1px solid #ccc!important;
    color: #545454!important;
    cursor: default;
}
/* Button to reset to current month */
.monthly-reset {
    border-left: 0!important;
}
.monthly-reset::before {
    content: '\21BB';
    margin-right: 0.25em;
}
/* Button to return to month view */
.monthly-cal {
    border-right: 0!important;
}
.monthly-cal::before {
    content: '\2637';
    margin-right: 0.25em;
}

/* wrapper for left/right buttons to make the clickable area bigger */
.monthly-prev,
.monthly-next {
    position: absolute;
    top: 0;
    width: 3em;
    height: 100%;
    opacity: .5;
    height: 40px;
    display: inline-block;
}
.monthly-prev {
    left: 0;
}
.monthly-next {
    right: 0;
}
.monthly-prev:hover,
.monthly-next:hover {
    opacity: 1;
}

/* Arrows */
.monthly-prev .icon:before,
.monthly-next .icon:before {
    position: absolute;
    color: #222;
    top: 13px;
    right: 0px;
    width: 15px;
    height: 20px;
    font-size: 20px;
}
/* Left Arrow */
.monthly-prev .icon:before{
    left: -5px;
}

/* Day of the week headings */
.monthly-day-title-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #EBEBEB;
}
.monthly-day-title-wrap div {
    width: 14.28%!important;
    display: table-cell;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

/* Calendar days wrapper */
.monthly-day-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
}
.monthly-week {
    display: table-row;
    width: 100%;
}
/* Calendar Days */
.monthly-day, .monthly-day-blank {
    width: 14.28%!important;
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    color: inherit;
    background: #fff;
    box-shadow: 0 0 0 1px #EBEBEB;
    -webkit-transition: .25s;
    transition: .25s;
    padding: 0;
    text-decoration: none;
}

/* Trick to make the days' width equal their height */
.monthly-day:before {
    content: '';
    display: block;
    padding-top: 100%;
    float: left;
}

/* Hover effect for non event calendar days */
.monthly-day-wrap > a:hover {
    background: #A1C2E3;
}

/* Days that are part of previous or next month */
.monthly-day-blank {
    background: #F3F3F5;
}

/* Event calendar day number styles */
.monthly-day-event > .monthly-day-number {
    position: absolute;
    line-height: 1em;
    top: 0.2em;
    left: 0.25em;
}

/* Non-Event calendar day number styles */
.monthly-day-pick > .monthly-indicator-wrap {
    margin: 0;
}

.monthly-day-pick > .monthly-day-number:before,
.monthly-day-pick > .monthly-day-number:after {
    content: '';
    display: block;
    padding-top: calc(50% - 0.8em);
    width: 0;
    height: 0;
}

/* Days in the past in "picker" mode */
.monthly-past-day:after{
    content: '';
    width: 150%;
    height: 2px;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
}
.monthly-past-day:hover {
    background: #fff!important;
}

/* Current day style */
.monthly-today .monthly-day-number {
    color: #FFF;
    background: #EA6565;
    border-radius: 0.75em;
    top: 0.08em;
    left: 0.05em;
    font-size: 0.9em;
    padding: 0;
    width: 1.45em;
    height: 1.45em;
    line-height: 1.45em;
    text-align: center;
}
.monthly-day-pick.monthly-today .monthly-day-number {
    padding: 0.15em;
    margin: calc(50% - 0.7em) auto auto auto;
    font-size: 1em;
}

/* Wrapper around events */
.monthly-indicator-wrap {
    position: relative;
    text-align: center;
    line-height: 0;
    max-width: 1.5em;
    margin: 0 auto;
    padding-top: 1.2em;
}

/* Event indicator dots */
.monthly-day .monthly-event-indicator {
    display: inline-block;
    margin: 0.05em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.25em;
    vertical-align: middle;
    background: #7BA7CE;
}

.monthly-day .monthly-event-indicator span {
    color: transparent;
}

.monthly-day .monthly-event-indicator:hover {
    cursor: pointer;
}
/* Listing of events under calendar */
.monthly-event-list {
    background: rgba(233, 235, 236, 1);
    padding-top: 60px;
    padding-bottom: 45px;
    overflow: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: none;
    -webkit-transition: .25s;
    transition: .25s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.monthly-cal-close-btn {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: 20px;
}
.monthly-cal.monthly-cal-close-btn:before,
.monthly-cal.monthly-cal-close-btn:after {
    content: "";
}

/* Days in Events List */
.monthly-list-item {
    position: relative;
    padding: 0.5em 0.7em 0.25em 4em;
    display: none;
    border-top: 1px solid #D6D6D6;
    text-align: left;
}

.monthly-list-item:after{
    padding: 0.4em 1em;
    display: block;
    margin-bottom: 0.5em;
}

.monthly-event-list .monthly-today .monthly-event-list-date {
    color: #EA6565;
}

/* Events in Events List */
.monthly-event-list .listed-event {
    display: block;
    color: #fff;
    padding: 0.4em 1em;
    border-radius: 0.2em;
    margin-bottom: 0.5em;
}

.monthly-list-item a:link, .monthly-list-item a:visited {
    text-decoration: none;
}

.item-has-event {
    display: block;
}

.item-has-event:after{
    display: none!important;
}

.monthly-event-list-date {
    width: 4em;
    position: absolute;
    left: 0;
    top: 1.2em;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
}

.monthly-list-time-start,
.monthly-list-time-end {
    font-size: .8em;
    display: inline-block;
}
.monthly-list-time-end:not(:empty):before {
    content: '\2013';
    padding: 0 2px;
}

/* Events List custom webkit scrollbar */
.monthly-event-list::-webkit-scrollbar {width: 0.75em;}

/* Track */
.monthly-event-list::-webkit-scrollbar-track {background: none;}

/* Handle */
.monthly-event-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border: 1px solid #E9EBEC;
    border-radius: 0.5em;
}
.monthly-event-list::-webkit-scrollbar-thumb:hover {background: #555;}

/* Language-specific. Default is English. */
.monthly-reset:after		{ content: 'Today'; }
.monthly-cal:after			{ content: 'Month'; }
.monthly-list-item:after	{ content: 'No Events'; }

.monthly-locale-de .monthly-reset:after		{ content: 'Heute'; }
.monthly-locale-de .monthly-cal:after			{ content: ''; }
.monthly-locale-de .monthly-list-item:after	{ content: 'Keine Daten'; }

.monthly-locale-it .monthly-reset:after		{ content: 'Oggi'; }
.monthly-locale-it .monthly-cal:after			{ content: ''; }
.monthly-locale-it .monthly-list-item:after	{ content: 'Non ci sono dati'; }

.monthly-locale-fr .monthly-reset:after		{ content: "aujourd'hui"; }
.monthly-locale-fr .monthly-cal:after		{ content: "mois"; }
.monthly-locale-fr .monthly-list-item:after	{ content: 'aucun événement'; }


/*
Calendar shows event titles if the device width allows for at least 3em per day (rounded
up to 25em total). This assumes the calendar font is close to the baseline font size and
the calendar takes up close to the full media width as the window is made smaller or the
font is zoomed. If one or both of these is not true, this will need to be overridden by
a layout-specific width, or you will need to use a library like css-element-queries to
establish the rules based on the calendar element width rather than the device width.
*/
@media (min-width: 768px) {
    .monthly-day-event {
        padding-top: 1.3em;
    }
    .monthly-day-event > .monthly-indicator-wrap {
        width: auto;
        max-width: none;
    }
    .monthly-indicator-wrap {
        padding: 0;
    }
    .monthly-day:before {
        padding-top: calc(100% - 1.2em);
    }
    .monthly-day .monthly-event-indicator {
        display: block;
        margin: 0 0 1px 0;
        width: auto;
        height: 1.5em;
        line-height: 1.2em;
        padding: 0.125em 0 0.1em 0.125em;
        border-radius: 0;
        overflow: hidden;
        background-color: #333;
        color: #333;
        text-decoration: none;
        white-space: nowrap;
        box-sizing: border-box;
    }
    .monthly-day .monthly-event-indicator.monthly-event-continued {
        box-shadow: -1px 0 0 0;
    }
    .monthly-day .monthly-event-indicator span {
        display: block;
        width: auto;
        margin: 0;
        color: #fff;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}