/* Your app styles here */

/* Left Panel right border when it is visible by breakpoint */
.panel-left.panel-in-breakpoint:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}

.panel-left.panel-in-breakpoint ~ .view .navbar .panel-open[data-panel="left"] { 
  display: none; 
}

/*
  Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
*/
.ios .panel-left:not(.panel-in-breakpoint).panel-in ~ .view-main:before,
.ios .panel-left:not(.panel-in-breakpoint).panel-closing ~ .view-main:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}

/* Expandable Cards */
.card.card-expandable {
    height: 285px;
    margin-top:15px;
}

.card.card-expandable .card-opened-fade-out-absolute {
  background-color: #fffffff0;
}

.card .card-header {
  color: #3a3838;
  font-size:20px;
  margin-top:10px;
}

.calendar-day.calendar-day-selected .calendar-day-number {
  background-color: #008000d1;
  color:white;
  font-weight:600;
}

.calendar  .toolbar {
  background-color:lightgrey;
}

a.item-content.active-location {
  background: #1f1e1ec4 !important;
}

.item-content.region.active-location {
  background: lightgreen !important;
}