/* Canceled Event */
.canceled {
  background-color: #900;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-right: .5em;
  padding: .25em .5em;

  -webkit-animation: pulse 2s infinite; /* Safari 4+ */
  -moz-animation:    pulse 2s infinite; /* Fx 5+ */
  -o-animation:      pulse 2s infinite; /* Opera 12+ */
  animation:         pulse 2s infinite; /* IE 10+ */
}

@-webkit-keyframes pulse {
  0%, 100% {background-color: #800;}
  50% {background-color: #d00;}
}
@-moz-keyframes pulse {
  0%, 100% {background-color: #800;}
  50% {background-color: #d00;}
}
@-o-keyframes pulse {
  0%, 100% {background-color: #800;}
  50% {background-color: #d00;}
}
@keyframes pulse {
  0%, 100% {background-color: #800;}
  50% {background-color: #d00;}
}

/* Filters/Legend - filter options & legend for both list and month at a glance (maag) */
#filters {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px 230px 10px 0;
}
.maag #filters { margin: 0; }

#filters *, #filters *:before, #filters *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

#filters .filters-showing {
  display: inline-block;
  margin: 0 10px 10px 0;
}

#filters .filters-icons {
  display: inline-block;
  margin-bottom: 10px;
  white-space: nowrap;
}

#filters .filters-icons a {
  margin-left: 15px;
}
#filters .filters-icons a:first-child { margin-left: 0; }

#filters .filters-options {
  margin: 0 0 10px;
}

#filters p {
  margin: 0 0 5px;
}

#filters .filters-options-col {
  float: left;
  padding-right: 10px;
  width: 33.33333%;
}
.maag #filters .filters-options-col {
  margin-bottom: 10px;
  width: 100%;
}

#filters .filters-options-col > label {
  display: block;
}

#filters .filters-options-col select, #filters .filters-options-col input[type="text"] {
  width: 100%;
}

#filters .filters-buttons {
  margin: 10px 0;
}

#filters .filters-buttons button {
  margin-right: 10px;
  padding: 2px 6px;
}
.maag #filters .filters-buttons button {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

#filters .filters-legend {
  margin: 0 0 10px;
}

#filters .filters-legend-col {
  float: left;
  margin-bottom: 5px;
  width: 50%;
}
#filters .filters-legend-col:nth-child(2n+1) { clear: left; }

.maag #filters .filters-legend-col {
  width: 100%;
}

#filters .filters-legend-name {
  border: 1px solid #ccc;
  border-left-width: 45px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin-right: 5px;
  padding: 5px;
}

#filters .filters-legend-disclaimer {
  color: #777;
  clear: left;
  float: left;
  font-size: 12px;
  margin-top: 5px;
}

@media only screen and (min-width : 20em) { /* 320px */
  .maag #filters .filters-legend-col {
    width: 50%;
  }
}

@media only screen and (min-width : 48em) { /* 768px */
  .maag #filters .filters-legend-col {
    width: 33.33333%;
  }
  .maag #filters .filters-legend-col:nth-child(2n+1) { clear: none; }
  .maag #filters .filters-legend-col:nth-child(3n+1) { clear: left; }

  .maag #filters .filters-options-col {
    margin-bottom: 0;
    width: 33.33333%;
  }

  .maag #filters .filters-buttons button {
    display: inline;
    width: auto;
  }
}

@media only screen and (min-width : 56.25em) { /* 900px */
  .maag #filters .filters-legend-col {
    width: 25%;
  }
  .maag #filters .filters-legend-col:nth-child(3n+1) { clear: none; }
  .maag #filters .filters-legend-col:nth-child(4n+1) { clear: left; }
}

@media only screen and (min-width : 68.75em) { /* 1100px */
  .maag #filters .filters-legend-col {
    width: 20%;
  }
  .maag #filters .filters-legend-col:nth-child(4n+1) { clear: none; }
  .maag #filters .filters-legend-col:nth-child(5n+1) { clear: left; }
}