@charset "UTF-8";
/****
Library imports
****/
/**
 * Base Theme
 * @author john
 * @created 06/07/2013
 *
 * @description This file defines a default theme, so that the subsequent themes
 *              (for example whitelabels need only override what
 *              they need to override)
 *
 * Table of Content
 * ==================================================
 *     # Generic colours
 *     # Typography
 *     # Themable variables
 *     # and more
 */
/**
 * Sendible defaults first
 */
/** 
 * @block Paths
 */
/**
 * @block Site wide variables
 */
/**
 * @block ZIndex stacks
 * NOTE: this works with SASS function 'z' in styles/sass/partials/_mixins.scss file.
 * The element modal-elements needs a very high zindex this value will be returned by the function z.
 */
/**
 * @block Table styles
 */
/**
 * @block Hr styles
 */
/**
 * @block Input styles
 */
/**
 * @block Message Block styles
 */
/**
 * @block Comment Block styles
 */
/**
 * @block bottom right notification styles
 */
/**
 * @block Users select drop down
 */
/**
 * @block preferences styles
 */
/**
 * @block Modal styles
 */
/**
 * @block Button styles
 */
/**
 * @block Media upload styles
 */
/*
 * @block Blank State styles
 */
/**
 * @block Module variables
 */
/*
 * @block ribbon styles
 */
/**
 * @block #wizard-form-box
 */
/**
* @block #queue-box
*/
/** 
 * @block #queue-messages
 */
/** 
 * @block #tasks-messages
 */
/** 
 * @block #monitoring
 */
/** 
 * @block #top-control-bar
 */
/** 
 * @block #top-bar
 */
/**
 * @block select 2 drop down
 */
/** 
 * @block #compose-box
 */
/**
 * @block #tool-bar
 */
/**
 * @block #left-sidebar
 */
/**
 * @block #right-sidebar
 */
/**
 * @block #stream-left-sidebar
 */
/**
 * @block #stream-tool-bar
 */
/** 
 * @block .services-item
 */
/** 
 * @block .services-sidebar
 */
/**
 * @block #wizard-content-choice-box
 */
/**
 * @block .template-designer-box
 */
/** 
  * @block Suggested/recommended/explore content
  */
/** 
  * @block MeasureView
  */
/**
 * @block ManageListsView
 */
/**
 * @block ManageUsersView
 */
/**
 * @block MailingLists
 */
/**
 * @block Calendar
 */
/**
 * @block tab-media-upload
 */
/**
 * @block Carousel styles
 */
/**
 * @block Search Drop down styles
 */
/**
 * @block Bulk import view
 */
/*
 * @block Priority inbox
 */
/**
 * @block Tutorial popovers
 */
/**
 * @block Date Picker
 */
/**
 * @block Permissions Modal
 */
/**
* end of SCSS
*/
/* Tab media loading box (Tom Boyd) */
@import "/libs/select2/3.4.5/select2.css";
@import "/libs/fancybox/jquery.fancybox.css";
/*!
 * FullCalendar v2.1.1 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed .fc-today {
  background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  font-size: 2em;
  line-height: 0.5em;
  height: 0.5em; /* will make the total height 1em */
  font-family: "Courier New", Courier, monospace;
}

.fc-icon-left-single-arrow:after {
  content: "‹";
  font-weight: bold;
}

.fc-icon-right-single-arrow:after {
  content: "›";
  font-weight: bold;
}

.fc-icon-left-double-arrow:after {
  content: "«";
}

.fc-icon-right-double-arrow:after {
  content: "»";
}

.fc-icon-x:after {
  content: "×";
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 0.6em;
  /* text & cursor */
  font-size: 1em; /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default { /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon { /* non-theme */
  position: relative;
  top: 0.05em; /* seems to be a good adjustment across browsers */
  margin: 0 0.1em;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 25px;
  margin-top: 4px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0; /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc hr {
  height: 0;
  margin: 0;
  padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
  border-style: solid;
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%; /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em; /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double; /* overcome neighboring borders */
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent; /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells */
.fc-row .fc-highlight-skeleton {
  z-index: 2;
  bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton table {
  height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td {
  border-color: transparent;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 3;
  padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 4;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none; /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
  position: relative; /* re-scope all positions */
  width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative; /* for resize handle and other inner positioning */
  display: block; /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 5px;
  border: 1px solid #3a87ad; /* default BORDER color */
  background-color: #3a87ad; /* default BACKGROUND color */
  font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event.guideflow_hovered,
.ui-widget .fc-event {
  color: #fff; /* default TEXT color */
  text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0; /* spacing between events and edges */
  padding: 0 1px;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px; /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px; /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-day-grid-event > .fc-content { /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resize handle (outside of fc-content, so can go outside of bounds) */
.fc-day-grid-event .fc-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 7px;
}

.fc-ltr .fc-day-grid-event .fc-resizer {
  right: -3px;
  cursor: e-resize;
}

.fc-rtl .fc-day-grid-event .fc-resizer {
  left: -3px;
  cursor: w-resize;
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more.guideflow_hovered {
  text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
  float: left;
  margin-left: 0.75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table { /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view tbody .fc-row {
  min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
  text-align: center;
}

.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis { /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal; /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-highlight-skeleton {
  z-index: 3;
}

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
}

.fc-time-grid > .fc-helper-skeleton {
  z-index: 5;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-slats td {
  height: 1.5em;
  border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-slats .fc-minor td {
  border-top-style: dotted;
}

.fc-slats .ui-widget-content { /* for jqui theme */
  background: none; /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
  position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container { /* a div within a cell within the fc-content-skeleton */
  position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event {
  position: absolute;
  z-index: 1; /* scope inner z-index's */
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-time-grid-event {
  overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
  position: relative;
  z-index: 2; /* above the bg */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}

.fc-time-grid-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25); /* for IE */
}

/* resizer */
.fc-time-grid-event .fc-resizer {
  position: absolute;
  z-index: 3; /* above content */
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
  content: "=";
}

.fc-content,
.fc-day-grid-event > .fc-content {
  text-transform: none !important;
  position: relative;
  width: 100%;
  min-height: 63px !important;
  overflow: hidden;
  font-size: 11px;
  box-sizing: border-box;
  padding: 3px 6px 0;
  border-radius: 3px;
}
.fc-content .m_text,
.fc-day-grid-event > .fc-content .m_text {
  font-weight: bold;
  margin: 3px 0 0 0;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.fc-content .m_text .short-text,
.fc-day-grid-event > .fc-content .m_text .short-text {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.fc-content .color-dash,
.fc-day-grid-event > .fc-content .color-dash {
  right: -35px;
}

.holiday-calendar {
  max-height: 25px !important;
  color: blue;
  background-color: white;
}

.fc-unthemed .fc-popover {
  max-height: 500px;
  overflow: auto;
}

.fc-day-grid-event {
  padding: 0;
}

.fc-ltr .fc-basic-view .fc-day-number {
  font-size: 10px;
}

#calendarView .fc-time,
#calendarView .m_text .icon,
#calendarView .m_type {
  font-weight: 100;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#calendarView .fc-event.guideflow_hovered {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.075);
}

#calendarView .fc-time-grid-event .fc-bg {
  background: transparent;
}

#calendarView .fc-basic-view > .fc-event,
#calendarView .fc-basic-view > .fc-event:active {
  cursor: -webkit-grabbing !important;
  opacity: 1 !important;
  filter: alpha(opacity=1) !important;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.075), 0 20px 40px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.075), 0 20px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.075), 0 20px 40px rgba(0, 0, 0, 0.2);
}

#calendarView .m_type {
  margin-left: 8%;
  font-size: 9px;
  text-transform: uppercase;
}

#calendarView .m_initials {
  position: absolute;
  color: #fff !important;
  display: block;
  top: 4px;
  right: -1px;
  font-size: 8px;
  font-weight: 900;
  width: 20px;
  text-align: center;
}

#calendarView .single-service-type .fc-time,
#calendarView .single-service-type .m_text .icon,
#calendarView .single-service-type .m_type #calendarView .single-service-type .m_initials,
#calendarView .single-service-type .m_panel .m_tally,
#calendarView .single-service-type .fc-content .m_text {
  color: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#calendarView .single-service-type .m_panel div .icon,
#calendarView .single-service-type .fc-content .m_text {
  opacity: 1;
  filter: alpha(opacity=100);
}

#calendarView .m_panel {
  position: absolute;
  bottom: 3px;
  left: 3px;
  width: 100%;
}
#calendarView .m_panel div {
  color: #fff;
  float: left;
  border-radius: 3px;
  text-align: center;
  max-width: 80px;
}
#calendarView .m_panel div .icon {
  font-size: 12px;
  vertical-align: text-bottom;
}
#calendarView .m_panel .m_fb {
  background: #3b5998;
}
#calendarView .m_panel .m_tw {
  background: #1da1f2;
}
#calendarView .m_panel .m_ins {
  background: #E4405F;
}
#calendarView .m_panel .m_pin {
  background: #bd081c;
}
#calendarView .m_panel .m_ggl {
  background: #dd4b39;
}
#calendarView .m_panel .m_lin {
  background: #0077b5;
}
#calendarView .m_panel .m_other {
  background: #e9eaeb;
  color: #555;
}
#calendarView .m_panel .m_other .m_tally {
  color: #555;
}

#calendarView .fc-time-grid-event.fc-not-end,
#calendarView .fc-time-grid-event.fc-not-start {
  border-top-width: 1px;
  padding-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-width: 1px;
  padding-bottom: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#calendarView .fc-agendaDay-view .short-text .icon-picture,
#calendarView .fc-agendaWeek-view .short-text .icon-picture,
#calendarView .fc-agendaWeek-view .short-text .icon-file2,
#calendarView .fc-month-view .media-container {
  display: none;
}

#calendarView .fc-agenda-view .fc-content {
  min-height: 76px !important;
}
#calendarView .fc-agenda-view .fc-content .m_text .short-text {
  overflow: hidden;
  height: 31px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#calendarView .fc-agenda-view .fc-content .fc-title .media-container {
  height: 67px;
  display: block;
  margin: 3px 0 23px 0;
  overflow: hidden;
  background: rgba(35, 36, 54, 0.1);
  position: relative;
}
#calendarView .fc-agenda-view .fc-content .fc-title .media-container img {
  min-width: 100%;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#calendarView .fc-agenda-view .fc-content .fc-title .media-container > .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  margin-left: -9px;
  margin-top: -10px;
}
#calendarView .fc-agenda-view .fc-content .fc-title .media-container .icon-play-sign {
  z-index: 10;
}
#calendarView .fc-agenda-view .fc-content .fc-time,
#calendarView .fc-agenda-view .fc-content .fc-title {
  display: inline !important;
}

/*!
 * Datepicker for Bootstrap v1.7.0-dev (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day.guideflow_hovered,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled.guideflow_hovered {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today.guideflow_hovered,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.guideflow_hovered {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today.guideflow_hovered,
.datepicker table tr td.today.guideflow_hovered.guideflow_hovered,
.datepicker table tr td.today.disabled.guideflow_hovered,
.datepicker table tr td.today.disabled.guideflow_hovered.guideflow_hovered,
.datepicker table tr td.today:active,
.datepicker table tr td.today.guideflow_hovered:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled.guideflow_hovered:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today.guideflow_hovered.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.guideflow_hovered.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.guideflow_hovered.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled.guideflow_hovered.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today.guideflow_hovered[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled.guideflow_hovered[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.guideflow_hovered:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled.guideflow_hovered:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today.guideflow_hovered.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.guideflow_hovered.active {
  background-color: #fbf069 \9 ;
}

.datepicker table tr td.today.guideflow_hovered.guideflow_hovered {
  color: #000;
}

.datepicker table tr td.today.active.guideflow_hovered {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range.guideflow_hovered,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled.guideflow_hovered {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.guideflow_hovered,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.guideflow_hovered {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today.guideflow_hovered,
.datepicker table tr td.range.today.guideflow_hovered.guideflow_hovered,
.datepicker table tr td.range.today.disabled.guideflow_hovered,
.datepicker table tr td.range.today.disabled.guideflow_hovered.guideflow_hovered,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.guideflow_hovered:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled.guideflow_hovered:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.guideflow_hovered.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.guideflow_hovered.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.guideflow_hovered.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled.guideflow_hovered.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today.guideflow_hovered[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled.guideflow_hovered[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.guideflow_hovered:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled.guideflow_hovered:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.guideflow_hovered.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.guideflow_hovered.active {
  background-color: #efe24b \9 ;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.guideflow_hovered,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.guideflow_hovered {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.guideflow_hovered,
.datepicker table tr td.selected.guideflow_hovered.guideflow_hovered,
.datepicker table tr td.selected.disabled.guideflow_hovered,
.datepicker table tr td.selected.disabled.guideflow_hovered.guideflow_hovered,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.guideflow_hovered:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled.guideflow_hovered:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.guideflow_hovered.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.guideflow_hovered.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.guideflow_hovered.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled.guideflow_hovered.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected.guideflow_hovered[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled.guideflow_hovered[disabled] {
  background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.guideflow_hovered:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled.guideflow_hovered:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.guideflow_hovered.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.guideflow_hovered.active {
  background-color: #666666 \9 ;
}

.datepicker table tr td.active,
.datepicker table tr td.active.guideflow_hovered,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.guideflow_hovered {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.guideflow_hovered,
.datepicker table tr td.active.guideflow_hovered.guideflow_hovered,
.datepicker table tr td.active.disabled.guideflow_hovered,
.datepicker table tr td.active.disabled.guideflow_hovered.guideflow_hovered,
.datepicker table tr td.active:active,
.datepicker table tr td.active.guideflow_hovered:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled.guideflow_hovered:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.guideflow_hovered.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.guideflow_hovered.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.guideflow_hovered.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled.guideflow_hovered.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active.guideflow_hovered[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled.guideflow_hovered[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.guideflow_hovered:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled.guideflow_hovered:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.guideflow_hovered.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.guideflow_hovered.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker table tr td span.guideflow_hovered,
.datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled.guideflow_hovered {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.guideflow_hovered,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.guideflow_hovered {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.guideflow_hovered,
.datepicker table tr td span.active.guideflow_hovered.guideflow_hovered,
.datepicker table tr td span.active.disabled.guideflow_hovered,
.datepicker table tr td span.active.disabled.guideflow_hovered.guideflow_hovered,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active.guideflow_hovered:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled.guideflow_hovered:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.guideflow_hovered.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.guideflow_hovered.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.guideflow_hovered.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled.guideflow_hovered.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active.guideflow_hovered[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled.guideflow_hovered[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active.guideflow_hovered:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled.guideflow_hovered:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.guideflow_hovered.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.guideflow_hovered.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch.guideflow_hovered,
.datepicker .prev.guideflow_hovered,
.datepicker .next.guideflow_hovered,
.datepicker tfoot tr th.guideflow_hovered {
  background: #eee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
  color: #555;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/*
  backgrid
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT @license.
*/
.backgrid-container {
  position: relative;
  display: block;
  width: 100%;
  height: 465px;
  padding: 0;
  overflow: auto;
  border: 0;
}

.backgrid {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border: none;
  border-collapse: collapse;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.backgrid th,
.backgrid td {
  height: 20px;
  max-width: 250px;
  padding: 4px 5px;
  overflow: hidden;
  line-height: 20px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  border: none;
}

.backgrid tr {
  border-bottom: 1px solid #d5d7d9;
}

.backgrid td {
  border-left: 1px solid #d5d7d9;
}

.backgrid th {
  font-weight: bold;
  cursor: pointer;
}

.backgrid th a {
  white-space: nowrap;
}

.backgrid thead th {
  vertical-align: bottom;
  background-color: #f9f9f9;
}

.backgrid.backgrid-striped tbody tr:nth-child(odd) td,
.backgrid.backgrid-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.backgrid tbody tr.empty {
  font-style: italic;
  color: gray;
}

.backgrid tbody tr.empty td {
  text-align: center;
}

.backgrid td.editor,
.backgrid tbody tr:nth-child(odd) td.editor {
  background-color: rgba(82, 168, 236, 0.1);
  outline: 1px solid rgba(82, 168, 236, 0.8);
  outline-offset: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: width, outline, background-color;
  -moz-transition-property: width, outline, background-color;
  -o-transition-property: width, outline, background-color;
  transition-property: width, outline, background-color;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.backgrid td.editor input[type=text] {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.backgrid td.error,
.backgrid tbody tr:nth-child(odd) td.error {
  background-color: rgba(255, 210, 77, 0.1);
  outline: 1px solid #ffd24d;
}

.backgrid td.editor :focus,
.backgrid th.editor :focus {
  outline: 0;
}

.backgrid .sort-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  border: 0;
  content: "";
}

.backgrid .ascending .sort-caret {
  vertical-align: baseline;
  border-top: none;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #000000;
  border-left: 4px solid transparent;
}

.backgrid .descending .sort-caret {
  vertical-align: super;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-bottom: none;
  border-left: 4px solid transparent;
}

.backgrid .string-cell,
.backgrid .uri-cell,
.backgrid .email-cell,
.backgrid .string-cell.editor input[type=text],
.backgrid .uri-cell.editor input[type=text],
.backgrid .email-cell.editor input[type=text] {
  text-align: left;
}

.backgrid .date-cell,
.backgrid .time-cell,
.backgrid .datetime-cell,
.backgrid .number-cell,
.backgrid .integer-cell,
.backgrid .date-cell.editor input[type=text],
.backgrid .time-cell.editor input[type=text],
.backgrid .datetime-cell.editor input[type=text],
.backgrid .number-cell.editor input[type=text],
.backgrid .integer-cell.editor input[type=text] {
  text-align: right;
}

.backgrid .boolean-cell,
.backgrid .boolean-cell.editor input[type=checkbox] {
  text-align: center;
}

.backgrid .select-cell {
  text-align: center;
}

.backgrid .select-cell.editor {
  padding: 0;
}

.backgrid .select-cell.editor select {
  display: block;
  width: 100%;
  height: 28px;
  padding: 4px 5px;
  margin: 0;
  line-height: 28px;
  vertical-align: middle;
  background-color: white;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.backgrid .select-cell.editor :focus {
  border: 0;
  outline: 0;
}

.backgrid .select-cell.editor select::-moz-focus-inner,
.backgrid .select-cell.editor optgroup::-moz-focus-inner,
.backgrid .select-cell.editor option::-moz-focus-inner,
.backgrid .select-cell.editor select::-o-focus-inner,
.backgrid .select-cell.editor optgroup::-o-focus-inner,
.backgrid .select-cell.editor option::-o-focus-inner {
  border: 0;
}

/* Supports the bootstrap-colorpalette JS plugin (used: List Create)*/
.bootstrap-colorpalette {
  padding-left: 4px;
  padding-right: 4px;
  white-space: normal;
  line-height: 1;
}

.bootstrap-colorpalette div {
  line-height: 0;
}

.bootstrap-colorpalette .btn-color {
  width: 17px;
  height: 17px;
  border: 1px solid #fff;
  margin: 0;
  padding: 0;
}

.bootstrap-colorpalette .btn-color.guideflow_hovered {
  border: 1px solid #000;
}

/*
  backgrid-moment-cell
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT @license.
*/
.backgrid .moment-cell {
  text-align: right;
}

.backgrid .moment-cell.editor input[type=text] {
  text-align: right;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  background: #ffffff;
  color: #000000;
}

.ui-timepicker-list.guideflow_hovered .ui-timepicker-duration {
  background-color: #1980EC;
  color: #ffffff;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list.guideflow_hovered .ui-timepicker-selected {
  background: #ffffff;
  color: #000000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li.guideflow_hovered,
.ui-timepicker-list .ui-timepicker-selected.guideflow_hovered {
  background: #1980EC;
  color: #ffffff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li.guideflow_hovered .ui-timepicker-duration {
  background: #1980EC;
  color: #ffffff;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled.guideflow_hovered,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #ffffff;
  color: #888888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled.guideflow_hovered,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #ffffff;
  color: #888888;
}

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
}

.CodeMirror-scroll {
  /* Set scrolling behaviour here */
  overflow: auto;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
  z-index: 3;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
  z-index: 1;
}

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable {
  color: black;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3 {
  color: #085;
}

.cm-s-default .cm-property {
  color: black;
}

.cm-s-default .cm-operator {
  color: black;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  line-height: 1;
  position: relative;
  overflow: hidden;
  background: white;
  color: black;
}

.CodeMirror-scroll {
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  padding-bottom: 30px;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-bottom: 30px;
  margin-bottom: -32px;
  display: inline-block;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-lines {
  cursor: text;
}

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-measure pre {
  position: static;
}

.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  visibility: hidden;
  border-right: none;
  width: 0;
}

.CodeMirror-focused div.CodeMirror-cursor {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursor {
    visibility: hidden;
  }
}
/**
 * select2 module
 * @author https://github.com/t0m/select2-bootstrap-css/blob/master/lib/select2-bootstrap.scss
 *
 * @description A few customisations for select2, to make it look more like Bootstrap's controls.
 * Compatible with select2 3.3.2 and bootstrap 2.3.1
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Themeable Parts
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.select2-container {
  vertical-align: middle;
}
.select2-container.input-mini {
  width: 60px;
}
.select2-container.input-small {
  width: 90px;
}
.select2-container.input-medium {
  width: 150px;
}
.select2-container.input-large {
  width: 210px;
}
.select2-container.input-xlarge {
  width: 270px;
}
.select2-container.input-xxlarge {
  width: 530px;
}
.select2-container.input-default {
  width: 220px;
}
.select2-container[class*=span] {
  float: none;
  margin-left: 0;
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices {
  height: 30px;
  line-height: 31px;
  border: 2px solid rgba(35, 36, 54, 0.1);
  border-radius: 6px;
  background: none;
  background-color: #fff;
  filter: none;
}

.select2-container .select2-choice div, .select2-container .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice div,
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  border-left: none;
  background: none;
  filter: none;
}

.control-group.error [class^=select2-choice] {
  border-color: #ff4d93;
}

.select2-container-multi .select2-choices .select2-search-field {
  height: 26px;
  line-height: 22px;
}

.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: rgba(82, 168, 236, 0.8);
  outline: none;
}

[class^=input-] .select2-container {
  font-size: 14px;
}

.input-prepend [class^=select2-choice] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-append [class^=select2-choice] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-dropdown-open [class^=select2-choice] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-dropdown-open.select2-drop-above [class^=select2-choice] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
}

[class^=input-] .select2-offscreen {
  position: absolute;
}

/**
 * This stops the quick flash when a native selectbox is shown and 
 * then replaced by a select2 input when javascript kicks in. This can be 
 * removed if javascript is not present 
 */
select.select2 {
  height: 28px;
  visibility: hidden;
}

.select2-container-multi .select2-choices .select2-search-choice {
  margin: 5px 0 3px 5px;
  background: #f5f5f6;
  border: 1px solid rgba(35, 36, 54, 0.1);
}

.select2-container-multi .select2-choices {
  background: #ffffff;
  border: 2px solid rgba(35, 36, 54, 0.1);
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding-top: 2px;
}

.select2-drop .controlSelect input, .select2-drop .controlSelect .select2-search {
  background: #ffffff;
  border: 2px solid rgba(35, 36, 54, 0.1);
}

.select2-search-choice-close {
  margin-top: 0;
}

.select2-search input,
.select2-container-multi .select2-choices .select2-search-field input {
  font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.select2-results li {
  line-height: 22px;
}

/*# sourceMappingURL=library.css.map */
