/* ----- fullcalendar.css ----- */


/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}

/* TODO: not attached to body. attached to specific els. move */
.fc-unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;

  font-size: 1em
}
.fc,
  .fc *,
  .fc *:before,
  .fc *:after {
    box-sizing: border-box;
  }
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
  }
.fc th {
    text-align: center;
  }
.fc th,
  .fc td {
    vertical-align: top;
    padding: 0;
  }
.fc a[data-navlink] {
    cursor: pointer;
  }
.fc a[data-navlink]:hover {
    text-decoration: underline;
  }
.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
  .fc-liquid-hack th {
    position: relative;
  }

@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {

  /* reset */

}
.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
.fc .fc-button {
    -webkit-appearance: button;
  }
.fc .fc-button:not(:disabled) {
    cursor: pointer;
  }
.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
.fc {

  /* theme */

}
.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }
.fc .fc-button:hover {
    text-decoration: none;
  }
.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }
.fc .fc-button:disabled {
    opacity: 0.65;
  }
.fc {

  /* "primary" coloring */

}
.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }
.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
  }
.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }
.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc {

  /* icons within buttons */

}
.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
  }
.fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
.fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
  }
.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }
.fc .fc-button-group > .fc-button:focus,
  .fc .fc-button-group > .fc-button:active,
  .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }
.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }
.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    flex-direction: row-reverse;
  }
.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
  }
.fc .fc-scroller-liquid {
    height: 100%;
  }
.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
      /* TODO: demonstrate in codepen */
  }
.fc .fc-scroller-harness-liquid {
    height: 100%;
  }
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
  }
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
  }
.fc .fc-scrollgrid,
    .fc .fc-scrollgrid table { /* all tables (self included) */
      width: 100%; /* because tables don't normally do this */
      table-layout: fixed;
    }
.fc .fc-scrollgrid table { /* inner tables */
      border-top-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden;
    }
.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

  }
.fc .fc-scrollgrid-liquid {
    height: 100%;
  }
.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

  }
.fc .fc-scrollgrid-section > td {
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }
.fc .fc-scrollgrid-section table {
      height: 1px;
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
        /* serves as a min-height. harmless */
    }
.fc .fc-scrollgrid-section-liquid > td {
      height: 100%; /* better than `auto`, for firefox */
    }
.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }
.fc .fc-scrollgrid-section-header > *,
  .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }
.fc .fc-scrollgrid-section-body table,
  .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
  }
.fc {

  /* stickiness */

}
.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: sticky;
    z-index: 3; /* TODO: var */
    /* TODO: box-shadow when sticking */
  }
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
      /* TODO: give safari -1. has bug */
  }
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
  }
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
  }
.fc-sticky { /* no .fc wrap because used as child of body */
  position: sticky;
}
.fc .fc-view-harness {
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
  }
.fc {

  /* when the harness controls the height, make the view liquid */

}
.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
  }
.fc .fc-bg-event,
  .fc .fc-non-business,
  .fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }
.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
  }
.fc .fc-bg-event .fc-event-title {
      margin: .5em;
      font-size: 11px;
      font-size: var(--fc-small-font-size, 11px);
      font-style: italic;
    }
.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }
.fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
  }
.fc-event-dragging.fc-event-selected { /* TOUCH */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */

}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }
.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

  }
.fc-event-selected .fc-event-resizer:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
    }
/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected,
.fc-event:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

  /* expand hit area (subclasses should expand) */

}
.fc-event-selected:before, .fc-event:focus:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc-event-selected,
.fc-event:focus {

  /* dimmer effect */

}
.fc-event-selected:after, .fc-event:focus:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}
.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }
.fc-h-event .fc-event-main-frame {
    display: flex; /* for make fc-event-title-container expand */
  }
.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }
.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc .fc-popover {
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
  }
.fc .fc-popover-title {
    margin: 0 2px;
  }
.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }


:root {
  --fc-daygrid-event-dot-width: 8px;
}
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
  }
.fc .fc-daygrid-day.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
  }
.fc {

  /* cell top */

}
.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
  }
.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
  }
.fc {

  /* day number (within cell top) */

}
.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
  }
.fc {

  /* event container */

}
.fc .fc-daygrid-day-events {
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
  }
.fc {

  /* positioning for balanced vs natural */

}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
      position: absolute;
      left: 0;
      right: 0;
    }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
      position: relative; /* for containing abs positioned event harnesses */
      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    }
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
  }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
      margin-bottom: 1em;
    }
.fc {

  /* event harness */

}
.fc .fc-daygrid-event-harness {
    position: relative;
  }
.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0; /* fallback coords for when cannot yet be computed */
    left: 0; /* */
    right: 0; /* */
  }
.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }
.fc {

  /* bg content */

}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {

  /* events */

}
.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
  }
.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
  }
.fc {

  /* cell bottom (within day-events) */

}
.fc .fc-daygrid-day-bottom {
    font-size: 11px;
    padding: 2px 3px 0
  }
.fc .fc-daygrid-day-bottom:before {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
  }
.fc {

  /* week number (within frame) */

}
.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
  }
.fc {

  /* popover */

}
.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
  }
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
  }
.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
  }
.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
  }
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: 11px;
  font-size: var(--fc-small-font-size, 11px);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
  }
.fc-daygrid-block-event .fc-event-time,
  .fc-daygrid-block-event .fc-event-title {
    padding: 2px;
  }
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0

}
.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
    overflow: hidden;
    font-weight: bold;
  }
.fc-daygrid-dot-event:hover,
  .fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
  }
.fc-daygrid-dot-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
.fc-daygrid-event-dot { /* the actual dot */
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
  }
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
  }


/*
A VERTICAL event
*/

.fc-v-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
  }

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

.fc-v-event .fc-event-time {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
  }

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0; /* important for allowing to shrink all the way */
  }

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
    top: 0;
    bottom: 0;
    max-height: 100%; /* clip overflow */
    overflow: hidden;
  }

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-v-event.fc-event-selected:before {
    /* expand hit area */
    left: -10px;
    right: -10px;
  }

.fc-v-event {

  /* resizer (mouse AND touch) */

}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
  }

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
  }

.fc-v-event {

  /* resizer for MOUSE */

}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
      height: 8px;
      height: var(--fc-event-resizer-thickness, 8px);
      left: 0;
      right: 0;
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event {

  /* resizer for TOUCH (when event is "selected") */

}

.fc-v-event.fc-event-selected .fc-event-resizer {
      left: 50%;
      margin-left: -4px;
      margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
  }
.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
  }
.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
  }
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative /* offset parent for now-indicator-container */

  }
.fc .fc-timegrid-axis-chunk > table {
      position: relative;
      z-index: 1; /* above the now-indicator-container */
    }
.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
  }
.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0 /* each cell owns its top border */
  }
.fc .fc-timegrid-slot:empty:before {
      content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
    }
.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
  }
.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
  }
.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
  }
.fc {


  /* slots AND axis cells (top-left corner of view including the "all-day" text) */

}
.fc .fc-timegrid-axis-cushion,
  .fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
  }
.fc {


  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */

}
.fc .fc-timegrid-axis-frame-liquid {
    height: 100%; /* will need liquid-hack in FF */
  }
.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center; /* vertical align */
    justify-content: flex-end; /* horizontal align. matches text-align below */
  }
.fc .fc-timegrid-axis-cushion {
    max-width: 60px; /* limits the width of the "all-day" text */
    flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
  }
.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
  }
.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
  }
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
.fc .fc-timegrid-col.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
  }
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    }
.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
.fc-media-screen .fc-timegrid-cols > table {
      height: 100%;
    }
.fc-media-screen .fc-timegrid-col-bg,
  .fc-media-screen .fc-timegrid-col-events,
  .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
.fc {

  /* bg */

}
.fc .fc-timegrid-col-bg {
    z-index: 2; /* TODO: kill */
  }
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {
    position: absolute; /* top/bottom will be set by JS */
    left: 0;
    right: 0;
  }
.fc {

  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */

}
.fc .fc-timegrid-col-events {
    z-index: 3;
    /* child event segs have z-indexes that are scoped within this div */
  }
.fc {

  /* now indicator */

}
.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    /* z-index is set on the individual elements */
  }
.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
  }
.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
  }
.fc-timegrid-event-harness {
  position: absolute /* top/left/right/bottom will all be set by JS */
}
.fc-timegrid-event-harness > .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0; /* for when not yet positioned */
    bottom: 0; /* " */
    left: 0;
    right: 0;
  }
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event,
.fc-timegrid-more-link { /* events need to be root */
  font-size: 11px;
  font-size: var(--fc-small-font-size, 11px);
  border-radius: 3px;
}
.fc-timegrid-event { /* events need to be root */
  margin-bottom: 1px /* give some space from bottom */
}
.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
  }
.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: 11px;
    font-size: var(--fc-small-font-size, 11px);
    margin-bottom: 1px;
  }
.fc-timegrid-event-short .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
  }
.fc-timegrid-event-short .fc-event-time:after {
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
  }
.fc-timegrid-event-short .fc-event-title {
    font-size: 11px;
    font-size: var(--fc-small-font-size, .85em)
  }
.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
  position: absolute;
  z-index: 9999; /* hack */
  color: inherit;
  color: var(--fc-more-link-text-color, inherit);
  background: #d0d0d0;
  background: var(--fc-more-link-bg-color, #d0d0d0);
  cursor: pointer;
  margin-bottom: 1px; /* match space below fc-timegrid-event */
}
.fc-timegrid-more-link-inner { /* has fc-sticky */
  padding: 3px 2px;
  top: 0;
}
.fc-direction-ltr .fc-timegrid-more-link {
    right: 0;
  }
.fc-direction-rtl .fc-timegrid-more-link {
    left: 0;
  }
.fc {

  /* line */

}
.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
  }
.fc {

  /* arrow */

}
.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px; /* vertically center on top coordinate */
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;

    /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;

    /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }


:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}
.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
.fc {

  /* message when no events */

}
.fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* vertically aligns fc-list-empty-inner */
  }
.fc .fc-list-empty-cushion {
    margin: 5em 0;
  }
.fc {

  /* table within the scroller */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-table {
    width: 100%;
    border-style: hidden; /* kill outer border on theme */
  }
.fc .fc-list-table tr > * {
    border-left: 0;
    border-right: 0;
  }
.fc .fc-list-sticky .fc-list-day > * { /* the cells */
      position: sticky;
      top: 0;
      background: #fff;
      background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
    }
.fc {

  /* only exists for aria reasons, hide for non-screen-readers */

}
.fc .fc-list-table thead {
    position: absolute;
    left: -10000px;
  }
.fc {

  /* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */

}
.fc .fc-list-table tbody > tr:first-child th {
    border-top: 0;
  }
.fc .fc-list-table th {
    padding: 0; /* uses an inner-wrapper instead... */
  }
.fc .fc-list-table td,
  .fc .fc-list-day-cushion {
    padding: 8px 14px;
  }
.fc {


  /* date heading rows */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table; /* clear floating */
    }
.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
  float: right;
}
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer; /* whole row will seem clickable */
  }
.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
  }
.fc {

  /* shrink certain cols */

}
.fc .fc-list-event-graphic,
  .fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
  }
.fc .fc-list-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
  }
.fc {

  /* reset <a> styling */

}
.fc .fc-list-event-title a {
    color: inherit;
    text-decoration: none;
  }
.fc {

  /* underline link when hovering over any part of row */

}
.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
  }



  .fc-theme-bootstrap a:not([href]) {
    color: inherit; /* natural color for navlinks */
  }



  .fc-theme-bootstrap5 a:not([href]) {
    color: inherit;
    text-decoration: inherit;
  }

.fc-theme-bootstrap5 .fc-list,
  .fc-theme-bootstrap5 .fc-scrollgrid,
  .fc-theme-bootstrap5 td,
  .fc-theme-bootstrap5 th {
    border: 1px solid var(--bs-gray-400);
  }

.fc-theme-bootstrap5 {

  /* HACK: reapply core styles after highe-precedence border statement above */
}

.fc-theme-bootstrap5 .fc-scrollgrid {
    border-right-width: 0;
    border-bottom-width: 0;
  }

.fc-theme-bootstrap5-shaded {
  background-color: var(--bs-gray-200);
}



/* ----- jquery-ui.css ----- */

/*! jQuery UI - v1.14.2 - 2026-01-29
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?bgColorDefault=%23f6f6f6&borderColorDefault=%23c5c5c5&fcDefault=%23454545&bgColorHover=%23ededed&borderColorHover=%23cccccc&fcHover=%232b2b2b&bgColorActive=%23007fff&borderColorActive=%23003eff&fcActive=%23ffffff&bgColorHeader=%23e9e9e9&borderColorHeader=%23dddddd&fcHeader=%23333333&bgColorContent=%23ffffff&borderColorContent=%23dddddd&fcContent=%23333333&bgColorHighlight=%23fffa90&borderColorHighlight=%23dad55e&fcHighlight=%23777620&bgColorError=%23fddfdf&borderColorError=%23f1a899&fcError=%235f3f3f&bgColorOverlay=%23aaaaaa&opacityOverlay=.3&bgColorShadow=%23666666&opacityShadow=.3&offsetTopShadow=0px&offsetLeftShadow=0px&thicknessShadow=5px&cornerRadiusShadow=8px&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&cornerRadius=3px&bgTextureDefault=flat&bgTextureHover=flat&bgTextureActive=flat&bgTextureHeader=flat&bgTextureContent=flat&bgTextureHighlight=flat&bgTextureError=flat&bgTextureOverlay=flat&bgTextureShadow=flat&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityHighlight=55&bgImgOpacityError=95&bgImgOpacityOverlay=0&bgImgOpacityShadow=0&iconColorActive=%23ffffff&iconColorContent=%23444444&iconColorDefault=%23777777&iconColorError=%23cc0000&iconColorHeader=%23444444&iconColorHighlight=%23777620&iconColorHover=%23555555&opacityOverlayPerc=30&opacityShadowPerc=30&bgImgUrlActive=&bgImgUrlContent=&bgImgUrlDefault=&bgImgUrlError=&bgImgUrlHeader=&bgImgUrlHighlight=&bgImgUrlHover=&bgImgUrlOverlay=&bgImgUrlShadow=&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&bgDefaultRepeat=&bgHoverRepeat=&bgActiveRepeat=&bgHeaderRepeat=&bgContentRepeat=&bgHighlightRepeat=&bgErrorRepeat=&bgOverlayRepeat=&bgShadowRepeat=&bgDefaultYPos=&bgHoverYPos=&bgActiveYPos=&bgHeaderYPos=&bgContentYPos=&bgHighlightYPos=&bgErrorYPos=&bgOverlayYPos=&bgShadowYPos=&bgDefaultXPos=&bgHoverXPos=&bgActiveXPos=&bgHeaderXPos=&bgContentXPos=&bgHighlightXPos=&bgErrorXPos=&bgOverlayXPos=&bgShadowXPos=
* Copyright OpenJS Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
}
.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}


/* ----- Application-Layout.css ----- */

/* ========== Reset & Base Elements ========== */
body {
	background: #fff;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	overflow: hidden;
}

body.Gradient {
	background: #FFF;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h1 {
	font-size: 12pt;
	margin: 15px 5px 5px 5px;
}

hr {
	height: 1px;
	color: #5f5f5f;
	width: 90%;
}

hr.footerline {
	height: 2px;
	border-top-color: #9f9f9f;
	border-left-color: #9f9f9f;
	border-right-color: #9f9f9f;
	border-bottom-color: white;
	border-style: solid;
	border-width: 1px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td {
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
}

blockquote {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #d3ede2;
	border: solid 1px #656565;
	padding: 0px;
	width: 100%;
}

blockquote,
pre {
	font-family: Arial;
	font-weight: bold;
	white-space: pre-wrap;
}

small {
	font-size: .7em;
}

big {
	font-size: 1.17em;
}

img {
	display: inline-block;
	border: none;
}

textarea {
	height: 150px;
}

/* ========== Lists ========== */
ul li {
	list-style-type: disc;
}

ul li li {
	list-style-type: square;
}

ul li li li {
	list-style-type: circle;
}

ol li {
	list-style-type: decimal;
}

ol ol li {
	list-style-type: lower-alpha;
}

ol ol ol li {
	list-style-type: lower-roman;
}

/* ========== Links ========== */
a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #c8c8c8;
}

a:hover {
	text-decoration: underline;
	color: white;
}

.alt,
a.alt:link,
a.alt:visited,
a.alt:active {
	font-family: Arial;
	font-size: 8pt;
	color: #5f5f5f;
}

a.alt:hover {
	text-decoration: underline;
	color: #989898;
}

/* ========== Data Grid Links ========== */
.dgSelected {
	background-color: #B5F3C2;
	color: Black;
}

.dgMain {
	background-color: white;
	color: Black;
}

a.dgMain:visited {
	text-decoration: none;
	color: #c8c8c8;
}

a.dgMain:active {
	text-decoration: none;
	color: White;
}

a.dgMain:hover {
	text-decoration: underline;
	color: White;
}

a.dg:visited {
	text-decoration: none;
	color: #c8c8c8;
}

a.dg:active {
	text-decoration: none;
	color: White;
}

a.dg:hover {
	text-decoration: underline;
	color: White;
}

/* ========== Typography ========== */
.smallText {
	font-size: 6pt;
	font-weight: normal;
}

.LargeText {
	font-size: 16px;
	text-align: center;
	width: 100%;
	height: 100%;
}

.ErrorMessage {
	color: #e62824;
}

.boldLabel {
	font-weight: bold;
	font-size: 110%;
}

.numeric {
	text-align: right;
}

.wingdings {
	font-family: wingdings;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}

.webdings {
	font-family: webdings;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}

/* ========== Labels ========== */
.LabelsDark {
	background-color: #656565;
	color: White;
	padding: 0px;
	width: 33.33%;
}

.LabelsLight {
	background-color: #bbbbbb;
	color: White;
	padding: 0px;
	width: 33.33%;
}

/* ========== Tables ========== */
table.border {
	border: 1px solid;
	border-color: #656565;
	background-color: #c8c8c8;
}

table.grid {
	border-collapse: collapse;
	margin: 10px 10px 10px 10px;
}

table.historydetails {
	width: 100%;
}

/* ========== Form Inputs ========== */
/*
.TextBoxes {
	background-color: #f9f9f9;
	border: solid 1px #656565;
	font-family: Arial;
	font-size: 8pt;
	color: black;
	z-index: 100;
}

.TextBoxesNumeric {
	background-color: White;
	border: solid 1 #656565;
	font-family: Arial;
	font-size: 8pt;
	color: black;
	z-index: 100;
	text-align: right;
}

.TextBoxLabel {
	background-color: Transparent;
	border: none;
	font-family: Arial;
	font-size: 8pt;
	color: black;
	z-index: 100;
	cursor: auto;
}
*/
input.defaultValue,
textarea.defaultValue {
	color: #000;
}

.thin,
div.fieldcontainer div input.thin,
div.fieldcontainer div textarea.thin {
	width: 205px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 200px;
}

div.fieldcontainer div select.thin,
select.thin {
	width: 212px;
}

.gridInput {
	width: 100% !important;
	margin: 4px 0px;
}

.gridTextArea {
	height: 180px;
	resize: none;
}

/* ========== Buttons ========== */
.Buttons {
	background-color: #334a46;
	border: solid 1px #334a46;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	width: 88px;
	cursor: pointer;
	background-image: url(../Images/buttons.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 2px;
}

.ButtonsHover {
	background-color: #334a46;
	border: solid 1px #334a46;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	width: 88px;
	cursor: pointer;
	background-image: url(../Images/buttons.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 2px;
}

a.button {
	font-size: 12px;
	text-align: center;
	margin: 0;
	display: inline-block;
	padding: 3px;
	text-decoration: none;
	background: #fff;
	border: solid 2px #11929E;
	color: #11929E;
	text-overflow: ellipsis;
}

a.button:hover {
	text-decoration: none;
	background-color: #3B362D;
	color: #fff;
	border: solid 2px #3B362D;
}

a.primary {
	text-align: center;
	margin: 0 0px 0 2px;
	display: inline-block;
	background-color: #11929E;
	color: #fff;
	border: solid 2px #11929E;
}

a.action {
	display: inline-block;
	background: blue;
	color: #fff;
	padding: 4px 0px 4px 0;
	margin: 3px;
	text-align: center;
	width: 25px;
	font-size: 14px;
}

a.action:hover {
	text-decoration: none;
}

a.action:link,
a.action:active,
a.action:visited,
a.customaction:link,
a.customaction:active,
a.customaction:visited {
	width: auto;
	font-size: 11px;
	border: solid 1px blue;
	display: inline-block;
	margin: 4px 2px;
	text-decoration: none;
	background: #fff;
	color: blue;
	padding: 4px;
	text-overflow: ellipsis;
}

a.customaction:link,
a.customaction:active,
a.customaction:visited {
	color: #fff;
	background: blue;
}

a.action:hover,
a.customaction:hover {
	text-decoration: none;
}

a.attachment {
	float: left;
	text-align: center;
	margin: 0 0px 0 2px;
	display: inline-block;
	background: #fff;
	border: solid 2px #11929E;
	color: #11929E;
}

a.attachment:link,
a.attachment:active,
a.attachment:visited {
	display: inline-block;
	padding: 4px;
	background-color: blue;
	color: #fff;
	border: none;
	margin: 0;
	border: 2px #bfbfbf solid;
}

a.attachment:hover {
	text-decoration: none;
	background-color: #bfbfbf;
	color: #fff;
}

.sessionActions {
	border: none;
	display: inline-table;
	margin: 10px 0;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	outline: none;
	width: 50px;
	text-align: center;
}

.sessionActions:hover {
	text-decoration: none;
}

/* ========== Panels & Containers ========== */
.BodyGradient {
	background-color: White;
	background-image: url('../Images/Main/body_fill.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	margin: 0px 0px 0px 0px;
}

.MainBody {
	background-color: White;
}

.DarkPanel {
	border: solid 1px black;
	color: White;
	background-color: #656565;
}

.TreePanel {
	background-color: #414141;
	width: 100%;
	height: 100%;
	padding: 4px 4px 4px 4px;
	display: inline-block;
}

.SilverPanel {
	background-color: #fff;
	background-attachment: fixed;
}

.SilverPanelNoBorder {
	border: solid 1px #efefef;
	background-color: #eee;
	background-attachment: fixed;
}

.LightPanel {
	border: solid 1px Black;
	background-color: #fff;
	color: #656565;
}

.LightPanelNoBorder {
	background-color: #ccc;
	color: #656565;
}

.LightPanelShadow {
	border: solid 1px Black;
	background-color: #ccc;
	color: #656565;
}

.collapsePanel {
	height: 0px;
	width: 100%;
	overflow: hidden;
	position: relative;
	display: none;
}

/* ========== Title Strips ========== */
.TitleStrip {
	background-color: #c6c6c6;
	border: solid 1px black;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px;
}

.TitleStripNoBorder {
	color: #656565;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px;
	background-color: #dbdbdb;
}

.TitleStripDark {
	background-color: #656565;
	border: solid 1px black;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px;
}

.HeaderGlow {
	color: White;
	filter: progid:DXImageTransform.Microsoft.Glow(color=Black, strength=2);
}

.HeaderTitle {
	color: White;
	filter: progid:DXImageTransform.Microsoft.Glow(color=Black, strength=2);
	font-size: 20px;
	text-align: center;
	width: 100%;
}

/* ========== Output Blocks ========== */
.OutputBlack {
	background-color: #535353;
	border: solid 1px black;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
	font-style: italic;
}

.OutputGreen {
	background-color: #fff;
	border: solid 1px #656565;
	color: #656565;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
}

#ucComponent_Performance_divActions span.OutputGreen {
	background-color: #4b9b6e;
}

.OutputRed {
	background-color: #dc5c4e;
	border: solid 1px black;
	color: #820c00;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
}

.OutputYellow {
	background-color: #e5d043;
	border: solid 1px black;
	color: #88780e;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
}

#ucComponent_Calendar_dvCal .OutputYellow {
	background-color: #656565;
}

/* ========== Grid Blocks ========== */
.GirdBlockLarge1,
.GirdBlockLarge2 {
	background-color: red;
	border: solid 1px black;
	color: #dbdbdb;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 1px;
}

.GirdBlockLarge3 {
	background-color: #656565;
	border: solid 1px black;
	color: #dbdbdb;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 1px;
}

.GirdBlockLarge4,
.GirdBlockLarge5,
.GirdBlockLarge6 {
	background-color: yellow;
	border: solid 1px black;
	color: #dbdbdb;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 1px;
}

.GirdBlockLarge7,
.GirdBlockLarge8 {
	background-color: lightgreen;
	border: solid 1px black;
	color: #dbdbdb;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 1px;
}

.GirdBlockLarge9 {
	background-color: blue;
	border: solid 1px black;
	color: #dbdbdb;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 1px;
}

/* ========== Axis Labels ========== */
.x_axis1 {
	display: inline-block;
	padding: 0px 30px 0px 0px;
}

.x_axis2,
.x_axis3,
.x_axis4 {
	display: inline-block;
	padding: 0px 15px 0px 15px;
}

.x_axis5 {
	display: inline-block;
	padding: 0px 0px 0px 30px;
}

/* ========== Strategic & Scorecard ========== */
.Strategic_Goal {
	background-color: #656565;
	border: solid 1px black;
	color: #dbdbdb;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 1px;
}

.ScorecardPerspective {
	background-color: #656565;
	border: solid 1px black;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px;
}

.ScorecardOutput {
	background-color: #aef0d4;
	border: solid 1px black;
	color: #656565;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
}

.ScorecardGoal {
	background-color: #656565;
	border: solid 1px black;
	color: #dbdbdb;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 1px;
}

/* ========== Hover Effects ========== */
.HoverItems {
	position: absolute;
	width: 200px;
	border: 1px solid #Black;
	padding: 0px;
	background-color: #3df9ad;
	display: none;
	z-index: 110;
}

.HoverShadow {
	position: absolute;
	width: 200px;
	padding: 0px;
	background-color: Gray;
	display: none;
	z-index: 109;
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=true, ShadowOpacity=0.90);
}

/* ========== Menu Styles ========== */
.MenuButtonStrip {
	background-color: #F5F5F5;
	border: 1px Black solid;
	border-style: solid;
	cursor: pointer;
	border-top-width: 0px;
	width: 100%;
	margin: 0px 0px 0px 1px;
}

.TopGroup {
	cursor: pointer;
}

.MenuGroup {
	background-image: url(../images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #d0d0d0;
	border: 1px Black solid;
	border-style: solid;
	cursor: pointer;
	width: 175px;
}

.TopMenuItem {
	color: white;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 8pt;
	cursor: default;
}

.TopMenuItemHover {
	color: white;
	background-image: url(images/top_itemHoverBg.gif);
	background-color: #757495;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	cursor: default;
}

.MenuItem {
	color: #c6c6c6;
	cursor: pointer;
	height: 20px;
	background-image: url(../Images/Main/menu_item_fill.jpg);
	background-repeat: repeat-x;
	font-size: 8pt;
}

.MenuItemHover {
	color: White;
	background-image: url(../Images/Main/menu_item_fill_over.jpg);
	background-repeat: repeat-x;
	font-size: 8pt;
	cursor: default;
}

.MenuItemExpanded {
	color: #464646;
	font-size: 11px;
	cursor: pointer;
	padding: 5px;
}

.MenuItemExpandedOver {
	border: none;
	color: #dbdbdb;
	background-color: #414141;
	font-size: 11px;
	cursor: pointer;
	padding: 4px;
}

.BreakItem {
	background-color: #414141;
	font-size: 11px;
	cursor: pointer;
	padding: 0px;
	height: 1px;
}

/* ========== Tab Styles ========== */
.TabStripBG {
	background-repeat: repeat-x;
	background-position: bottom;
	color: White;
	padding-left: 6px;
	padding-top: 2px;
	background-color: #656565;
}

.TabGroup {
	z-index: 99;
	color: #fff;
	background-repeat: repeat-x;
	position: relative;
}

.TabContent {
	border: solid 1px #5f5f5f;
	border-top-width: 0px;
	z-index: 0;
	position: relative;
}

.TabItem {
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	height: 17px;
	color: #5f5f5f;
	background-image: url(./../Images/Tabs/tab_sunken_fill.jpg);
	background-repeat: repeat-x;
}

.TabItemHover {
	padding-left: 5px;
	padding-right: 5px;
	color: #656565;
	cursor: pointer;
	background-image: url(./../Images/Tabs/tab_hover_fill.jpg);
	background-repeat: repeat-x;
}

.TabItemSelected {
	background-image: url(./../Images/Tabs/tab_fill.jpg);
	background-repeat: repeat-x;
	color: #383838;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
}

.TabItemScroll {
	padding: 0px;
	top: -3;
	position: relative;
	z-index: 80;
}

.TabBG {
	background-color: Transparent;
}

.TabSmall {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 3px;
	border: solid 1px #628478;
	background-color: #fff;
	color: #656565;
	padding: 1px;
	padding-top: 3px;
	padding-bottom: 0px;
	cursor: pointer;
	width: 80px;
	text-align: center;
}

.TabSmallSelected {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	background-color: #fff;
	border: solid 1px #628478;
	border-bottom-width: 0px;
	color: Black;
	padding: 3px;
	padding-bottom: 2px;
	cursor: default;
	width: 80px;
	text-align: center;
}

.TabSmallHover {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 3px;
	border: solid 1px #628478;
	background-color: #c0e0d2;
	color: #0db371;
	padding: 1px;
	padding-top: 3px;
	padding-bottom: 0px;
	cursor: pointer;
	width: 80px;
	text-align: center;
}

/* ========== Tab Strip ========== */
ul.tab-strip {
	top: 35px;
	left: 0;
	right: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	background: #fff;
	border-bottom: solid 3px #eee;
	height: 37px;
	white-space: nowrap;
}

ul.tab-strip-top {
	top: 0px;
}

ul.tab-strip-sub {
	top: 75px;
}

ul.tab-strip-bottom {
	top: auto;
	bottom: 0px;
	border-bottom: none;
	border-top: solid 3px #eee;
}

ul.tab-strip li.cutoff-view {
	position: absolute;
	top: 0;
	float: left;
	margin: 0;
	padding: 13px 7px 10px 7px;
	border-bottom: none;
	background: #eee;
	z-index: 2;
	white-space: nowrap;
	overflow: hidden;
}

ul.tab-strip li {
	list-style-type: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	top: 4px;
	border-bottom: solid 3px transparent;
	font-size: 11px;
}

ul.tab-strip li.hover a {
	border-bottom: solid 3px #ccc;
}

ul.tab-strip-bottom li {
	top: -6px;
	border-bottom: none;
	border-top: solid 3px transparent;
}

ul.tab-strip-bottom li a {
	border-top: solid 3px transparent;
}

ul.tab-strip-bottom li.hover a {
	border-bottom: none;
	border-top: solid 3px #ccc;
}

ul.tab-strip li.selected a {
	border-bottom: solid 3px blue;
}

ul.tab-strip-bottom li.selected a {
	border-bottom: none;
	border-top: solid 3px blue;
}

ul.tab-strip li a,
ul.tab-strip li span {
	color: #777;
	display: block;
	padding: 10px;
	text-decoration: none;
	outline: none;
	text-align: center;
}

ul.tab-strip li a {
	border-bottom: solid 3px #f0f0f0;
}

ul.tab-strip li a.button {
	width: auto;
	font-size: 11px;
	display: inline-block;
	margin: 4px 2px;
	padding: 4px;
}

ul.tab-strip li.action {
	position: absolute;
	right: 0;
	overflow: hidden;
}

ul.tab-strip li.action>* {
	float: left;
}

ul.tab-strip li.action #search {
	margin: 1px 5px;
	height: 16px;
}

ul.tab-strip li.action #selectedUserImage {
	margin: 1px 5px 0 7px;
	cursor: pointer;
}

ul.tab-strip li.action-floatleft {
	float: left;
}

ul.tab-strip li.title {
	top: 0;
	float: left;
	margin: 0;
	padding: 13px 7px 10px 7px;
	border-bottom: none;
	background: #eee;
}

ul.tab-strip li.action a {
	background: blue;
	color: #fff;
	margin: 1px 3px 3px 3px;
	font-size: 15px;
	padding: 4px 1px 2px 0;
	width: 24px;
	text-align: center;
}

ul.tab-strip li.action-small a {
	width: 25px;
	font-size: 12px;
	padding: 5px 0px 5px 0;
	margin: 3px 5px 3px 5px;
}

ul.tab-strip li.action a.falloffTabs {
	width: 20px;
	height: 12px;
	padding: 9px 1px 3px 0;
	background: none;
	border: none;
	color: #777;
	font-size: 10px;
}

ul.tab-strip li.action a.falloffTabs:hover {
	background: none;
	border: none;
	color: #777;
}

ul.employee-subtabs {
	top: 40px;
	overflow: hidden;
}

.tab-strip input,
.tab-strip select {
	margin: 5px;
}

/* ========== Tree View ========== */
.TreeView {
	border: solid 1px Black;
	background-color: White;
	overflow: hidden;
	height: 100%;
	margin: 0px 0px 0px 1px;
}

.TreeViewRow {
	overflow: hidden;
	width: 220px;
	padding: 0px;
}

.TreeViewLoading {
	color: #d2121a;
	cursor: pointer;
	padding: 0px;
	width: 100%;
}

.TreeViewItem {
	color: #535353;
	cursor: pointer;
	padding: 2px;
	width: 100%;
	overflow: hidden;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

.TreeViewItemHover {
	color: #949494;
	background-color: #dbdbdb;
	cursor: pointer;
	padding: 2px;
	width: 100%;
	overflow: hidden;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

.TreeViewItemSelected {
	padding: 2px;
	width: 100%;
	overflow: hidden;
	background-color: #949494;
	color: #dbdbdb;
	cursor: pointer;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

.TreeViewItemNoEdit {
	color: #b73e39;
	cursor: pointer;
	padding: 2px;
	width: 100%;
	overflow: hidden;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

.TreeViewItemNoEditHover {
	color: #b73e39;
	background-color: #d9a09d;
	cursor: pointer;
	padding: 2px;
	width: 100%;
	overflow: hidden;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

.TreeViewItemNoEditSelected {
	padding: 2px;
	width: 100%;
	overflow: hidden;
	background-color: #b73e39;
	color: #d9a09d;
	cursor: pointer;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

.TreeViewItemNoPadding {
	color: #535353;
	cursor: pointer;
	padding: 0px;
	width: 100%;
	height: 17px;
	overflow: hidden;
}

.TreeViewItemHoverNoPadding {
	color: #949494;
	background-color: #dbdbdb;
	cursor: pointer;
	padding: 0px;
	width: 100%;
	height: 17px;
	overflow: hidden;
}

.TreeViewItemSelectedNoPadding {
	padding: 0px;
	width: 100%;
	height: 17px;
	overflow: hidden;
	background-color: #949494;
	color: #dbdbdb;
	cursor: pointer;
}

.TreeViewItemNoEditNoPadding {
	color: #b73e39;
	cursor: pointer;
	padding: 0px;
	width: 100%;
	height: 17px;
	overflow: hidden;
}

.TreeViewItemNoEditHoverNoPadding {
	color: #b73e39;
	background-color: #d9a09d;
	cursor: pointer;
	padding: 0px;
	width: 100%;
	height: 17px;
	overflow: hidden;
}

.TreeViewItemNoEditSelectedNoPadding {
	padding: 0px;
	width: 100%;
	height: 17px;
	overflow: hidden;
	background-color: #b73e39;
	color: #d9a09d;
	cursor: pointer;
}

.TreeViewItemBlack {
	color: White;
	background-color: #535353;
	cursor: pointer;
	padding: 2px;
	width: 100%;
	height: 21px;
	overflow: hidden;
	border-top: solid 2px white;
	border-bottom: solid 2px white;
	font-style: italic;
}

.TreeViewItemNoGrad {
	color: #535353;
	cursor: pointer;
	padding: 2px;
	width: 100%;
	height: 21px;
	overflow: hidden;
	border-top: solid 3px white;
	border-right: solid 1px white;
}

.TreeViewItemNoGradHover {
	color: Gray;
	text-decoration: underline;
	cursor: pointer;
	padding: 2px;
	width: 100%;
	height: 21px;
	overflow: hidden;
	border-top: solid 3px white;
	border-right: solid 1px white;
}

.TreeViewItemNoGradSelected {
	padding: 2px;
	width: 100%;
	height: 21px;
	overflow: hidden;
	color: #086c46;
	cursor: pointer;
	border-top: solid 3px white;
	border-right: solid 1px white;
}

/* ========== Tree Expanders ========== */
span.tree-expander {
	top: 9px;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 14px;
	background-repeat: no-repeat;
	margin-right: 5px;
	text-align: center;
}

span.tree-collapsed {
	cursor: pointer;
	background-image: url(../images/new/icon-leftrightupdowndiagonal-dark.png);
	background-position: right -16px;
}

span.tree-expanded {
	cursor: pointer;
	background-image: url(../images/new/icon-leftrightupdowndiagonal-dark.png);
	background-position: right -43px;
	height: 12px;
}

span.tree-empty {
	background-position: right 0;
	height: 12px;
}

span.expander-container {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 100%;
	padding: 0;
	background: #fafafa;
}

.selected span.expander-container {
	border-right: none !important;
	background: none !important;
}

.grid-row-alt span.expander-container {
	border-right: 2px solid #fff;
	background: #eee;
}

.grid-body div.selected span.tree-expanded,
.grid-body div.selected span.tree-collapsed {
	background-image: url(../images/new/icon-leftrightupdowndiagonal.png);
}

.grid-body div.selected span.tree-empty {
	background-position: right -14px;
}

span.expander-container+span {
	display: inline-block;
	margin-left: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* ========== Grid Styles ========== */
div.grid-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 10px 10px 0 10px;
	height: 20px;
	border-bottom: solid 3px #f0f0f0;
}

tr.grid-header {
	margin: 10px 10px 0 10px;
	height: 20px;
	border-bottom: solid 3px #f0f0f0;
}

div.grid-header span {
	position: absolute;
	padding: 5px 10px;
	text-align: left;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	font-size: 90%;
}

div.grid-header span>a.button {
	position: absolute;
	top: 3px;
	padding: 1px;
	margin: 0 0 0 3px;
	font-size: 8px;
}

div.grid-body {
	position: absolute;
	top: 33px;
	left: 0;
	right: 0;
	bottom: 34px;
	overflow: auto;
	margin: 0 10px;
	webkit-transform: translate3d(0, 0, 0);
	-webkit-overflow-scrolling: touch;
}

div.grid-body-no-paging {
	bottom: 0 !important;
}

div.grid-body h1.title,
div.grid-body h1.sub-title {
	margin: 0;
	padding: 10px 0 10px 13px;
	position: static !important;
}

div.grid-pager {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 10px;
	height: 34px;
	border-top: solid 3px #f0f0f0;
	text-align: right;
}

div.grid-pager input,
div.grid-pager select {
	float: right;
	margin: 5px 4px 0 4px;
}

div.grid-row {
	position: relative;
	display: block;
	height: 32px;
	border-left: none;
	border-right: none;
	margin: 0 3px;
	overflow: hidden;
}

div.grid-row>span {
	position: absolute;
	color: #000;
	padding: 9px 10px;
	text-align: left;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.grid-row>span p {
	white-space: normal;
}

div.grid-row span.checkbox {
	padding: 7px 15px 6px 5px;
	text-overflow: clip;
}

div.grid-row span.number {
	text-align: right;
}

div.grid-row span.actions {
	padding-top: 3px;
	padding-bottom: 4px;
	text-align: right;
}

div.grid-row>span.gridInputSpan {
	padding: 0px;
}

div.grid-row pre {
	margin: 0;
	padding: 0;
	white-space: pre-wrap;
	overflow: visible;
}

div.grid-row-no-data,
div.page-no-data {
	color: #ccc;
	padding: 5px 0;
	margin: 4px 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: dashed 1px #ccc;
}

div.page-no-data {
	margin: 4px 10px;
}

ul.list li.odd,
div.grid-row-alt>span {
	background: url("../images/Main/Navigation-Themes/transparentGrey.png");
}

a.grid-row-alt {
	background: #eee;
}

.grid-body div.selected>span {
	color: #fff;
	background: transparent !important;
}

.grid-row-showall {
	overflow: visible !important;
}

.grid-row-showall span {
	overflow: visible !important;
}

/* ========== Grid Row Status Colors ========== */
div.grid-row .transparent {
	border-left: 5px solid transparent;
	background: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}

div.grid-row .green {
	border-left: 5px solid green;
	background: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}

div.grid-row .red {
	border-left: 5px solid red;
	background: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}

div.grid-row .orange {
	border-left: 5px solid orange;
	background: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}

div.grid-row .status-1,
div.grid-row .status-2 {
	border-left: 5px solid blue;
	background: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}

/* ========== Grid Collapsible ========== */
.grid-collapsible .icon-vertical {
	height: 7px;
	width: 15px;
	background-repeat: no-repeat;
	border: none;
	display: block;
	margin: 4px 7px 0 0;
	background-image: url(../images/new/icon-leftrightupdown.png);
	float: right;
	padding: 0px;
}

.grid div.grid-body h1.title.grid-collapsible {
	position: relative !important;
	cursor: pointer;
}

.grid-body a.button {
	position: relative;
	min-width: 15px;
	text-align: center;
}

.grid-body a.buttonfloat {
	float: left;
}

.grid-body a span.icon-vertical {
	height: 7px;
	width: 15px;
	background-repeat: no-repeat;
	border: none;
	display: inline-block;
	background-image: url(../images/new/icon-leftrightupdown.png);
	position: absolute;
	right: 3px;
	top: 7px;
}

/* ========== Paging ========== */
span.paging-itemcount {
	display: inline-block;
	padding: 10px 5px 9px 5px;
	white-space: nowrap;
	float: right;
}

a.paging-link,
span.paging-link,
span.paging-break,
span.paging-link-unselected,
span.paging-link-unselectable {
	font-size: 12px;
	float: right;
	color: #777;
	display: block;
	padding: 10px 10px 6px 10px;
	margin: 3px 0 0 0;
	position: relative;
	bottom: 3px;
}

span.paging-link {
	margin-top: 0;
}

a.paging-link:hover,
span.paging-link-unselected:hover {
	border-top: solid 3px #ccc;
	color: #777;
	margin-top: 0;
	text-decoration: none;
}

div.paging {
	color: #3B362D;
}

div.paging a {
	color: #11929E;
}

div.paging a:hover {
	color: #3B362D;
}

/* ========== Fixed Height Grids ========== */
div.fixedHeight>.grid-header {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
}

div.fixedHeight>.grid-body {
	position: relative;
	top: 0;
	left: auto;
	right: auto;
}

/* ========== Specific Grids ========== */
.gridSelectDiv {
	margin: 0px 6px 0px 5px;
	height: 32px;
}

.gridInputDiv {
	margin: 0px 13px 0px 5px;
	height: 32px;
}

.gridTopSkills {
	position: relative;
	display: block;
	height: 106px;
	border-left: none;
	border-right: none;
	margin: -20px 0px 0px 5px;
	overflow: hidden;
}

.gridTopSkills .grid-header {
	display: none;
	height: 0px;
}

.gridTopSkills .grid-row {
	position: relative;
	display: block;
	height: 190px;
	border-left: none;
	border-right: none;
	margin: 0 0px;
	overflow: hidden;
}

.gridDietaryRequirement {
	position: relative;
	display: block;
	height: auto;
	border-left: none;
	border-right: none;
	margin: -20px 0px 0px 5px;
	overflow: hidden;
	padding-bottom: 20px;
}

.gridDietaryRequirement .grid-header {
	display: none;
	height: 0px;
}

.gridDietaryRequirement .grid-row {
	position: relative;
	display: block;
	height: 140px;
	border-left: none;
	border-right: none;
	margin: 0 0px;
	overflow: hidden;
}

.gridDietaryRequirement .readonly {
	opacity: 0.7;
}

.gridEmployment {
	position: relative;
	display: block;
	border-left: none;
	border-right: none;
	margin: -20px 0px 0px 5px;
	overflow: hidden;
}

.gridEmployment .grid-header {
	display: none;
	height: 0px;
}

.gridEmployment .grid-row {
	position: relative;
	display: block;
	height: 210px;
	border-left: none;
	border-right: none;
	margin: 0 0px;
	overflow: hidden;
}

.gridProjectExp {
	position: relative;
	display: block;
	border-left: none;
	border-right: none;
	margin: -20px 0px 0px 5px;
	overflow: hidden;
}

.gridProjectExp .grid-header {
	display: none;
	height: 0px;
}

.gridProjectExp .grid-row {
	position: relative;
	display: block;
	height: 210px;
	border-left: none;
	border-right: none;
	margin: 0 0px;
	overflow: hidden;
}

.mobile-grid div.grid-body {
	margin: 0px;
}

.mobile-grid div.grid-header {
	margin-left: 0px;
	margin-right: 0px;
}

/* ========== Popups & Overlays ========== */
.popup-border {
	background: #333;
	position: absolute;
	z-index: 1001;
}

.popup-body {
	position: absolute;
	width: auto;
	height: auto;
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	color: #000;
	border: 5px solid blue;
	z-index: 910;
}

.popup-body .title {
	font-size: 8pt;
	display: block;
	background: blue;
	color: #fff;
	padding: 5px;
	text-transform: capitalize;
}

.popup-body .body {
	padding: 5px;
	position: static;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

.popup-pointer {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid blue;
	position: absolute;
	z-index: 910;
}

.popup-section {
	margin-top: 10px;
	float: left;
	clear: left;
	width: 299px;
}

.popup-section-subjects {
	width: 360px;
}

/* ========== Dropdown Menus ========== */
#plusDropdown,
#plusDropdownInverse {
	margin: 0;
	padding: 0;
}

#plusDropdown>li>span,
#plusDropdownInverse>li>span {
	font-size: 8pt;
	display: block;
	background: blue;
	color: #fff;
	padding: 5px;
	text-transform: capitalize;
}

#plusDropdown div.action-strip,
#plusDropdownInverse div.action-strip {
	border-top: solid 3px #eee;
	text-align: right;
	position: relative;
}

#plusDropdown div.action-strip .button,
#plusDropdownInverse div.action-strip .button {
	margin: 4px 2px;
}

#plusDropdown li,
#plusDropdownInverse li {
	display: block;
	margin: 0;
	padding: 0;
	float: none;
	white-space: nowrap;
}

#plusDropdown li>a,
#plusDropdownInverse li>a {
	text-align: left;
	text-transform: capitalize;
	padding: 5px 10px;
	color: #000;
	display: block;
	text-decoration: none;
}

#plusDropdown li a:hover {
	background: #ddd;
}

#plusDropdown pre {
	max-width: 200px;
	white-space: pre-wrap;
	padding: 0px;
	margin: 5px;
}

.dropDownGroup {
	padding: 0;
}

.dropDownGroup li {
	list-style: none;
}

/* ========== Tooltips ========== */
.tooltip {
	position: relative;
	display: inline-block;
	margin: 0px 0px 0px 4px;
}

.tooltip_left {
	position: relative;
	display: inline-block;
	margin: 0px 0px 0px 4px;
}

.tooltip .tooltiptext,
.tooltip_left .tooltiptext {
	text-transform: initial !important;
	visibility: hidden;
	background-color: white;
	color: #000;
	text-align: center;
	padding: 5px 0;
	border-radius: 4px;
	border: 2px solid #0e395b;
	margin: -10px 0px 0px 2px;
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext,
.tooltip_left:hover .tooltiptext {
	visibility: visible;
}

.PhotoTooltip {
	border: solid 1px #656565;
	background-color: #fff;
	color: #656565;
	font-weight: bold;
	font-size: 7pt;
	padding: 5px;
	background-image: url(../Images/light_bg.jpg);
	z-index: 110;
}

/* ========== More Info ========== */
div.moreInfo {
	background: #fff;
}

div.moreInfo div.actions {
	overflow: hidden;
	margin-bottom: 5px;
}

div.moreInfo-pointer {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid #ddd;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: relative;
	left: 50%;
	margin-left: -5px;
	margin-top: -10px;
}

span.moreInfo-content {
	background: #ddd;
	position: relative;
}

.moreInfo .button {
	float: right !important;
}

.moreInfoSpan {
	margin-top: 10px;
	display: inline-block;
}

div.moreInfoHeader {
	text-transform: uppercase;
	font-size: 90%;
	height: 20px;
}

div.moreInfoHeader>span {
	padding-bottom: 0;
}

/* ========== Info Blocks ========== */
div.info-block {
	background: #f0f0f0;
	padding: 10px;
	margin: 0 5px 5px 0;
	display: block;
	float: left;
	clear: left;
	width: 10%;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.info-message {
	float: left;
	padding: 10px;
	max-width: 75%;
	white-space: normal;
}

div.info-attachment {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.info-attachment a.attachment {
	display: block;
	margin-right: 5px;
}

.grid-row-alt div.info-block {
	background: #fff;
}

/* ========== Content Areas ========== */
h1.title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 10px 10px 7px 10px;
	margin: 0;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

h1.sub-title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 5px 10px;
	margin: 0;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}

.content h1.title,
.admin-nav h1.title {
	font-size: 11px;
	padding: 10px 0 10px 15px;
	position: static;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.content h1.sub-title {
	font-size: 11px;
	padding: 5px 0 5px 15px;
	position: static;
	margin-bottom: 10px;
	text-transform: uppercase;
}

div.content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 75px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
	webkit-transform: translate3d(0, 0, 0);
	-webkit-overflow-scrolling: touch;
}

div.content-subTabs {
	top: 115px;
}

div.content-grey {
	background: #f0f0f0;
}

div.content-top {
	top: 40px;
}

div.content-actions {
	bottom: 37px;
}

div.action-strip {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border-top: solid 3px #eee;
	text-align: right;
	padding: 0px 2px 0px 0px;
	height: 34px;
}

div.fieldcontainer div select.textboxes, select.textboxes {
    width: 407px;
    padding: 1px;
}
div.fieldcontainer div select.textboxes, select.thin {
	width: 213px;
	padding: 2px;
}
.textboxes {
    padding: 2px;
    width: 400px;
    max-height: 200px;
    margin: 2px 0 0 0;
    font-family: Arial;
    font-size: 12px;
}

div.action-strip select.textboxes,
div.action-strip input.textboxes {
	width: 80px;
	height: 26px;
	margin-right: 2px;
}

.actions a.button {
	float: none;
	margin-right: 2px;
}

/* ========== Forms ========== */
div.form-container {
	padding: 20px;
}

div.fieldcontainer {
	margin: 5px 0;
	overflow: auto;
}

div.fieldcontainer label {
	display: inline-block;
	width: 170px;
	overflow: visible;
	padding: 6px 3px 5px 3px;
	float: left;
	white-space: normal;
	word-wrap: break-word;
}

div.fieldcontainer label.content {
	white-space: pre-wrap;
	width: 95%;
}

div.fieldcontainer label.sidebar {
	float: left;
	width: 170px;
	margin-left: -177px;
}

div.fieldcontainer label.popupLabel {
	width: 90px;
}

div.fieldcontainer div {
	text-align: left;
	padding: 0 0 0 0;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
}

div.fieldcontainer div input[type="checkbox"],
div.fieldcontainer div input[type="radio"] {
	display: inline-block;
	margin: 6px;
	padding: 0;
	float: left;
	clear: left;
}

div.fieldcontainer div p,
div.fieldcontainer div span,
div.fieldcontainer div pre {
	padding: 6px 3px 3px 3px;
	font-size: 12px;
	display: inline-block !important;
	margin: 0;
	white-space: pre-line;
}

div.fieldcontainer div pre.trainingpre {
	font-size: 12px;
	display: block !important;
}

div.fieldcontainer div span.displayNoneOverride {
	display: none !important;
}

div.fieldcontainer div.fieldcontainerWrapper {
	margin-left: 177px;
	overflow: visible;
}

div.fieldcontainer div .datetime,
div.fieldcontainer div .numeric {
	width: 205px;
	float: left;
}

div.fieldcontainer div .datetime+img {
	margin: 5px 0 0 1px;
	padding: 0;
	display: inline-block;
	float: left;
}

div.fieldcontainer p {
	color: #000;
	display: inline-block;
}

div.fieldcontainer span.readonly {
	display: inline-block;
	white-space: pre;
	cursor: default;
	color: #000;
}

div.info-message span.trainingreadonly {
	display: block;
	cursor: default;
	color: #000;
}

div.fieldcontainer a.action {
	font-size: 12px;
	padding: 2px;
}

div.fieldcontainer>div>input[type="checkbox"]+span {
	margin-top: 3px;
}

div.fieldcontainer>div>.block {
	display: block !important;
}

div.fieldcontainerPopup {
	margin: 5px;
}

.fieldcontainer div span.error-message {
	background: pink;
	display: inline-block;
	padding: 5px 5px 4px 5px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 11px;
	position: absolute;
}

.error {
	background: #ffe4ee !important;
}

.hiddenField {
	display: none;
}

div.padding {
	padding: 10px 15px !important;
}

div.spacing {
	margin: 10px 15px;
}

/* ========== Comments ========== */
.commentDiv {
	position: relative;
	height: 50px;
	margin-bottom: 10px;
}

.commentContainer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: 0 10px 5px 0;
}

.commentContainer textarea.reason {
	width: 100%;
	height: 100%;
	display: block;
	margin-bottom: 5px;
}

/* ========== Upload Components ========== */
#upload_container,
.ajaxUpload-container-parent {
	padding: 3px 0 0 0 !important;
}

.ajaxUpload-container {
	padding: 0 !important;
}

span.ajaxUpload-container {
	float: left;
}

input.ajaxUpload-button {
	width: 100px;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}

input.ajaxUpload-file {
	width: 100px;
	filter: alpha(opacity:0);
	position: relative;
	cursor: pointer;
	z-index: 2;
	font-size: 8pt;
}

a.ajaxUpload-button,
a.ajaxUpload-button:hover {
	font-family: Arial;
	width: 90px;
	display: inline-block;
	margin: 0;
	padding: 4px;
	border: none;
	background: blue;
	color: #fff;
	cursor: pointer;
	font-size: 8pt;
	font-weight: bold;
	position: absolute;
	z-index: 1;
	text-decoration: none;
	text-align: center;
}

.ajaxUpload-button,
.ajaxUpload-file {
	padding: 4px 5px;
	color: #fff;
}

.ajaxUpload-button {
	padding: 5px;
}

a.ajaxUpload-clearAttachment:link {
	margin-left: 5px;
}

img.upload-loader {
	display: block;
	margin: 2px;
	padding: 0;
	float: left;
}

span.upload-message {
	display: block;
	font-size: 11px;
	padding: 4px;
	margin: 0;
	color: #000;
}

/* ========== Date Picker ========== */
#ui-datepicker-div {
	display: none;
	z-index: 2147483647 !important;
}

img.ui-datepicker-trigger {
	display: inline-block;
	position: static;
	cursor: pointer;
	margin: 0 0 0 2px;
}

/* ========== Search Results ========== */
a.searchResult,
a.searchResult:link,
a.searchResult:visited,
a.searchResult:active {
	display: block;
	width: 100%;
	border-bottom: solid 1px silver;
	color: Black;
	font-weight: normal;
	background-color: White;
	cursor: pointer;
	text-decoration: none;
	padding: 3px 3px 3px 3px;
}

a.searchResultSelected,
a.searchResultSelected:link,
a.searchResultSelected:visited,
a.searchResultSelected:active {
	display: block;
	width: 100%;
	border-bottom: solid 1px silver;
	color: White;
	font-weight: normal;
	background-color: Silver;
	cursor: pointer;
	text-decoration: none;
	padding: 3px 3px 3px 3px;
}

a.searchResult:hover {
	background-color: #EEEEEE;
	cursor: pointer;
	text-decoration: none;
}

/* ========== Calendar ========== */
.calendar-today {
	border: solid 1px #000;
}

.calendar-day {
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px;
}

.calendar-event {
	display: block;
	background: #ddd;
	margin: 20px 1px 0 1px;
	min-height: 10px;
	float: left;
	color: #000 !important;
	text-align: center;
	padding: 10px 0;
}

.calendar-event:hover {
	background: #aaa;
}

.calendarAction {
	float: right;
	padding-bottom: 2px !important;
	padding-top: 3px !important;
	margin-top: 5px !important;
}

.weekview .calendar-event {
	margin-top: 2%;
	padding: 0;
	width: 100%;
	line-height: 200%;
	position: relative;
}

.weekview div.grid-row>span {
	overflow-y: auto;
}

div.no-padding-grid-header span {
	padding-left: 0;
	padding-top: 0;
}

span.single-event {
	display: block;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
}

span.single-event-coloured {
	background: #eee;
	border-top: #fff 2px solid;
}

.grey-day span.single-event-coloured {
	background: #fff;
	border-top: #eee 2px solid;
}

a.week-event-group:hover,
.calendar-event:hover {
	text-decoration: none;
}

a.week-event-group {
	padding-bottom: 5px !important;
}

.event-padding {
	padding: 0 5px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}

.grey-day {
	background: url("../images/Main/Navigation-Themes/transparentGrey.png") !important;
}

#grid-grid-Calendar div.grid-body {
	margin: 0 7px;
}

/* ========== FullCalendar Overrides ========== */
.fc .fc-button-primary {
	color: #fff;
	color: var(--fc-button-text-color, #fff);
	background-color: #ababab;
	background-color: var(--fc-button-bg-color, #ababab);
	border-color: #ababab;
	border-color: var(--fc-button-border-color, #ababab);
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial;
}

.fc .fc-button-primary:hover {
	color: #fff;
	color: var(--fc-button-text-color, #fff);
	background-color: #1e2b37;
	background-color: var(--fc-button-hover-bg-color, #1e2b37);
	border-color: #1a252f;
	border-color: var(--fc-button-hover-border-color, #1a252f);
}

.fc .fc-button-primary:disabled {
	color: #fff;
	color: var(--fc-button-text-color, #000);
	background-color: #ababab;
	background-color: var(--fc-button-bg-color, #ababab);
	border-color: #2C3E50;
	border-color: var(--fc-button-border-color, #ababab);
}

.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
	color: #fff;
	color: var(--fc-button-text-color, #fff);
	background-color: #000000;
	background-color: var(--fc-button-active-bg-color, #000000);
	border-color: #000000;
	border-color: var(--fc-button-active-border-color, #000000);
}

.fc .fc-toolbar-title {
	font-size: 1.75em;
	margin: 0;
	text-transform: uppercase;
	text-decoration: underline;
}

/* ========== Legends ========== */
#legends ul li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
	padding-left: 5px;
}

#legends ul {
	overflow: hidden;
	padding: 0;
	margin: 9px 0 0 0;
}

.legends-1 {
	border-left: solid blue 15px;
}

.legends-2 {
	border-left: solid red 15px;
}

.legends-3 {
	border-left: solid green 15px;
}

.legends-4 {
	border-left: solid orange 15px;
}

.legends-red {
	border-left: solid red 15px;
}

.legends-orange {
	border-left: solid orange 15px;
}

.legends-green {
	border-left: solid green 15px;
}

.legends-event-type-1 {
	border-left: solid black 15px;
}

.event-type-1 {
	background: blue;
}

.event-type-2 {
	background: red;
}

.event-type-3 {
	background: green;
}

.event-type-4 {
	background: orange;
}

.red-bg {
	background: red;
}

.green-bg {
	background: green;
}

.orange-bg {
	background: orange;
}

/* ========== Batch Actions ========== */
.batchActions .button {
	margin-top: 3px;
}

div.grid-row span.batchActions {
	padding-top: 0;
}

/* ========== Employee Field Values ========== */
.employeeFieldValue label {
	display: block;
}

.employeeFieldValue label.multi {
	min-height: 14px;
	margin-top: 10px;
}

.employeeFieldValue {
	min-height: 14px;
}

/* ========== Terminated States ========== */
.terminated {
	background: #ccc;
}

.terminated * {
	color: #fff !important;
}

.terminated>span:first-child:after {
	content: " - Terminated";
}

.future-terminated {
	background: #ccc;
}

.future-terminated * {
	color: #fff !important;
}

.future-terminated>span:first-child:after {
	content: " - Future termination";
}

/* ========== Icons ========== */
.icon-vertical {
	height: 7px;
	width: 15px;
	background-repeat: no-repeat;
	border: none;
	display: block;
	margin: 3px 0 0 0;
	background-image: url(../images/new/icon-leftrightupdown.png);
	position: absolute;
	right: 3px;
	top: 5px;
}

.icon-up {
	background-position: 0 0;
}

.icon-down {
	background-position: 0 -9px;
}

.icon-left {
	background-position: 0 0;
	float: left;
}

.icon-right {
	background-position: -9px 0;
	float: right;
}

h1.nopadding span.icon-vertical {
	display: block;
	padding: 0px;
}

h1.nopadding.grid-collapsible span.icon-vertical,
h1.sub-title span.icon-vertical {
	margin: 9px 3px 0 0;
}

#menu .grid-collapsible .icon-vertical {
	margin: 9px 3px 0 0;
}

.ToolbarIcon {
	height: 20px;
	width: 28px;
	cursor: pointer;
	display: block;
}

/* ========== Shadows ========== */
.shadow {
	box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

/* ========== Splitter ========== */
.Splitter {
	background-image: url(../Images/dash.jpg);
}

.SplitterActive {
	background-color: red;
}

/* ========== Transparent Backgrounds ========== */
div.transparent_bg_green {
	background-image: url(../Images/transparent_bg_green.png);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 998;
	display: inline;
	cursor: default;
}

div.transparent_bg_red {
	background-image: url(../Images/transparent_bg_red.png);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 998;
	display: inline;
	cursor: default;
}

/* ========== Skype Integration ========== */
span.skype_pnh_container {
	display: none !important;
}

span.skype_pnh_print_container,
span[class^="skype_pnh_print_container"] {
	display: inline !important;
}

/* ========== Page Backgrounds ========== */
.HomePageBG {
	background-color: #e5e5e5;
}

.HomePageWhite {
	background-color: White;
}

.MainPageBG {
	background-color: #b1f4d7;
}

/* ========== Messages ========== */
.messageContainer p {
	margin: 0;
	padding: 0;
}

.messageContainer {
	height: 78px;
	overflow: auto;
}

.messageContainer p span {
	background: #004264;
	padding: 5px;
	color: #fff;
	display: inline-block;
}

.employee-workflow-container pre {
	padding: 10px;
	margin: 0;
}

.info-message pre {
	margin: 0;
}

/* ========== Badge Links ========== */
a.link-to-badges {
	color: #009ec7;
}

a.link-to-badges:hover {
	color: #004264;
	text-decoration: none;
}

/* ========== Sign In Buttons ========== */
a.signInWithBtn {
	text-decoration: none;
	width: 150px;
	height: 40px;
	padding: 0px 0px 0px 5px;
}

a.signInWithBtn>svg {
	width: 150px;
	height: 40px;
}

body:not(.mobileBody) div.signInWithWrapper {
	display: inline-block;
	vertical-align: top;
	padding: 0px 5px 0px 5px;
}

body:not(.mobileBody) #signInWithGoogle,
body:not(.mobileBody) #signInWithMS {
	width: 215px;
	display: inline-block;
}

body.mobileBody #signInWithGoogle,
body.mobileBody #signInWithMS {
	width: 215px;
	display: inline-block;
}

/* ========== Smooth Scroll ========== */
.smooth-scroll {
	overflow: auto;
	webkit-transform: translate3d(0, 0, 0);
	-webkit-overflow-scrolling: touch;
}

/* ========== Secure View Control ========== */
.secureViewControl {
	margin: 2px 0 0 1px;
	padding: 0;
	display: inline-block;
	float: left;
	position: absolute;
	height: 22px;
}

/* ========== Inactive States ========== */
.inactive {
	cursor: default;
}

.lowRes a {
	width: 24px;
}

/* ========== ID-Specific Selectors ========== */
#divManagementDescription {
	border: none;
}

.managementBlock {
	position: absolute;
	display: inline-block;
	top: 30px;
	left: 350px;
	right: 30px;
	width: 450px !important;
}

#actions,
#customactions {
	text-overflow: ellipsis;
}

#customactions {
	bottom: 5px;
	right: 5px;
}

#close {
	position: relative;
	margin: 3px 5px;
}


/* ========== Processing Logo ========== */
#divProcessingLogo {
	display: inline-block;
	background: #fff;
	padding: 5px;
	color: #000;
	z-index: 1002;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 auto;
	position: relative;
	border-radius: 5px;
	min-height: 35px;
}

#divProcessingLogo img {
	float: left;
	height: 35px;
}

#divProcessingLogo span {
	display: flex;
	padding: 0px 10px 0 10px;
	height: calc(100% - 0px);
	vertical-align: middle;
	font-size: 0.75rem;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}

#divProcessingLogoContainer {
	position: absolute;
	top: 50%;
	width: 100%;
}

/* ========== Popup Window ========== */
#divPopupWindow #divInnerPopupWindow {
	background: #e3e3e3;
}

#divPopupWindow #divInnerPopupWindow #communicateContainer {
	top: -2px !important;
	right: 4px !important;
	bottom: 4px;
}

/* ========== Hide Nav ========== */
#hideNavContainer {
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
}

.hideButton {
	background: #11929E;
}

a.hideButton {
	z-index: 898 !important;
	display: block;
	position: absolute;
}

a.hideButton span {
	background-image: url(../images/new/icon-leftrightupdown.png);
	color: #fff;
	min-width: 16px;
	min-height: 16px;
	display: block;
	background-position: center -29px;
	background-repeat: no-repeat;
}

a.hideButton:hover {
	text-decoration: none;
}

a.hideButtonRight span {
	background-position: center -16px !important;
}

#hideNav {
	width: 25px;
	vertical-align: middle;
	top: 10px;
	height: 40px;
	padding-top: 30px;
}

.hiddenNav a {
	position: absolute;
	z-index: 1000 !important;
	width: 25px;
	height: 26px;
	top: 80px;
}

.hiddenNav a:hover {
	text-decoration: none;
}

/* ========== Communication Panel ========== */
#openChat span,
#openChat-popup span {
	background-image: url(../images/new/icon-discuss.png);
	background-position: center center;
}

#communicateContainer {
	width: 0;
	background: #fff;
	z-index: 910;
	position: absolute;
	top: 115px;
	bottom: 14px;
}

#communicationMain {
	position: absolute;
	width: 100%;
	height: 100%;
}

#communicate-tabs li.close {
	height: 28px;
}

#communicate-tabs {
	top: 0;
}

#communicate-home {
	background-image: url(../images/new/home.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	width: 15px;
}

#communicate-home-li {
	height: 31px;
}

#communicate-chats {
	display: inline-block;
	width: 212px;
}

#communicate-sub-tabs {
	overflow: hidden;
	white-space: nowrap;
	top: 38px;
}

#plus-chat {
	right: 30px;
	top: 5px;
}

#plus-chat a {
	padding: 5px 1px 2px 0;
}

#openChat,
#openChat-popup {
	width: 25px;
	vertical-align: middle;
	top: 80px;
	height: 24px;
	padding-top: 10px;
}

#openChat-popup {
	top: 6px;
	height: 20px;
	padding-top: 5px;
	right: 33px;
}

/* ========== User Image ========== */
#userImageCopy {
	position: absolute;
	top: 10px;
	z-index: 1000;
	height: 70px;
}

/* ========== Main Body ========== */
#mainBody {
	margin: 0;
}

body.SilverPanelNoBorder div#main {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* ========== Container Errors ========== */
#container_userAccount .error-message {
	position: relative;
	top: 5px;
	margin: -2px 2px;
}

#rolesContainderDiv>span.read-only.block {
	display: block !important;
}

/* ========== Message Box ========== */
#messagebox_overlay {
	background-image: url(../Images/transparent_bg_green.png);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
}

#messagebox_tab_strip {
	left: 0;
	right: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #fff;
	border-bottom: solid 3px #eee;
	height: 37px;
	white-space: nowrap;
}

#messagebox_tab_strip .title {
	float: left;
	padding: 13px 7px 10px 7px;
	border-bottom: none;
	background-color: #eee;
}

#messagebox_content {
	padding: 15px;
	min-height: 75px;
	max-height: 300px;
	overflow-y: auto;
}

#messagebox_content #bulletDiv {
	display: inline-block;
}

#messagebox_content #messageText {
	display: inline-table;
	padding: 0px 0px 0px 3px;
	width: 350px;
}

#messagebox_buttons {
	border-top: solid 3px #eee;
	width: 100%;
	height: 34px;
	text-align: right;
	padding-right: 2px;
	text-transform: uppercase;
}

#messagebox_close {
	position: absolute;
	right: 2px;
	top: 2px;
}

#messagebox_animate {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0px;
	height: 0px;
}

#messagebox_popup {
	background-color: white;
}

/* ========== Library Popup ========== */
#libraryPopup_overlay {
	background-image: url(../Images/transparent_bg_green.png);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
}

#libraryPopup_tab_strip {
	left: 0;
	right: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #fff;
	border-bottom: solid 3px #eee;
	height: 37px;
	white-space: nowrap;
}

#libraryPopup_tab_strip .title {
	float: left;
	padding: 13px 7px 10px 7px;
	border-bottom: none;
	background-color: #eee;
}

#libraryPopup_content {
	padding: 15px;
	min-height: 75px;
	max-height: 380px;
	overflow-y: hidden;
}

#libraryPopup_buttons {
	border-top: solid 3px #eee;
	width: 100%;
	height: 34px;
	text-align: right;
	padding-right: 2px;
}

#libraryPopup_close {
	position: absolute;
	right: 2px;
	top: 2px;
}

#libraryPopup_animate {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0px;
	height: 370px;
	border: solid 4px #ccc;
}

#libraryPopup_popup {
	background-color: white;
	height: 370px;
}

/* ========== My Performance Simplified ========== */
.MyPerfromanceSimplified div h1,
.MyPerfromanceSimplified div div h1,
.MyPerfromanceSimplified div div div h1 {
	display: none !important;
}

#grid-System_Settings-body h1.sub-title {
	background: #c8c8c8 !important;
	font-weight: bold;
}

/* ========== Watermarks ========== */
body:not(.mobileBody)>span.watermarkDevelopment {
	position: absolute;
	top: 0;
	left: 0px;
	right: 0px;
	z-index: 999999;
	color: rgb(255 255 255);
	font-size: 20px;
	background-color: #951B1F;
	text-align: center;
	padding: 2px;
	font-weight: bolder;
	text-transform: uppercase;
	margin: 0px 10px 0px 10px;
}

body:not(.mobileBody)>span.watermarkPreProd {
	position: absolute;
	top: 0;
	left: 0px;
	right: 0px;
	z-index: 999999;
	color: rgb(255 255 255);
	font-size: 20px;
	background-color: #6240a3;
	text-align: center;
	padding: 2px;
	font-weight: bolder;
	text-transform: uppercase;
	margin: 0px 10px 0px 10px;
}

body:not(.mobileBody)>span.watermarkDevelopmentBottom {
	position: absolute;
	bottom: 0;
	left: 0px;
	right: 0px;
	z-index: 999999;
	color: #000000;
	font-size: 15px;
	background-color: #951B1F;
	text-align: center;
	padding: 2px;
	font-weight: bolder;
	text-transform: uppercase;
}

body:not(.mobileBody).watermark>#menu {
	margin-top: 32px;
	margin-bottom: 26px;
}

body:not(.mobileBody).watermark>#userImageCopy {
	top: 32px;
}

body:not(.mobileBody).watermark>#headerAndBody {
	margin-top: 22px;
	margin-bottom: 18px;
}

body:not(.mobileBody).watermark>#hideNavContainer {
	margin-top: 22px;
	margin-bottom: 26px;
}

#watermark,
#watermarkBottom {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -140px;
	z-index: 999999;
	color: #fff;
	font-size: 10px;
}

#watermarkBottom {
	top: auto;
	bottom: 0;
}

/* ========== Leave Setup ========== */
#sub-tabs-leaveSetup {
	top: 40px;
}

#leaveSetupStaticConfigWrapper {
	top: 80px;
}

#leaveSetupCustomConfigWrapper {
	display: none;
	top: 80px;
}

/* ========== List Items ========== */
#list_items {
	display: inline-block;
	width: 300px;
	margin: 0px 0px 0px -15px;
	height: 280px;
}

#list_items #grid-Item_List {
	position: relative;
	top: -20px;
}

#list_items .grid-header {
	position: relative;
}

#list_items #grid-Item_List-body {
	display: block;
	left: 0px;
	width: 250px;
	overflow-x: hidden;
	position: static;
	overflow-y: scroll;
	height: 255px;
	top: 0px;
}

#add_items {
	display: inline-block;
	position: absolute;
	margin: 5px 0px 0px 10px;
	padding: 5px;
	width: 300px;
}

#add_items label {
	padding: 5px;
}

#add_items .textboxes .thin {
	width: 230px;
}

#add_items #field_Add_Item {
	width: 230px;
}

/* ========== Weightings Container ========== */
#weightingscontainer #main {
	padding: 10px;
	position: absolute;
	top: 40px;
	bottom: 35px;
	left: 0px;
	right: 0px;
}

#weightingscontainer #main span.name {
	display: block;
	font-weight: bold;
	font-size: 11px;
	text-transform: none;
	padding: 8px;
}

#weightingscontainer #main span.weight {
	float: right;
	border: none;
	margin: 0;
	padding: 4px;
	display: inline-block;
	background: none;
	color: #fff;
	font-size: 10px;
	width: 50px;
	text-align: right;
}

#weightingscontainer #main input.weight {
	float: right;
	border-left: solid 1px black;
	padding: 1px;
	display: none;
	font-size: 10px;
	width: 54px;
	text-align: right;
}

#weightingscontainer #main div.kra span.weight {
	color: #000000;
}

#weightingscontainer #main div.slider {
	width: 500px;
	float: right;
	margin: 7px 10px 0px 5px;
}

#weightingscontainer #main div.SilverPanel {
	margin: 0px 5px 5px 5px;
	height: 513px;
	width: 886px;
	overflow: auto;
	position: absolute;
	border-top: none;
	overflow-y: scroll;
}

#weightingscontainer #main #main {
	padding: 10px;
	position: absolute;
	top: 40px;
	bottom: 35px;
	left: 0px;
	right: 0px;
}

#weightingscontainer #main .sliderHover {
	background: #ededed;
}

#weightingscontainer #main div.buttons {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
}

#weightingscontainer #main div.toolstrip {
	background: #fff;
	background-image: url(../../images/workflow/subtab_bg.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	border: solid 1px #628478;
	display: block;
	margin: 5px 5px 0px 5px;
}

#weightingscontainer #main div.toolstrip a {
	display: inline-block;
	padding: 1px 3px 1px 3px;
	margin: 3px 0 3px 3px;
	background-color: #656565;
	color: #fff;
	border: solid 1px #656565;
}

#weightingscontainer #main div.toolstrip a:hover {
	text-decoration: none;
	background-color: #bfbfbf;
	color: #fff;
	border: solid 1px #656565;
}

#weightingscontainer #main div.toolstrip span {
	float: right;
	display: inline-block;
	padding: 2px 4px 1px 4px;
	margin: 3px 0 3px 3px;
	color: green;
}

#weightingscontainer #main h1.title {
	position: relative !important;
	margin: 0px;
}

#weightingscontainer #main h1.sub-title {
	padding-right: 0px;
	padding-bottom: 0px;
	position: relative !important;
	margin: 0px;
	margin-bottom: 1px;
}

#weightingscontainer #main .lock-sliders {
	text-align: right;
	padding-bottom: 10px;
	padding-right: 5px;
}

#weightingscontainer #main .lock-sliders div {
	height: 25px;
	line-height: 25px;
	display: inline-block;
	text-transform: uppercase;
}

#weightingscontainer #main .lock-sliders div input {
	margin-top: 0px;
	vertical-align: middle;
}

#weightingscontainer #main div.kpi {
	border: none;
	border-top: 2px solid #dddddd;
}

/* ========== Login Overlay ========== */
#loginOverlay,
#loginOverlayWatermark {
	z-index: 1000;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ddd;
	overflow: hidden;
}

#overlayCenterContainer {
	width: 500px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

#overlayFormContainer {
	background: #fff;
	position: absolute;
	top: 50%;
	height: 300px;
	margin-top: -150px;
	width: 100%;
}

#loginContent {
	position: absolute;
	top: 95px;
	padding: 0 56px;
	width: 100%;
}

#loginContent p {
	max-width: 440px;
	text-transform: uppercase;
	font-weight: bold;
	color: red;
}

#loginLogo {
	position: static;
}

#loginTheme {
	display: block;
	overflow: hidden;
}

#btnOK {
	float: right;
}

#lblError {
	display: block;
	margin: 5px;
	position: relative;
	top: -188px;
}

#cbRememberMe {
	margin-left: 0;
}

/* ========== Title Actions ========== */
#title-actions {
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	height: 35px;
	background: blue;
	color: #fff;
	white-space: nowrap;
}

#title-actions span {
	font-size: 11px;
	padding: 12px 0 9px 23px;
	display: inline-block;
	width: 60px;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
}

#title-actions a {
	background-image: url(../images/new/icon-all.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 25px;
	width: 25px;
	position: absolute;
	top: 6px;
	left: 0;
}

#title-actions #a-notifications {
	background-position: 0 0;
	z-index: 100;
}

#title-actions #a-settings {
	background-position: 0 -75px;
	z-index: 103;
}

#title-actions #a-search {
	background-position: 0 -125px;
	z-index: 105;
}

#a-notifications {
	background-position: 0 0;
}

#a-discuss {
	background-position: 0 -25px;
	z-index: 101;
}

#a-filter {
	background-position: 0 -50px;
	z-index: 102;
}

#a-settings {
	background-position: 0 -75px;
}

#a-logout {
	background-position: 0 -100px;
	z-index: 104;
}

#a-myDetails {
	background-position: 0 -150px !important;
}

#a-logOUt {
	background-position: 0 -100px !important;
}

#a-cancel {
	background-position: 0 -175px !important;
}

/* ========== User Details ========== */
#user-details {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 70px;
	background: blue;
}

#user-details span.icon-down {
	position: absolute;
	right: 5px;
	top: 30px;
}

#user-details:hover {
	cursor: pointer;
}

#userButtons {
	float: left;
	width: 250px;
}

/* ========== Main Actions ========== */
div.main-actions a.main-action {
	position: absolute;
	width: 125px;
	text-decoration: none;
	display: inline-block;
	padding: 0;
	margin: 0;
	height: 35px;
	top: 70px;
	overflow: hidden;
	white-space: nowrap;
	background-image: url(images/new/icon-all.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.hiddenNav a.main-action {
	background-image: url(images/new/icon-all.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.main-actions a.main-action span {
	display: block;
	padding: 5px 3px 6px 3px;
	margin-left: 25px;
	font-size: 11px;
	width: 194px;
	text-align: left;
}

div.main-actions {
	width: 250px;
	display: block;
	overflow: hidden;
	height: 70px;
	white-space: nowrap;
	margin-bottom: 0;
}

.main-actions-inner {
	height: 25px;
	text-align: right;
	white-space: nowrap;
}

/* ========== Header & Body Layout ========== */
#header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0;
	height: 70px;
}

#theme {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: bottom right;
}

#body {
	position: absolute;
	top: 70px;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 998;
    background: #fff;
}

#headerAndBody {
	top: 0;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

#headerAndBody.watermark {
	top: 23px;
	position: absolute;
	bottom: 0px;
	z-index: 1;
}

/* ========== Menu ========== */
#menu {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 250px;
	overflow: hidden;
	z-index: 900;
	background: #fff !important;
}

#menu.watermark {
	position: absolute;
	top: 23px;
	bottom: 0px;
	width: 250px;
	overflow: hidden;
	z-index: 900;
}

#menu a {
	outline: none;
	white-space: nowrap;
}

#menu ul {
	top: 0;
	margin: 0;
	padding: 0 4px 4px 4px;
	display: block;
	overflow: hidden;
}

#menu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #fff !important;
}

#menu ul li a {
	display: block;
	clear: both;
	margin: 0;
	position: relative;
	white-space: nowrap;
	color: #777;
}

#menu ul li a.selected {
	border-style: solid;
	border-width: 1px;
	padding: 3px;
}

#menu div.grid-header {
	display: none !important;
}

#menu div.grid-body {
	top: -3px;
	border-top: solid 3px #eee;
	margin: 0;
	border-bottom: 3px #eee solid;
}

#menu div.grid-pager {
	margin: 0;
}

#menu h1.title {
	font-size: 8pt;
}

#menu .grid-body div.selected span:not(.tree-expander) {
	color: #fff;
	background-image: none !important;
}

#hideNavContainer.watermark {
	top: 23px;
	bottom: 0px;
}

#menuShadow.watermark {
	top: 35px;
	bottom: 10px;
}

/* ========== Username ========== */
#username {
	position: absolute;
	top: 22px;
	left: 61px;
	right: 17px !important;
	padding: 5px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	color: #fff;
}

#username:hover {
	text-decoration: none;
}

.userName-hover {
	border-style: solid;
	border-width: 1px;
	padding: 3px !important;
}

/* ========== Photo ========== */
#photo {
	background: #fff;
	height: 52px;
	width: 52px;
	clear: both;
	position: absolute;
	top: 9px;
	left: 9px;
}

/* ========== Logo ========== */
#logo {
	position: absolute;
	z-index: 11;
}

#scubed-logo {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 26px;
	margin: 4px;
	cursor: pointer;
}

#powered-by {
	position: absolute;
	bottom: 12px;
	right: 108px;
	text-align: right;
	font-size: 9px;
	color: #777 !important;
}

/* ========== Session Timer ========== */
#session-timer {
	color: #777 !important;
	position: absolute;
	bottom: 10px;
	left: 13px;
	text-align: right;
	font-size: 11px;
}

/* ========== Heading Links ========== */
a.heading {
	clear: both;
	display: block;
	padding: 5px 5px 5px 5px;
	border-top-style: solid;
	border-top-width: 1px;
	position: relative;
}

/* ========== Search Box ========== */
#searchBox {
	position: absolute;
	top: 105px;
	left: 0;
	width: 250px;
	height: 40px;
	background: #fff;
	z-index: 1000;
	border: none;
}

#closeSearch {
	float: left;
	margin: 10px 0 0;
	height: 12px;
	padding: 2px 5px 5px 5px !important;
	color: #fff !important;
}

#search {
	width: 191px;
	display: block;
	padding: 2px;
	margin: 10px 10px 0 10px;
	float: left;
}

#fieldsearch > #search {
	width: 191px;
	display: block;
	padding: 2px;
	margin: 0px 0px 0 0px;
	float: left;
}

#search-results {
	position: absolute;
	z-index: 1001;
	top: 145px;
	bottom: 34px !important;
	width: 250px;
	border: none;
	background: #fff;
}

#search-results a {
	display: block;
	background: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 4px 2px;
}

/* ========== Positioning ========== */
#positioning {
	position: absolute;
	top: 50%;
	width: 100%;
}

/*#container {
	position: relative;
	top: -160px;
	height: 250px;
	width: 500px;
	margin: 0 auto;
}*/

/* ========== Footer ========== */
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
}

#footer a {
	outline: none;
}

#footer a:hover {
	text-decoration: none;
}

/* ========== Startup ========== */
#startingup {
	display: inline-block;
	position: absolute;
	background: #dee5e2;
	padding: 5px;
	border: solid 1px #888;
	color: #333;
}

#startingup img {
	float: left;
}

#startingup span {
	display: inline-block;
	padding: 1px 0 0 5px;
}

/* ========== Navigation Grid ========== */
#grid-nav-main {
	position: absolute;
	top: 146px;
	bottom: 34px;
	left: 0;
	right: 0;
}

#grid-nav-main .grid-header {
	color: #fff;
}

/* ========== Main Tabs ========== */
#mainTabs {
	height: 38px;
	background: #fff !important;
	position: absolute;
	top: 105px;
	left: 0;
	right: 0;
}

#mainTabs ul.tab-strip {
	top: 0 !important;
	width: auto !important;
	height: 40px !important;
	padding: 0;
	overflow: hidden !important;
	border: none;
	background: #fff !important;
}

#mainTabs ul.tab-strip li {
	z-index: 1;
}

#mainTabs .action {
	height: 27px;
	margin: 4px 6px;
}

#mainTabs .action #mainPlusAction {
	color: #fff;
}

/* ========== Admin Navigation ========== */
#admin-nav {
	position: absolute;
	bottom: 0;
	top: 145px;
	left: 0;
	right: 0;
}

#admin-nav .grid-pager {
	margin: 0;
	height: 34px;
}

#admin-nav .grid-pager a,
#admin-nav .grid-pager span {
	margin: 3px 0 0 0;
	font-size: 10px;
	padding: 10px 5px;
	color: #777 !important;
}

#admin-nav .grid-pager span.paging-link,
#admin-nav .grid-pager a.paging-link:hover {
	margin: 0;
}

#admin-nav span.paging-itemcount {
	display: none;
}

#admin-nav div.grid-body {
	bottom: 34px !important;
}

/* ========== Badge Thumbnails ========== */
#badgeThumContainer {
	position: absolute;
	top: 33px;
	left: 61px;
	right: 17px !important;
	white-space: nowrap;
	overflow: hidden;
}

#badgeThumContainer .badge-img {
	margin: 0 auto;
}

#badgeThumContainer .badge-img:first-child {
	margin-left: 0;
}

#badge-thumb-link {
	color: #fff;
	margin-left: 5px;
}

#badge-thumb-link:hover {
	text-decoration: underline;
}

.badge-thumb-spacer {
	display: inline-block;
	width: 30px;
	margin-left: 5px;
}

/* ========== Category Container ========== */
div.category-container>div.item-container-padding>div.TreePanel>div>div.labelAndInput.fieldcontainer>div {
	white-space: pre;
}

/* ========== Hidden ID ========== */
#22411178-0AB6-42AF-8209-FC753F8B58E2 {
	display: none;
}

#b #ifrm {
	display: none;
}

/* ========== INSTANCE ACTIVITY NEW CSS ========== */
#buttons
{
	padding: 0px 3px 0px 2px;
}
#buttons .buttons
{
	float: right;
	margin: 0px 2px 0px 2px;
}
#buttons .buttonshover
{
	float: right;
	margin: 0px 2px 0px 2px;
}
/*#fields
{
	float: left;
	padding: 20px;
}
*/
#notice
{
	padding: 50px 50px 20px 50px;
}
#notice h1
{
	font-size: 15px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	text-align: center;
	border-bottom: solid 3px #eee;
}
#notice p
{
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #000;
}
div.nocomment
{
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 14px;
	border-top: solid 1px #8E8E8E;
	margin: 5px 0px 0px 0px;
	padding: 10px;
}
#history:not(a)
{
	padding: 0;
}
div.activitycontainer
{
	display: block;
	clear: both;
	color: #000;
	border-bottom: solid 3px #eee;
	margin: 0 0 0 0;
	padding: 18px;
	text-align: left;
	font-size: 10px;
	position: relative;
}
div.hover
{
	background:#eee;
	cursor:default;
}
div.activitycontainer h1
{
	margin: 4px 0 0 5px;
	display: inline-block;
	clear: both;
	color: #000;
	font-size: 15px;
}
div.activity, .activitycontainer div.comment
{
	display: block;
	clear: both;
	margin: 3px 0 0 30px;
}
div.activity span, div.comment span
{
	color: blue;
	font-size: 10px;
	margin: 0;
}
div.activity span.date, div.comment span.date
{
	display: block;
	text-align: left;
	float: left;
	color: #777;
	margin: 0 5px 0 0;
	width: 100px;
}
label.activitynumber
{
	background: #777;
	color: #fff;
	display: block;
	padding: 7px 0;
	width: 24px;
	font-size: 10px;
	text-align: center;
	float: left;
}
div.comment span
{
	
}
div.comment p
{
	font-weight: normal;
	margin: 5px 0 3px 105px;
	padding: 5px;
	background-color: #eee;
}
div#commentbg, div#formbg
{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 90;
	background-image: url(../../../Images/transparent_bg_green.png);
}
div#commentbg div.comment, div#formbg div.comment
{
	position: absolute;
	top: 50px;
	left: 50px;
	bottom: 50px;
	right: 50px;
	z-index: 999;
	background-color: #fff;
	border: solid 1px #8E8E8E;
	padding: 2px;
	text-align: right;
}
div#commentbg div.comment div.comment-container
{
    position: absolute;
    top: 10px;
    bottom: 55px;
    left: 10px;
    right: 18px;
}
div#commentbg div.comment textarea
{
    margin: 0;
	height: 100%;
	width: 100%;
}
div#commentbg div.comment input
{
	display: inline-block;
	margin: 0px 3px 5px 0px;
}
a.form:link, a.form:active, a.form:visited
{
	display: inline-block;
	font-size: 11px;
	padding: 4px;
	margin: 8px 4px 4px 0;
	background-color: blue;
	color: #fff;
	text-decoration: none;
}
a.form:hover
{
	text-decoration: none;
	background-color: Navy;
	color: #fff;
}
div#formbg div.comment #formresult
{
	margin: 0;
	text-align: left;
	font-size: 11px;
}
div#formbg div.comment #formresult div.content
{
    padding: 10px 15px 15px 15px;
}
div#formbg div.comment #formresult p
{
	border: none;
	padding: 7px 0px 20px 0px;
	font-weight: bold;
	background: transparent;
	margin: 0;
}
div#formbg div.comment #formresult span
{
	font-size: 11px;
}
div#formbg div.comment input
{
	/*display: inline-block;
	margin: 0px 3px 5px 0px;*/
}

a.selected:link, a.selected:visited
{
	background:#656565;
	color:#FFF;
}
div.subform
{
	display:none;
	padding: 10px 15px 15px 15px;
}
div.history
{
    padding: 0;
}
div.selected
{
	display:block;
}
div.nopadding
{
    padding-top:0;
}
h1.parentinstance
{
}
#forms
{
	padding: 0;
}
a.instance, a.instance:link, a.instance:active
{
	border: none;
	background: blue;
	padding: 5px 0;
	margin: 0;
	display: block;
	text-align: center;
}
a.instance:hover
{
	background: #ddd;
	color: #000;
}
div.formfields
{
    padding: 10px 15px 0 15px;
    margin: 0 0 20px 0;
}
div.forminstructions
{
    padding: 15px 18px 0 18px;
    margin: 0 0 10px 0;
}

span.infoTooltip
{
    text-decoration: none;
}
span.infoTooltip:hover 
{
    cursor: help;
}
span.infoTooltip span
{
    display: none;
}
span.infoTooltip:hover span 
{
    border: Gray 1px solid;
    background-color: #FFF;
    color: Gray;
    padding: 5px 5px 5px 5px;
    display: inline;
    z-index: 9200;
    margin: 10px;
    margin-left: 20px;
    position: absolute;
    text-decoration: none;
}