.CatalogBundleFail {
  display: none;
}
.ui-icon-catalogView,
.ui-icon-catalogView:hover {
  width: 24px;
  height: 24px;
  margin-top: 5px !important;
  margin-left: 5px !important;
  font-size: 0;
}
.EventDetailsGlanceData {
  margin-top: 0.5em;
}
.EventDetailsImage {
  max-height: 200px;
  max-width: 200px;
  margin-bottom: 0.5rem;
}
.EventDetailsGlanceData .GlanceIcon {
  margin-right: 0.5em;
}
.CatalogViewButton {
  height: 35px;
  width: 35px;
  padding: 0;
  opacity: 1 !important;
}
.TypeButtons {
  font-size: 1.2em;
  margin-top: 0.2em;
}
.TypeButtons img {
  width: 1.3rem;
  margin-right: 0.5rem;
}
/*.TypeButtons > text {
			color: blue;
		}*/

.TypeButtons .HoverIcon {
  display: none;
}
.TypeButtons:hover .HoverIcon,
.TypeButtons.ui-state-active .HoverIcon {
  display: inherit;
}
.TypeButtons:hover .Icon,
.TypeButtons.ui-state-active .Icon {
  display: none;
}
/* Tile Row Settings */

.ListContainer hr {
  margin: 0;
}
.ListItem_clear_float {
  clear: both;
  height: 0;
  overflow: hidden;
}
.ListItem_content {
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 5px;
}
.ListItem_content img {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
}
.ListItem_main {
  float: left;
  margin-top: 0;
  margin-left: 5px;
  width: calc(100% - 105px);
}
.ListItem_main a {
  text-decoration: none;
}
.ListItem_main h4 {
  text-decoration: none;
  margin: 0;
  margin-top: -5px;
  margin-bottom: 5px;
  font-size: 1.4em;
}
.ListItem_description {
  margin: 0.5em 0;
}
.ListItem_provider {
  font-size: 12px;
  font-weight: bold;
  float: right;
}
.banner {
  background-color: #3B4FA2;
  color: #FFFFFF;
  font-size: 24px;
  height: 42px;
  padding-left: 30px;
}
.banner:before {
  content: "";
  position: absolute;
  width: 0;
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  border-left: 20px solid #EDEDED;
  margin-left: -30px;
}
/* Used to make the categories filter box auto, instead of be the height of the largest one*/

.ui-accordion-content-active {
  height: auto !important;
}
.resultsTypeIcon {
  display: inline-block;
  text-indent: -9999px;
  /* hides the link text */
  width: 30px;
  height: 30px;
  padding: 0;
  border-width: 0;
}
.iconButtonGrid24 {
  background: url(/Media/Icons/White/Mini/Grid24.png) no-repeat;
  /* no-repeat top left;*/

}
.iconButtonList24 {
  background: url(/Media/Icons/White/Mini/List24.png) no-repeat;
  /* no-repeat top left;*/

}
.iconButton {
  width: 30px;
  height: 30px;
  position: absolute;
  /* top: 50%; */
  /* left: 50%; */
  margin-top: -11px;
  margin-left: -12px;
  /*background-size: 30px 30px;
			width: 30px;
			height: 30px;*/

}
.banner {
  background-color: #3B4FA2;
  color: #FFFFFF;
  font-size: 24px;
  height: 42px;
  padding-left: 30px;
}
.banner:before {
  content: "";
  position: absolute;
  width: 0;
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  border-left: 20px solid #EDEDED;
  margin-left: -30px;
}
/* Calendar Styles - WILL NEED TO GO IN LESS FILE */

.DayMore {
  text-align: center;
  margin-top: 0.5em;
}
#Calendar .Box:hover .DayMore span {
  text-decoration: underline;
}
#Calendar .Overflow {
  display: none;
}
#Calendar .Week {
  clear: both;
}
#Calendar .WeekMax .Overflow {
  display: inherit !important;
}
#Calendar .Weekday {
  text-overflow: clip;
  overflow-x: hidden;
}
#Calendar .WeekToggle {
  height: 100%;
  padding-right: 0 !important;
  width: 100%;
}
#Calendar .WeekToggleBox,
.WeekToggleBoxHeader {
  width: 3.5%;
  float: left;
  margin: 0.25%;
  transition: 1s ease;
}
#Calendar .WeekToggleBox {
  height: 8.5em;
}
#Calendar .WeekMin > .Day,
.WeekMin > .WeekToggleBox {
  height: 2em !important;
}
.WeekMin .Events,
.WeekMin .DayMore,
.WeekMax .DayMore {
  display: none !important;
}
#Calendar .WeekMax > .Day,
.WeekMax > .WeekToggleBox {
  height: 38em !important;
}
#Calendar .DayMin > div.Events {
  display: none !important;
}
#Calendar .DayMax > .DayMore {
  display: none !important;
}
#Calendar .WeekDayName {
  height: 100%;
  width: 100%;
}
#Calendar .DayMin > .WeekDayName {
  display: none;
}
#Calendar .DayMin > span.WeekDayAbb {
  display: inherit !important;
}
/*#Calendar .DayNavBox {
			width: 15%;
			height: 35.8em;
		}*/

#Calendar .DayNavButton {
  width: 11.5%;
  height: 38em;
}
.SectionDetailsGlanceData .GlanceIcon {
  margin-right: 0.5em;
}
.Item .EnrolledIcon {
  margin-right: -0.2em;
}
.Item.ItemEnrolled .EnrolledIcon {
  display: inline-block !important;
}
.Tile {
  height: 150px !important;
  width: 150px !important;
  font-size: 0.75rem;
}
.Tile h3 {
  font-size: 1.31em;
}
#CreateCatalogSubscriptionContainer {
  float: left;
  width: 28em;
  display: inline-block;
  overflow: hidden;
  transition: 1s ease;
  height: 35px;
  position: relative;
}
.HideCreateCatalogSubscription {
  width: 0 !important;
}
/******************************************************************************
*	Calendar styles
******************************************************************************/

#Calendar .Box {
  float: left;
  width: 13.2%;
  margin: 0.25%;
  background-color: #F7f7f7;
  color: #363636;
  transition: height 1s ease, width 1s ease;
  position: relative;
}
@media (max-width: 600px) {
  #Calendar .Box {
    width: 13.6%;
  }
}
#Calendar .DayMin {
  width: 5% !important;
}
@media (max-width: 600px) {
  #Calendar .DayMin {
    width: 7.5% !important;
  }
}
#Calendar .DayMax {
  width: 62.5% !important;
}
@media (max-width: 600px) {
  #Calendar .DayMax {
    width: 51.5% !important;
  }
}
#Calendar .Selected .FullHide {
  color: #363636 !important;
  background: #CCD397 !important;
}
#Calendar .ItemHover {
  background-color: #CCD397 !important;
  color: #363636 !important;
}
#Calendar .DayHover.DayMin {
  color: #CCD397 !important;
}
#Calendar .DayHover .DayMore {
  display: none;
}
/*#Calendar .DayMin.HasItems .DateBox {
	border-bottom: @PrimaryBackground 0.3em solid;
	padding-bottom: 0em;
}*/

#Calendar .Day {
  height: 8.5em;
  cursor: pointer;
}
#Calendar .Weekday {
  text-align: center;
  font-size: 1.15em;
}
#Calendar .DateBox {
  padding: 0.3em;
  font-weight: bolder;
}
#Calendar .Box:hover .DateBox {
  text-decoration: underline;
}
#Calendar .Today .DateBox {
  color: #B2BB1C;
}
.OutOfMonth {
  /* background-color: inherit !important;*/
  opacity: 0.5;
}
.OutOfMonth:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.Past .Events .Item {
  opacity: 0.5 !important;
}
#Calendar .Events {
  position: relative;
  z-index: 1;
  overflow-y: hidden;
}
#Calendar .DayMax .Events,
#Calendar .WeekMax .Events {
  overflow-y: auto !important;
  height: 35.8em;
}
#Calendar .Events .Item {
  border: 1px solid #B7B7B7;
  width: 100%;
  box-sizing: border-box;
  background-color: #B2BB1C;
  color: #363636;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.2em;
}
#Calendar .Events .Item:hover {
  background-color: #CCD397;
  color: #363636;
}
#EventDetailsDialog .Sections {
  clear: both;
  box-sizing: border-box;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-size: 0.9em;
  background-color: #EFEEE6;
  color: #363636;
  margin-left: -1.1em;
  border-left: #B2BB1C solid 0.5em;
  margin-top: 0.5em;
  margin-right: -1.12em;
  max-height: 15.4em;
  overflow-y: auto;
}
@media (max-width: 600px) {
  #EventDetailsDialog .Sections {
    max-height: none;
  }
}
#EventDetailsDialog .EventDetailsSection {
  cursor: pointer;
}
#EventDetailsDialog .EventDetailsSection:hover {
  background-color: #CCD397;
  color: #363636;
}
/******************************************************************************
	Catalog Schedule view classes
******************************************************************************/

#CatalogResults .ScheduleRow {
  margin: 1.5em;
}
#CatalogResults .ScheduleDayBox {
  width: 8%;
  float: left;
}
#CatalogResults .ScheduleMonth {
  padding-right: 0.5em;
  color: #363636;
  background-color: #CCD397;
  float: right;
  width: 3em;
  margin-right: 2px;
  text-align: right;
  font-weight: bold;
}
#CatalogResults .ScheduleDay {
  font-size: 2.5em;
  font-weight: bold;
  font-style: italic;
  padding-right: 0.2em;
  color: #363636;
  background-color: #B2BB1C;
  float: right;
  clear: both;
  width: 1.2em;
  text-align: right;
  margin: 2px;
}
#CatalogResults .ScheduleRow.Today > .ScheduleItemsBox {
  border-left-color: #CCD397;
}
#CatalogResults .ScheduleItemsBox {
  border-left: #B2BB1C solid 0.3em;
  width: 90%;
  padding-left: 0.2em;
  float: left;
  min-height: 4em;
}
#CatalogResults .ScheduleItem {
  border: 1px solid #B7B7B7;
  width: 100%;
  box-sizing: border-box;
  background-color: #F7f7f7;
  color: #363636;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5em;
  margin: 4px;
  cursor: pointer;
}
#CatalogResults .ScheduleItem .ScheduleItemName {
  font-weight: bolder;
}
#CatalogResults .ScheduleItem .ScheduleItemDateRange {
  font-size: 0.9em;
}
#CatalogResults .ScheduleItem .ScheduleItemEnrollment {
  font-size: 0.9em;
}
#CatalogResults .ScheduleItem .ScheduleItemLocation {
  font-size: 0.9em;
}
#CatalogResults .ScheduleItem.ItemHover {
  background-color: #CCD397;
  color: #363636;
}
/*#CatalogResults .ScheduleRow.PreviousDay > .ScheduleItemsBox > .ScheduleItem
, .ScheduleRow.PreviousDay {
	opacity: 0.5 !important;
}*/

#CatalogResults .ScheduleRow.PreviousDay {
  opacity: 0.5 !important;
}
/* SECTION DETAILS DIALOG */

#LocationFullAddress,
#LocationTelephone,
#LocationWebsiteUrl,
#MapUrl {
  font-style: italic;
  font-size: 0.9em;
}
#SectionDetailsDialog .Schedules,
#CourseDetailsDialog .Schedules {
  clear: both;
  box-sizing: border-box;
  padding-top: 0.6em;
  font-size: 0.9em;
  background-color: #EFEEE6;
  color: #363636;
  margin-left: -1.1em;
  padding-bottom: 0.4em;
  padding-left: 2em;
  border-left: #B2BB1C solid 0.5em;
  margin-top: 0.5em;
  margin-right: -1.12em;
  max-height: 12em;
  overflow-y: auto;
}
@media (max-width: 600px) {
  #SectionDetailsDialog .Schedules,
  #CourseDetailsDialog .Schedules {
    max-height: none;
  }
}
.DialogTitleBarButton {
  right: 1.8em !important;
}
.SectionDetailsGlanceData {
  margin-top: 0.5em;
}
.SectionDetailsImage {
  max-height: 200px;
  max-width: 200px;
}
/*********************************************************/

/* Shift filters to left side of screen */

/*********************************************************/

@media (min-width: 1250px) {
  #AccordionFiltersContainer {
    margin-top: 45px;
    position: absolute;
    width: 230px;
    left: -610px;
    margin-left: 50%;
    min-width: 0;
  }
  #AccordionFiltersContainer.TileView {
    left: 0 !important;
    margin-left: 10px !important;
  }
  #CatalogResults.TileView {
    left: 120px;
  }
  #AccordionFiltersContainer h3,
  #AccordionFiltersContainer .TypeButtons {
    font-size: 1em;
  }
}
@media (min-width: 1250px) and (max-width: 1500px) {
  .ShiftWithResize {
    left: 120px;
  }
}
@media (min-width: 1500px) {
  #AccordionFiltersContainer {
    left: -720px;
  }
}
/*********************************************************/

/*********************************************************/