/* NuGet package: nvColors.scss
   Version 1.3.2
*/
/* NuGet package: nvColors.scss */
/* Planning Categories */
/* Special Conditions */
/* NuGet Package: NVFrameworkScss
 * Version 1.1.1
 */
/* NuGet Package: NVFrameworkScss
 * Version 1.1.1
 */
/* Variables */
/*****  Print Stylesheet Helpers  *****/
/*****   Glyphs   *****/
/*****   Colors   *****/
/***** 508-compliant background-to-text color map *****/
/***** Widget Colors *****/
/***** Button Colors ****/
/***** Link Colors *****/
/*****   End Colors *****/
/***** Input Styles ****/
/* Mixins */
/* NuGet Package: NVFrameworkScss
 * Version 1.1.1
 */
/*******   Icon classes   ********/
/*****  Print Stylesheet Helpers  *****/
/*****   Glyphs   *****/
/*****   Colors   *****/
/***** 508-compliant background-to-text color map *****/
/***** Widget Colors *****/
/***** Button Colors ****/
/***** Link Colors *****/
/*****   End Colors *****/
/***** Input Styles ****/
/****   All of this will be replaced by new color package. Will need to test svg stuff in the pkg   ****/
/****   END stuff to be replaced by new color package.   ****/
/****    All of the color definitions, mixins, and general classes will be replaced by new color package    ****/
/****    End stuff to be replaced by new color package    ****/
/*****  Print Stylesheet Helpers  *****/
/*****   Glyphs   *****/
/*****   Colors   *****/
/***** 508-compliant background-to-text color map *****/
/***** Widget Colors *****/
/***** Button Colors ****/
/***** Link Colors *****/
/*****   End Colors *****/
/***** Input Styles ****/
/* NuGet package: nvColors.scss
   Version 1.3.2
*/
/* NuGet package: nvColors.scss */
/* Planning Categories */
/* Special Conditions */
/* NuGet Package: NVFrameworkScss
 * Version 1.1.1
 */
/* NuGet Package: NVFrameworkScss
 * Version 1.1.1
 */
/* Variables */
/*****  Print Stylesheet Helpers  *****/
/*****   Glyphs   *****/
/*****   Colors   *****/
/***** 508-compliant background-to-text color map *****/
/***** Widget Colors *****/
/***** Button Colors ****/
/***** Link Colors *****/
/*****   End Colors *****/
/***** Input Styles ****/
/* Mixins */
/* NuGet Package: NVFrameworkScss
 * Version 1.1.1
 */
/*******   Icon classes   ********/
/*****  Print Stylesheet Helpers  *****/
/*****   Glyphs   *****/
/*****   Colors   *****/
/***** 508-compliant background-to-text color map *****/
/***** Widget Colors *****/
/***** Button Colors ****/
/***** Link Colors *****/
/*****   End Colors *****/
/***** Input Styles ****/
/****   All of this will be replaced by new color package. Will need to test svg stuff in the pkg   ****/
/****   END stuff to be replaced by new color package.   ****/
.color-blob {
  float: left;
  width: 1.3em !important;
  height: 1.3em !important;
  border-radius: 0.3em !important;
  border: none !important;
  background-image: none !important;
  margin-right: 4px;
  position: relative !important;
  vertical-align: text-top;
}
.color-blob.mod-flex {
  flex: 0 0 1.3em;
}
.color-blob.mod-diet {
  width: 0.5em !important;
  height: 1.7em !important;
}

.category-selection > div {
  margin-left: 0.25em;
}
.category-selection > span {
  margin-right: 0 !important;
  margin-left: 1.8em !important;
  display: block !important;
}
.category-selection > span.nv-display-none-always {
  display: none !important;
}
.select2-container .category-selection > span {
  margin-left: 1.5em !important;
  display: block !important;
}
.select2-container .category-selection > span.nv-display-none-always {
  display: none !important;
}

.select2-container .select2-choice div.acssPlanningCategory-Red {
  top: 3px !important;
}

.acssPlanningCategory-Red,
.select2-container .select2-choice div.acssPlanningCategory-Red {
  background-color: #fe5078;
}
.acssPlanningCategory-Red.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Red.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #fe5078;
  background-color: rgba(254, 80, 120, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Orange {
  top: 3px !important;
}

.acssPlanningCategory-Orange,
.select2-container .select2-choice div.acssPlanningCategory-Orange {
  background-color: #ff6633;
}
.acssPlanningCategory-Orange.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Orange.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #ff6633;
  background-color: rgba(255, 102, 51, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Brown {
  top: 3px !important;
}

.acssPlanningCategory-Brown,
.select2-container .select2-choice div.acssPlanningCategory-Brown {
  background-color: #b98e6d;
}
.acssPlanningCategory-Brown.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Brown.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #b98e6d;
  background-color: rgba(185, 142, 109, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Yellow {
  top: 3px !important;
}

.acssPlanningCategory-Yellow,
.select2-container .select2-choice div.acssPlanningCategory-Yellow {
  background-color: #f5e741;
}
.acssPlanningCategory-Yellow.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Yellow.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #f5e741;
  background-color: rgba(245, 231, 65, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Green {
  top: 3px !important;
}

.acssPlanningCategory-Green,
.select2-container .select2-choice div.acssPlanningCategory-Green {
  background-color: #64e755;
}
.acssPlanningCategory-Green.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Green.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #64e755;
  background-color: rgba(100, 231, 85, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Teal {
  top: 3px !important;
}

.acssPlanningCategory-Teal,
.select2-container .select2-choice div.acssPlanningCategory-Teal {
  background-color: #66ffcc;
}
.acssPlanningCategory-Teal.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Teal.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #66ffcc;
  background-color: rgba(102, 255, 204, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Gray {
  top: 3px !important;
}

.acssPlanningCategory-Gray,
.select2-container .select2-choice div.acssPlanningCategory-Gray {
  background-color: #6eadbe;
}
.acssPlanningCategory-Gray.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Gray.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #6eadbe;
  background-color: rgba(110, 173, 190, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Blue {
  top: 3px !important;
}

.acssPlanningCategory-Blue,
.select2-container .select2-choice div.acssPlanningCategory-Blue {
  background-color: #3caaff;
}
.acssPlanningCategory-Blue.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Blue.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #3caaff;
  background-color: rgba(60, 170, 255, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Purple {
  top: 3px !important;
}

.acssPlanningCategory-Purple,
.select2-container .select2-choice div.acssPlanningCategory-Purple {
  background-color: #96a0f6;
}
.acssPlanningCategory-Purple.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Purple.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #96a0f6;
  background-color: rgba(150, 160, 246, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Violet {
  top: 3px !important;
}

.acssPlanningCategory-Violet,
.select2-container .select2-choice div.acssPlanningCategory-Violet {
  background-color: #be6ed5;
}
.acssPlanningCategory-Violet.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Violet.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #be6ed5;
  background-color: rgba(190, 110, 213, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Pink {
  top: 3px !important;
}

.acssPlanningCategory-Pink,
.select2-container .select2-choice div.acssPlanningCategory-Pink {
  background-color: #ff96d8;
}
.acssPlanningCategory-Pink.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Pink.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #ff96d8;
  background-color: rgba(255, 150, 216, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Magenta {
  top: 3px !important;
}

.acssPlanningCategory-Magenta,
.select2-container .select2-choice div.acssPlanningCategory-Magenta {
  background-color: #f03ca0;
}
.acssPlanningCategory-Magenta.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Magenta.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #f03ca0;
  background-color: rgba(240, 60, 160, 0.3);
}

.select2-container .select2-choice div.acssPlanningCategory-Black {
  top: 3px !important;
}

.acssPlanningCategory-Black,
.select2-container .select2-choice div.acssPlanningCategory-Black {
  background-color: #373838;
}
.acssPlanningCategory-Black.nv-cal-event,
.select2-container .select2-choice div.acssPlanningCategory-Black.nv-cal-event {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #373838;
  background-color: rgba(55, 56, 56, 0.3);
}

#calendarBand #filterForm {
  text-align: left;
}
#calendarBand #filterLinksContainer {
  text-align: left;
}
#calendarBand .nv-cal-date-picker {
  display: flex;
  margin-bottom: 20px;
}
#calendarBand .nv-cal-date-picker .nv-cal-date-picker-controls {
  float: left !important;
  margin-left: 7px;
}
#calendarBand .nv-cal-date-picker .nv-cal-date-picker-controls .acssDatePickerContainer {
  padding: 0 0.5em !important;
}
#calendarBand .nv-cal-date-picker .nv-cal-date-picker-controls .acssDatePickerContainer .ui-datepicker-trigger:focus {
  outline: 3px solid #4668ba;
}
#calendarBand .nv-cal-date-picker #decrementDate,
#calendarBand .nv-cal-date-picker #incrementDate {
  padding: 3px;
}
#calendarBand .nv-cal-date-picker #decrementDate svg,
#calendarBand .nv-cal-date-picker #incrementDate svg {
  fill: #4668ba !important;
}
#calendarBand .nv-cal-date-picker .nv-glyph {
  margin: 0 !important;
}
#calendarBand .nv-cal-date-picker .nv-cal-date-picker-validator {
  display: block;
  margin-left: 1em;
}
#calendarBand .nv-cal-date-picker .input-validation-error {
  background-color: #eaaaa4 !important;
}
#calendarBand #nv-cal-month-text {
  font-weight: bold;
  font-size: 1.5em;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
#calendarBand .nv-cal {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 30px minmax(130px, 1fr) minmax(130px, 1fr) minmax(130px, 1fr) minmax(130px, 1fr) minmax(130px, 1fr) min-content;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 30px repeat(5, minmax(130px, 1fr)) min-content;
  grid-template-columns: repeat(7, 1fr);
}
#calendarBand .nv-cal .nv-cal-day {
  outline: 1px solid #bcbcbc;
  margin: 0.5px;
}
#calendarBand .nv-cal .nv-cal-day:hover {
  background-color: rgba(60, 170, 255, 0.2);
}
#calendarBand .nv-cal .nv-cal-day.nv-cal-dayName {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  background-color: #e6e7e8;
  color: #6d6d6d;
  font-weight: bold;
  text-align: left;
}
#calendarBand .nv-cal .nv-cal-day.nv-cal-otherMonth .nv-cal-date {
  color: #c5c5c5;
}
#calendarBand .nv-cal .nv-cal-day.nv-cal-active {
  outline: 3px solid #4668ba;
  outline-offset: -2px;
}
#calendarBand .nv-cal .nv-cal-day.nv-cal-today {
  outline: 2px solid #6d6d6d;
  outline-offset: -2px;
  font-weight: bold;
}
#calendarBand .nv-cal .nv-cal-day.nv-cal-today.nv-cal-active {
  outline: 3px solid #4668ba;
  outline-offset: -2px;
}
#calendarBand .nv-cal .nv-cal-day .nv-cal-date {
  margin: 2px 2px;
  padding: 1px 3px;
}
#calendarBand .nv-cal .nv-cal-day .nv-cal-date:focus {
  outline: 2px solid #3366ff;
}
#calendarBand .nv-cal .nv-cal-day .nv-cal-event {
  margin: 2px 4px;
  font-size: smaller;
  padding: 2px;
  height: 15px;
  cursor: pointer;
}
#calendarBand .nv-cal .nv-cal-day .nv-cal-event:focus {
  outline: 2px solid #3366ff;
}
@media only screen and (max-width: 1299px) {
  #calendarBand .nv-cal .nv-cal-day .nv-cal-event .category-name {
    width: 6em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 1300px) {
  #calendarBand .nv-cal .nv-cal-day .nv-cal-event .category-name {
    width: 10em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    float: left;
  }
}
#calendarBand .nv-cal .nv-cal-day .nv-cal-event .category-event-count {
  display: inline-block;
  float: right;
}
#calendarBand .nv-cal .nv-cal-day .acssPlanningCategory-Multi {
  border-left: 5px solid #f2f2f2;
}
#calendarBand .nv-cal .nv-cal-day .acssPlanningCategory-Multi {
  border-left: 5px solid white;
}
#calendarBand .truncate-this {
  white-space: break-spaces;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
  max-width: 10em;
}
#calendarBand .color-blob {
  display: inline;
}

.nv-cal-foot {
  margin-top: -36px;
  margin-right: 30px;
  display: flex;
  justify-content: flex-end;
}
