/*!
 * FullCalendar v3.1.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2016 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 thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #e6e6e6; }

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

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #f2f2f2; }

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

.fc-unthemed td.fc-today {
  /* $light-blue */
  background: rgba(37, 171, 253, 0.2);
  color: #1774cc; }

.fc-highlight {
  /* when user is selecting cells - $light-blue */
  background: rgba(37, 171, 253, 0.3);
  opacity: .3; }

.fc-bgevent {
  /* default look for background events - $lime */
  background: rgba(113, 223, 84, 0.7);
  opacity: .3; }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #f2f2f2; }

.fc-week td.fc-today {
  color: #1774cc; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative; }

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%; }

/* 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 .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 .2em;
  vertical-align: middle; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f2f2f2;
  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: #313336;
  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: #313336;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #313336;
  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: rgba(91, 107, 120, 0.5);
  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;
  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 {
  /* TODO: be more consistent with fc-head/fc-body */
  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: .9em;
  margin-top: 2px; }

/* 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-divider {
  border-style: solid;
  border-width: 1px; }

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

.fc-clear {
  clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.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%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  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 */ }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer; }

a[data-goto]:hover {
  text-decoration: underline; }

/* 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 & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

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

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

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

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

/*
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: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

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

.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 {
  -webkit-overflow-scrolling: touch; }

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 14px;
  line-height: 1.3;
  border-radius: 3px;
  border: none !important;
  /* default BORDER color */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
  margin: 2px 1px 0; }

.fc-event,
.fc-event-dot {
  background-color: #1774cc;
  /* default BACKGROUND color */ }

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.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 */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-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-h-event.fc-not-end,
.fc-rtl .fc-h-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; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }

/* 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; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }

.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; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }

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

a.fc-more:hover {
  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; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid #e6172c; }

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 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: .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 {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .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-day-top.fc-other-month {
  opacity: 0.3; }

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

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #5b6b78; }

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center; }

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

/* 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-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-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }

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

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }

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

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

.fc-time-grid .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-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,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-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-v-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; }

/* 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 {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible; }

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */ }

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */ }

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

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

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  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-allow-mouse-resize .fc-resizer:after {
  content: "="; }

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */ }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */ }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: bold; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt {
  float: right; }

.fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */ }

.fc-list-item:hover td {
  background-color: #f2f2f2; }

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline; }

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #f2f2f2; }

.fc-event-past:before {
  content: ' ';
  position: absolute;
  left: 0;
  opacity: .2;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  background: #fff; }

.fc-event-past .provider-avatar, .fc-event-past .avatar {
  opacity: .8; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pswp img {
  max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 1;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #000; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: rgba(91, 107, 120, 0.5); }

.pswp__error-msg a {
  color: rgba(91, 107, 120, 0.5);
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none; }

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1; }

.pswp__button:active {
  outline: none;
  opacity: 0.9; }

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000; }

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }

.pswp__caption small {
  font-size: 11px;
  color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

.materialize-red {
  background-color: #e51c23 !important; }

.materialize-red-text {
  color: #e51c23 !important; }

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important; }

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important; }

.materialize-red.lighten-3 {
  background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important; }

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important; }

.materialize-red.lighten-1 {
  background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important; }

.materialize-red.darken-1 {
  background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 {
  color: #d0181e !important; }

.materialize-red.darken-2 {
  background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 {
  color: #b9151b !important; }

.materialize-red.darken-3 {
  background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 {
  color: #a21318 !important; }

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

.red {
  background-color: #F44336 !important; }

.red-text {
  color: #F44336 !important; }

.red.lighten-5 {
  background-color: #FFEBEE !important; }

.red-text.text-lighten-5 {
  color: #FFEBEE !important; }

.red.lighten-4 {
  background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 {
  color: #FFCDD2 !important; }

.red.lighten-3 {
  background-color: #EF9A9A !important; }

.red-text.text-lighten-3 {
  color: #EF9A9A !important; }

.red.lighten-2 {
  background-color: #E57373 !important; }

.red-text.text-lighten-2 {
  color: #E57373 !important; }

.red.lighten-1 {
  background-color: #EF5350 !important; }

.red-text.text-lighten-1 {
  color: #EF5350 !important; }

.red.darken-1 {
  background-color: #E53935 !important; }

.red-text.text-darken-1 {
  color: #E53935 !important; }

.red.darken-2 {
  background-color: #D32F2F !important; }

.red-text.text-darken-2 {
  color: #D32F2F !important; }

.red.darken-3 {
  background-color: #C62828 !important; }

.red-text.text-darken-3 {
  color: #C62828 !important; }

.red.darken-4 {
  background-color: #B71C1C !important; }

.red-text.text-darken-4 {
  color: #B71C1C !important; }

.red.accent-1 {
  background-color: #FF8A80 !important; }

.red-text.text-accent-1 {
  color: #FF8A80 !important; }

.red.accent-2 {
  background-color: #FF5252 !important; }

.red-text.text-accent-2 {
  color: #FF5252 !important; }

.red.accent-3 {
  background-color: #FF1744 !important; }

.red-text.text-accent-3 {
  color: #FF1744 !important; }

.red.accent-4 {
  background-color: #D50000 !important; }

.red-text.text-accent-4 {
  color: #D50000 !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink-text.text-lighten-5 {
  color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink-text.text-lighten-3 {
  color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink-text.text-lighten-2 {
  color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink-text.text-lighten-1 {
  color: #ec407a !important; }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink-text.text-darken-1 {
  color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink-text.text-darken-2 {
  color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink-text.text-darken-3 {
  color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink-text.text-darken-4 {
  color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink-text.text-accent-1 {
  color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink-text.text-accent-2 {
  color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink-text.text-accent-3 {
  color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.pink-text.text-accent-4 {
  color: #c51162 !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple-text.text-lighten-4 {
  color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple-text.text-lighten-3 {
  color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple-text.text-lighten-2 {
  color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple-text.text-lighten-1 {
  color: #ab47bc !important; }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple-text.text-darken-1 {
  color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple-text.text-darken-2 {
  color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple-text.text-darken-3 {
  color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple-text.text-darken-4 {
  color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple-text.text-accent-1 {
  color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple-text.text-accent-2 {
  color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple-text.text-accent-3 {
  color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.purple-text.text-accent-4 {
  color: #aa00ff !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important; }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple-text.text-darken-2 {
  color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple-text.text-darken-4 {
  color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple-text.text-accent-1 {
  color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple-text.text-accent-3 {
  color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.deep-purple-text.text-accent-4 {
  color: #6200ea !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo-text.text-lighten-3 {
  color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo-text.text-lighten-2 {
  color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important; }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo-text.text-darken-1 {
  color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo-text.text-darken-2 {
  color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo-text.text-darken-3 {
  color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo-text.text-darken-4 {
  color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo-text.text-accent-1 {
  color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo-text.text-accent-2 {
  color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo-text.text-accent-3 {
  color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.indigo-text.text-accent-4 {
  color: #304ffe !important; }

.blue {
  background-color: #2196F3 !important; }

.blue-text {
  color: #2196F3 !important; }

.blue.lighten-5 {
  background-color: #E3F2FD !important; }

.blue-text.text-lighten-5 {
  color: #E3F2FD !important; }

.blue.lighten-4 {
  background-color: #BBDEFB !important; }

.blue-text.text-lighten-4 {
  color: #BBDEFB !important; }

.blue.lighten-3 {
  background-color: #90CAF9 !important; }

.blue-text.text-lighten-3 {
  color: #90CAF9 !important; }

.blue.lighten-2 {
  background-color: #64B5F6 !important; }

.blue-text.text-lighten-2 {
  color: #64B5F6 !important; }

.blue.lighten-1 {
  background-color: #42A5F5 !important; }

.blue-text.text-lighten-1 {
  color: #42A5F5 !important; }

.blue.darken-1 {
  background-color: #1E88E5 !important; }

.blue-text.text-darken-1 {
  color: #1E88E5 !important; }

.blue.darken-2 {
  background-color: #1976D2 !important; }

.blue-text.text-darken-2 {
  color: #1976D2 !important; }

.blue.darken-3 {
  background-color: #1565C0 !important; }

.blue-text.text-darken-3 {
  color: #1565C0 !important; }

.blue.darken-4 {
  background-color: #0D47A1 !important; }

.blue-text.text-darken-4 {
  color: #0D47A1 !important; }

.blue.accent-1 {
  background-color: #82B1FF !important; }

.blue-text.text-accent-1 {
  color: #82B1FF !important; }

.blue.accent-2 {
  background-color: #448AFF !important; }

.blue-text.text-accent-2 {
  color: #448AFF !important; }

.blue.accent-3 {
  background-color: #2979FF !important; }

.blue-text.text-accent-3 {
  color: #2979FF !important; }

.blue.accent-4 {
  background-color: #2962FF !important; }

.blue-text.text-accent-4 {
  color: #2962FF !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important; }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue-text.text-darken-1 {
  color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue-text.text-darken-2 {
  color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue-text.text-darken-3 {
  color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue-text.text-darken-4 {
  color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue-text.text-accent-1 {
  color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue-text.text-accent-2 {
  color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue-text.text-accent-3 {
  color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.light-blue-text.text-accent-4 {
  color: #0091ea !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan-text.text-lighten-3 {
  color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan-text.text-lighten-1 {
  color: #26c6da !important; }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan-text.text-darken-1 {
  color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan-text.text-darken-2 {
  color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan-text.text-darken-3 {
  color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan-text.text-darken-4 {
  color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan-text.text-accent-1 {
  color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan-text.text-accent-2 {
  color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan-text.text-accent-3 {
  color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.cyan-text.text-accent-4 {
  color: #00b8d4 !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal-text.text-lighten-4 {
  color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal-text.text-lighten-3 {
  color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal-text.text-lighten-2 {
  color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal-text.text-lighten-1 {
  color: #26a69a !important; }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal-text.text-darken-1 {
  color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal-text.text-darken-2 {
  color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal-text.text-darken-3 {
  color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal-text.text-darken-4 {
  color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal-text.text-accent-1 {
  color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal-text.text-accent-2 {
  color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal-text.text-accent-3 {
  color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.teal-text.text-accent-4 {
  color: #00bfa5 !important; }

.green {
  background-color: #4CAF50 !important; }

.green-text {
  color: #4CAF50 !important; }

.green.lighten-5 {
  background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 {
  color: #E8F5E9 !important; }

.green.lighten-4 {
  background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 {
  color: #C8E6C9 !important; }

.green.lighten-3 {
  background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 {
  color: #A5D6A7 !important; }

.green.lighten-2 {
  background-color: #81C784 !important; }

.green-text.text-lighten-2 {
  color: #81C784 !important; }

.green.lighten-1 {
  background-color: #66BB6A !important; }

.green-text.text-lighten-1 {
  color: #66BB6A !important; }

.green.darken-1 {
  background-color: #43A047 !important; }

.green-text.text-darken-1 {
  color: #43A047 !important; }

.green.darken-2 {
  background-color: #388E3C !important; }

.green-text.text-darken-2 {
  color: #388E3C !important; }

.green.darken-3 {
  background-color: #2E7D32 !important; }

.green-text.text-darken-3 {
  color: #2E7D32 !important; }

.green.darken-4 {
  background-color: #1B5E20 !important; }

.green-text.text-darken-4 {
  color: #1B5E20 !important; }

.green.accent-1 {
  background-color: #B9F6CA !important; }

.green-text.text-accent-1 {
  color: #B9F6CA !important; }

.green.accent-2 {
  background-color: #69F0AE !important; }

.green-text.text-accent-2 {
  color: #69F0AE !important; }

.green.accent-3 {
  background-color: #00E676 !important; }

.green-text.text-accent-3 {
  color: #00E676 !important; }

.green.accent-4 {
  background-color: #00C853 !important; }

.green-text.text-accent-4 {
  color: #00C853 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green-text.text-lighten-2 {
  color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important; }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green-text.text-darken-1 {
  color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green-text.text-darken-2 {
  color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green-text.text-darken-3 {
  color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green-text.text-darken-4 {
  color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green-text.text-accent-1 {
  color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green-text.text-accent-2 {
  color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green-text.text-accent-3 {
  color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.light-green-text.text-accent-4 {
  color: #64dd17 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime-text.text-lighten-3 {
  color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime-text.text-lighten-2 {
  color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime-text.text-lighten-1 {
  color: #d4e157 !important; }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime-text.text-darken-1 {
  color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime-text.text-darken-2 {
  color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime-text.text-darken-3 {
  color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime-text.text-darken-4 {
  color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime-text.text-accent-1 {
  color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime-text.text-accent-2 {
  color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime-text.text-accent-3 {
  color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.lime-text.text-accent-4 {
  color: #aeea00 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow-text.text-lighten-5 {
  color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow-text.text-lighten-3 {
  color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow-text.text-lighten-2 {
  color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow-text.text-lighten-1 {
  color: #ffee58 !important; }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow-text.text-darken-1 {
  color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow-text.text-darken-2 {
  color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow-text.text-darken-3 {
  color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow-text.text-darken-4 {
  color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow-text.text-accent-1 {
  color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow-text.text-accent-2 {
  color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow-text.text-accent-3 {
  color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.yellow-text.text-accent-4 {
  color: #ffd600 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber-text.text-lighten-5 {
  color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber-text.text-lighten-4 {
  color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber-text.text-lighten-3 {
  color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber-text.text-lighten-2 {
  color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber-text.text-lighten-1 {
  color: #ffca28 !important; }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber-text.text-darken-1 {
  color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber-text.text-darken-2 {
  color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber-text.text-darken-3 {
  color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber-text.text-darken-4 {
  color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber-text.text-accent-1 {
  color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber-text.text-accent-2 {
  color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber-text.text-accent-3 {
  color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.amber-text.text-accent-4 {
  color: #ffab00 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange-text.text-lighten-5 {
  color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange-text.text-lighten-3 {
  color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange-text.text-lighten-2 {
  color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange-text.text-lighten-1 {
  color: #ffa726 !important; }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange-text.text-darken-1 {
  color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange-text.text-darken-2 {
  color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange-text.text-darken-3 {
  color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange-text.text-darken-4 {
  color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange-text.text-accent-1 {
  color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange-text.text-accent-2 {
  color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange-text.text-accent-3 {
  color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.orange-text.text-accent-4 {
  color: #ff6d00 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important; }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange-text.text-darken-1 {
  color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange-text.text-darken-3 {
  color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange-text.text-darken-4 {
  color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown-text.text-lighten-5 {
  color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown-text.text-lighten-2 {
  color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown-text.text-lighten-1 {
  color: #8d6e63 !important; }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown-text.text-darken-1 {
  color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown-text.text-darken-2 {
  color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown-text.text-darken-3 {
  color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.brown-text.text-darken-4 {
  color: #3e2723 !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey-text.text-lighten-1 {
  color: #78909c !important; }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey-text.text-darken-1 {
  color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey-text.text-darken-2 {
  color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey-text.text-darken-3 {
  color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.blue-grey-text.text-darken-4 {
  color: #263238 !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey-text.text-lighten-5 {
  color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 {
  color: #bdbdbd !important; }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey-text.text-darken-1 {
  color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey-text.text-darken-2 {
  color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey-text.text-darken-3 {
  color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.grey-text.text-darken-4 {
  color: #212121 !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

/*Colors*/
.gradient-vertical-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(to bottom, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(135deg, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-blue {
  background-color: #0469bd !important;
  background: -moz-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -webkit-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -ms-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: linear-gradient(to right, #0469bd 0%, #25abfd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(to bottom, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(135deg, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-teal {
  background-color: #396070 !important;
  background: -moz-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -webkit-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -ms-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: linear-gradient(to right, #396070 0%, #04a7b0 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(to bottom, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(135deg, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-green {
  background-color: #30a039 !important;
  background: -moz-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -webkit-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -ms-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: linear-gradient(to right, #30a039 0%, #71df54 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(to bottom, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(135deg, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-yellow {
  background-color: #ef9c23 !important;
  background: -moz-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -webkit-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -ms-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: linear-gradient(to right, #ef9c23 0%, #fcd54e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(to bottom, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(135deg, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-purple {
  background-color: #5d51a2 !important;
  background: -moz-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -webkit-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -ms-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: linear-gradient(to right, #5d51a2 0%, #9585ed 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(to bottom, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(135deg, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-pink {
  background-color: #c40934 !important;
  background: -moz-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -webkit-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -ms-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: linear-gradient(to right, #c40934 0%, #f81b73 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.red {
  background: #e6172c !important; }

.red-text {
  color: #e6172c !important; }

.materialize-red {
  background-color: #e51c23 !important; }

.materialize-red-text {
  color: #e51c23 !important; }

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important; }

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important; }

.materialize-red.lighten-3 {
  background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important; }

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important; }

.materialize-red.lighten-1 {
  background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important; }

.materialize-red.darken-1 {
  background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 {
  color: #d0181e !important; }

.materialize-red.darken-2 {
  background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 {
  color: #b9151b !important; }

.materialize-red.darken-3 {
  background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 {
  color: #a21318 !important; }

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

.red {
  background-color: #F44336 !important; }

.red-text {
  color: #F44336 !important; }

.red.lighten-5 {
  background-color: #FFEBEE !important; }

.red-text.text-lighten-5 {
  color: #FFEBEE !important; }

.red.lighten-4 {
  background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 {
  color: #FFCDD2 !important; }

.red.lighten-3 {
  background-color: #EF9A9A !important; }

.red-text.text-lighten-3 {
  color: #EF9A9A !important; }

.red.lighten-2 {
  background-color: #E57373 !important; }

.red-text.text-lighten-2 {
  color: #E57373 !important; }

.red.lighten-1 {
  background-color: #EF5350 !important; }

.red-text.text-lighten-1 {
  color: #EF5350 !important; }

.red.darken-1 {
  background-color: #E53935 !important; }

.red-text.text-darken-1 {
  color: #E53935 !important; }

.red.darken-2 {
  background-color: #D32F2F !important; }

.red-text.text-darken-2 {
  color: #D32F2F !important; }

.red.darken-3 {
  background-color: #C62828 !important; }

.red-text.text-darken-3 {
  color: #C62828 !important; }

.red.darken-4 {
  background-color: #B71C1C !important; }

.red-text.text-darken-4 {
  color: #B71C1C !important; }

.red.accent-1 {
  background-color: #FF8A80 !important; }

.red-text.text-accent-1 {
  color: #FF8A80 !important; }

.red.accent-2 {
  background-color: #FF5252 !important; }

.red-text.text-accent-2 {
  color: #FF5252 !important; }

.red.accent-3 {
  background-color: #FF1744 !important; }

.red-text.text-accent-3 {
  color: #FF1744 !important; }

.red.accent-4 {
  background-color: #D50000 !important; }

.red-text.text-accent-4 {
  color: #D50000 !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink-text.text-lighten-5 {
  color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink-text.text-lighten-3 {
  color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink-text.text-lighten-2 {
  color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink-text.text-lighten-1 {
  color: #ec407a !important; }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink-text.text-darken-1 {
  color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink-text.text-darken-2 {
  color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink-text.text-darken-3 {
  color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink-text.text-darken-4 {
  color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink-text.text-accent-1 {
  color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink-text.text-accent-2 {
  color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink-text.text-accent-3 {
  color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.pink-text.text-accent-4 {
  color: #c51162 !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple-text.text-lighten-4 {
  color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple-text.text-lighten-3 {
  color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple-text.text-lighten-2 {
  color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple-text.text-lighten-1 {
  color: #ab47bc !important; }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple-text.text-darken-1 {
  color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple-text.text-darken-2 {
  color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple-text.text-darken-3 {
  color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple-text.text-darken-4 {
  color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple-text.text-accent-1 {
  color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple-text.text-accent-2 {
  color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple-text.text-accent-3 {
  color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.purple-text.text-accent-4 {
  color: #aa00ff !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important; }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple-text.text-darken-2 {
  color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple-text.text-darken-4 {
  color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple-text.text-accent-1 {
  color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple-text.text-accent-3 {
  color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.deep-purple-text.text-accent-4 {
  color: #6200ea !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo-text.text-lighten-3 {
  color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo-text.text-lighten-2 {
  color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important; }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo-text.text-darken-1 {
  color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo-text.text-darken-2 {
  color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo-text.text-darken-3 {
  color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo-text.text-darken-4 {
  color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo-text.text-accent-1 {
  color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo-text.text-accent-2 {
  color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo-text.text-accent-3 {
  color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.indigo-text.text-accent-4 {
  color: #304ffe !important; }

.blue {
  background-color: #2196F3 !important; }

.blue-text {
  color: #2196F3 !important; }

.blue.lighten-5 {
  background-color: #E3F2FD !important; }

.blue-text.text-lighten-5 {
  color: #E3F2FD !important; }

.blue.lighten-4 {
  background-color: #BBDEFB !important; }

.blue-text.text-lighten-4 {
  color: #BBDEFB !important; }

.blue.lighten-3 {
  background-color: #90CAF9 !important; }

.blue-text.text-lighten-3 {
  color: #90CAF9 !important; }

.blue.lighten-2 {
  background-color: #64B5F6 !important; }

.blue-text.text-lighten-2 {
  color: #64B5F6 !important; }

.blue.lighten-1 {
  background-color: #42A5F5 !important; }

.blue-text.text-lighten-1 {
  color: #42A5F5 !important; }

.blue.darken-1 {
  background-color: #1E88E5 !important; }

.blue-text.text-darken-1 {
  color: #1E88E5 !important; }

.blue.darken-2 {
  background-color: #1976D2 !important; }

.blue-text.text-darken-2 {
  color: #1976D2 !important; }

.blue.darken-3 {
  background-color: #1565C0 !important; }

.blue-text.text-darken-3 {
  color: #1565C0 !important; }

.blue.darken-4 {
  background-color: #0D47A1 !important; }

.blue-text.text-darken-4 {
  color: #0D47A1 !important; }

.blue.accent-1 {
  background-color: #82B1FF !important; }

.blue-text.text-accent-1 {
  color: #82B1FF !important; }

.blue.accent-2 {
  background-color: #448AFF !important; }

.blue-text.text-accent-2 {
  color: #448AFF !important; }

.blue.accent-3 {
  background-color: #2979FF !important; }

.blue-text.text-accent-3 {
  color: #2979FF !important; }

.blue.accent-4 {
  background-color: #2962FF !important; }

.blue-text.text-accent-4 {
  color: #2962FF !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important; }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue-text.text-darken-1 {
  color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue-text.text-darken-2 {
  color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue-text.text-darken-3 {
  color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue-text.text-darken-4 {
  color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue-text.text-accent-1 {
  color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue-text.text-accent-2 {
  color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue-text.text-accent-3 {
  color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.light-blue-text.text-accent-4 {
  color: #0091ea !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan-text.text-lighten-3 {
  color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan-text.text-lighten-1 {
  color: #26c6da !important; }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan-text.text-darken-1 {
  color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan-text.text-darken-2 {
  color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan-text.text-darken-3 {
  color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan-text.text-darken-4 {
  color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan-text.text-accent-1 {
  color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan-text.text-accent-2 {
  color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan-text.text-accent-3 {
  color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.cyan-text.text-accent-4 {
  color: #00b8d4 !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal-text.text-lighten-4 {
  color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal-text.text-lighten-3 {
  color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal-text.text-lighten-2 {
  color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal-text.text-lighten-1 {
  color: #26a69a !important; }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal-text.text-darken-1 {
  color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal-text.text-darken-2 {
  color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal-text.text-darken-3 {
  color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal-text.text-darken-4 {
  color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal-text.text-accent-1 {
  color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal-text.text-accent-2 {
  color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal-text.text-accent-3 {
  color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.teal-text.text-accent-4 {
  color: #00bfa5 !important; }

.green {
  background-color: #4CAF50 !important; }

.green-text {
  color: #4CAF50 !important; }

.green.lighten-5 {
  background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 {
  color: #E8F5E9 !important; }

.green.lighten-4 {
  background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 {
  color: #C8E6C9 !important; }

.green.lighten-3 {
  background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 {
  color: #A5D6A7 !important; }

.green.lighten-2 {
  background-color: #81C784 !important; }

.green-text.text-lighten-2 {
  color: #81C784 !important; }

.green.lighten-1 {
  background-color: #66BB6A !important; }

.green-text.text-lighten-1 {
  color: #66BB6A !important; }

.green.darken-1 {
  background-color: #43A047 !important; }

.green-text.text-darken-1 {
  color: #43A047 !important; }

.green.darken-2 {
  background-color: #388E3C !important; }

.green-text.text-darken-2 {
  color: #388E3C !important; }

.green.darken-3 {
  background-color: #2E7D32 !important; }

.green-text.text-darken-3 {
  color: #2E7D32 !important; }

.green.darken-4 {
  background-color: #1B5E20 !important; }

.green-text.text-darken-4 {
  color: #1B5E20 !important; }

.green.accent-1 {
  background-color: #B9F6CA !important; }

.green-text.text-accent-1 {
  color: #B9F6CA !important; }

.green.accent-2 {
  background-color: #69F0AE !important; }

.green-text.text-accent-2 {
  color: #69F0AE !important; }

.green.accent-3 {
  background-color: #00E676 !important; }

.green-text.text-accent-3 {
  color: #00E676 !important; }

.green.accent-4 {
  background-color: #00C853 !important; }

.green-text.text-accent-4 {
  color: #00C853 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green-text.text-lighten-2 {
  color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important; }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green-text.text-darken-1 {
  color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green-text.text-darken-2 {
  color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green-text.text-darken-3 {
  color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green-text.text-darken-4 {
  color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green-text.text-accent-1 {
  color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green-text.text-accent-2 {
  color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green-text.text-accent-3 {
  color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.light-green-text.text-accent-4 {
  color: #64dd17 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime-text.text-lighten-3 {
  color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime-text.text-lighten-2 {
  color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime-text.text-lighten-1 {
  color: #d4e157 !important; }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime-text.text-darken-1 {
  color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime-text.text-darken-2 {
  color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime-text.text-darken-3 {
  color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime-text.text-darken-4 {
  color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime-text.text-accent-1 {
  color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime-text.text-accent-2 {
  color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime-text.text-accent-3 {
  color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.lime-text.text-accent-4 {
  color: #aeea00 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow-text.text-lighten-5 {
  color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow-text.text-lighten-3 {
  color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow-text.text-lighten-2 {
  color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow-text.text-lighten-1 {
  color: #ffee58 !important; }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow-text.text-darken-1 {
  color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow-text.text-darken-2 {
  color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow-text.text-darken-3 {
  color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow-text.text-darken-4 {
  color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow-text.text-accent-1 {
  color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow-text.text-accent-2 {
  color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow-text.text-accent-3 {
  color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.yellow-text.text-accent-4 {
  color: #ffd600 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber-text.text-lighten-5 {
  color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber-text.text-lighten-4 {
  color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber-text.text-lighten-3 {
  color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber-text.text-lighten-2 {
  color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber-text.text-lighten-1 {
  color: #ffca28 !important; }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber-text.text-darken-1 {
  color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber-text.text-darken-2 {
  color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber-text.text-darken-3 {
  color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber-text.text-darken-4 {
  color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber-text.text-accent-1 {
  color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber-text.text-accent-2 {
  color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber-text.text-accent-3 {
  color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.amber-text.text-accent-4 {
  color: #ffab00 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange-text.text-lighten-5 {
  color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange-text.text-lighten-3 {
  color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange-text.text-lighten-2 {
  color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange-text.text-lighten-1 {
  color: #ffa726 !important; }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange-text.text-darken-1 {
  color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange-text.text-darken-2 {
  color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange-text.text-darken-3 {
  color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange-text.text-darken-4 {
  color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange-text.text-accent-1 {
  color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange-text.text-accent-2 {
  color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange-text.text-accent-3 {
  color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.orange-text.text-accent-4 {
  color: #ff6d00 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important; }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange-text.text-darken-1 {
  color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange-text.text-darken-3 {
  color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange-text.text-darken-4 {
  color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown-text.text-lighten-5 {
  color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown-text.text-lighten-2 {
  color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown-text.text-lighten-1 {
  color: #8d6e63 !important; }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown-text.text-darken-1 {
  color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown-text.text-darken-2 {
  color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown-text.text-darken-3 {
  color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.brown-text.text-darken-4 {
  color: #3e2723 !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey-text.text-lighten-1 {
  color: #78909c !important; }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey-text.text-darken-1 {
  color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey-text.text-darken-2 {
  color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey-text.text-darken-3 {
  color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.blue-grey-text.text-darken-4 {
  color: #263238 !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey-text.text-lighten-5 {
  color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 {
  color: #bdbdbd !important; }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey-text.text-darken-1 {
  color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey-text.text-darken-2 {
  color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey-text.text-darken-3 {
  color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.grey-text.text-darken-4 {
  color: #212121 !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none; }
  ul:not(.browser-default) li {
    list-style-type: none; }

a {
  color: #1774cc;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; }

.valign-wrapper {
  display: flex;
  align-items: center; }
  .valign-wrapper .valign {
    display: block; }

.clearfix {
  clear: both; }

.z-depth-0 {
  box-shadow: none !important; }

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }

.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }

.z-depth-3 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }

.z-depth-4, .modal {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }

.z-depth-5 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }

.hoverable {
  transition: box-shadow .25s;
  box-shadow: 0; }

.hoverable:hover {
  transition: box-shadow .25s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0; }

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #1774cc; }

i {
  line-height: inherit; }
  i.left {
    float: left;
    margin-right: 15px; }
  i.right {
    float: right;
    margin-left: 15px; }
  i.tiny {
    font-size: 1rem; }
  i.small {
    font-size: 2rem; }
  i.medium {
    font-size: 4rem; }
  i.large {
    font-size: 6rem; }

img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto; }

.pagination li {
  display: inline-block;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
  height: 30px; }
  .pagination li a {
    color: #444;
    display: inline-block;
    font-size: 1.2rem;
    padding: 0 10px;
    line-height: 30px; }
  .pagination li.active a {
    color: #fff; }
  .pagination li.active {
    background-color: #1774cc; }
  .pagination li.disabled a {
    cursor: default;
    color: #999; }
  .pagination li i {
    font-size: 2rem; }

.pagination li.pages ul li {
  display: inline-block;
  float: none; }

@media only screen and (max-width: 960px) {
  .pagination {
    width: 100%; }
    .pagination li.prev,
    .pagination li.next {
      width: 10%; }
    .pagination li.pages {
      width: 80%;
      overflow: hidden;
      white-space: nowrap; } }

.breadcrumb {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7); }
  .breadcrumb i,
  .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
  .breadcrumb i.material-icons {
    display: inline-block;
    float: left;
    font-size: 24px; }
  .breadcrumb:before {
    content: '\E5CC';
    color: rgba(255, 255, 255, 0.7);
    vertical-align: top;
    display: inline-block;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    margin: 0 10px 0 8px;
    -webkit-font-smoothing: antialiased; }
  .breadcrumb:first-child:before {
    display: none; }
  .breadcrumb:last-child {
    color: #fff; }

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px; }

.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }
  .parallax img {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: translateX(-50%); }

.pin-top, .pin-bottom {
  position: relative; }

.pinned {
  position: fixed !important; }

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0; }

.fade-in {
  opacity: 0;
  transform-origin: 0 50%; }

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important; } }

@media only screen and (max-width: 960px) {
  .hide-on-med-and-down {
    display: none !important; } }

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important; } }

@media only screen and (min-width: 600px) and (max-width: 960px) {
  .hide-on-med-only {
    display: none !important; } }

@media only screen and (min-width: 961px) {
  .hide-on-large-only {
    display: none !important; } }

@media only screen and (min-width: 961px) {
  .show-on-large {
    display: block !important; } }

@media only screen and (min-width: 600px) and (max-width: 960px) {
  .show-on-medium {
    display: block !important; } }

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: block !important; } }

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: block !important; } }

@media only screen and (max-width: 960px) {
  .show-on-medium-and-down {
    display: block !important; } }

@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center; } }

footer.page-footer {
  margin-top: 20px;
  padding-top: 20px;
  background-color: #1774cc; }
  footer.page-footer .footer-copyright {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(51, 51, 51, 0.08); }

table, th, td {
  border: none; }

table {
  width: 100%;
  display: table; }
  table.bordered > thead > tr,
  table.bordered > tbody > tr {
    border-bottom: 1px solid #d0d0d0; }
  table.striped > tbody > tr:nth-child(odd) {
    background-color: #f2f2f2; }
  table.striped > tbody > tr > td {
    border-radius: 0; }
  table.highlight > tbody > tr {
    transition: background-color .25s ease; }
    table.highlight > tbody > tr:hover {
      background-color: #f2f2f2; }
  table.centered thead tr th, table.centered tbody tr td {
    text-align: center; }

thead {
  border-bottom: 1px solid #d0d0d0; }

td, th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px; }

@media only screen and (max-width: 960px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */ }
    table.responsive-table td:empty:before {
      content: '\00a0'; }
    table.responsive-table th,
    table.responsive-table td {
      margin: 0;
      vertical-align: top; }
    table.responsive-table th {
      text-align: left; }
    table.responsive-table thead {
      display: block;
      float: left; }
      table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0; }
        table.responsive-table thead tr th::before {
          content: "\00a0"; }
    table.responsive-table tbody {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      white-space: nowrap; }
      table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top; }
    table.responsive-table th {
      display: block;
      text-align: right; }
    table.responsive-table td {
      display: block;
      min-height: 1.25em;
      text-align: left; }
    table.responsive-table tr {
      padding: 0 10px; }
    table.responsive-table thead {
      border: 0;
      border-right: 1px solid #d0d0d0; }
    table.responsive-table.bordered th {
      border-bottom: 0;
      border-left: 0; }
    table.responsive-table.bordered td {
      border-left: 0;
      border-right: 0;
      border-bottom: 0; }
    table.responsive-table.bordered tr {
      border: 0; }
    table.responsive-table.bordered tbody tr {
      border-right: 1px solid #d0d0d0; } }

.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative; }
  .collection .collection-item {
    background-color: #fff;
    line-height: 1.5rem;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #e0e0e0; }
    .collection .collection-item.avatar {
      min-height: 84px;
      padding-left: 72px;
      position: relative; }
      .collection .collection-item.avatar .circle {
        position: absolute;
        width: 42px;
        height: 42px;
        overflow: hidden;
        left: 15px;
        display: inline-block;
        vertical-align: middle; }
      .collection .collection-item.avatar i.circle {
        font-size: 18px;
        line-height: 42px;
        color: #fff;
        background-color: #999;
        text-align: center; }
      .collection .collection-item.avatar .title {
        font-size: 16px; }
      .collection .collection-item.avatar p {
        margin: 0; }
      .collection .collection-item.avatar .secondary-content {
        position: absolute;
        top: 16px;
        right: 16px; }
    .collection .collection-item:last-child {
      border-bottom: none; }
    .collection .collection-item.active {
      background-color: #1774cc;
      color: #fdfeff; }
      .collection .collection-item.active .secondary-content {
        color: #fff; }
  .collection a.collection-item {
    display: block;
    transition: .25s;
    color: #1774cc; }
    .collection a.collection-item:not(.active):hover {
      background-color: #ddd; }
  .collection.with-header .collection-header {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 20px; }
  .collection.with-header .collection-item {
    padding-left: 30px; }
  .collection.with-header .collection-item.avatar {
    padding-left: 72px; }

.secondary-content {
  float: right;
  color: #1774cc; }

.collapsible .collection {
  margin: 0;
  border: none; }

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 1rem;
  line-height: inherit;
  color: #757575;
  float: right;
  box-sizing: border-box; }
  span.badge.new {
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    background-color: #1774cc;
    border-radius: 2px; }
  span.badge.new:after {
    content: " new"; }
  span.badge[data-badge-caption]::after {
    content: " " attr(data-badge-caption); }

nav ul a span.badge {
  display: inline-block;
  float: none;
  margin-left: 4px;
  line-height: 22px;
  height: 22px; }

.side-nav span.badge.new,
.collapsible span.badge.new {
  position: relative;
  background-color: transparent; }
  .side-nav span.badge.new::before,
  .collapsible span.badge.new::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    left: 0;
    background-color: #1774cc;
    border-radius: 2px;
    z-index: -1; }

.collapsible span.badge.new {
  z-index: 1; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #b8d8f7;
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden; }
  .progress .determinate {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #1774cc;
    transition: width .3s linear; }
  .progress .indeterminate {
    background-color: #1774cc; }
    .progress .indeterminate:before {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
    .progress .indeterminate:after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      animation-delay: 1.15s; }

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

/*******************
  Utility Classes
*******************/
.hide {
  display: none !important; }

.left-align {
  text-align: left; }

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

.center, .center-align {
  text-align: center; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.no-select, input[type=range],
input[type=range] + .thumb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.circle {
  border-radius: 50%; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.no-padding {
  padding: 0 !important; }

/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga'; }

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%; }

@media only screen and (min-width: 601px) {
  .container {
    width: 85%; } }

@media only screen and (min-width: 961px) {
  .container {
    width: 70%; } }

.container .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

.section {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .section.no-pad {
    padding: 0; }
  .section.no-pad-bot {
    padding-bottom: 0; }
  .section.no-pad-top {
    padding-top: 0; }

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
  .row:after {
    content: "";
    display: table;
    clear: both; }
  .row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px; }
    .row .col[class*="push-"], .row .col[class*="pull-"] {
      position: relative; }
    .row .col.s1 {
      width: 8.33333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s2 {
      width: 16.66667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s3 {
      width: 25%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s4 {
      width: 33.33333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s5 {
      width: 41.66667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s6 {
      width: 50%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s7 {
      width: 58.33333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s8 {
      width: 66.66667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s9 {
      width: 75%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s10 {
      width: 83.33333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s11 {
      width: 91.66667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s12 {
      width: 100%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.offset-s1 {
      margin-left: 8.33333%; }
    .row .col.pull-s1 {
      right: 8.33333%; }
    .row .col.push-s1 {
      left: 8.33333%; }
    .row .col.offset-s2 {
      margin-left: 16.66667%; }
    .row .col.pull-s2 {
      right: 16.66667%; }
    .row .col.push-s2 {
      left: 16.66667%; }
    .row .col.offset-s3 {
      margin-left: 25%; }
    .row .col.pull-s3 {
      right: 25%; }
    .row .col.push-s3 {
      left: 25%; }
    .row .col.offset-s4 {
      margin-left: 33.33333%; }
    .row .col.pull-s4 {
      right: 33.33333%; }
    .row .col.push-s4 {
      left: 33.33333%; }
    .row .col.offset-s5 {
      margin-left: 41.66667%; }
    .row .col.pull-s5 {
      right: 41.66667%; }
    .row .col.push-s5 {
      left: 41.66667%; }
    .row .col.offset-s6 {
      margin-left: 50%; }
    .row .col.pull-s6 {
      right: 50%; }
    .row .col.push-s6 {
      left: 50%; }
    .row .col.offset-s7 {
      margin-left: 58.33333%; }
    .row .col.pull-s7 {
      right: 58.33333%; }
    .row .col.push-s7 {
      left: 58.33333%; }
    .row .col.offset-s8 {
      margin-left: 66.66667%; }
    .row .col.pull-s8 {
      right: 66.66667%; }
    .row .col.push-s8 {
      left: 66.66667%; }
    .row .col.offset-s9 {
      margin-left: 75%; }
    .row .col.pull-s9 {
      right: 75%; }
    .row .col.push-s9 {
      left: 75%; }
    .row .col.offset-s10 {
      margin-left: 83.33333%; }
    .row .col.pull-s10 {
      right: 83.33333%; }
    .row .col.push-s10 {
      left: 83.33333%; }
    .row .col.offset-s11 {
      margin-left: 91.66667%; }
    .row .col.pull-s11 {
      right: 91.66667%; }
    .row .col.push-s11 {
      left: 91.66667%; }
    .row .col.offset-s12 {
      margin-left: 100%; }
    .row .col.pull-s12 {
      right: 100%; }
    .row .col.push-s12 {
      left: 100%; }
    @media only screen and (min-width: 601px) {
      .row .col.m1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.offset-m1 {
        margin-left: 8.33333%; }
      .row .col.pull-m1 {
        right: 8.33333%; }
      .row .col.push-m1 {
        left: 8.33333%; }
      .row .col.offset-m2 {
        margin-left: 16.66667%; }
      .row .col.pull-m2 {
        right: 16.66667%; }
      .row .col.push-m2 {
        left: 16.66667%; }
      .row .col.offset-m3 {
        margin-left: 25%; }
      .row .col.pull-m3 {
        right: 25%; }
      .row .col.push-m3 {
        left: 25%; }
      .row .col.offset-m4 {
        margin-left: 33.33333%; }
      .row .col.pull-m4 {
        right: 33.33333%; }
      .row .col.push-m4 {
        left: 33.33333%; }
      .row .col.offset-m5 {
        margin-left: 41.66667%; }
      .row .col.pull-m5 {
        right: 41.66667%; }
      .row .col.push-m5 {
        left: 41.66667%; }
      .row .col.offset-m6 {
        margin-left: 50%; }
      .row .col.pull-m6 {
        right: 50%; }
      .row .col.push-m6 {
        left: 50%; }
      .row .col.offset-m7 {
        margin-left: 58.33333%; }
      .row .col.pull-m7 {
        right: 58.33333%; }
      .row .col.push-m7 {
        left: 58.33333%; }
      .row .col.offset-m8 {
        margin-left: 66.66667%; }
      .row .col.pull-m8 {
        right: 66.66667%; }
      .row .col.push-m8 {
        left: 66.66667%; }
      .row .col.offset-m9 {
        margin-left: 75%; }
      .row .col.pull-m9 {
        right: 75%; }
      .row .col.push-m9 {
        left: 75%; }
      .row .col.offset-m10 {
        margin-left: 83.33333%; }
      .row .col.pull-m10 {
        right: 83.33333%; }
      .row .col.push-m10 {
        left: 83.33333%; }
      .row .col.offset-m11 {
        margin-left: 91.66667%; }
      .row .col.pull-m11 {
        right: 91.66667%; }
      .row .col.push-m11 {
        left: 91.66667%; }
      .row .col.offset-m12 {
        margin-left: 100%; }
      .row .col.pull-m12 {
        right: 100%; }
      .row .col.push-m12 {
        left: 100%; } }
    @media only screen and (min-width: 961px) {
      .row .col.l1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.offset-l1 {
        margin-left: 8.33333%; }
      .row .col.pull-l1 {
        right: 8.33333%; }
      .row .col.push-l1 {
        left: 8.33333%; }
      .row .col.offset-l2 {
        margin-left: 16.66667%; }
      .row .col.pull-l2 {
        right: 16.66667%; }
      .row .col.push-l2 {
        left: 16.66667%; }
      .row .col.offset-l3 {
        margin-left: 25%; }
      .row .col.pull-l3 {
        right: 25%; }
      .row .col.push-l3 {
        left: 25%; }
      .row .col.offset-l4 {
        margin-left: 33.33333%; }
      .row .col.pull-l4 {
        right: 33.33333%; }
      .row .col.push-l4 {
        left: 33.33333%; }
      .row .col.offset-l5 {
        margin-left: 41.66667%; }
      .row .col.pull-l5 {
        right: 41.66667%; }
      .row .col.push-l5 {
        left: 41.66667%; }
      .row .col.offset-l6 {
        margin-left: 50%; }
      .row .col.pull-l6 {
        right: 50%; }
      .row .col.push-l6 {
        left: 50%; }
      .row .col.offset-l7 {
        margin-left: 58.33333%; }
      .row .col.pull-l7 {
        right: 58.33333%; }
      .row .col.push-l7 {
        left: 58.33333%; }
      .row .col.offset-l8 {
        margin-left: 66.66667%; }
      .row .col.pull-l8 {
        right: 66.66667%; }
      .row .col.push-l8 {
        left: 66.66667%; }
      .row .col.offset-l9 {
        margin-left: 75%; }
      .row .col.pull-l9 {
        right: 75%; }
      .row .col.push-l9 {
        left: 75%; }
      .row .col.offset-l10 {
        margin-left: 83.33333%; }
      .row .col.pull-l10 {
        right: 83.33333%; }
      .row .col.push-l10 {
        left: 83.33333%; }
      .row .col.offset-l11 {
        margin-left: 91.66667%; }
      .row .col.pull-l11 {
        right: 91.66667%; }
      .row .col.push-l11 {
        left: 91.66667%; }
      .row .col.offset-l12 {
        margin-left: 100%; }
      .row .col.pull-l12 {
        right: 100%; }
      .row .col.push-l12 {
        left: 100%; } }

nav {
  color: #fff;
  background-color: #1774cc;
  width: 100%;
  height: 60px;
  line-height: 60px; }
  nav.nav-extended {
    height: auto; }
    nav.nav-extended .nav-wrapper {
      height: auto; }
  nav a {
    color: #fff; }
  nav i,
  nav [class^="mdi-"], nav [class*="mdi-"],
  nav i.material-icons {
    display: block;
    font-size: 24px;
    height: 60px;
    line-height: 60px; }
  nav .nav-wrapper {
    position: relative;
    height: 100%; }
  @media only screen and (min-width: 961px) {
    nav a.button-collapse {
      display: none; } }
  nav .button-collapse {
    float: left;
    position: relative;
    z-index: 1;
    height: 60px;
    margin: 0 18px; }
    nav .button-collapse i {
      height: 60px;
      line-height: 60px; }
  nav .brand-logo {
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 2.1rem;
    padding: 0;
    white-space: nowrap; }
    nav .brand-logo.center {
      left: 50%;
      transform: translateX(-50%); }
    @media only screen and (max-width: 960px) {
      nav .brand-logo {
        left: 50%;
        transform: translateX(-50%); }
        nav .brand-logo.left, nav .brand-logo.right {
          padding: 0;
          transform: none; }
        nav .brand-logo.left {
          left: 0.5rem; }
        nav .brand-logo.right {
          right: 0.5rem;
          left: auto; } }
    nav .brand-logo.right {
      right: 0.5rem;
      padding: 0; }
    nav .brand-logo i,
    nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
    nav .brand-logo i.material-icons {
      float: left;
      margin-right: 15px; }
  nav ul {
    margin: 0; }
    nav ul li {
      transition: background-color .3s;
      float: left;
      padding: 0; }
      nav ul li.active {
        background-color: rgba(0, 0, 0, 0.1); }
    nav ul a {
      transition: background-color .3s;
      font-size: 1rem;
      color: #fff;
      display: block;
      padding: 0 15px;
      cursor: pointer; }
      nav ul a.btn, nav ul a.btn-large, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
        margin-top: -2px;
        margin-left: 15px;
        margin-right: 15px; }
      nav ul a:hover {
        background-color: rgba(0, 0, 0, 0.1); }
    nav ul.left {
      float: left; }
  nav form {
    height: 100%; }
  nav .input-field {
    margin: 0;
    height: 100%; }
    nav .input-field input {
      height: 100%;
      font-size: 1.2rem;
      border: none;
      padding-left: 2rem; }
      nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
        border: none;
        box-shadow: none; }
    nav .input-field label {
      top: 0;
      left: 0; }
      nav .input-field label i {
        color: rgba(255, 255, 255, 0.7);
        transition: color .3s; }
      nav .input-field label.active i {
        color: #fff; }
      nav .input-field label.active {
        transform: translateY(0); }

.navbar-fixed {
  position: relative;
  height: 60px;
  z-index: 997; }
  .navbar-fixed nav {
    position: fixed; }

@media only screen and (min-width: 601px) {
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 60px;
    line-height: 60px; }
  .navbar-fixed {
    height: 60px; } }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Thin), url("../fonts/roboto/Roboto-Thin.eot");
  src: url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff") format("woff"), url("../fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Light), url("../fonts/roboto/Roboto-Light.eot");
  src: url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/roboto/Roboto-Light.woff") format("woff"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url("../fonts/roboto/Roboto-Regular.eot");
  src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Medium.eot");
  src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Bold.eot");
  src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; }

a {
  text-decoration: none; }

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87); }
  @media only screen and (min-width: 0) {
    html {
      font-size: 14px; } }
  @media only screen and (min-width: 960px) {
    html {
      font-size: 14.5px; } }
  @media only screen and (min-width: 1280px) {
    html {
      font-size: 15px; } }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0; }

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0; }

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0; }

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0; }

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0; }

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0; }

em {
  font-style: italic; }

strong {
  font-weight: 500; }

small {
  font-size: 75%; }

.light, footer.page-footer .footer-copyright {
  font-weight: 300; }

.thin {
  font-weight: 200; }

.flow-text {
  font-weight: 300; }
  @media only screen and (min-width: 360px) {
    .flow-text {
      font-size: 1.2rem; } }
  @media only screen and (min-width: 394px) {
    .flow-text {
      font-size: 1.224rem; } }
  @media only screen and (min-width: 428px) {
    .flow-text {
      font-size: 1.248rem; } }
  @media only screen and (min-width: 462px) {
    .flow-text {
      font-size: 1.272rem; } }
  @media only screen and (min-width: 496px) {
    .flow-text {
      font-size: 1.296rem; } }
  @media only screen and (min-width: 530px) {
    .flow-text {
      font-size: 1.32rem; } }
  @media only screen and (min-width: 564px) {
    .flow-text {
      font-size: 1.344rem; } }
  @media only screen and (min-width: 598px) {
    .flow-text {
      font-size: 1.368rem; } }
  @media only screen and (min-width: 632px) {
    .flow-text {
      font-size: 1.392rem; } }
  @media only screen and (min-width: 666px) {
    .flow-text {
      font-size: 1.416rem; } }
  @media only screen and (min-width: 700px) {
    .flow-text {
      font-size: 1.44rem; } }
  @media only screen and (min-width: 734px) {
    .flow-text {
      font-size: 1.464rem; } }
  @media only screen and (min-width: 768px) {
    .flow-text {
      font-size: 1.488rem; } }
  @media only screen and (min-width: 802px) {
    .flow-text {
      font-size: 1.512rem; } }
  @media only screen and (min-width: 836px) {
    .flow-text {
      font-size: 1.536rem; } }
  @media only screen and (min-width: 870px) {
    .flow-text {
      font-size: 1.56rem; } }
  @media only screen and (min-width: 904px) {
    .flow-text {
      font-size: 1.584rem; } }
  @media only screen and (min-width: 938px) {
    .flow-text {
      font-size: 1.608rem; } }
  @media only screen and (min-width: 972px) {
    .flow-text {
      font-size: 1.632rem; } }
  @media only screen and (min-width: 1006px) {
    .flow-text {
      font-size: 1.656rem; } }
  @media only screen and (min-width: 1040px) {
    .flow-text {
      font-size: 1.68rem; } }
  @media only screen and (max-width: 360px) {
    .flow-text {
      font-size: 1.2rem; } }

.card-panel {
  transition: box-shadow .25s;
  padding: 20px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff; }

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 2px; }
  .card .card-title {
    font-size: 24px;
    font-weight: 300; }
    .card .card-title.activator {
      cursor: pointer; }
  .card.small, .card.medium, .card.large {
    position: relative; }
    .card.small .card-image, .card.medium .card-image, .card.large .card-image {
      max-height: 60%;
      overflow: hidden; }
    .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
      max-height: 40%; }
    .card.small .card-content, .card.medium .card-content, .card.large .card-content {
      max-height: 100%;
      overflow: hidden; }
    .card.small .card-action, .card.medium .card-action, .card.large .card-action {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
  .card.small {
    height: 300px; }
  .card.medium {
    height: 400px; }
  .card.large {
    height: 500px; }
  .card.horizontal {
    display: flex; }
    .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
      height: 100%;
      max-height: none;
      overflow: visible; }
      .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
        height: 100%; }
    .card.horizontal .card-image {
      max-width: 50%; }
      .card.horizontal .card-image img {
        border-radius: 2px 0 0 2px;
        max-width: 100%;
        width: auto; }
    .card.horizontal .card-stacked {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative; }
      .card.horizontal .card-stacked .card-content {
        flex-grow: 1; }
  .card.sticky-action .card-action {
    z-index: 2; }
  .card.sticky-action .card-reveal {
    z-index: 1;
    padding-bottom: 64px; }
  .card .card-image {
    position: relative; }
    .card .card-image img {
      display: block;
      border-radius: 2px 2px 0 0;
      position: relative;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%; }
    .card .card-image .card-title {
      color: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 20px; }
  .card .card-content {
    padding: 20px;
    border-radius: 0 0 2px 2px; }
    .card .card-content p {
      margin: 0;
      color: inherit; }
    .card .card-content .card-title {
      line-height: 48px; }
  .card .card-action {
    position: relative;
    background-color: inherit;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 20px; }
    .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
      color: #ffab40;
      margin-right: 20px;
      transition: color .3s ease;
      text-transform: uppercase; }
      .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
        color: #ffd8a6; }
  .card .card-reveal {
    padding: 20px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow-y: auto;
    left: 0;
    top: 100%;
    height: 100%;
    z-index: 3;
    display: none; }
    .card .card-reveal .card-title {
      cursor: pointer;
      display: block; }

#toast-container {
  display: block;
  position: fixed;
  z-index: 10000; }
  @media only screen and (max-width: 600px) {
    #toast-container {
      min-width: 100%;
      bottom: 0%; } }
  @media only screen and (min-width: 601px) and (max-width: 960px) {
    #toast-container {
      left: 5%;
      bottom: 7%;
      max-width: 90%; } }
  @media only screen and (min-width: 961px) {
    #toast-container {
      top: 10%;
      right: 7%;
      max-width: 86%; } }

.toast {
  border-radius: 2px;
  top: 0;
  width: auto;
  clear: both;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 1.5em;
  word-break: break-all;
  background-color: #323232;
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .toast .btn, .toast .btn-large, .toast .btn-flat {
    margin: 0;
    margin-left: 3rem; }
  .toast.rounded {
    border-radius: 24px; }
  @media only screen and (max-width: 600px) {
    .toast {
      width: 100%;
      border-radius: 0; } }
  @media only screen and (min-width: 601px) and (max-width: 960px) {
    .toast {
      float: left; } }
  @media only screen and (min-width: 961px) {
    .toast {
      float: right; } }

.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap; }
  .tabs.tabs-transparent {
    background-color: transparent; }
    .tabs.tabs-transparent .tab a,
    .tabs.tabs-transparent .tab.disabled a,
    .tabs.tabs-transparent .tab.disabled a:hover {
      color: rgba(255, 255, 255, 0.7); }
    .tabs.tabs-transparent .tab a:hover,
    .tabs.tabs-transparent .tab a.active {
      color: #fff; }
    .tabs.tabs-transparent .indicator {
      background-color: #fff; }
  .tabs.tabs-fixed-width {
    display: flex; }
    .tabs.tabs-fixed-width .tab {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
  .tabs .tab {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase; }
    .tabs .tab a {
      color: rgba(23, 116, 204, 0.7);
      display: block;
      width: 100%;
      height: 100%;
      padding: 0 24px;
      font-size: 14px;
      text-overflow: ellipsis;
      overflow: hidden;
      transition: color .28s ease; }
      .tabs .tab a:hover, .tabs .tab a.active {
        background-color: transparent;
        color: #1774cc; }
    .tabs .tab.disabled a,
    .tabs .tab.disabled a:hover {
      color: rgba(23, 116, 204, 0.7);
      cursor: default; }
  .tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #459aea;
    will-change: left, right; }

@media only screen and (max-width: 960px) {
  .tabs {
    display: flex; }
    .tabs .tab {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .tabs .tab a {
        padding: 0 12px; } }

.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  display: none;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none; }

.backdrop {
  position: absolute;
  opacity: 0;
  display: none;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
  z-index: -1;
  transform-origin: 50% 0%;
  transform: translate3d(0, 0, 0); }

.btn, .btn-large,
.btn-flat {
  border: none;
  border-radius: 3px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 1rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent; }

.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default; }
  .btn.disabled:hover, .disabled.btn-large:hover,
  .btn-floating.disabled:hover,
  .btn-large.disabled:hover,
  .btn-flat.disabled:hover,
  .btn:disabled:hover,
  .btn-large:disabled:hover,
  .btn-floating:disabled:hover,
  .btn-large:disabled:hover,
  .btn-flat:disabled:hover,
  .btn[disabled]:hover,
  [disabled].btn-large:hover,
  .btn-floating[disabled]:hover,
  .btn-large[disabled]:hover,
  .btn-flat[disabled]:hover {
    background-color: #DFDFDF !important;
    color: #9F9F9F !important; }

.btn, .btn-large,
.btn-floating,
.btn-large,
.btn-flat {
  outline: 0; }
  .btn i, .btn-large i,
  .btn-floating i,
  .btn-large i,
  .btn-flat i {
    font-size: 1.3rem;
    line-height: inherit; }

.btn:focus, .btn-large:focus,
.btn-floating:focus {
  background-color: #125a9e; }

.btn, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #1774cc;
  text-align: center;
  letter-spacing: .5px;
  transition: .2s ease-out;
  cursor: pointer; }
  .btn:hover, .btn-large:hover {
    background-color: #1a81e3; }

.btn-floating {
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #fff;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle; }
  .btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.6rem;
    line-height: 40px; }
  .btn-floating:hover {
    background-color: #fff; }
  .btn-floating:before {
    border-radius: 0; }
  .btn-floating.btn-large {
    width: 48px;
    height: 48px; }
    .btn-floating.btn-large i {
      line-height: 48px; }

button.btn-floating {
  border: none; }

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 998; }
  .fixed-action-btn.active ul {
    visibility: visible; }
  .fixed-action-btn.horizontal {
    padding: 0 0 0 15px; }
    .fixed-action-btn.horizontal ul {
      text-align: right;
      right: 64px;
      top: 50%;
      transform: translateY(-50%);
      height: 100%;
      left: auto;
      width: 500px;
      /*width 100% only goes to width of button container */ }
      .fixed-action-btn.horizontal ul li {
        display: inline-block;
        margin: 15px 15px 0 0; }
  .fixed-action-btn.toolbar {
    padding: 0;
    height: 48px; }
    .fixed-action-btn.toolbar.active > a i {
      opacity: 0; }
    .fixed-action-btn.toolbar ul {
      display: flex;
      top: 0;
      bottom: 0; }
      .fixed-action-btn.toolbar ul li {
        flex: 1;
        display: inline-block;
        margin: 0;
        height: 100%;
        transition: none; }
        .fixed-action-btn.toolbar ul li a {
          display: block;
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 100%;
          background-color: transparent;
          box-shadow: none;
          color: #fff;
          line-height: 48px;
          z-index: 1; }
          .fixed-action-btn.toolbar ul li a i {
            line-height: inherit; }
  .fixed-action-btn ul {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 64px;
    margin: 0;
    visibility: hidden; }
    .fixed-action-btn ul li {
      margin-bottom: 15px; }
    .fixed-action-btn ul a.btn-floating {
      opacity: 0; }
  .fixed-action-btn .fab-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    transform: scale(0); }

.btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  transition: background-color .2s; }
  .btn-flat:focus, .btn-flat:active {
    background-color: transparent; }
  .btn-flat:focus, .btn-flat:hover {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: none; }
  .btn-flat:active {
    background-color: rgba(0, 0, 0, 0.2); }
  .btn-flat.disabled {
    background-color: transparent !important;
    color: rgba(0, 0, 0, 0.12) !important;
    cursor: default; }

.btn-large {
  height: 50px;
  line-height: 50px; }
  .btn-large i {
    font-size: 1.6rem; }

.btn-block {
  display: block; }

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  max-height: 650px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 999;
  will-change: width, height; }
  .dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    min-height: 40px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
    text-transform: none; }
    .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
      background-color: #f2f2f2; }
    .dropdown-content li.active.selected {
      background-color: #e5e5e5; }
    .dropdown-content li.divider {
      min-height: 0;
      height: 1px; }
    .dropdown-content li > a, .dropdown-content li > span {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.54);
      display: block;
      line-height: 22px;
      padding: 9px 16px; }
    .dropdown-content li > span > label {
      top: 1px;
      left: 0;
      height: 18px; }
    .dropdown-content li > a > i {
      height: inherit;
      line-height: inherit; }

.input-field.col .dropdown-content [type="checkbox"] + label {
  top: 1px;
  left: 0;
  height: 18px; }

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: .3s ease-out; }
  .waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.7s ease-out;
    transition-property: transform, opacity;
    transform: scale(0);
    pointer-events: none; }
  .waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45); }
  .waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7); }
  .waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7); }
  .waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7); }
  .waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7); }
  .waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7); }
  .waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7); }
  .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none; }
  .waves-effect img {
    position: relative;
    z-index: -1; }

.waves-notransition {
  transition: none !important; }

.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }
  .waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none; }

.waves-block {
  display: block; }

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
  z-index: -1; }

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity; }
  @media only screen and (max-width: 960px) {
    .modal {
      width: 80%; } }
  .modal h1, .modal h2, .modal h3, .modal h4 {
    margin-top: 0; }
  .modal .modal-content {
    padding: 24px; }
  .modal .modal-close {
    cursor: pointer; }
  .modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%; }
    .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
      float: right;
      margin: 6px 0; }

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity; }

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%; }
  .modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto; }
  .modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0; }

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity; }

.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0; }

.collapsible-header {
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd; }
  .collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem; }

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box; }
  .collapsible-body p {
    margin: 0;
    padding: 2rem; }

.side-nav .collapsible,
.side-nav.fixed .collapsible {
  border: none;
  box-shadow: none; }
  .side-nav .collapsible li,
  .side-nav.fixed .collapsible li {
    padding: 0; }

.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px; }
  .side-nav .collapsible-header:hover,
  .side-nav.fixed .collapsible-header:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .side-nav .collapsible-header i,
  .side-nav.fixed .collapsible-header i {
    line-height: inherit; }

.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
  border: 0;
  background-color: #fff; }
  .side-nav .collapsible-body li a,
  .side-nav.fixed .collapsible-body li a {
    padding: 0 23.5px 0 31px; }

.collapsible.popout {
  border: none;
  box-shadow: none; }
  .collapsible.popout > li {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 0 24px;
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .collapsible.popout > li.active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin: 16px 0; }

.chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.06);
  margin-bottom: 5px;
  margin-right: 5px; }
  .chip img {
    float: left;
    margin: 0 8px 0 -12px;
    height: 32px;
    width: 32px;
    border-radius: 50%; }
  .chip .close {
    cursor: pointer;
    float: right;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px; }

.chips {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  box-shadow: none;
  margin: 0 0 20px 0;
  min-height: 45px;
  outline: none;
  transition: all .3s; }
  .chips.focus {
    border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a; }
  .chips:hover {
    cursor: text; }
  .chips .chip.selected {
    background-color: #26a69a;
    color: #fff; }
  .chips .input {
    background: none;
    border: 0;
    color: rgba(0, 0, 0, 0.6);
    display: inline-block;
    font-size: 1.14286rem;
    height: 3rem;
    line-height: 32px;
    outline: 0;
    margin: 0;
    padding: 0 !important;
    width: 120px !important; }
  .chips .input:focus {
    border: 0 !important;
    box-shadow: none !important; }

.prefix ~ .chips {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem); }

.chips:empty ~ label {
  font-size: 0.8rem;
  transform: translateY(-140%); }

.materialboxed {
  display: block;
  cursor: zoom-in;
  position: relative;
  transition: opacity .4s; }
  .materialboxed:hover {
    will-change: left, top, width, height; }
    .materialboxed:hover:not(.active) {
      opacity: .8; }

.materialboxed.active {
  cursor: zoom-out; }

#materialbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #292929;
  z-index: 1000;
  will-change: opacity; }

.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0% 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased; }

select:focus {
  outline: 1px solid #d8eafb; }

button:focus {
  outline: none;
  background-color: #197ede; }

label {
  font-size: 0.8rem;
  color: #9e9e9e; }

/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::-webkit-input-placeholder {
  color: #d1d1d1; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #d1d1d1; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #d1d1d1; }

:-ms-input-placeholder {
  color: #d1d1d1; }

/* Text inputs */
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1.14286rem;
  margin: 0 0 20px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s; }
  input:not([type]):disabled, input:not([type])[readonly="readonly"],
  input[type=text]:disabled,
  input[type=text][readonly="readonly"],
  input[type=password]:disabled,
  input[type=password][readonly="readonly"],
  input[type=email]:disabled,
  input[type=email][readonly="readonly"],
  input[type=url]:disabled,
  input[type=url][readonly="readonly"],
  input[type=time]:disabled,
  input[type=time][readonly="readonly"],
  input[type=date]:disabled,
  input[type=date][readonly="readonly"],
  input[type=datetime]:disabled,
  input[type=datetime][readonly="readonly"],
  input[type=datetime-local]:disabled,
  input[type=datetime-local][readonly="readonly"],
  input[type=tel]:disabled,
  input[type=tel][readonly="readonly"],
  input[type=number]:disabled,
  input[type=number][readonly="readonly"],
  input[type=search]:disabled,
  input[type=search][readonly="readonly"],
  textarea.materialize-textarea:disabled,
  textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0, 0, 0, 0.26);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
  input:not([type]):disabled + label,
  input:not([type])[readonly="readonly"] + label,
  input[type=text]:disabled + label,
  input[type=text][readonly="readonly"] + label,
  input[type=password]:disabled + label,
  input[type=password][readonly="readonly"] + label,
  input[type=email]:disabled + label,
  input[type=email][readonly="readonly"] + label,
  input[type=url]:disabled + label,
  input[type=url][readonly="readonly"] + label,
  input[type=time]:disabled + label,
  input[type=time][readonly="readonly"] + label,
  input[type=date]:disabled + label,
  input[type=date][readonly="readonly"] + label,
  input[type=datetime]:disabled + label,
  input[type=datetime][readonly="readonly"] + label,
  input[type=datetime-local]:disabled + label,
  input[type=datetime-local][readonly="readonly"] + label,
  input[type=tel]:disabled + label,
  input[type=tel][readonly="readonly"] + label,
  input[type=number]:disabled + label,
  input[type=number][readonly="readonly"] + label,
  input[type=search]:disabled + label,
  input[type=search][readonly="readonly"] + label,
  textarea.materialize-textarea:disabled + label,
  textarea.materialize-textarea[readonly="readonly"] + label {
    color: rgba(0, 0, 0, 0.26); }
  input:not([type]):focus:not([readonly]),
  input[type=text]:focus:not([readonly]),
  input[type=password]:focus:not([readonly]),
  input[type=email]:focus:not([readonly]),
  input[type=url]:focus:not([readonly]),
  input[type=time]:focus:not([readonly]),
  input[type=date]:focus:not([readonly]),
  input[type=datetime]:focus:not([readonly]),
  input[type=datetime-local]:focus:not([readonly]),
  input[type=tel]:focus:not([readonly]),
  input[type=number]:focus:not([readonly]),
  input[type=search]:focus:not([readonly]),
  textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #1774cc;
    box-shadow: 0 1px 0 0 #1774cc; }
  input:not([type]):focus:not([readonly]) + label,
  input[type=text]:focus:not([readonly]) + label,
  input[type=password]:focus:not([readonly]) + label,
  input[type=email]:focus:not([readonly]) + label,
  input[type=url]:focus:not([readonly]) + label,
  input[type=time]:focus:not([readonly]) + label,
  input[type=date]:focus:not([readonly]) + label,
  input[type=datetime]:focus:not([readonly]) + label,
  input[type=datetime-local]:focus:not([readonly]) + label,
  input[type=tel]:focus:not([readonly]) + label,
  input[type=number]:focus:not([readonly]) + label,
  input[type=search]:focus:not([readonly]) + label,
  textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #1774cc; }
  input:not([type]).valid, input:not([type]):focus.valid,
  input[type=text].valid,
  input[type=text]:focus.valid,
  input[type=password].valid,
  input[type=password]:focus.valid,
  input[type=email].valid,
  input[type=email]:focus.valid,
  input[type=url].valid,
  input[type=url]:focus.valid,
  input[type=time].valid,
  input[type=time]:focus.valid,
  input[type=date].valid,
  input[type=date]:focus.valid,
  input[type=datetime].valid,
  input[type=datetime]:focus.valid,
  input[type=datetime-local].valid,
  input[type=datetime-local]:focus.valid,
  input[type=tel].valid,
  input[type=tel]:focus.valid,
  input[type=number].valid,
  input[type=number]:focus.valid,
  input[type=search].valid,
  input[type=search]:focus.valid,
  textarea.materialize-textarea.valid,
  textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #30a039;
    box-shadow: 0 1px 0 0 #30a039; }
  input:not([type]).valid + label:after,
  input:not([type]):focus.valid + label:after,
  input[type=text].valid + label:after,
  input[type=text]:focus.valid + label:after,
  input[type=password].valid + label:after,
  input[type=password]:focus.valid + label:after,
  input[type=email].valid + label:after,
  input[type=email]:focus.valid + label:after,
  input[type=url].valid + label:after,
  input[type=url]:focus.valid + label:after,
  input[type=time].valid + label:after,
  input[type=time]:focus.valid + label:after,
  input[type=date].valid + label:after,
  input[type=date]:focus.valid + label:after,
  input[type=datetime].valid + label:after,
  input[type=datetime]:focus.valid + label:after,
  input[type=datetime-local].valid + label:after,
  input[type=datetime-local]:focus.valid + label:after,
  input[type=tel].valid + label:after,
  input[type=tel]:focus.valid + label:after,
  input[type=number].valid + label:after,
  input[type=number]:focus.valid + label:after,
  input[type=search].valid + label:after,
  input[type=search]:focus.valid + label:after,
  textarea.materialize-textarea.valid + label:after,
  textarea.materialize-textarea:focus.valid + label:after {
    content: attr(data-success);
    color: #30a039;
    opacity: 1; }
  input:not([type]).invalid, input:not([type]):focus.invalid,
  input[type=text].invalid,
  input[type=text]:focus.invalid,
  input[type=password].invalid,
  input[type=password]:focus.invalid,
  input[type=email].invalid,
  input[type=email]:focus.invalid,
  input[type=url].invalid,
  input[type=url]:focus.invalid,
  input[type=time].invalid,
  input[type=time]:focus.invalid,
  input[type=date].invalid,
  input[type=date]:focus.invalid,
  input[type=datetime].invalid,
  input[type=datetime]:focus.invalid,
  input[type=datetime-local].invalid,
  input[type=datetime-local]:focus.invalid,
  input[type=tel].invalid,
  input[type=tel]:focus.invalid,
  input[type=number].invalid,
  input[type=number]:focus.invalid,
  input[type=search].invalid,
  input[type=search]:focus.invalid,
  textarea.materialize-textarea.invalid,
  textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #e6172c;
    box-shadow: 0 1px 0 0 #e6172c; }
  input:not([type]).invalid + label:after,
  input:not([type]):focus.invalid + label:after,
  input[type=text].invalid + label:after,
  input[type=text]:focus.invalid + label:after,
  input[type=password].invalid + label:after,
  input[type=password]:focus.invalid + label:after,
  input[type=email].invalid + label:after,
  input[type=email]:focus.invalid + label:after,
  input[type=url].invalid + label:after,
  input[type=url]:focus.invalid + label:after,
  input[type=time].invalid + label:after,
  input[type=time]:focus.invalid + label:after,
  input[type=date].invalid + label:after,
  input[type=date]:focus.invalid + label:after,
  input[type=datetime].invalid + label:after,
  input[type=datetime]:focus.invalid + label:after,
  input[type=datetime-local].invalid + label:after,
  input[type=datetime-local]:focus.invalid + label:after,
  input[type=tel].invalid + label:after,
  input[type=tel]:focus.invalid + label:after,
  input[type=number].invalid + label:after,
  input[type=number]:focus.invalid + label:after,
  input[type=search].invalid + label:after,
  input[type=search]:focus.invalid + label:after,
  textarea.materialize-textarea.invalid + label:after,
  textarea.materialize-textarea:focus.invalid + label:after {
    content: attr(data-error);
    color: #e6172c;
    opacity: 1; }
  input:not([type]).validate + label,
  input[type=text].validate + label,
  input[type=password].validate + label,
  input[type=email].validate + label,
  input[type=url].validate + label,
  input[type=time].validate + label,
  input[type=date].validate + label,
  input[type=datetime].validate + label,
  input[type=datetime-local].validate + label,
  input[type=tel].validate + label,
  input[type=number].validate + label,
  input[type=search].validate + label,
  textarea.materialize-textarea.validate + label {
    width: 100%;
    pointer-events: none; }
  input:not([type]) + label:after,
  input[type=text] + label:after,
  input[type=password] + label:after,
  input[type=email] + label:after,
  input[type=url] + label:after,
  input[type=time] + label:after,
  input[type=date] + label:after,
  input[type=datetime] + label:after,
  input[type=datetime-local] + label:after,
  input[type=tel] + label:after,
  input[type=number] + label:after,
  input[type=search] + label:after,
  textarea.materialize-textarea + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 60px;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out; }

.input-field {
  position: relative;
  margin-top: 1rem; }
  .input-field.inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }
    .input-field.inline input,
    .input-field.inline .select-dropdown {
      margin-bottom: 1rem; }
  .input-field.col label {
    left: 0.75rem; }
  .input-field.col .prefix ~ label,
  .input-field.col .prefix ~ .validate ~ label {
    width: calc(100% - 3rem - 1.5rem); }
  .input-field label {
    color: #9e9e9e;
    position: absolute;
    top: 0.8rem;
    left: 0;
    font-size: 1rem;
    cursor: text;
    transition: .2s ease-out; }
  .input-field label.active {
    font-size: 0.8rem;
    transform: translateY(-140%); }
  .input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 2rem;
    transition: color .2s; }
    .input-field .prefix.active {
      color: #1774cc; }
  .input-field .prefix ~ input,
  .input-field .prefix ~ textarea,
  .input-field .prefix ~ label,
  .input-field .prefix ~ .validate ~ label,
  .input-field .prefix ~ .autocomplete-content {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem); }
  .input-field .prefix ~ label {
    margin-left: 3rem; }
  @media only screen and (max-width: 960px) {
    .input-field .prefix ~ input {
      width: 86%;
      width: calc(100% - 3rem); } }
  @media only screen and (max-width: 600px) {
    .input-field .prefix ~ input {
      width: 80%;
      width: calc(100% - 3rem); } }

/* Search Field */
.input-field input[type=search] {
  display: block;
  line-height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem); }
  .input-field input[type=search]:focus {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    color: #444; }
    .input-field input[type=search]:focus + label i,
    .input-field input[type=search]:focus ~ .mdi-navigation-close,
    .input-field input[type=search]:focus ~ .material-icons {
      color: #444; }
  .input-field input[type=search] + label {
    left: 1rem; }
  .input-field input[type=search] ~ .mdi-navigation-close,
  .input-field input[type=search] ~ .material-icons {
    position: absolute;
    top: 0;
    right: 1rem;
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    transition: .3s color; }

/* Textarea */
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent; }
  textarea.materialize-textarea {
    overflow-y: hidden;
    /* prevents scroll bar flash */
    padding: .8rem 0 1.6rem 0;
    /* prevents text jump on Enter keypress */
    resize: none;
    min-height: 3rem; }

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */ }

/* Autocomplete */
.autocomplete-content {
  margin-top: -15px;
  display: block;
  opacity: 1;
  position: static; }
  .autocomplete-content li .highlight {
    color: #444; }
  .autocomplete-content li img {
    height: 30px;
    width: 30px;
    margin: 5px 15px; }

/* Radio Buttons
   ========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  transition: .28s ease;
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  user-select: none; }

[type="radio"] + label:before,
[type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  transition: .28s ease; }

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border-radius: 50%; }

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
  border: 2px solid rgba(0, 0, 0, 0.12); }

[type="radio"]:not(:checked) + label:after {
  transform: scale(0); }

/* Checked styles */
[type="radio"]:checked + label:before {
  border: 2px solid transparent; }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 1px solid rgba(0, 0, 0, 0.12); }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: #1774cc; }

[type="radio"]:checked + label:after {
  transform: scale(1.02); }

/* Radio With gap */
[type="radio"].with-gap:checked + label:after {
  transform: scale(0.5); }

/* Focused styles */
[type="radio"].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); }

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26); }

[type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #BDBDBD; }

/* Checkboxes
   ========================================================================== */
/* CUSTOM CSS CHECKBOXES */
form p {
  margin-bottom: 10px;
  text-align: left; }

form p:last-child {
  margin-bottom: 0; }

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
  [type="checkbox"] + label:before,
  [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid rgba(0, 0, 0, 0.12);
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s; }
  [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    transform: scale(0); }
  [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }
  [type="checkbox"].tabbed:focus + label:after {
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  transform: rotate(90deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }

[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

[type="checkbox"].filled-in + label:after {
  border-radius: 2px; }

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.12);
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #1774cc;
  background-color: #1774cc;
  z-index: 0; }

[type="checkbox"].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #1774cc;
  border-color: #1774cc; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }

[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }

[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }

/* Switch
   ========================================================================== */
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.switch label {
  cursor: pointer; }

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0; }
  .switch label input[type=checkbox]:checked + .lever {
    background-color: #87b2dc; }
    .switch label input[type=checkbox]:checked + .lever:after {
      background-color: #1774cc;
      left: 24px; }

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #818181;
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px; }
  .switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-color: #F1F1F1;
    border-radius: 21px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    left: -5px;
    top: -3px;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(23, 116, 204, 0.1); }

input[type=checkbox]:not(:disabled) ~ .lever:active:after,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }

.switch input[type=checkbox][disabled] + .lever {
  cursor: default; }

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BDBDBD; }

/* Select Field
   ========================================================================== */
select {
  display: none; }

select.browser-default {
  display: block; }

select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 3rem; }

.select-label {
  position: absolute; }

.select-wrapper {
  position: relative; }
  .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1.14286rem;
    margin: 0 0 20px 0;
    padding: 0;
    display: block; }
  .select-wrapper span.caret {
    color: initial;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 10px;
    margin: auto 0;
    font-size: 10px;
    line-height: 10px; }
    .select-wrapper span.caret.disabled {
      color: rgba(0, 0, 0, 0.26); }
  .select-wrapper + label {
    position: absolute;
    top: -14px;
    font-size: 0.8rem; }

select:disabled {
  color: rgba(0, 0, 0, 0.3); }

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -ms-user-select: none;
  /* IE10+ */
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.select-wrapper i {
  color: rgba(0, 0, 0, 0.3); }

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent; }

.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem); }

.prefix ~ label {
  margin-left: 3rem; }

.select-dropdown li img {
  height: 30px;
  width: 30px;
  margin: 5px 15px;
  float: right; }

.select-dropdown li.optgroup {
  border-top: 1px solid #f2f2f2; }
  .select-dropdown li.optgroup.selected > span {
    color: rgba(0, 0, 0, 0.7); }
  .select-dropdown li.optgroup > span {
    color: rgba(0, 0, 0, 0.4); }
  .select-dropdown li.optgroup ~ li.optgroup-option {
    padding-left: 1rem; }

/* File Input
   ========================================================================== */
.file-field {
  position: relative; }
  .file-field .file-path-wrapper {
    overflow: hidden;
    padding-left: 10px; }
  .file-field input.file-path {
    width: 100%; }
  .file-field .btn, .file-field .btn-large {
    float: left;
    height: 3rem;
    line-height: 3rem; }
  .file-field span {
    cursor: pointer; }
  .file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0); }

/* Range
   ========================================================================== */
.range-field {
  position: relative; }

input[type=range],
input[type=range] + .thumb {
  cursor: pointer; }

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0;
  padding: 0; }
  input[type=range]:focus {
    outline: none; }

input[type=range] + .thumb {
  position: absolute;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #1774cc;
  top: 10px;
  margin-left: -6px;
  transform-origin: 50% 50%;
  transform: rotate(-45deg); }
  input[type=range] + .thumb .value {
    display: block;
    width: 30px;
    text-align: center;
    color: #1774cc;
    font-size: 0;
    transform: rotate(45deg); }
  input[type=range] + .thumb.active {
    border-radius: 50% 50% 50% 0; }
    input[type=range] + .thumb.active .value {
      color: #fff;
      margin-left: -1px;
      margin-top: 8px;
      font-size: 10px; }

input[type=range] {
  -webkit-appearance: none; }

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #1774cc;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
  transition: .3s; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc; }

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/ }

input[type=range]::-moz-range-track {
  height: 3px;
  background: #ddd;
  border: none; }

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #1774cc;
  margin-top: -5px; }

input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px; }

input[type=range]:focus::-moz-range-track {
  background: #ccc; }

input[type=range]::-ms-track {
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #777; }

input[type=range]::-ms-fill-upper {
  background: #ddd; }

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #1774cc; }

input[type=range]:focus::-ms-fill-lower {
  background: #888; }

input[type=range]:focus::-ms-fill-upper {
  background: #ccc; }

/***************
    Nav List
***************/
.table-of-contents.fixed {
  position: fixed; }

.table-of-contents li {
  padding: 2px 0; }

.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 20px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .4;
  display: inline-block; }
  .table-of-contents a:hover {
    color: #a8a8a8;
    padding-left: 19px;
    border-left: 1px solid #ea4a4f; }
  .table-of-contents a.active {
    font-weight: 500;
    padding-left: 18px;
    border-left: 2px solid #ea4a4f; }

.side-nav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateX(-105%); }
  .side-nav.right-aligned {
    right: 0;
    transform: translateX(105%);
    left: auto;
    transform: translateX(100%); }
  .side-nav .collapsible {
    margin: 0; }
  .side-nav li {
    float: none;
    line-height: 48px; }
    .side-nav li.active {
      background-color: rgba(0, 0, 0, 0.05); }
  .side-nav a {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px; }
    .side-nav a:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-flat, .side-nav a.btn-floating {
      margin: 10px 15px; }
    .side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-floating {
      color: #fff; }
    .side-nav a.btn-flat {
      color: rgba(0, 0, 0, 0.54); }
    .side-nav a.btn:hover, .side-nav a.btn-large:hover, .side-nav a.btn-large:hover {
      background-color: #1a81e3; }
    .side-nav a.btn-floating:hover {
      background-color: #1774cc; }
  .side-nav li > a > i,
  .side-nav li > a > [class^="mdi-"], .side-nav li > a > [class*="mdi-"],
  .side-nav li > a > i.material-icons {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 32px 0 0;
    width: 24px;
    color: rgba(0, 0, 0, 0.54); }
  .side-nav .divider {
    margin: 8px 0 0 0; }
  .side-nav .subheader {
    cursor: initial;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    font-weight: 500;
    line-height: 48px; }
    .side-nav .subheader:hover {
      background-color: transparent; }
  .side-nav .userView {
    position: relative;
    padding: 32px 32px 0;
    margin-bottom: 8px; }
    .side-nav .userView > a {
      height: auto;
      padding: 0; }
      .side-nav .userView > a:hover {
        background-color: transparent; }
    .side-nav .userView .background {
      overflow: hidden;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1; }
    .side-nav .userView .circle, .side-nav .userView .name, .side-nav .userView .email {
      display: block; }
    .side-nav .userView .circle {
      height: 64px;
      width: 64px; }
    .side-nav .userView .name,
    .side-nav .userView .email {
      font-size: 14px;
      line-height: 24px; }
    .side-nav .userView .name {
      margin-top: 16px;
      font-weight: 500; }
    .side-nav .userView .email {
      padding-bottom: 16px;
      font-weight: 400; }

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998; }

.side-nav.fixed {
  left: 0;
  transform: translateX(0);
  position: fixed; }
  .side-nav.fixed.right-aligned {
    right: 0;
    left: auto; }

@media only screen and (max-width: 960px) {
  .side-nav.fixed {
    transform: translateX(-105%); }
    .side-nav.fixed.right-aligned {
      transform: translateX(105%); }
  .side-nav a {
    padding: 0 16px; }
  .side-nav .userView {
    padding: 16px 16px 0; } }

.side-nav .collapsible-body > ul:not(.collapsible) > li.active,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #1774cc; }
  .side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
  .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #fff; }

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  will-change: opacity; }

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px; }
  .preloader-wrapper.small {
    width: 36px;
    height: 36px; }
  .preloader-wrapper.big {
    width: 64px;
    height: 64px; }
  .preloader-wrapper.active {
    /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
    -webkit-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite; }

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes container-rotate {
  to {
    transform: rotate(360deg); } }

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #1774cc; }

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4; }

.spinner-red,
.spinner-red-only {
  border-color: #db4437; }

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400; }

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58; }

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% {
    transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% {
    transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% {
    transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% {
    transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% {
    transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% {
    transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to {
    transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1; }
  25% {
    opacity: 1; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes blue-fade-in-out {
  from {
    opacity: 1; }
  25% {
    opacity: 1; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; } }

@keyframes red-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; } }

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  76% {
    opacity: 0; } }

@keyframes yellow-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  76% {
    opacity: 0; } }

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes green-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }

.gap-patch .circle {
  width: 1000%;
  left: -450%; }

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    /* STROKEWIDTH */
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
  .circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg); }
  .circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg); }

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg); } }

@keyframes left-spin {
  from {
    transform: rotate(130deg); }
  50% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(130deg); } }

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg); } }

@keyframes right-spin {
  from {
    transform: rotate(-130deg); }
  50% {
    transform: rotate(5deg); }
  to {
    transform: rotate(-130deg); } }

#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.slider {
  position: relative;
  height: 400px;
  width: 100%; }
  .slider.fullscreen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .slider.fullscreen ul.slides {
      height: 100%; }
    .slider.fullscreen ul.indicators {
      z-index: 2;
      bottom: 30px; }
  .slider .slides {
    background-color: #9e9e9e;
    margin: 0;
    height: 400px; }
    .slider .slides li {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: inherit;
      overflow: hidden; }
      .slider .slides li img {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center; }
      .slider .slides li .caption {
        color: #fff;
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        opacity: 0; }
        .slider .slides li .caption p {
          color: #e0e0e0; }
      .slider .slides li.active {
        z-index: 2; }
  .slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0; }
    .slider .indicators .indicator-item {
      display: inline-block;
      position: relative;
      cursor: pointer;
      height: 16px;
      width: 16px;
      margin: 0 12px;
      background-color: #e0e0e0;
      transition: background-color .3s;
      border-radius: 50%; }
      .slider .indicators .indicator-item.active {
        background-color: #4CAF50; }

.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  perspective: 500px;
  transform-style: preserve-3d;
  transform-origin: 0% 50%; }
  .carousel.carousel-slider {
    top: 0;
    left: 0;
    height: 0; }
    .carousel.carousel-slider .carousel-fixed-item {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 20px;
      z-index: 1; }
      .carousel.carousel-slider .carousel-fixed-item.with-indicators {
        bottom: 68px; }
    .carousel.carousel-slider .carousel-item {
      width: 100%;
      height: 100%;
      min-height: 400px;
      position: absolute;
      top: 0;
      left: 0; }
      .carousel.carousel-slider .carousel-item h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px; }
      .carousel.carousel-slider .carousel-item p {
        font-size: 15px; }
  .carousel .carousel-item {
    display: none;
    width: 200px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0; }
    .carousel .carousel-item img {
      width: 100%; }
  .carousel .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0; }
    .carousel .indicators .indicator-item {
      display: inline-block;
      position: relative;
      cursor: pointer;
      height: 8px;
      width: 8px;
      margin: 24px 4px;
      background-color: rgba(255, 255, 255, 0.5);
      transition: background-color .3s;
      border-radius: 50%; }
      .carousel .indicators .indicator-item.active {
        background-color: #fff; }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is "activated".
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only "scrollable" top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%; }

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden; }

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

@media (min-height: 28.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%; } }

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 28.875em) {
  .picker__wrap {
    display: block; } }

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle; }

@media (min-height: 28.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out; }

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto; } }

/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__input.picker__input--active {
  border-color: #E3F2FD; }

.picker__frame {
  margin: 0 auto;
  max-width: 325px; }

@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto; } }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  height: 2em;
  padding: 0;
  margin-left: .25em;
  margin-right: .25em; }

.picker__select--month.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 40%; }

.picker__select--year.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 26%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: rgba(0, 0, 0, 0.05); }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 1rem;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

.picker__table th, .picker__table td {
  text-align: center; }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500; }

.picker__day--outfocus {
  display: none;
  padding: .75rem 0;
  color: #fff; }

.picker__day--outfocus:hover {
  cursor: pointer;
  color: #dddddd;
  font-weight: 500; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  transform: scale(0.75);
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: rgba(0, 0, 0, 0.05);
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__box {
  border-radius: 2px;
  overflow: hidden; }

.picker__date-display {
  text-align: center;
  background-color: #1774cc;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #a9cced; }

.picker__weekday-display {
  background-color: #1362ac;
  padding: 10px;
  font-weight: 200;
  letter-spacing: .5;
  font-size: 1rem;
  margin-bottom: 15px; }

.picker__month-display {
  text-transform: uppercase;
  font-size: 2rem; }

.picker__day-display {
  font-size: 4.5rem;
  font-weight: 400; }

.picker__year-display {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.4); }

.picker__box {
  padding: 0; }

.picker__calendar-container {
  padding: 0 1rem; }
  .picker__calendar-container thead {
    border: none; }

.picker__table {
  margin-top: 0;
  margin-bottom: .5em; }

.picker__day--infocus {
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent; }

.picker__day.picker__day--today {
  color: #1774cc; }

.picker__day.picker__day--today.picker__day--selected {
  color: #fff; }

.picker__weekday {
  font-size: .9rem; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  transform: scale(0.9);
  background-color: #1774cc;
  color: #ffffff; }
  .picker__day--selected.picker__day--outfocus,
  .picker__day--selected:hover.picker__day--outfocus,
  .picker--focused .picker__day--selected.picker__day--outfocus {
    background-color: #a9cced; }

.picker__footer {
  text-align: right;
  padding: 5px 10px; }

.picker__close, .picker__today {
  font-size: 1.1rem;
  padding: 0 1rem;
  color: #1774cc; }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767; }

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  background-color: #a9cced; }

/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0; }

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em; }

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em; } }

/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10; }

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10; }

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10; }

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto; }

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666; }

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none; }

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold; }

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff; }

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px; }

/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0; }

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em; } }

.slider-gallery {
  position: relative;
  height: 400px;
  width: 100%; }
  .slider-gallery.fullscreen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .slider-gallery.fullscreen ul.slides-gallery {
      height: 100%; }
    .slider-gallery.fullscreen ul.indicators {
      z-index: 2;
      bottom: 30px; }
  .slider-gallery .slides-gallery {
    background-color: #e6e6e6;
    margin: 0;
    height: 400px; }
    .slider-gallery .slides-gallery li {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: inherit;
      overflow: hidden; }
      .slider-gallery .slides-gallery li img {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center; }
      .slider-gallery .slides-gallery li .caption {
        color: #fff;
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        opacity: 0; }
        .slider-gallery .slides-gallery li .caption p {
          color: #5b6b78; }
      .slider-gallery .slides-gallery li.active {
        z-index: 2; }
  .slider-gallery .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0; }
    .slider-gallery .indicators .indicator-item {
      display: inline-block;
      position: relative;
      cursor: pointer;
      height: 16px;
      width: 16px;
      margin: 0 12px;
      background-color: #5b6b78;
      transition: background-color .3s;
      border-radius: 50%; }
      .slider-gallery .indicators .indicator-item.active {
        background-color: #1774cc; }

@charset "UTF-8";
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.classic_picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.classic_picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.classic_picker__input.classic_picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.classic_picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.classic_picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.classic_picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.classic_picker__frame {
  padding: 1px; }

.classic_picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.classic_picker--opened .classic_picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.classic_picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.classic_picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.classic_picker__month,
.classic_picker__year {
  font-weight: 400;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.classic_picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.classic_picker__select--month,
.classic_picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .classic_picker__select--month,
  .classic_picker__select--year {
    margin-top: -0.5em; } }

.classic_picker__select--month {
  width: 35%; }

.classic_picker__select--year {
  width: 22.5%; }

.classic_picker__select--month:focus,
.classic_picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.classic_picker__nav--prev,
.classic_picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .classic_picker__nav--prev,
  .classic_picker__nav--next {
    top: -0.33em; } }

.classic_picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .classic_picker__nav--prev {
    padding-right: 1.5em; } }

.classic_picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .classic_picker__nav--next {
    padding-left: 1.5em; } }

.classic_picker__nav--prev:before,
.classic_picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.classic_picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.classic_picker__nav--prev:hover,
.classic_picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.classic_picker__nav--disabled,
.classic_picker__nav--disabled:hover,
.classic_picker__nav--disabled:before,
.classic_picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.classic_picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .classic_picker__table {
    margin-bottom: .75em; } }

.classic_picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.classic_picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 400;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .classic_picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.classic_picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.classic_picker__day--today {
  position: relative; }

.classic_picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.classic_picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.classic_picker__day--outfocus {
  color: #dddddd; }

.classic_picker__day--infocus:hover,
.classic_picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.classic_picker__day--highlighted {
  border-color: #0089ec; }

.classic_picker__day--highlighted:hover,
.classic_picker--focused .classic_picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.classic_picker__day--selected,
.classic_picker__day--selected:hover,
.classic_picker--focused .classic_picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.classic_picker__day--disabled,
.classic_picker__day--disabled:hover,
.classic_picker--focused .classic_picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.classic_picker__day--highlighted.classic_picker__day--disabled,
.classic_picker__day--highlighted.classic_picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.classic_picker__footer {
  text-align: center; }

.classic_picker__button--today,
.classic_picker__button--clear,
.classic_picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.classic_picker__button--today:hover,
.classic_picker__button--clear:hover,
.classic_picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.classic_picker__button--today:focus,
.classic_picker__button--clear:focus,
.classic_picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.classic_picker__button--today:before,
.classic_picker__button--clear:before,
.classic_picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.classic_picker__button--today:before,
.classic_picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.classic_picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.classic_picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.classic_picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.classic_picker__button--today[disabled],
.classic_picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.classic_picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */

@charset "UTF-8";
/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.classic_picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0; }

/**
 * The times on the clock.
 */
.classic_picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em; }

@media (min-height: 46.75em) {
  .classic_picker__list-item {
    padding: .5em 1em; } }

/* Hovered time */
.classic_picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10; }

/* Highlighted and hovered/focused time */
.classic_picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10; }

.classic_picker__list-item--highlighted:hover,
.classic_picker--focused .classic_picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

/* Selected and hovered/focused time */
.classic_picker__list-item--selected,
.classic_picker__list-item--selected:hover,
.classic_picker--focused .classic_picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10; }

/* Disabled time */
.classic_picker__list-item--disabled,
.classic_picker__list-item--disabled:hover,
.classic_picker--focused .classic_picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto; }

/**
 * The clear button
 */
.classic_picker--time .classic_picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666; }

.classic_picker--time .classic_picker__button--clear:hover,
.classic_picker--time .classic_picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none; }

.classic_picker--time .classic_picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold; }

.classic_picker--time .classic_picker__button--clear:hover:before,
.classic_picker--time .classic_picker__button--clear:focus:before {
  color: #ffffff;
  border-color: #ffffff; }

/* ==========================================================================
   $CLASSIC-TIME-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should __NOT__ be styled
 * more than what’s here. Style the `.classic_picker__holder` instead.
 */
.classic_picker--time {
  min-width: 256px;
  max-width: 320px; }

/**
 * The holder is the base of the picker.
 */
.classic_picker--time .classic_picker__holder {
  background: #f2f2f2; }

@media (min-height: 40.125em) {
  .classic_picker--time .classic_picker__holder {
    font-size: .875em; } }

/**
 * The box contains the list of times.
 */
.classic_picker--time .classic_picker__box {
  padding: 0;
  position: relative; }

/*Colors*/
.gradient-vertical-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(to bottom, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(135deg, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-blue, .case-det-page .case-default-block .ocg_intake-block::after,
.case-det-page .case-default-block .case_links-block::after,
.case-det-page .case-default-block .patient_triage-block::after,
.case-det-page .case-default-block .stroke_intake-block::after,
.case-det-page .case-default-block .pcproviders-block::after,
.case-det-page .case-default-block .appointment_attached-block::after,
.case-det-page .case-default-block .verify-and-complete-block::after {
  background-color: #0469bd !important;
  background: -moz-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -webkit-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -ms-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: linear-gradient(to right, #0469bd 0%, #25abfd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(to bottom, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(135deg, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-teal, .case-det-page .case-default-block .triage-block::after,
.case-det-page .case-default-block .behavioral-block::after,
.case-det-page .case-default-block .provider_notes_2-block::after,
.case-det-page .case-default-block .imaging-block::after {
  background-color: #396070 !important;
  background: -moz-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -webkit-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -ms-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: linear-gradient(to right, #396070 0%, #04a7b0 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(to bottom, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(135deg, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-green, .case-det-page .case-default-block .payment-block::after,
.case-det-page .case-default-block .tpa_decision-block::after,
.case-det-page .case-default-block .complaint-block::after,
.case-det-page .case-default-block .technical_issue_tracker-block::after,
.case-det-page .case-default-block .medhistory-block::after, .case-det-page .case-default-block .attachments-block #case-summary::before {
  background-color: #30a039 !important;
  background: -moz-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -webkit-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -ms-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: linear-gradient(to right, #30a039 0%, #71df54 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(to bottom, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(135deg, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-yellow, .case-det-page .case-default-block .intake-block::after,
.case-det-page .case-default-block .vitals-block::after,
.case-det-page .case-default-block .general-block::after,
.case-det-page .case-default-block .psych_notes-block::after,
.case-det-page .case-default-block .demographics-block::after {
  background-color: #ef9c23 !important;
  background: -moz-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -webkit-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -ms-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: linear-gradient(to right, #ef9c23 0%, #fcd54e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(to bottom, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(135deg, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-purple, .case-det-page .case-default-block .provider_notes-block::after,
.case-det-page .case-default-block .tpa_decision_2018-block::after,
.case-det-page .case-default-block .patient_note-block::after,
.case-det-page .case-default-block .time_tracking-block::after,
.case-det-page .case-default-block .history-block::after {
  background-color: #5d51a2 !important;
  background: -moz-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -webkit-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -ms-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: linear-gradient(to right, #5d51a2 0%, #9585ed 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(to bottom, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(135deg, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-pink, .case-det-page .case-default-block .tpa_tracking-block::after,
.case-det-page .case-default-block .stroke_scale-block::after,
.case-det-page .case-default-block .primary_care_provider-block::after,
.case-det-page .case-default-block .soap_notes-block::after,
.case-det-page .case-default-block .case_notes-block::after {
  background-color: #c40934 !important;
  background: -moz-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -webkit-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -ms-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: linear-gradient(to right, #c40934 0%, #f81b73 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.materialize-red {
  background-color: #e51c23 !important; }

.materialize-red-text {
  color: #e51c23 !important; }

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important; }

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important; }

.materialize-red.lighten-3 {
  background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important; }

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important; }

.materialize-red.lighten-1 {
  background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important; }

.materialize-red.darken-1 {
  background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 {
  color: #d0181e !important; }

.materialize-red.darken-2 {
  background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 {
  color: #b9151b !important; }

.materialize-red.darken-3 {
  background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 {
  color: #a21318 !important; }

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

.red {
  background-color: #F44336 !important; }

.red-text {
  color: #F44336 !important; }

.red.lighten-5 {
  background-color: #FFEBEE !important; }

.red-text.text-lighten-5 {
  color: #FFEBEE !important; }

.red.lighten-4 {
  background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 {
  color: #FFCDD2 !important; }

.red.lighten-3 {
  background-color: #EF9A9A !important; }

.red-text.text-lighten-3 {
  color: #EF9A9A !important; }

.red.lighten-2 {
  background-color: #E57373 !important; }

.red-text.text-lighten-2 {
  color: #E57373 !important; }

.red.lighten-1 {
  background-color: #EF5350 !important; }

.red-text.text-lighten-1 {
  color: #EF5350 !important; }

.red.darken-1 {
  background-color: #E53935 !important; }

.red-text.text-darken-1 {
  color: #E53935 !important; }

.red.darken-2 {
  background-color: #D32F2F !important; }

.red-text.text-darken-2 {
  color: #D32F2F !important; }

.red.darken-3 {
  background-color: #C62828 !important; }

.red-text.text-darken-3 {
  color: #C62828 !important; }

.red.darken-4 {
  background-color: #B71C1C !important; }

.red-text.text-darken-4 {
  color: #B71C1C !important; }

.red.accent-1 {
  background-color: #FF8A80 !important; }

.red-text.text-accent-1 {
  color: #FF8A80 !important; }

.red.accent-2 {
  background-color: #FF5252 !important; }

.red-text.text-accent-2 {
  color: #FF5252 !important; }

.red.accent-3 {
  background-color: #FF1744 !important; }

.red-text.text-accent-3 {
  color: #FF1744 !important; }

.red.accent-4 {
  background-color: #D50000 !important; }

.red-text.text-accent-4 {
  color: #D50000 !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink-text.text-lighten-5 {
  color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink-text.text-lighten-3 {
  color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink-text.text-lighten-2 {
  color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink-text.text-lighten-1 {
  color: #ec407a !important; }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink-text.text-darken-1 {
  color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink-text.text-darken-2 {
  color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink-text.text-darken-3 {
  color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink-text.text-darken-4 {
  color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink-text.text-accent-1 {
  color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink-text.text-accent-2 {
  color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink-text.text-accent-3 {
  color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.pink-text.text-accent-4 {
  color: #c51162 !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple-text.text-lighten-4 {
  color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple-text.text-lighten-3 {
  color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple-text.text-lighten-2 {
  color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple-text.text-lighten-1 {
  color: #ab47bc !important; }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple-text.text-darken-1 {
  color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple-text.text-darken-2 {
  color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple-text.text-darken-3 {
  color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple-text.text-darken-4 {
  color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple-text.text-accent-1 {
  color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple-text.text-accent-2 {
  color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple-text.text-accent-3 {
  color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.purple-text.text-accent-4 {
  color: #aa00ff !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important; }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple-text.text-darken-2 {
  color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple-text.text-darken-4 {
  color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple-text.text-accent-1 {
  color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple-text.text-accent-3 {
  color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.deep-purple-text.text-accent-4 {
  color: #6200ea !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo-text.text-lighten-3 {
  color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo-text.text-lighten-2 {
  color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important; }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo-text.text-darken-1 {
  color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo-text.text-darken-2 {
  color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo-text.text-darken-3 {
  color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo-text.text-darken-4 {
  color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo-text.text-accent-1 {
  color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo-text.text-accent-2 {
  color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo-text.text-accent-3 {
  color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.indigo-text.text-accent-4 {
  color: #304ffe !important; }

.blue {
  background-color: #2196F3 !important; }

.blue-text {
  color: #2196F3 !important; }

.blue.lighten-5 {
  background-color: #E3F2FD !important; }

.blue-text.text-lighten-5 {
  color: #E3F2FD !important; }

.blue.lighten-4 {
  background-color: #BBDEFB !important; }

.blue-text.text-lighten-4 {
  color: #BBDEFB !important; }

.blue.lighten-3 {
  background-color: #90CAF9 !important; }

.blue-text.text-lighten-3 {
  color: #90CAF9 !important; }

.blue.lighten-2 {
  background-color: #64B5F6 !important; }

.blue-text.text-lighten-2 {
  color: #64B5F6 !important; }

.blue.lighten-1 {
  background-color: #42A5F5 !important; }

.blue-text.text-lighten-1 {
  color: #42A5F5 !important; }

.blue.darken-1 {
  background-color: #1E88E5 !important; }

.blue-text.text-darken-1 {
  color: #1E88E5 !important; }

.blue.darken-2 {
  background-color: #1976D2 !important; }

.blue-text.text-darken-2 {
  color: #1976D2 !important; }

.blue.darken-3 {
  background-color: #1565C0 !important; }

.blue-text.text-darken-3 {
  color: #1565C0 !important; }

.blue.darken-4 {
  background-color: #0D47A1 !important; }

.blue-text.text-darken-4 {
  color: #0D47A1 !important; }

.blue.accent-1 {
  background-color: #82B1FF !important; }

.blue-text.text-accent-1 {
  color: #82B1FF !important; }

.blue.accent-2 {
  background-color: #448AFF !important; }

.blue-text.text-accent-2 {
  color: #448AFF !important; }

.blue.accent-3 {
  background-color: #2979FF !important; }

.blue-text.text-accent-3 {
  color: #2979FF !important; }

.blue.accent-4 {
  background-color: #2962FF !important; }

.blue-text.text-accent-4 {
  color: #2962FF !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important; }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue-text.text-darken-1 {
  color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue-text.text-darken-2 {
  color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue-text.text-darken-3 {
  color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue-text.text-darken-4 {
  color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue-text.text-accent-1 {
  color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue-text.text-accent-2 {
  color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue-text.text-accent-3 {
  color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.light-blue-text.text-accent-4 {
  color: #0091ea !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan-text.text-lighten-3 {
  color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan-text.text-lighten-1 {
  color: #26c6da !important; }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan-text.text-darken-1 {
  color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan-text.text-darken-2 {
  color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan-text.text-darken-3 {
  color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan-text.text-darken-4 {
  color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan-text.text-accent-1 {
  color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan-text.text-accent-2 {
  color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan-text.text-accent-3 {
  color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.cyan-text.text-accent-4 {
  color: #00b8d4 !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal-text.text-lighten-4 {
  color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal-text.text-lighten-3 {
  color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal-text.text-lighten-2 {
  color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal-text.text-lighten-1 {
  color: #26a69a !important; }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal-text.text-darken-1 {
  color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal-text.text-darken-2 {
  color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal-text.text-darken-3 {
  color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal-text.text-darken-4 {
  color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal-text.text-accent-1 {
  color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal-text.text-accent-2 {
  color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal-text.text-accent-3 {
  color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.teal-text.text-accent-4 {
  color: #00bfa5 !important; }

.green {
  background-color: #4CAF50 !important; }

.green-text {
  color: #4CAF50 !important; }

.green.lighten-5 {
  background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 {
  color: #E8F5E9 !important; }

.green.lighten-4 {
  background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 {
  color: #C8E6C9 !important; }

.green.lighten-3 {
  background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 {
  color: #A5D6A7 !important; }

.green.lighten-2 {
  background-color: #81C784 !important; }

.green-text.text-lighten-2 {
  color: #81C784 !important; }

.green.lighten-1 {
  background-color: #66BB6A !important; }

.green-text.text-lighten-1 {
  color: #66BB6A !important; }

.green.darken-1 {
  background-color: #43A047 !important; }

.green-text.text-darken-1 {
  color: #43A047 !important; }

.green.darken-2 {
  background-color: #388E3C !important; }

.green-text.text-darken-2 {
  color: #388E3C !important; }

.green.darken-3 {
  background-color: #2E7D32 !important; }

.green-text.text-darken-3 {
  color: #2E7D32 !important; }

.green.darken-4 {
  background-color: #1B5E20 !important; }

.green-text.text-darken-4 {
  color: #1B5E20 !important; }

.green.accent-1 {
  background-color: #B9F6CA !important; }

.green-text.text-accent-1 {
  color: #B9F6CA !important; }

.green.accent-2 {
  background-color: #69F0AE !important; }

.green-text.text-accent-2 {
  color: #69F0AE !important; }

.green.accent-3 {
  background-color: #00E676 !important; }

.green-text.text-accent-3 {
  color: #00E676 !important; }

.green.accent-4 {
  background-color: #00C853 !important; }

.green-text.text-accent-4 {
  color: #00C853 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green-text.text-lighten-2 {
  color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important; }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green-text.text-darken-1 {
  color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green-text.text-darken-2 {
  color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green-text.text-darken-3 {
  color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green-text.text-darken-4 {
  color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green-text.text-accent-1 {
  color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green-text.text-accent-2 {
  color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green-text.text-accent-3 {
  color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.light-green-text.text-accent-4 {
  color: #64dd17 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime-text.text-lighten-3 {
  color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime-text.text-lighten-2 {
  color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime-text.text-lighten-1 {
  color: #d4e157 !important; }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime-text.text-darken-1 {
  color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime-text.text-darken-2 {
  color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime-text.text-darken-3 {
  color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime-text.text-darken-4 {
  color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime-text.text-accent-1 {
  color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime-text.text-accent-2 {
  color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime-text.text-accent-3 {
  color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.lime-text.text-accent-4 {
  color: #aeea00 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow-text.text-lighten-5 {
  color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow-text.text-lighten-3 {
  color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow-text.text-lighten-2 {
  color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow-text.text-lighten-1 {
  color: #ffee58 !important; }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow-text.text-darken-1 {
  color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow-text.text-darken-2 {
  color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow-text.text-darken-3 {
  color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow-text.text-darken-4 {
  color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow-text.text-accent-1 {
  color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow-text.text-accent-2 {
  color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow-text.text-accent-3 {
  color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.yellow-text.text-accent-4 {
  color: #ffd600 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber-text.text-lighten-5 {
  color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber-text.text-lighten-4 {
  color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber-text.text-lighten-3 {
  color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber-text.text-lighten-2 {
  color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber-text.text-lighten-1 {
  color: #ffca28 !important; }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber-text.text-darken-1 {
  color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber-text.text-darken-2 {
  color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber-text.text-darken-3 {
  color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber-text.text-darken-4 {
  color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber-text.text-accent-1 {
  color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber-text.text-accent-2 {
  color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber-text.text-accent-3 {
  color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.amber-text.text-accent-4 {
  color: #ffab00 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange-text.text-lighten-5 {
  color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange-text.text-lighten-3 {
  color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange-text.text-lighten-2 {
  color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange-text.text-lighten-1 {
  color: #ffa726 !important; }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange-text.text-darken-1 {
  color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange-text.text-darken-2 {
  color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange-text.text-darken-3 {
  color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange-text.text-darken-4 {
  color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange-text.text-accent-1 {
  color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange-text.text-accent-2 {
  color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange-text.text-accent-3 {
  color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.orange-text.text-accent-4 {
  color: #ff6d00 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important; }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange-text.text-darken-1 {
  color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange-text.text-darken-3 {
  color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange-text.text-darken-4 {
  color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown-text.text-lighten-5 {
  color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown-text.text-lighten-2 {
  color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown-text.text-lighten-1 {
  color: #8d6e63 !important; }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown-text.text-darken-1 {
  color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown-text.text-darken-2 {
  color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown-text.text-darken-3 {
  color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.brown-text.text-darken-4 {
  color: #3e2723 !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey-text.text-lighten-1 {
  color: #78909c !important; }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey-text.text-darken-1 {
  color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey-text.text-darken-2 {
  color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey-text.text-darken-3 {
  color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.blue-grey-text.text-darken-4 {
  color: #263238 !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey-text.text-lighten-5 {
  color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 {
  color: #bdbdbd !important; }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey-text.text-darken-1 {
  color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey-text.text-darken-2 {
  color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey-text.text-darken-3 {
  color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.grey-text.text-darken-4 {
  color: #212121 !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

/*Colors*/
.gradient-vertical-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(to bottom, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(135deg, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-blue, .case-det-page .case-default-block .ocg_intake-block::after,
.case-det-page .case-default-block .case_links-block::after,
.case-det-page .case-default-block .patient_triage-block::after,
.case-det-page .case-default-block .stroke_intake-block::after,
.case-det-page .case-default-block .pcproviders-block::after,
.case-det-page .case-default-block .appointment_attached-block::after,
.case-det-page .case-default-block .verify-and-complete-block::after {
  background-color: #0469bd !important;
  background: -moz-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -webkit-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -ms-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: linear-gradient(to right, #0469bd 0%, #25abfd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(to bottom, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(135deg, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-teal, .case-det-page .case-default-block .triage-block::after,
.case-det-page .case-default-block .behavioral-block::after,
.case-det-page .case-default-block .provider_notes_2-block::after,
.case-det-page .case-default-block .imaging-block::after {
  background-color: #396070 !important;
  background: -moz-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -webkit-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -ms-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: linear-gradient(to right, #396070 0%, #04a7b0 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(to bottom, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(135deg, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-green, .case-det-page .case-default-block .payment-block::after,
.case-det-page .case-default-block .tpa_decision-block::after,
.case-det-page .case-default-block .complaint-block::after,
.case-det-page .case-default-block .technical_issue_tracker-block::after,
.case-det-page .case-default-block .medhistory-block::after, .case-det-page .case-default-block .attachments-block #case-summary::before {
  background-color: #30a039 !important;
  background: -moz-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -webkit-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -ms-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: linear-gradient(to right, #30a039 0%, #71df54 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(to bottom, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(135deg, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-yellow, .case-det-page .case-default-block .intake-block::after,
.case-det-page .case-default-block .vitals-block::after,
.case-det-page .case-default-block .general-block::after,
.case-det-page .case-default-block .psych_notes-block::after,
.case-det-page .case-default-block .demographics-block::after {
  background-color: #ef9c23 !important;
  background: -moz-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -webkit-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -ms-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: linear-gradient(to right, #ef9c23 0%, #fcd54e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(to bottom, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(135deg, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-purple, .case-det-page .case-default-block .provider_notes-block::after,
.case-det-page .case-default-block .tpa_decision_2018-block::after,
.case-det-page .case-default-block .patient_note-block::after,
.case-det-page .case-default-block .time_tracking-block::after,
.case-det-page .case-default-block .history-block::after {
  background-color: #5d51a2 !important;
  background: -moz-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -webkit-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -ms-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: linear-gradient(to right, #5d51a2 0%, #9585ed 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(to bottom, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(135deg, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-pink, .case-det-page .case-default-block .tpa_tracking-block::after,
.case-det-page .case-default-block .stroke_scale-block::after,
.case-det-page .case-default-block .primary_care_provider-block::after,
.case-det-page .case-default-block .soap_notes-block::after,
.case-det-page .case-default-block .case_notes-block::after {
  background-color: #c40934 !important;
  background: -moz-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -webkit-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -ms-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: linear-gradient(to right, #c40934 0%, #f81b73 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.red {
  background: #e6172c !important; }

.red-text {
  color: #e6172c !important; }

.z-depth-1-inset, .btn, .bkw-stat-card {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important; }

.z-depth-2-inset {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }

.z-depth-3-inset, .dropdown-content {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }

.divider {
  background-color: rgba(0, 0, 0, 0.06); }

span.badge {
  background-color: #5b6b78; }

span.badge[class] {
  background-color: #1774cc;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 18px;
  max-height: 18px;
  font-weight: 700;
  min-width: 0;
  padding: 0 .5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-transform: uppercase; }

nav ul a span.badge {
  height: auto;
  margin-left: 8px; }

form .row:last-of-type {
  margin-bottom: 0; }

nav {
  background: transparent;
  box-shadow: none;
  user-select: none; }
  nav .nav-wrapper {
    display: flex;
    align-items: center; }
  nav .button-collapse {
    flex-shrink: 0;
    margin: 0;
    text-align: center;
    width: 60px; }
    @media only screen and (min-width: 601px) {
      nav .button-collapse {
        width: 60px; } }
  nav .brand-logo {
    display: flex;
    align-items: center;
    float: left;
    left: auto;
    padding: 0 10px;
    position: static;
    transform: none; }
  nav .dropdown-content {
    line-height: normal; }
    nav .dropdown-content a.btn, nav .dropdown-content a.btn-large, nav .dropdown-content a.btn-flat, nav .dropdown-content a.btn-floating {
      margin-left: 0;
      margin-right: 0; }

html {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  color: #313336; }

.btn,
.btn-flat {
  text-transform: none; }

.btn-flat {
  text-align: center;
  font-weight: 600 !important;
  letter-spacing: 0.04em; }

.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: default; }

.btn.disabled:hover, .disabled.btn-large:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
[disabled].btn-large:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-flat[disabled]:hover {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.26) !important; }

.dropdown-content {
  font-size: 1rem;
  padding: 10px !important;
  z-index: 996; }
  .dropdown-content li > a, .dropdown-content li > span {
    font-size: 1rem; }
  .dropdown-content > li {
    float: none; }
    .dropdown-content > li + li {
      border-top: 1px solid rgba(0, 0, 0, 0.06); }

.collapsible-body {
  padding: 1rem; }
  .collapsible-body p {
    padding: 0; }
    .collapsible-body p:first-child {
      margin-top: 0; }
    .collapsible-body p:last-child {
      margin-bottom: 0; }

.chip {
  font-size: 14px;
  padding-left: 40px;
  position: relative;
  white-space: nowrap; }
  .chip img {
    float: none;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0; }

/* Style Placeholders */
::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4) !important; }

:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.4) !important; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.4) !important; }

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4) !important; }

input:not([type])[readonly="readonly"],
input[type=text][readonly="readonly"],
input[type=password][readonly="readonly"],
input[type=email][readonly="readonly"],
input[type=url][readonly="readonly"],
input[type=time][readonly="readonly"],
input[type=date][readonly="readonly"],
input[type=datetime][readonly="readonly"],
input[type=datetime-local][readonly="readonly"],
input[type=tel][readonly="readonly"],
input[type=number][readonly="readonly"],
input[type=search][readonly="readonly"],
textarea.materialize-textarea[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 0; }
  input:not([type])[readonly="readonly"] + label,
  input[type=text][readonly="readonly"] + label,
  input[type=password][readonly="readonly"] + label,
  input[type=email][readonly="readonly"] + label,
  input[type=url][readonly="readonly"] + label,
  input[type=time][readonly="readonly"] + label,
  input[type=date][readonly="readonly"] + label,
  input[type=datetime][readonly="readonly"] + label,
  input[type=datetime-local][readonly="readonly"] + label,
  input[type=tel][readonly="readonly"] + label,
  input[type=number][readonly="readonly"] + label,
  input[type=search][readonly="readonly"] + label,
  textarea.materialize-textarea[readonly="readonly"] + label {
    color: #5b6b78; }

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #5b6b78; }

.input-field label {
  color: #5b6b78;
  pointer-events: none; }

.input-field input[type=checkbox] + label,
.input-field input[type=radio] + label,
input[type=checkbox] + label,
input[type=radio] + label {
  pointer-events: auto; }

.input-field label.active {
  color: #5b6b78; }

.select-dropdown {
  padding: 0 !important; }

.select-wrapper input.select-dropdown {
  border-bottom: 1px solid #e6e6e6; }

[type="radio"] + label {
  color: rgba(0, 0, 0, 0.87); }

[type="radio"] + label:before,
[type="radio"] + label:after {
  background: rgba(0, 0, 0, 0.06); }

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
  border-width: 1px; }

.side-nav > li > a {
  display: flex;
  align-items: center; }
  .side-nav > li > a:hover {
    background: #f2f2f2; }
  .side-nav > li > a .badge {
    margin-left: auto; }

.side-nav > li > a > i,
.side-nav > li > a > [class^="mdi-"], .side-nav li > a > [class*="mdi-"],
.side-nav > li > a > i.material-icons {
  color: rgba(0, 0, 0, 0.87);
  margin-right: 16px; }

.side-nav .divider {
  margin: 8px 0; }

@media only screen and (max-width: 1280px) {
  .hide-on-large-and-down {
    display: none !important; } }

@media only screen and (min-width: 961px) {
  .hide-on-large-and-up {
    display: none !important; } }

@media only screen and (min-width: 1281px) {
  .hide-on-xlarge-and-up {
    display: none !important; } }

.collapsible-header .person-info {
  border: solid transparent;
  border-width: 10px 0;
  font-size: 12px;
  padding-left: 50px; }
  .collapsible-header .person-info .avatar {
    left: 0; }

span.badge[class].number {
  background: #5b6b78;
  font-size: 0.875rem;
  line-height: 16px;
  padding: 0 .5rem; }

span.badge[class].dim {
  background: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38); }

span.badge[class] .material-icons {
  font-size: 1.25em;
  height: 18px;
  line-height: 18px;
  vertical-align: middle; }
  span.badge[class] .material-icons.right {
    margin: 0 -5px 0 5px; }
  span.badge[class] .material-icons.left {
    margin: 0 5px 0 -5px; }

.btn-flat.bordered {
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .btn-flat.bordered.circle {
    border-radius: 50%;
    padding: 0;
    width: 36px; }
  .btn-flat.bordered.square {
    padding: 0;
    width: 36px; }

.dropdown-content {
  border-radius: 3px; }
  .dropdown-content .dropdown__header {
    background: #f2f2f2;
    border-radius: 3px 3px 0 0;
    margin: -10px -10px 10px;
    padding: 10px 13px; }
    .dropdown-content .dropdown__header .bkw-small-heading {
      margin: 0; }
  .dropdown-content .dropdown__body ul {
    margin: 0;
    list-style-type: none;
    padding-left: 0; }
    .dropdown-content .dropdown__body ul li {
      list-style-type: none !important;
      line-height: initial !important; }
  .dropdown-content .dropdown__body li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.06); }
  .dropdown-content .dropdown__body li > a, .dropdown-content .dropdown__body li > span {
    padding-left: 6px;
    padding-right: 6px; }
  .dropdown-content .dropdown__body ul + ul,
  .dropdown-content .dropdown__body ul + dl,
  .dropdown-content .dropdown__body dl + ul {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    margin-top: 10px; }
  .dropdown-content .dropdown__footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    margin: 10px -10px 0;
    padding: 10px 13px 5px;
    text-align: center; }

.material-icons[data-badge] {
  position: relative; }
  .material-icons[data-badge]::after {
    width: auto;
    align-items: center;
    color: #fff;
    display: flex;
    position: absolute;
    background: #e6172c;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;
    min-width: 14px;
    left: 20px !important;
    border-radius: 1000px;
    border: 1px solid #fff;
    right: auto;
    top: 10px;
    padding: 0 2px;
    height: 15px;
    content: attr(data-badge);
    font-size: .6rem; }

.chip .dot {
  bottom: -2px;
  left: 22px;
  position: absolute; }

.chip.small {
  height: 24px;
  line-height: 24px; }
  .chip.small img {
    height: 24px;
    width: 24px; }
  .chip.small .close {
    line-height: 24px; }
  .chip.small .dot {
    left: 14px; }

.validate-icon {
  display: none;
  position: absolute;
  right: 0;
  top: 1.5rem;
  transform: translateY(-50%); }
  .validate-icon:after {
    content: ""; }
  .col > .validate-icon {
    right: 0.75rem; }
  .invalid ~ .validate-icon {
    display: inline; }
    .invalid ~ .validate-icon:after {
      color: #e6172c;
      content: "error"; }
  .valid ~ .validate-icon {
    display: inline; }
    .valid ~ .validate-icon:after {
      color: #30a039;
      content: "check_circle"; }

.radio-group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem; }
  @media only screen and (max-width: 600px) {
    .radio-group.col.s12 {
      margin-top: 0; } }
  .radio-group .radio-group__label {
    height: 25px;
    line-height: 25px;
    font-size: 1rem; }
    @media only screen and (max-width: 600px) {
      .radio-group .radio-group__label {
        display: block;
        width: 100%; } }
  .radio-group label {
    margin-right: 35px;
    margin-top: 0.7rem; }
  @media only screen and (max-width: 600px) {
    .radio-group.col.s12 label {
      margin-top: 0; } }
  .radio-group:before {
    background: #fff;
    content: "";
    display: block;
    float: left;
    height: 3rem;
    margin-bottom: 21px;
    width: 1px; }
  @media only screen and (max-width: 600px) {
    .radio-group.col.s12:before {
      display: none; } }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  height: 100%;
  margin: 0;
  overflow: hidden; }

button,
input[type=checkbox],
input[type=radio] {
  cursor: pointer; }

button,
input,
optgroup,
select,
textarea {
  font-family: "Open Sans", sans-serif;
  font-size: 100%;
  margin: 0; }

a {
  font-weight: inherit;
  text-decoration: none; }

hr {
  border-top-color: #e6e6e6; }

textarea[disabled] {
  resize: none; }

@-ms-viewport {
  width: device-width; }

.avatar img {
  display: block; }

.avatar .dot {
  position: absolute; }

.dot {
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block !important;
  padding: 0 !important;
  height: 8px;
  width: 8px; }

.person-info {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  min-width: 200px;
  padding-left: 60px;
  padding-right: 10px;
  position: relative; }
  .person-info dt {
    font-weight: 700;
    margin: 0; }
  .person-info dd {
    color: rgba(0, 0, 0, 0.54);
    margin: 0; }
  .person-info dd.avatar {
    left: 10px;
    position: absolute;
    top: 0; }
  .person-info .circle {
    height: 36px;
    width: 36px; }
  .person-info .dot {
    bottom: -2px;
    position: absolute;
    right: -2px; }

.time {
  opacity: 0.54; }
  .time.red-text {
    opacity: 1; }
  .time.dim {
    opacity: 0.31579; }

.bkw-small-heading {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase; }

.bkw-small-heading--muted {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase; }

.bkw-small-type {
  font-size: 12px; }

.bkw-heading {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25; }
  @media only screen and (min-width: 1281px) {
    .bkw-heading {
      font-size: 16px; } }

.bkw-medium-heading {
  font-size: 16px;
  line-height: 1.25;
  margin: 0; }
  @media only screen and (min-width: 961px) {
    .bkw-medium-heading {
      font-size: 24px; } }

.bkw-large-heading {
  font-size: 24px;
  line-height: 1.25;
  margin: 0; }
  @media only screen and (min-width: 961px) {
    .bkw-large-heading {
      font-size: 32px; } }

.bkw-type-bold {
  font-weight: 700; }

.bkw-icon-link .material-icons {
  margin-top: -2px;
  vertical-align: middle; }

.uppercase {
  text-transform: uppercase; }

.u-full-width {
  width: 100%; }

.wrapper {
  width: 100%; }
  @media only screen and (min-width: 961px) {
    .wrapper {
      margin-left: auto;
      margin-right: auto;
      max-width: 720px; } }
  .wrapper.wide {
    max-width: 920px; }
  .wrapper.xwide {
    max-width: 1080px; }
  .wrapper.full {
    max-width: none; }

.app-main {
  background: #f2f2f2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: -webkit-calc(100vh - 60px);
  height: -moz-calc(100vh - 60px);
  height: calc(100vh - 60px);
  overflow: auto;
  width: 100%; }
  @media only screen and (min-width: 601px) {
    .app-main {
      height: -webkit-calc(100vh - 60px);
      height: -moz-calc(100vh - 60px);
      height: calc(100vh - 60px); } }
  .app-main > * {
    -webkit-flex-grow: 1;
    flex-grow: 1; }

.app-header {
  background: #354151; }
  .app-header li {
    float: none; }

.app-header__logo {
  display: none; }
  @media only screen and (min-width: 961px) {
    .app-header__logo {
      align-items: center;
      background: transparent;
      border: 0;
      color: #fff;
      cursor: pointer;
      display: flex;
      height: 40px;
      margin: 0 0 0 5px;
      padding: 0 5px 0 10px; } }
  @media only screen and (min-width: 1281px) {
    .app-header__logo {
      margin-left: 12px;
      padding: 0 20px; } }
  .app-header__logo > img {
    max-height: 40px;
    max-width: 75px;
    height: auto !important; }
  .app-header__logo .material-icons {
    margin-left: 8px; }
    @media only screen and (min-width: 961px) {
      .app-header__logo .material-icons {
        margin-left: 16px; } }

/* COMMON */
.app-header .dropdown-content {
  max-height: 650px;
  min-width: 220px;
  overflow-y: auto; }
  @media screen and (max-height: 850px) {
    .app-header .dropdown-content {
      max-height: calc(100vh - 100px); } }
  .app-header .dropdown-content.for-cases, .app-header .dropdown-content.for-messages, .app-header .dropdown-content.for-notifications, .app-header .dropdown-content.for-user {
    min-width: 300px;
    overflow: hidden; }
  .app-header .dropdown-content.for-user {
    padding: 0 !important; }
  .app-header .dropdown-content li a:hover {
    background: none; }

/* ENTERPRISE MENU */
.dropdown-content.for-enterprise li {
  height: auto;
  padding: 0; }
  .dropdown-content.for-enterprise li:hover {
    background: none; }
    .dropdown-content.for-enterprise li:hover .enterprise-name {
      text-decoration: underline; }

.dropdown-content.for-enterprise a {
  align-items: center;
  display: flex; }

.dropdown-content.for-enterprise img {
  height: 48px;
  margin-right: 15px;
  width: 48px; }

/* CASES MENU */
.cases-menu__summary {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: -10px -10px 0;
  padding: 15px 20px 10px !important; }
  .cases-menu__summary li {
    color: rgba(0, 0, 0, 0.54);
    min-height: 0;
    width: auto; }
    .cases-menu__summary li div {
      display: flex;
      align-items: center; }
  .cases-menu__summary .badge {
    order: 0;
    margin-left: 0;
    margin-right: 6px; }

.dropdown-content.for-cases .message-list__item:hover:before {
  background: #f2f2f2; }

.dropdown-content.for-cases .message-list__item .badge {
  font-size: 10px;
  line-height: 18px;
  position: absolute;
  right: 0;
  top: 12px; }

.dropdown-content.for-cases .message-list__item-content {
  padding: 0;
  color: rgba(0, 0, 0, 0.87); }

/* COMMON STYLING FOR CASES/MESSAGES/NOTIFICATIONS MENUS */
.dropdown-content.for-cases li:hover,
.dropdown-content.for-messages li:hover,
.dropdown-content.for-notifications li:hover {
  background: none; }

.dropdown-content.for-cases .message-list__item,
.dropdown-content.for-messages .message-list__item,
.dropdown-content.for-notifications .message-list__item {
  min-height: 0;
  line-height: normal; }
  .dropdown-content.for-cases .message-list__item:before,
  .dropdown-content.for-messages .message-list__item:before,
  .dropdown-content.for-notifications .message-list__item:before {
    content: "";
    display: block;
    height: 100%;
    left: -10px;
    position: absolute;
    right: -10px;
    top: 0;
    transition: background-color .3s;
    z-index: -1; }
  .dropdown-content.for-cases .message-list__item.is-unread:before,
  .dropdown-content.for-messages .message-list__item.is-unread:before,
  .dropdown-content.for-notifications .message-list__item.is-unread:before {
    background: #f2f2f2; }

.dropdown-content.for-cases .message-list__item-title,
.dropdown-content.for-messages .message-list__item-title,
.dropdown-content.for-notifications .message-list__item-title {
  font-size: 14px; }

.dropdown-content.for-cases .message-list__item-message,
.dropdown-content.for-messages .message-list__item-message,
.dropdown-content.for-notifications .message-list__item-message {
  opacity: 0.54; }

.dropdown-content.for-cases .message-list__item-timeago,
.dropdown-content.for-messages .message-list__item-timeago,
.dropdown-content.for-notifications .message-list__item-timeago {
  opacity: 0.38; }

.dropdown-content.for-cases .btn-flat.u-full-width,
.dropdown-content.for-messages .btn-flat.u-full-width,
.dropdown-content.for-notifications .btn-flat.u-full-width {
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px; }

/* COMMON STYLING FOR MESSAGES/NOTIFICATIONS MENUS */
.dropdown-content.for-messages .message-list__item,
.dropdown-content.for-notifications .message-list__item {
  cursor: default; }

/* MESSAGES MENU */
.dropdown-content.for-messages .message-list__item-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.messages-menu__header {
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  margin: -10px -10px 0;
  padding: 10px 10px 10px 15px; }
  .messages-menu__header .bkw-small-heading {
    margin: 0; }
  .messages-menu__header .btn-flat {
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    text-transform: none; }
    .messages-menu__header .btn-flat + .btn-flat {
      margin-left: 10px; }
    .messages-menu__header .btn-flat i {
      height: 28px;
      line-height: 28px;
      margin-right: 5px; }
    .messages-menu__header .btn-flat:first-of-type {
      margin-left: auto; }

/* USER MENU */
.user-menu__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 15px 15px 15px 75px;
  left: 0;
  position: relative;
  top: 0; }
  .user-menu__header .avatar {
    left: 15px;
    position: absolute;
    top: 15px; }
  .user-menu__header .circle {
    height: 48px;
    width: 48px; }
  .user-menu__header .dot {
    bottom: 0;
    right: 0; }

.user-menu__name {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 16px; }

.user-menu__email {
  color: rgba(0, 0, 0, 0.54);
  display: block;
  font-size: 14px;
  margin-bottom: 12px; }

.user-menu__body {
  padding: 10px; }

.user-menu__status-options {
  list-style: none;
  margin: 0; }
  .user-menu__status-options li {
    color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    position: relative; }
    .user-menu__status-options li.current {
      color: rgba(0, 0, 0, 0.87); }
  .user-menu__status-options .dot {
    border: 0;
    position: relative;
    top: -2px; }

.user-menu__footer {
  background: rgba(0, 0, 0, 0.06);
  padding: 15px 20px;
  text-align: right; }

/* CUSTOM MENU ARROWS */
.app-header .dropdown-content {
  overflow-y: visible; }
  .app-header .dropdown-content::before {
    content: "";
    border: 9px solid transparent;
    border-bottom: 7px solid #fff;
    border-top: 0;
    display: block;
    left: 78px;
    position: absolute;
    top: -6px;
    transform: translateY(100%);
    transition: all 0.25s;
    z-index: 1; }
  .app-header .dropdown-content[style*="opacity: 1"]::before {
    transform: translateY(0); }

.app-header .dropdown-button[data-alignment="right"] + .dropdown-content::before {
  left: auto;
  right: 12px; }

.app-header__mobile {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 60px); }
  @media only screen and (min-width: 961px) {
    .app-header__mobile {
      display: none; } }
  .app-header__mobile .divider {
    background: rgba(0, 0, 0, 0.12);
    height: 50px;
    width: 1px; }
  .app-header__mobile h1 {
    font-size: 20px;
    margin: 0; }
  .app-header__mobile > li {
    position: relative; }
    .app-header__mobile > li:nth-child(2) {
      margin-right: auto;
      max-width: calc(100% - 110px);
      text-transform: uppercase; }
      .app-header__mobile > li:nth-child(2) > span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .app-header__mobile > li > a:not(.btn),
    .app-header__mobile > li > span {
      align-items: center;
      border: 0;
      color: #fff;
      display: flex;
      line-height: 40px;
      margin: 0 5px;
      padding: 0 10px; }
      .app-header__mobile > li > a:not(.btn) > .material-icons,
      .app-header__mobile > li > span > .material-icons {
        height: inherit;
        line-height: inherit;
        margin: 0; }
  .app-header__mobile .btn {
    margin-left: 0;
    margin-right: 0; }
  .app-header__mobile .badge {
    float: none; }

.app-header__nav {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 960px) {
    .app-header__nav {
      display: none; } }
  .app-header__nav .divider {
    background: rgba(0, 0, 0, 0.12);
    height: 50px;
    width: 1px; }
    @media only screen and (min-width: 961px) {
      .app-header__nav .divider {
        margin: 0 10px; } }

.app-header__nav > li > a {
  align-items: center;
  background: transparent;
  border: 0;
  color: #fff;
  display: flex;
  line-height: 40px;
  margin: 0 5px;
  padding: 0 10px;
  text-transform: uppercase;
  white-space: nowrap; }
  .app-header__nav > li > a:hover {
    border-radius: 3px; }
  .app-header__nav > li > a > .material-icons {
    height: inherit;
    line-height: inherit; }
  @media only screen and (min-width: 1281px) {
    .app-header__nav > li > a {
      margin: 0 10px;
      padding: 0 15px; } }

.search-form {
  height: 32px;
  line-height: 32px; }
  .search-form .input-field input {
    background: rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 20px;
    padding-bottom: 0;
    padding-top: 0; }
    .search-form .input-field input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.3);
      font-style: italic;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased; }
    .search-form .input-field input:-moz-placeholder {
      color: rgba(255, 255, 255, 0.3);
      font-style: italic;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased; }
    .search-form .input-field input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.3);
      font-style: italic;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased; }
    .search-form .input-field input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.3);
      font-style: italic;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased; }
  .search-form .input-field label i {
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px; }

.app-header__search {
  margin-left: auto;
  margin-right: 10px; }
  .app-header__search .input-field input {
    padding-left: 32px;
    width: 160px; }
    @media (min-width: 1024px) {
      .app-header__search .input-field input {
        width: 220px; } }
  .app-header__search .input-field label {
    left: 0 !important; }

.side-nav__search {
  padding: 10px; }
  .side-nav__search .search-form .input-field input {
    padding-left: 46px;
    width: 100%; }
  .side-nav__search .search-form .input-field label {
    left: 8px !important; }

.side-nav__enterprise,
.side-nav__user,
.side-nav__search {
  background: #354151; }

.side-nav__enterprise a,
.side-nav__user a {
  color: #fff;
  position: relative; }

.side-nav__enterprise .collapsible-header,
.side-nav__user .collapsible-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60px;
  position: relative; }
  .side-nav__enterprise .collapsible-header .material-icons,
  .side-nav__user .collapsible-header .material-icons {
    color: #fff !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }

.side-nav__enterprise .collapsible-body,
.side-nav__user .collapsible-body {
  background: transparent; }
  .side-nav__enterprise .collapsible-body ul,
  .side-nav__user .collapsible-body ul {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.side-nav__enterprise img {
  max-height: 40px;
  max-width: 150px; }

.side-nav__user .collapsible-header {
  line-height: 1.5;
  padding: 0 60px 0 75px; }
  .side-nav__user .collapsible-header .avatar {
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .side-nav__user .collapsible-header .circle {
    height: 36px;
    width: 36px; }
  .side-nav__user .collapsible-header .dot {
    border-color: #313336;
    bottom: -2px;
    right: -2px; }
  .side-nav__user .collapsible-header .side-nav__user-status {
    font-size: 12px; }

.side-nav__user .collapsible-body .dot {
  border: 0;
  left: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.side-nav__user .collapsible-body a {
  color: rgba(255, 255, 255, 0.54); }

.side-nav__user .collapsible-body .current a {
  color: inherit; }

.app-header__utility {
  align-items: center;
  display: flex; }
  @media only screen and (min-width: 601px) {
    .app-header__utility {
      padding-right: 10px; } }
  @media (max-width: 601px) {
    .app-header__utility {
      padding-right: 10px; } }
  .app-header__utility > li > a {
    padding: 4px; }
    .app-header__utility > li > a .material-icons {
      background-clip: content-box;
      border-radius: 50%;
      cursor: pointer;
      font-size: 18px;
      height: 32px !important;
      line-height: 32px !important;
      transition: .3s;
      text-align: center;
      vertical-align: middle;
      width: 32px !important; }
      .app-header__utility > li > a .material-icons[data-badge]::after {
        border: 2px solid #313336;
        border-radius: 10px;
        height: 20px;
        left: calc(100% - 16px);
        min-width: 16px;
        padding: 0 7px;
        right: auto;
        top: -4px;
        width: auto;
        display: inline-block;
        line-height: 1.4em !important; }
    .app-header__utility > li > a:hover {
      background: none; }
      .app-header__utility > li > a:hover .material-icons {
        background: rgba(255, 255, 255, 0.1); }
  .app-header__utility .divider {
    background: rgba(0, 0, 0, 0.12);
    height: 50px;
    width: 1px;
    margin: 0 10px 0 20px; }
    @media only screen and (min-width: 1281px) {
      .app-header__utility .divider {
        margin-right: 15px; } }
  .app-header__utility .active-user {
    align-items: center;
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 40px;
    justify-content: center;
    line-height: 40px;
    min-width: 40px;
    padding: 5px;
    position: relative;
    white-space: nowrap; }
    .app-header__utility .active-user .avatar {
      position: relative;
      float: left; }
    .app-header__utility .active-user .circle {
      height: 25px;
      width: 25px; }
    .app-header__utility .active-user .dot {
      border-color: #313336;
      bottom: -2px;
      right: -2px; }
  .app-header__utility .active-user__name {
    font-size: 12px;
    margin-left: 12px; }
    @media only screen and (max-width: 1280px) {
      .app-header__utility .active-user__name {
        display: none; } }

/* DEFAULT LAYOUT */
.layout--default {
  overflow: auto; }

.layout__header {
  min-height: 120px !important;
  padding: 20px; }
  .layout__header.horizontal {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .layout__header.horizontal .wrapper {
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap; }
    .layout__header.horizontal [class*="-heading"] {
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
      margin-right: 20px; }
    .layout__header.horizontal form {
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-grow: 1;
      flex-grow: 1; }
    .layout__header.horizontal .input-field {
      margin: 0; }
      .layout__header.horizontal .input-field + .layout__header.horizontal .input-field,
      .layout__header.horizontal .input-field + button {
        margin-left: 15px; }

/* COLUMN LAYOUT */
@media only screen and (max-width: 600px) {
  .layout--columns-on-large {
    width: 100%; } }

@media only screen and (min-width: 601px) {
  .layout--columns-on-large {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative; } }

@media only screen and (min-width: 961px) {
  .layout--columns-on-large {
    flex-wrap: wrap;
    overflow: hidden; } }

.layout__main {
  position: relative; }
  .layout__main.pad {
    padding: 10px; }
    @media only screen and (min-width: 601px) {
      .layout__main.pad {
        padding: 20px; } }
  .layout--columns-on-large .layout__main {
    overflow: auto; }
    @media only screen and (max-width: 600px) {
      .layout--columns-on-large .layout__main {
        -webkit-flex-grow: 1;
        flex-grow: 1; } }
    @media only screen and (min-width: 601px) {
      .layout--columns-on-large .layout__main {
        -webkit-box-flex: 0 0 auto;
        -moz-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-flex: 1 1 0%;
        -moz-box-flex: 1 1 0%;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%; } }
  .layout--default .layout__main {
    background: #fff; }

.layout__pane {
  background: #fff;
  overflow: auto;
  width: 100%; }
  @media only screen and (min-width: 601px) {
    .layout__pane {
      padding: 15px;
      width: 270px; } }
  @media (min-width: 601px) and (max-width: 960px) {
    .layout__pane {
      margin-right: -270px;
      transition: margin 0.3s; }
      .layout__pane.reveal {
        margin-right: 0; } }
  @media only screen and (min-width: 961px) {
    .layout__pane {
      -webkit-box-flex: 0 0 auto;
      -moz-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; } }
  @media only screen and (min-width: 1281px) {
    .layout__pane {
      width: 360px; } }
  @media only screen and (min-width: 601px) {
    .layout__pane.layout__pane--locked {
      padding: 0; } }
  @media only screen and (min-width: 601px) {
    .layout__pane.layout__pane--locked {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      overflow: hidden; } }

/* CONTENT AREA */
.layout__main__split {
  background: #fff;
  border-left: 1px solid #e6e6e6; }
  @media only screen and (min-width: 961px) {
    .layout__main__split {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex: 1 1 auto; } }

/* SELECTION PANE */
.layout__main__selector {
  border-right: 1px solid #e6e6e6;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden; }
  @media only screen and (max-width: 960px) {
    .layout__main__selector {
      display: none; } }
  @media only screen and (min-width: 961px) {
    .layout__main__selector {
      width: 180px; } }

.layout__main__selector__header {
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: -10px -10px 0;
  padding: 0 15px 0 20px; }

.layout__main__selector__list {
  line-height: 20px;
  list-style: none;
  padding: 10px 0 !important;
  margin: 0 !important;
  overflow: auto; }
  .layout__main__selector__list li {
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    color: #5b6b78;
    line-height: 20px !important; }
  .layout__main__selector__list a {
    color: inherit;
    display: block;
    padding: 10px 30px 10px 15px;
    position: relative;
    transition: background-color .3s;
    color: #313336 !important; }
    .layout__main__selector__list a:hover {
      background: #f2f2f2;
      color: #313336 !important;
      text-decoration: none !important; }
  .layout__main__selector__list .bkw-small-heading {
    color: #313336; }
  .layout__main__selector__list em {
    display: block; }
  .layout__main__selector__list .dot {
    border: 0;
    bottom: auto;
    left: 2px;
    margin: auto;
    position: absolute;
    top: 16px; }
  .layout__main__selector__list .badge {
    bottom: auto;
    margin: auto;
    position: absolute !important;
    right: 5px;
    top: 10px; }
  .layout__main__selector__list .material-icons {
    bottom: auto;
    font-size: 18px;
    position: absolute;
    right: 5px;
    top: 20px;
    transform: translateY(-50%); }

/* MAIN CONTENT AREA */
.layout__main__content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 0 10px 10px;
  /*width: 100%;*/
  overflow: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto; }
  @media only screen and (min-width: 961px) {
    .layout__main__content {
      padding-left: 30px;
      padding-right: 30px; } }

.case-detail__header--desk {
  flex: none; }

.layout__main__split {
  flex-wrap: wrap;
  height: 100%; }

/*16 columns grid*/
.row-large {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 0; }
  .row-large .col {
    padding: 0 5px; }
    .row-large .col.p20 {
      padding: 0 20px; }

@media only screen and (min-width: 601px) {
  .m1-large-grid {
    width: calc(100vw / 100 * 6.25); }
  .m2-large-grid {
    width: calc(100vw / 100 * 12.5); }
  .m3-large-grid {
    width: calc(100vw / 100 * 18.75) !important; }
  .m4-large-grid {
    width: calc(100vw / 100 * 25); }
  .m5-large-grid {
    width: calc(100vw / 100 * 31.25); }
  .m6-large-grid {
    width: calc(100vw / 100 * 37.5); }
  .m7-large-grid {
    width: calc(100vw / 100 * 43.75); }
  .m8-large-grid {
    width: calc(100vw / 100 * 50); }
  .m9-large-grid {
    width: calc(100vw / 100 * 56.25); }
  .m10-large-grid {
    width: calc(100vw / 100 * 62.5); }
  .m11-large-grid {
    width: calc(100vw / 100 * 68.75); }
  .m12-large-grid {
    width: calc(100vw / 100 * 75); }
  .m13-large-grid {
    width: calc(100vw / 100 * 81.25); }
  .m14-large-grid {
    width: calc(100vw / 100 * 87.5); }
  .m15-large-grid {
    width: calc(100vw / 100 * 93.75); }
  .m16-large-grid {
    width: 100vw; } }

@media (min-width: 1440px) {
  .xl1-large-grid {
    width: calc(100vw / 100 * 6.25); }
  .xl2-large-grid {
    width: calc(100vw / 100 * 12.5) !important; }
  .xl3-large-grid {
    width: calc(100vw / 100 * 18.75); }
  .xl4-large-grid {
    width: calc(100vw / 100 * 25); }
  .xl5-large-grid {
    width: calc(100vw / 100 * 31.25); }
  .xl6-large-grid {
    width: calc(100vw / 100 * 37.5); }
  .xl7-large-grid {
    width: calc(100vw / 100 * 43.75); }
  .xl8-large-grid {
    width: calc(100vw / 100 * 50); }
  .xl9-large-grid {
    width: calc(100vw / 100 * 56.25); }
  .xl10-large-grid {
    width: calc(100vw / 100 * 62.5); }
  .xl11-large-grid {
    width: calc(100vw / 100 * 68.75); }
  .xl12-large-grid {
    width: calc(100vw / 100 * 75); }
  .xl13-large-grid {
    width: calc(100vw / 100 * 81.25); }
  .xl14-large-grid {
    width: calc(100vw / 100 * 87.5); }
  .xl15-large-grid {
    width: calc(100vw / 100 * 93.75); }
  .xl16-large-grid {
    width: 100vw; } }

/*all cases*/
.layout__header.horizontal.search-header {
  padding-left: 0;
  padding-right: 0; }
  .layout__header.horizontal.search-header .container-fluid {
    width: 100%; }
  .layout__header.horizontal.search-header .bkw-medium-heading {
    margin: 0 0 0 20px;
    line-height: 36px; }
  .layout__header.horizontal.search-header .form-wrap {
    position: relative; }
    .layout__header.horizontal.search-header .form-wrap .input-wrap {
      position: relative;
      margin-right: 140px;
      background: #fff;
      border: 1px solid #e6e6e6;
      border-radius: 3px; }
      .layout__header.horizontal.search-header .form-wrap .input-wrap input[type="text"] {
        margin: 0;
        height: 36px;
        padding-right: 40px;
        box-sizing: border-box;
        padding-left: 15px;
        font-size: 14px;
        box-shadow: none; }
      .layout__header.horizontal.search-header .form-wrap .input-wrap button {
        position: absolute;
        right: 3px;
        top: 5px;
        line-height: 1;
        border: none;
        background: none;
        color: rgba(91, 107, 120, 0.5); }
    .layout__header.horizontal.search-header .form-wrap .btn-flat {
      position: absolute;
      right: 20px;
      top: 0;
      color: #5b6b78;
      font-size: 14px;
      padding-left: 10px;
      padding-right: 20px;
      line-height: 30px; }
      .layout__header.horizontal.search-header .form-wrap .btn-flat .material-icons {
        vertical-align: -4px;
        margin-right: 25px; }
  .layout__header.horizontal.search-header form.search-block {
    padding-right: 137px;
    width: 100%; }
    .layout__header.horizontal.search-header form.search-block .search-input {
      width: 100%; }
    .layout__header.horizontal.search-header form.search-block.p0 {
      padding: 0; }
  @media (min-width: 1024px) and (max-width: 1300px) {
    .layout__header.horizontal.search-header .margin-0 > .m2-large-grid {
      width: 20px; }
    .layout__header.horizontal.search-header .margin-0 > .m12-large-grid {
      width: calc(100% - 40px); }
      .layout__header.horizontal.search-header .margin-0 > .m12-large-grid .m2-large-grid {
        width: 16.6667%; }
      .layout__header.horizontal.search-header .margin-0 > .m12-large-grid .m5-large-grid {
        width: 41.6667%; }
      .layout__header.horizontal.search-header .margin-0 > .m12-large-grid .m3-large-grid {
        width: 25% !important; } }

.large-grid .row-large {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.large-grid .layout__main.pad {
  padding: 0;
  height: 100%; }
  .large-grid .layout__main.pad .sidebar {
    border-right: 1px solid #e6e6e6;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex: 0 0 auto; }
    .large-grid .layout__main.pad .sidebar .bkw-small-heading--muted {
      margin: 30px 0;
      line-height: 1;
      font-weight: 700; }
    .large-grid .layout__main.pad .sidebar .group-title {
      margin: 15px 10px 10px 20px;
      display: block;
      word-break: break-word;
      color: #5b6b78 !important; }
      .large-grid .layout__main.pad .sidebar .group-title:hover {
        color: #5b6b78 !important; }
    .large-grid .layout__main.pad .sidebar .layout__main__selector__list .divider {
      border-bottom: 1px solid #e6e6e6;
      display: block;
      margin: 10px 0 10px 10px; }
    .large-grid .layout__main.pad .sidebar .layout__main__selector__list ul {
      margin-bottom: 20px; }
      .large-grid .layout__main.pad .sidebar .layout__main__selector__list ul li a {
        color: #313336;
        padding-top: 5px;
        padding-bottom: 5px; }
        .large-grid .layout__main.pad .sidebar .layout__main__selector__list ul li a span.badge.number[class] {
          background: none;
          font-weight: 400;
          color: #313336;
          line-height: 1;
          top: 10px;
          padding: 0; }
        .large-grid .layout__main.pad .sidebar .layout__main__selector__list ul li a .dot {
          top: 12px;
          left: 0; }
  .large-grid .layout__main.pad .content {
    overflow: auto;
    padding-left: 0;
    padding-right: 0; }
    .large-grid .layout__main.pad .content .page-heading-inner {
      padding: 40px;
      padding-left: calc(100vw / 100 * 6.25);
      padding-right: calc(100vw / 100 * 6.25);
      border-bottom: 1px solid #e6e6e6;
      margin: 0 0 30px; }
      .large-grid .layout__main.pad .content .page-heading-inner.no-border {
        border: none;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
    .large-grid .layout__main.pad .content .content-item {
      padding-left: calc(100vw / 100 * 6.25);
      padding-right: calc(100vw / 100 * 6.25); }
      .large-grid .layout__main.pad .content .content-item.case + .case {
        border-top: 1px solid #e6e6e6;
        padding-top: 40px; }
      .large-grid .layout__main.pad .content .content-item.kit-navs {
        padding: 0; }
        .large-grid .layout__main.pad .content .content-item.kit-navs .row:not(.nav-row) {
          padding-left: calc(100vw / 100 * 6.25);
          padding-right: calc(100vw / 100 * 6.25); }
    .large-grid .layout__main.pad .content .content-subtitle {
      display: inline-block; }
      .large-grid .layout__main.pad .content .content-subtitle span.badge.number[class] {
        display: inline-block;
        vertical-align: middle;
        float: none; }
    .large-grid .layout__main.pad .content .case-table {
      margin-bottom: 40px;
      border: 1px solid #e6e6e6;
      border-radius: 3px; }
      .large-grid .layout__main.pad .content .case-table .table-head {
        padding: 15px 20px;
        background: #f2f2f2;
        border-bottom: 1px solid #e6e6e6; }
        .large-grid .layout__main.pad .content .case-table .table-head h5 span.badge.number[class] {
          display: inline-block;
          vertical-align: middle;
          float: none; }
      .large-grid .layout__main.pad .content .case-table .table-body .link-wrapper {
        padding: 0 10px; }
        .large-grid .layout__main.pad .content .case-table .table-body .link-wrapper:hover, .large-grid .layout__main.pad .content .case-table .table-body .link-wrapper.selected {
          background: #f2f2f2;
          cursor: pointer;
          padding: 0 10px; }
        .large-grid .layout__main.pad .content .case-table .table-body .link-wrapper .material-icons {
          color: #5b6b78;
          background-clip: content-box;
          border-radius: 50%;
          cursor: pointer;
          height: 32px;
          line-height: 32px;
          text-align: center;
          transition: all 0.3s ease 0s;
          vertical-align: middle;
          width: 32px; }
          .large-grid .layout__main.pad .content .case-table .table-body .link-wrapper .material-icons:hover {
            background: rgba(0, 0, 0, 0.1); }
      .large-grid .layout__main.pad .content .case-table .table-body .row {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #e6e6e6;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        align-items: center;
        color: #5b6b78;
        justify-content: flex-start; }
        .large-grid .layout__main.pad .content .case-table .table-body .row .col:first-child {
          color: #313336; }
        .large-grid .layout__main.pad .content .case-table .table-body .row a {
          color: #5b6b78; }
      .large-grid .layout__main.pad .content .case-table .table-body .row {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #e6e6e6;
        display: flex;
        flex-direction: row;
        align-items: center;
        color: #5b6b78;
        justify-content: flex-start; }
        .large-grid .layout__main.pad .content .case-table .table-body .row .col:first-child {
          color: #313336; }
        .large-grid .layout__main.pad .content .case-table .table-body .row a {
          color: #5b6b78; }
        .large-grid .layout__main.pad .content .case-table .table-body .row .dot {
          vertical-align: middle;
          margin-right: 10px; }
        .large-grid .layout__main.pad .content .case-table .table-body .row.thead {
          border: none;
          font-weight: 700;
          color: #313336;
          padding-top: 20px;
          padding-left: 10px;
          padding-right: 10px; }
          .large-grid .layout__main.pad .content .case-table .table-body .row.thead a {
            color: #313336; }
            .large-grid .layout__main.pad .content .case-table .table-body .row.thead a .material-icons {
              line-height: 10px;
              vertical-align: middle; }
          .large-grid .layout__main.pad .content .case-table .table-body .row.thead:hover {
            background: none; }

#case-forms a.btn {
  color: #fff; }

#case-forms .blue-mark {
  color: #1774cc; }
  #case-forms .blue-mark:hover {
    background: transparent !important; }

.plus-btn {
  padding: 0 12px 0 6px; }
  .plus-btn .material-icons {
    margin-right: 0px;
    font-size: 24px;
    color: #fff !important;
    line-height: 36px !important; }
    .plus-btn .material-icons:hover {
      background: transparent !important; }

/*my cases*/
.wrapper.wide {
  max-width: 1200px; }

.app-main {
  -webkit-flex-direction: column;
  flex-direction: column; }

.layout--default {
  background: #fff; }

.layout__header {
  min-height: 80px;
  padding: 20px 40px; }

.bkw-medium-heading {
  font-weight: 700;
  font-size: 24px; }

.bkw-second-heading {
  font-size: 20px;
  display: inline-block;
  margin: 0;
  text-transform: none;
  font-weight: 400;
  line-height: 30px; }

.layout__header.horizontal {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  flex-wrap: wrap; }

.layout__header.horizontal [class*="-heading"] {
  margin-right: 25px;
  line-height: 36px; }

.tabs-wrapper {
  min-height: 40px;
  -webkit-flex-grow: 0 !important;
  flex-grow: 0 !important; }

.tabs.header-tabs {
  background: transparent; }

.tabs {
  height: 40px; }
  .tabs .indicator {
    height: 4px;
    background: #1774cc; }
  .tabs .tab {
    height: 40px; }
    .tabs .tab a {
      line-height: 36px;
      color: #313336 !important;
      padding: 0 20px;
      outline: none; }
      .tabs .tab a:hover, .tabs .tab a.hov {
        color: #1774cc !important; }
      .tabs .tab a.active {
        color: #1774cc !important; }
      .tabs .tab a:link, .tabs .tab a:visited, .tabs .tab a:hover, .tabs .tab a:active {
        text-decoration: none;
        outline: none; }
  .tabs.tabs-transparent .tab a {
    color: inherit; }
    .tabs.tabs-transparent .tab a.active, .tabs.tabs-transparent .tab a:hover {
      color: #1774cc; }
  .tabs.tabs-transparent .indicator {
    background: #1774cc; }
  .tabs.tabs-light .tab a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .tabs.tabs-light .tab a.active, .tabs.tabs-light .tab a:hover {
      color: #fff !important; }
  .tabs.tabs-light .indicator {
    background: #fff !important; }

.page-heading-inner {
  font-weight: 300;
  color: #313336;
  font-size: 45px;
  margin: 0 0 40px; }

.layout__main.pad {
  padding: 40px; }

@media (min-width: 600px) {
  .case-detail__content-section .wrapper {
    max-width: calc(100vw - 630px) !important; } }

@media (min-width: 1830px) {
  .case-detail__content-section .wrapper {
    max-width: 1200px; } }

.app-main {
  overflow: hidden; }

.layout--default {
  height: 1px; }

i.blue-mark {
  font-size: 14px;
  display: inline-block;
  vertical-align: -6px;
  color: #1774cc;
  font-size: 22px; }

.sixteen-nine {
  position: relative; }
  .sixteen-nine:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%; }
  .sixteen-nine > .media-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

.one-one {
  position: relative; }
  .one-one:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }
  .one-one > .media-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

/*fullscreen video page*/
.video-body .app-main {
  height: 100vh; }

.video-wrapper {
  position: relative;
  background: #000;
  width: 100%;
  height: 100%; }
  .video-wrapper .video-preview {
    display: block;
    margin: 0 auto; }
  .video-wrapper .sixteen-nine {
    max-height: 100vh;
    max-width: 100vw; }
    .video-wrapper .sixteen-nine img.video-preview {
      max-width: 100vw;
      max-height: 100vh;
      width: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .video-wrapper .companion {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700; }
    .video-wrapper .companion.right {
      left: auto;
      right: 20px; }
    .video-wrapper .companion.bottom {
      top: auto;
      bottom: -100px;
      left: 0;
      width: 100%;
      text-align: center; }
    .video-wrapper .companion p {
      margin: 0 0 15px; }
    .video-wrapper .companion .preview-container {
      border-radius: 3px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      vertical-align: top;
      overflow: hidden;
      position: relative;
      width: 265px;
      height: 150px;
      background: #313336;
      cursor: pointer; }
      .video-wrapper .companion .preview-container + .preview-container {
        margin-left: 10px; }
      .video-wrapper .companion .preview-container img, .video-wrapper .companion .preview-container video {
        display: block;
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 100%; }
  .video-wrapper .dropdown-content.cam-nav {
    background: none;
    box-shadow: none;
    top: auto !important;
    bottom: 100%;
    width: 48px !important;
    min-width: 0;
    height: auto;
    overflow: visible; }
    .video-wrapper .dropdown-content.cam-nav li {
      margin: 0;
      text-align: center;
      position: absolute;
      left: 0;
      top: 0; }
      .video-wrapper .dropdown-content.cam-nav li:hover, .video-wrapper .dropdown-content.cam-nav li:focus, .video-wrapper .dropdown-content.cam-nav li:active {
        background: none; }
      .video-wrapper .dropdown-content.cam-nav li a {
        margin: 0;
        padding: 0; }
      .video-wrapper .dropdown-content.cam-nav li.minus {
        top: -70px; }
      .video-wrapper .dropdown-content.cam-nav li.plus {
        top: -310px; }
      .video-wrapper .dropdown-content.cam-nav li.ar-left {
        top: -190px;
        left: -50px; }
      .video-wrapper .dropdown-content.cam-nav li.ar-right {
        top: -190px;
        left: 50px; }
      .video-wrapper .dropdown-content.cam-nav li.ar-top {
        top: -240px; }
      .video-wrapper .dropdown-content.cam-nav li.ar-bottom {
        top: -140px; }
      .video-wrapper .dropdown-content.cam-nav li .icon {
        font-size: 18px; }
  .video-wrapper.muted .note {
    position: absolute;
    bottom: 0;
    left: 0;
    transition-property: all;
    transition-duration: .5s;
    width: 100%; }
    .video-wrapper.muted .note .container {
      max-width: 1065px;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      justify-content: space-between;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      align-items: center;
      padding: 10px 25px 15px 30px; }
      .video-wrapper.muted .note .container p {
        margin: 0; }
      .video-wrapper.muted .note .container.red a,
      .video-wrapper.muted .note .container.red a.dismiss-button:hover,
      .video-wrapper.muted .note .container.red a.dismiss-button:active,
      .video-wrapper.muted .note .container.red a.dismiss-button:visited, .video-wrapper.muted .note .container.danger a,
      .video-wrapper.muted .note .container.danger a.dismiss-button:hover,
      .video-wrapper.muted .note .container.danger a.dismiss-button:active,
      .video-wrapper.muted .note .container.danger a.dismiss-button:visited {
        color: #fff !important; }
  .video-wrapper.muted .video-nav {
    bottom: 80px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

.note {
  position: absolute;
  bottom: -50px;
  left: 0;
  transition-property: all;
  transition-duration: .5s;
  width: 100%;
  z-index: 1000; }
  .note .container {
    max-width: 1065px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    align-items: center;
    padding: 0px 25px 0px 30px; }
    .note .container.secondary {
      background: #313336 !important; }
  .note a .material-icons {
    vertical-align: middle; }
  .note.active {
    position: absolute;
    bottom: 0;
    left: 0;
    transition-property: all;
    transition-duration: .5s;
    width: 100%; }
    .note.active .container {
      max-width: 1065px;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      justify-content: space-between;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      align-items: center;
      padding: 15px 25px; }
      .note.active .container.secondary {
        background: #313336; }
      .note.active .container p {
        margin: 0; }

.muted .note {
  position: fixed !important;
  bottom: 0;
  left: 0;
  transition-property: all;
  transition-duration: .5s;
  width: 100%;
  z-index: 1001; }
  .muted .note .container {
    max-width: 1065px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    align-items: center;
    padding: 10px 25px 15px 30px; }
    .muted .note .container p {
      margin: 0; }
    .muted .note .container a.dismiss-button {
      color: #1774cc; }
      .muted .note .container a.dismiss-button:hover {
        text-decoration: none;
        color: #3a89d4 !important; }
      .muted .note .container a.dismiss-button:visited, .muted .note .container a.dismiss-button:active {
        text-decoration: none;
        color: #1774cc !important; }
    .muted .note .container.red a,
    .muted .note .container.red a.dismiss-button:hover,
    .muted .note .container.red a.dismiss-button:active,
    .muted .note .container.red a.dismiss-button:visited, .muted .note .container.danger a,
    .muted .note .container.danger a.dismiss-button:hover,
    .muted .note .container.danger a.dismiss-button:active,
    .muted .note .container.danger a.dismiss-button:visited {
      color: #fff !important; }

.video-nav {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transition-property: all;
  transition-duration: .5s; }
  .video-nav.with-note {
    bottom: 80px; }
  .video-nav.static {
    position: static; }
  .video-nav li {
    display: inline-block;
    margin: 0 10px 4px;
    position: relative;
    vertical-align: top; }
    .video-nav li a {
      display: block;
      width: 48px;
      height: 48px;
      border-radius: 1000px;
      background: #fff;
      color: #5b6b78 !important;
      box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
      outline: none;
      transition: all 0.3s ease;
      text-decoration: none; }
      .video-nav li a .material-icons {
        line-height: 48px; }
        .video-nav li a .material-icons.fiber_manual_record {
          color: #e6172c; }
      .video-nav li a .icon {
        line-height: 48px;
        font-size: 19px; }
        .video-nav li a .icon.icon-cam-control {
          font-size: 34px; }
        .video-nav li a .icon.icon-pic-in-pic {
          font-size: 17px; }
      .video-nav li a .material-icons.tooltipped, .video-nav li a .icon.tooltipped {
        cursor: pointer; }
      .video-nav li a:hover, .video-nav li a:active {
        color: #1774cc !important;
        text-decoration: none; }
      .video-nav li a.red, .video-nav li a.green {
        color: #fff !important; }
      .video-nav li a.red:hover {
        background-color: #e6172c !important; }
    .video-nav li .kit-caption {
      display: block;
      margin-top: 10px; }
  .video-nav.text-left {
    text-align: left; }
    .video-nav.text-left a {
      text-align: center; }

.close-fullscreen {
  position: absolute;
  top: 20px;
  right: 24px;
  width: 48px;
  height: 48px;
  border-radius: 1000px;
  background: #fff;
  color: #5b6b78 !important;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-decoration: none !important; }
  .close-fullscreen .icon {
    line-height: 48px; }
  .close-fullscreen:hover {
    color: #1774cc !important;
    text-decoration: none; }

.video-component.video {
  overflow: hidden;
  position: relative; }
  .video-component.video img, .video-component.video video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .video-component.video .video-nav {
    bottom: 13px; }
  .video-component.video .close-fullscreen {
    top: 10px;
    right: 12px; }
  .video-component.video .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 15px 20px 23px;
    color: #fff;
    text-align: center; }
    .video-component.video .overlay .title {
      margin: 10px 0; }
    .video-component.video .overlay p {
      margin: 0;
      max-width: 100%; }
    .video-component.video .overlay .material-icons {
      font-size: 50px; }
    .video-component.video .overlay .btn {
      margin: 5px 4px 0; }
      .video-component.video .overlay .btn.btn-white {
        background: #fff;
        color: #5b6b78;
        box-shadow: none !important; }
        .video-component.video .overlay .btn.btn-white:hover {
          background: #e6e6e6; }
    .video-component.video .overlay .time {
      font-size: 24px; }
    .video-component.video .overlay.hover-action .video-nav {
      bottom: -48px;
      transition: bottom 0.3s; }
    .video-component.video .overlay.hover-action .close-fullscreen {
      top: -48px;
      transition: top 0.3s; }
    .video-component.video .overlay.hover-action:hover .video-nav {
      bottom: 13px; }
    .video-component.video .overlay.hover-action:hover .close-fullscreen {
      top: 10px; }
  .video-component.video .video-nav .material-icons {
    font-size: 24px; }

.video-component.dark img, .video-component.dark video {
  -webkit-filter: url(#blur);
  filter: url(#blur);
  -webkit-filter: blur(3px);
  filter: blur(3px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); }

.video-component.dark .overlay {
  background: rgba(31, 40, 45, 0.8); }

.video-component.blue .overlay {
  background: #1774cc; }
  .video-component.blue .overlay .btn {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    box-shadow: none !important; }

.nav-right {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-between; }

.phone-call-icon.green {
  background: #30a039 !important; }

.phone-call-icon.red {
  background: #e6172c !important; }

.modal-columns {
  max-width: 750px; }
  .modal-columns .modal-content-inner {
    display: flex;
    flex-direction: row;
    min-height: 250px;
    max-height: 600px;
    height: auto; }
  @media (max-width: 1200px) {
    .modal-columns .modal-content-text, .modal-columns .modal-header.clearfix {
      padding-left: 15px;
      padding-right: 15px; } }
  .modal-columns .add-form {
    overflow-y: auto;
    min-height: 100%;
    max-height: 100%;
    border-right: 1px solid #e6e6e6;
    float: left;
    width: 440px; }
    .modal-columns .add-form .h4 {
      margin-bottom: 40px; }
    .modal-columns .add-form .form .dropdown-box {
      position: relative; }
      .modal-columns .add-form .form .dropdown-box .dropdown-button {
        border-bottom: 1px solid #e6e6e6;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        height: 41px;
        line-height: 41px;
        margin-bottom: 20px;
        text-align: left; }
      .modal-columns .add-form .form .dropdown-box .material-icons.option-icon {
        color: #1774cc;
        position: static;
        vertical-align: -5px;
        width: 35px; }
    .modal-columns .add-form .invitation-row .dropdown-button:before {
      background: none; }
    .modal-columns .add-form .invitation-row .dropdown-button:hover:before {
      background: rgba(0, 0, 0, 0.1); }
    .modal-columns .add-form .invitation-row input {
      border-bottom-color: #e6e6e6;
      box-sizing: border-box;
      font-size: 16px;
      font-weight: 400; }
    .modal-columns .add-form .invitation-row .additional {
      max-height: 0;
      overflow: hidden;
      transition: all linear 0.5s; }
    .modal-columns .add-form .invitation-row.filled .additional {
      max-height: 50px; }
    .modal-columns .add-form .delete {
      border-radius: 50%;
      bottom: 8px !important;
      right: 0;
      color: #5b6b78;
      height: 32px;
      position: absolute;
      text-align: center;
      width: 32px; }
      .modal-columns .add-form .delete i {
        font-size: 16px;
        line-height: 32px;
        color: #5b6b78 !important;
        top: 0 !important;
        right: 8px !important; }
      .modal-columns .add-form .delete:hover {
        background: rgba(0, 0, 0, 0.1); }
    .modal-columns .add-form .buttons-row {
      font-weight: 700;
      line-height: 36px;
      padding-top: 25px; }
      .modal-columns .add-form .buttons-row .btn {
        font-weight: 700;
        width: 140px; }
      .modal-columns .add-form .buttons-row .button-link {
        font-size: 16px; }
        .modal-columns .add-form .buttons-row .button-link:hover {
          text-decoration: underline; }
  .modal-columns .current {
    float: left;
    overflow-y: auto;
    min-height: 100%;
    max-height: 100%;
    width: 310px; }
    .modal-columns .current .h4 {
      margin-bottom: 25px; }
    .modal-columns .current .modal-content-text ul li {
      margin: 0 0 13px; }
      .modal-columns .current .modal-content-text ul li .material-icons {
        vertical-align: middle;
        width: 26px;
        margin-right: 15px; }
    .modal-columns .current .modal-content-text .chip {
      width: 26px;
      height: 26px;
      line-height: 26px;
      padding: 0;
      margin: 0 15px 0 0;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      font-weight: 700; }
      .modal-columns .current .modal-content-text .chip img {
        width: 26px;
        height: 26px; }
      .modal-columns .current .modal-content-text .chip .dot {
        left: 17px; }

/*messages*/
.messages-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-direction: row;
  flex-direction: row; }
  .messages-header .text-grey {
    font-size: 14px;
    margin-left: 15px; }
  .messages-header .btn {
    padding-left: 50px;
    padding-right: 50px;
    margin-right: 0px; }

.layout__main__selector__list.messages-friends {
  padding: 0 !important; }
  .layout__main__selector__list.messages-friends li {
    border-bottom: 1px solid #e6e6e6; }
    .layout__main__selector__list.messages-friends li.button-li {
      padding: 15px 10px; }
      .layout__main__selector__list.messages-friends li.button-li .btn {
        width: 100%; }
    .layout__main__selector__list.messages-friends li a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      color: #313336;
      padding: 20px 20px 20px 10px;
      border-left: 10px solid transparent; }
      .layout__main__selector__list.messages-friends li a:hover {
        background: none; }
      .layout__main__selector__list.messages-friends li a .chip {
        height: 36px;
        width: 36px;
        padding: 0;
        margin: 0 10px 0 0;
        line-height: 34px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        border-radius: 1000px;
        border: none !important;
        justify-content: center; }
        .layout__main__selector__list.messages-friends li a .chip img {
          height: 36px;
          width: 36px; }
        .layout__main__selector__list.messages-friends li a .chip.blue {
          color: #fff !important; }
      .layout__main__selector__list.messages-friends li a .user-desc {
        width: calc(100% - 46px);
        line-height: 1.2;
        display: block; }
        .layout__main__selector__list.messages-friends li a .user-desc strong {
          display: block;
          font-weight: 700; }
        .layout__main__selector__list.messages-friends li a .user-desc .status {
          display: block;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .layout__main__selector__list.messages-friends li a .user-desc .time {
          color: #5b6b78;
          margin-top: 5px;
          font-size: 12px;
          display: block; }
    .layout__main__selector__list.messages-friends li.active a:not(.chat-options) {
      border-left: 10px solid #1774cc; }
  .layout__main__selector__list.messages-friends .dot {
    bottom: -2px;
    right: -2px;
    top: auto;
    border: 2px solid #fff; }

.row .col.message-panel-right {
  padding: 0;
  border-left: 1px solid #e6e6e6;
  overflow: auto; }
  .row .col.message-panel-right .layout__pane__video {
    border-top: 1px solid #e6e6e6; }
  .row .col.message-panel-right .right-item {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px; }
    .row .col.message-panel-right .right-item .title {
      font-size: 12px;
      color: #5b6b78;
      margin: 0 0 20px;
      font-weight: 700; }
    .row .col.message-panel-right .right-item .link-main {
      display: block;
      margin: 0 0 20px;
      font-weight: 700; }
      .row .col.message-panel-right .right-item .link-main .link-left {
        display: inline-block;
        width: 36px;
        margin-right: 10px;
        text-align: center;
        font-size: 24px;
        font-weight: 400;
        line-height: 21px;
        vertical-align: top; }
      .row .col.message-panel-right .right-item .link-main:hover {
        color: #3a89d4; }
      .row .col.message-panel-right .right-item .link-main:focus {
        color: #5197d9; }
    .row .col.message-panel-right .right-item .chip {
      height: 36px;
      width: 36px;
      padding: 0;
      margin: 0 10px 0 0; }
      .row .col.message-panel-right .right-item .chip img {
        height: 36px;
        width: 36px; }
      .row .col.message-panel-right .right-item .chip.tag {
        width: auto;
        height: 32px;
        padding: 0 15px;
        font-size: 14px;
        margin-right: 25px;
        background: #e6e6e6; }
    .row .col.message-panel-right .right-item .dot {
      bottom: -2px;
      right: -2px;
      top: auto;
      border: 2px solid #fff; }
    .row .col.message-panel-right .right-item .col-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      margin-bottom: 20px; }
      .row .col.message-panel-right .right-item .col-item .user-desc {
        width: calc(100% - 46px);
        line-height: 1.2;
        color: #313336; }
        .row .col.message-panel-right .right-item .col-item .user-desc strong {
          display: block;
          font-weight: 700; }
        .row .col.message-panel-right .right-item .col-item .user-desc .status {
          color: #5b6b78; }
    .row .col.message-panel-right .right-item .attachments {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      flex-wrap: wrap;
      margin-right: -5px; }
      .row .col.message-panel-right .right-item .attachments .att-item {
        width: calc(100% / 3 - 5px);
        margin-bottom: 5px;
        margin-right: 5px;
        overflow: hidden; }
        .row .col.message-panel-right .right-item .attachments .att-item img {
          min-width: 100%;
          min-height: 100%;
          max-width: 150%;
          max-height: 150%; }

.messages-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: flex-end;
  height: calc(100vh - 156px); }

.chat-wrap {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: flex-end; }
  .chat-wrap.block {
    display: block;
    max-width: 640px; }
  .chat-wrap .chat-window {
    overflow: auto;
    padding-bottom: 20px; }
  .chat-wrap .date {
    color: #5b6b78;
    display: block;
    margin: 0 0 20px; }
  .chat-wrap .msg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px; }
    .chat-wrap .msg .chip {
      height: 36px;
      width: 36px;
      padding: 0;
      margin: 0 10px 0 0; }
      .chat-wrap .msg .chip img {
        height: 36px;
        width: 36px; }
    .chat-wrap .msg .dot {
      bottom: -2px;
      right: -2px;
      top: auto;
      border: 2px solid #fff; }
  .chat-wrap .msg-body {
    width: calc(100% - 46px);
    line-height: 1.2; }
    .chat-wrap .msg-body .status {
      display: block;
      width: 100%; }
    .chat-wrap .msg-body .time {
      color: #5b6b78;
      margin-top: 5px;
      font-size: 12px;
      display: block; }

.writing-area .content-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  align-items: flex-end; }

.writing-area .send {
  font-weight: 600;
  padding: 10px 15px;
  margin: 5px 0;
  text-decoration: none !important; }
  .writing-area .send:hover, .writing-area .send:focus {
    background: #e6e6e6; }
  .writing-area .send:link, .writing-area .send:visited, .writing-area .send:hover, .writing-area .send:active {
    text-decoration: none; }

.writing-area textarea, .writing-area pre {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0; }

/*expanding textarea*/
.expandingArea {
  position: relative;
  background: #fff;
  width: calc(100% - 90px); }
  .expandingArea > textarea,
  .expandingArea > pre {
    font: 400 14px/1.2 'Open Sans', sans-serif;
    color: #313336;
    padding: 15px 0;
    background: transparent;
    white-space: pre-wrap;
    word-wrap: break-word; }
    .expandingArea > textarea::-webkit-input-placeholder,
    .expandingArea > pre::-webkit-input-placeholder {
      color: #5b6b78; }
    .expandingArea > textarea::-moz-placeholder,
    .expandingArea > pre::-moz-placeholder {
      color: #5b6b78; }
    .expandingArea > textarea:-ms-input-placeholder,
    .expandingArea > pre:-ms-input-placeholder {
      color: #5b6b78; }
    .expandingArea > textarea:-moz-placeholder,
    .expandingArea > pre:-moz-placeholder {
      color: #5b6b78; }
  .expandingArea > textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    /* This height is used when JS is disabled */
    height: 100px; }
  .expandingArea > pre {
    display: none; }
  .expandingArea.active > textarea {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    resize: none; }
  .expandingArea.active > pre {
    display: block;
    visibility: hidden; }

a.drop-select:hover {
  text-decoration: none !important; }

.drop-select {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #313336 !important;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  line-height: 34px;
  padding: 0 26px 0 15px;
  position: relative;
  text-align: left; }
  .drop-select .material-icons {
    color: #5b6b78;
    position: absolute;
    right: 6px;
    top: 6px; }
  .drop-select + .dropdown-content li a {
    border: none; }
  .drop-select + .dropdown-content li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.06); }

/*reporting*/
.layout__header.horizontal.search-header .reporting-items .btn {
  padding-left: 35px;
  padding-right: 35px; }

.layout__header.horizontal.search-header .reporting-items .right .btn-flat {
  width: 36px;
  padding: 0;
  text-align: center;
  margin-right: 10px; }
  .layout__header.horizontal.search-header .reporting-items .right .btn-flat .material-icons {
    font-size: 24px;
    color: #5b6b78; }

.layout__header.horizontal.search-header .reporting-items .form-wrap .input-wrap {
  margin-right: 140px;
  border: none; }
  .layout__header.horizontal.search-header .reporting-items .form-wrap .input-wrap.simple {
    margin-right: 0; }

.layout__header.horizontal.search-header .reporting-items .form-wrap .btn-flat {
  right: 5px; }

.page-placeholder {
  height: initial;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex: 1 0 auto;
  color: rgba(91, 107, 120, 0.5); }
  .page-placeholder .material-icons {
    font-size: 60px; }
    .page-placeholder .material-icons.text-light-blue {
      color: #25abfd; }
  .page-placeholder.error-page {
    font-weight: 300;
    font-size: 24px;
    color: #313336;
    justify-content: space-around;
    padding: 50px; }
    .page-placeholder.error-page .text-block {
      text-align: center; }
    .page-placeholder.error-page strong {
      font-size: 45px;
      font-weight: 300;
      color: #313336;
      margin: 50px 0 35px; }
    .page-placeholder.error-page p {
      color: #313336; }

.sidebar .page-placeholder {
  padding: 0 15px;
  text-align: center; }

.page-nav {
  color: #5b6b78;
  margin-bottom: 50px; }
  .page-nav .material-icons {
    color: #1774cc;
    margin-right: 10px;
    vertical-align: middle; }
  .page-nav .title {
    margin-bottom: 10px; }
  .page-nav .btn-flat.bordered {
    font-weight: 400;
    margin-right: 10px; }

.content.reporting {
  padding-bottom: 40px; }

.ml7 {
  margin-left: 7px; }

.btn .plus-icon {
  font-size: 23px;
  display: inline-block;
  vertical-align: -3px;
  margin-right: 15px; }

.btn-flat.bordered.btn-back {
  font-weight: 400;
  font-size: 13px; }
  .btn-flat.bordered.btn-back .material-icons {
    vertical-align: -6px;
    margin-right: 10px;
    font-size: 22px; }

.breadcrumbs {
  display: inline-block;
  margin-left: 35px; }
  .breadcrumbs a {
    display: inline-block;
    margin: 0 5px; }
    .breadcrumbs a:visited {
      color: #1774cc; }
      .breadcrumbs a:visited:hover, .breadcrumbs a:visited:focus {
        color: #1774cc; }
    .breadcrumbs a:last-child {
      border-bottom: none;
      color: #5b6b78 !important;
      text-decoration: none !important;
      pointer-events: none;
      cursor: default !important; }
      .breadcrumbs a:last-child:hover, .breadcrumbs a:last-child:focus {
        text-decoration: none !important; }
  .breadcrumbs.white-text a, .breadcrumbs.white-text a:last-child {
    color: #fff !important; }

/*calendar*/
.page-heading-inner.inline {
  display: inline-block; }

.calendar-nav .date {
  display: inline-block;
  font-size: 24px;
  margin-left: 20px;
  font-weight: 300; }

.calendar-nav .days-nav {
  display: inline-block;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  margin: 15px 0 0;
  padding: 0; }
  .calendar-nav .days-nav li {
    display: inline-block; }
    .calendar-nav .days-nav li + li {
      border-left: 1px solid #e6e6e6; }
    .calendar-nav .days-nav li a {
      display: inline-block;
      padding: 5px 15px;
      color: #5b6b78; }
      .calendar-nav .days-nav li a:hover {
        color: #1774cc; }
    .calendar-nav .days-nav li.active a {
      color: #1774cc; }

.hidden {
  overflow: hidden; }

.large-grid .layout__main.pad .content.form-on-call {
  padding-top: 40px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: auto;
  min-height: 100%;
  width: 100%; }
  .large-grid .layout__main.pad .content.form-on-call .page-heading-inner {
    border: none;
    padding: 0; }
  .large-grid .layout__main.pad .content.form-on-call .step-title {
    font-size: 20px; }
    .large-grid .layout__main.pad .content.form-on-call .step-title .num {
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      border-radius: 1000px;
      width: 36px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      background: #313336;
      margin-right: 15px; }
  .large-grid .layout__main.pad .content.form-on-call .bottom-form {
    background: #f2f2f2;
    padding: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #5b6b78;
    margin-bottom: 10px;
    margin-top: 20px;
    height: 60px;
    flex: 0 0 auto; }
    .large-grid .layout__main.pad .content.form-on-call .bottom-form .num {
      display: inline-block;
      color: #fff;
      background: #5b6b78;
      border-radius: 1000px;
      padding: 1px 7px 3px;
      margin-right: 25px;
      line-height: 14px; }
    .large-grid .layout__main.pad .content.form-on-call .bottom-form .dark {
      display: inline-block;
      color: #313336;
      margin-left: 10px; }
    .large-grid .layout__main.pad .content.form-on-call .bottom-form .btn {
      width: 258px; }
    .large-grid .layout__main.pad .content.form-on-call .bottom-form .material-icons {
      color: #1774cc;
      vertical-align: -6px;
      margin-right: 25px; }
    .large-grid .layout__main.pad .content.form-on-call .bottom-form.fixed {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: 0;
      background-color: #f2f2f2; }
  .large-grid .layout__main.pad .content.form-on-call .form-top {
    flex: 0 1 auto; }

.form input::-webkit-input-placeholder {
  color: #5b6b78;
  opacity: 1; }

.form input::-moz-placeholder {
  color: #5b6b78;
  opacity: 1; }

.form input:-ms-input-placeholder {
  color: #5b6b78;
  opacity: 1; }

.form input:-moz-placeholder {
  color: #5b6b78;
  opacity: 1; }

.calendar-container {
  width: 100%;
  height: auto;
  margin: 0; }

.fc-scroller {
  overflow-y: hidden !important;
  height: 100% !important; }

.fc-time-grid .fc-slats .fc-minor td {
  border-top: none; }

.fc-divider.fc-widget-header {
  display: none; }

.fc .fc-axis {
  text-transform: uppercase;
  color: #313336;
  font-weight: 700;
  text-align: left;
  padding: 5px 10px; }

.fc-day-grid.fc-unselectable .fc-axis.fc-widget-content {
  height: 62px;
  vertical-align: top; }

.fc-event {
  margin: 2px 1px 0;
  border: none !important; }

.fc-event, .fc-event-dot {
  background: #1774cc;
  padding: .5rem;
  font-size: 0.875rem; }

.fc-popover .fc-event {
  font-size:.75rem;
  line-height:1.125rem;
  padding:.5rem;
  min-height:105px;
}

.fc-v-event.fc-not-end,
.fc-v-event.fc-not-start {
  padding: .5rem;
  font-size: 0.875rem; }

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  padding: .5rem;
  font-size: 0.875rem; }

.fc-time-grid-event .fc-time, .fc-event {
  font-size: 0.875rem; }

.fc-time-grid-event .fc-time,
.fc-day-grid-event .fc-time {
  font-weight: 400;
  display: block;
  white-space: normal;
  word-break: break-word; }

.fc-toolbar .fc-center {
  display: none; }

.row.calendar-nav {
  margin-bottom: 0; }
  .row.calendar-nav .page-heading-inner {
    margin-bottom: 30px; }

.fc-unthemed td.fc-today {
  background: rgba(37, 171, 253, 0.2);
  color: #1774cc; }

th.fc-day-header.fc-widget-header.fc-today {
  background: rgba(37, 171, 253, 0.2);
  color: #1774cc; }

.fc-widget-content .chip {
  padding: 0;
  height: 36px;
  width: 36px;
  margin-bottom: 10px;
  vertical-align: top;
  display: block; }
  .fc-widget-content .chip .dot {
    bottom: 0; }
  .fc-widget-content .chip img {
    height: 36px;
    width: 36px; }

.fc-widget-content .tag {
  display: inline-block;
  color: #1774cc;
  background: #fff;
  padding: 0 7px;
  border-radius: 1000px;
  margin-top: 5px; }

.fc-title:after {
  clear: both;
  display: block;
  content: ""; }

.fc-divider.fc-widget-header {
  display: none !important; }

.fc-past .fc-event, .fc-past .fc-event-dot {
  background: #5197d9; }

.fc-event .fc-bg {
  background: none; }

.fc-event-container-all-days .chip {
  float: left;
  margin-right: 10px;
  margin-bottom: 0; }

.fc-past-events .fc-event-dot {
  background: #5197d9; }

.fc-past-events .tag {
  color: #5197d9; }

.fc .fc-axis.fc-widget-header {
  text-transform: none; }

.table-profile {
  border-top: 1px solid #e6e6e6;
  margin-top: 45px;
  margin-bottom: 35px;
  color: #5b6b78; }
  .table-profile .row {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    .table-profile .row.outer {
      align-items: flex-start;
      padding-top: 0;
      padding-bottom: 0; }
      .table-profile .row.outer .row-title {
        padding-top: 10px;
        padding-bottom: 10px; }
      .table-profile .row.outer .link-details {
        color: #5b6b78;
        cursor: pointer;
        text-decoration: none; }
        .table-profile .row.outer .link-details .material-icons {
          font-size: 24px;
          line-height: 14px;
          vertical-align: middle;
          margin-left: 5px; }
          .table-profile .row.outer .link-details .material-icons.up {
            display: none; }
        .table-profile .row.outer .link-details:hover {
          text-decoration: none; }
      .table-profile .row.outer .disabled-row .link-details {
        color: #e6e6e6;
        cursor: default;
        pointer-events: none; }
      .table-profile .row.outer .row {
        align-items: center;
        margin-left: -10px;
        margin-right: -10px;
        border-bottom: none; }
        .table-profile .row.outer .row + .row {
          border-top: 1px solid #e6e6e6; }
        .table-profile .row.outer .row + .row.drop-row {
          border-top: none;
          padding: 0;
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.3s; }
          .table-profile .row.outer .row + .row.drop-row .rel {
            margin-top: 5px;
            margin-bottom: 15px; }
        .table-profile .row.outer .row.active .link-details .material-icons {
          display: none; }
          .table-profile .row.outer .row.active .link-details .material-icons.up {
            display: inline-block; }
        .table-profile .row.outer .row.active + .row.drop-row {
          max-height: 200px;
          overflow: visible; }
    .table-profile .row .col {
      margin: 0; }
  .table-profile .rel {
    display: inline-block;
    margin-left: 12px; }
  .table-profile .drop-select {
    border-color: #e6e6e6;
    width: 100px;
    display: inline-block;
    color: #5b6b78 !important; }
    .table-profile .drop-select .material-icons {
      color: #5b6b78; }
    .table-profile .drop-select.w80 {
      width: 80px; }
  .table-profile .disabled-row {
    color: #e6e6e6; }
    .table-profile .disabled-row .drop-select {
      border-color: #e6e6e6;
      color: #e6e6e6 !important;
      cursor: default; }
      .table-profile .disabled-row .drop-select .material-icons {
        color: #e6e6e6; }

.row-title {
  font-weight: 700;
  color: #313336; }
  .row-title .round {
    display: inline-block;
    vertical-align: middle;
    border-radius: 1000px;
    width: 36px;
    height: 36px;
    background: #313336;
    color: #fff;
    text-align: center;
    margin-right: 12px; }
    .row-title .round .material-icons {
      line-height: 36px;
      font-size: 19px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 30px;
  vertical-align: middle;
  margin-right: 28px; }
  .switch input {
    display: none; }

/* The slider */
.slider-item {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(91, 107, 120, 0.5);
  -webkit-transition: .4s;
  transition: .4s; }

.slider-item:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0 0 1px #e6e6e6, 3px 3px 4px rgba(0, 0, 0, 0.35); }

.slider-item:after {
  position: absolute;
  content: "OFF";
  right: 80px;
  top: 4px;
  font-size: 14px;
  color: #313336; }

input:checked + .slider-item {
  background-color: #30a039; }

input:checked + .slider-item:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  box-shadow: 0 0 1px #1774cc, 3px 3px 4px rgba(0, 0, 0, 0.35); }

input:checked + .slider-item:after {
  content: "ON"; }

.slider-item.no-text:after {
  display: none; }

/* Rounded sliders */
.slider-item.rounded {
  border-radius: 1000px; }

.slider-item.rounded:before {
  border-radius: 50%; }

.rel {
  position: relative; }

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

/*ui parts kit*/
.text-uppercase {
  text-transform: uppercase; }

.bkw-medium-heading.heading-line.kit {
  padding-bottom: 20px; }
  .bkw-medium-heading.heading-line.kit:after {
    clear: both;
    display: block;
    content: ""; }
  .bkw-medium-heading.heading-line.kit .text-grey {
    padding-top: 15px; }

.chip-text {
  font-size: 14px; }

.mb10 {
  margin: 0 0 10px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb0 {
  margin-bottom: 0; }

.kit-section {
  margin-bottom: 70px; }

.kit-caption.top {
  margin-top: 0; }

.kit-subtitle {
  font-size: 12px;
  margin: 0 0 20px; }

.nowrap {
  white-space: nowrap; }

.colors-table {
  width: 100%;
  margin: 0;
  font-size: 12px;
  table-layout: fixed; }
  .colors-table th {
    padding: 0 5px 15px;
    font-weight: 400;
    width: calc(100% / 8);
    color: #5b6b78; }
  .colors-table td {
    height: 110px;
    border-radius: 0;
    width: calc(100% / 8); }

.bg-white {
  background: #fff; }

.p-blue {
  background: #f2f2f2; }

.l-blue {
  background: #1774cc; }

.nb-blue {
  background: #396070; }

.d-blue {
  background: #313336; }

.d-grey {
  background: #313336; }

.m-grey {
  background: #5b6b78; }

.l-grey {
  background: #e6e6e6; }

.s3 .colors-table th, .s3 .colors-table td {
  width: calc(100% / 3); }

.bg-grey {
  background: #f2f2f2; }

.kit-section.bg-grey {
  padding: 25px 0; }

.middle {
  vertical-align: middle; }

.pointer {
  cursor: pointer; }

.cam-iconigraphy li {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 8px; }
  .cam-iconigraphy li .kit-caption {
    margin-top: 15px;
    display: block; }

.cam-iconigraphy .material-icons {
  color: #5b6b78; }
  .cam-iconigraphy .material-icons.fiber_manual_record {
    color: #e6172c; }

.cam-iconigraphy .icon {
  font-size: 19px;
  color: #5b6b78; }
  .cam-iconigraphy .icon.icon-pic-in-pic {
    font-size: 17px; }
  .cam-iconigraphy .icon.icon-cam-control {
    font-size: 34px; }
  .cam-iconigraphy .icon.icon-cam-exit {
    font-size: 14px; }

.phone-call-icon {
  transition: all 0.3s; }
  .phone-call-icon .material-icons {
    transition: all 0.3s; }
  .phone-call-icon.red .material-icons {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }

.modal-content-text .chip.simple {
  padding: 0;
  height: 36px;
  width: 36px;
  margin-right: 10px; }
  .modal-content-text .chip.simple img {
    height: 36px;
    width: 36px; }
  .modal-content-text .chip.simple + strong {
    line-height: 1;
    vertical-align: top; }

strong {
  font-weight: 700; }

.event-data {
  color: #5b6b78;
  margin-bottom: 5px; }
  .event-data strong {
    color: #313336; }

.btn.fullwidth, .btn-flat.fullwidth {
  width: 100%; }

.modal.high {
  max-height: 10000px; }

.row.hor-fullwidth {
  margin-left: -10px;
  margin-right: -10px; }

.modal-buttons {
  margin-top: 20px;
  margin-bottom: 10px; }
  .modal-buttons.row.hor-fullwidth {
    margin-left: -5px;
    margin-right: -5px; }
  .modal-buttons .btn {
    padding: 0; }
  .modal-buttons .col {
    padding-left: 5px;
    padding-right: 5px; }

.btn.red:hover {
  background: #ea3a4c !important; }

/*login*/
.login {
  height: auto;
  min-height: 100%; }

pre.language-markup, pre.language-javascript {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  padding: 2em 2em 0 !important;
  position: relative; }
  pre.language-markup:before, pre.language-javascript:before {
    background: #f2f2f2;
    border-color: #e6e6e6;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    color: #5b6b78;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    left: 0;
    padding: 1px 5px;
    position: absolute;
    top: 0; }
  pre.language-markup code, pre.language-javascript code {
    -moz-tab-size: 4;
    color: #000;
    direction: ltr;
    font-family: "Inconsolata",Monaco,Consolas,"Andale Mono",monospace;
    hyphens: none;
    line-height: 1.4;
    text-align: left;
    white-space: pre;
    word-break: normal;
    word-spacing: normal;
    position: relative; }

pre.language-markup:before {
  content: "language-markup"; }

pre.language-javascript:before {
  content: "language-javascript"; }

.btn.no-styling, .btn.no-styling:hover, .btn.no-styling:focus, .btn.no-styling:active {
  padding: 0;
  background: none;
  border: none;
  box-shadow: none !important; }

.sideinner {
  overflow: auto; }

.bkw-medium-heading.heading-line.kit {
  padding-top: 40px; }

.tag:not(.token) {
  display: inline-block;
  background: #e6e6e6;
  color: #313336;
  border-radius: 1000px;
  padding: 5px 15px;
  margin: 0 10px 10px 0; }

.filtered {
  display: inline-block;
  background: #e6e6e6;
  border-radius: 1000px;
  padding: 4px 5px 3px 15px;
  color: #313336;
  margin-right: 10px;
  margin-bottom: 10px; }
  .filtered .material-icons {
    color: #5b6b78 !important;
    vertical-align: -6px;
    margin: 0 0 0 10px;
    margin-top: -1px; }
  .filtered a.material-icons {
    text-decoration: none; }
    .filtered a.material-icons:link, .filtered a.material-icons:visited, .filtered a.material-icons:hover, .filtered a.material-icons:active {
      text-decoration: none;
      color: #5b6b78 !important; }

.mb40 {
  margin-bottom: 40px; }

.collection.n-collection {
  border-left: none;
  border-left: 0;
  border-right: none;
  border-right: 0; }
  .collection.n-collection span {
    margin: 0;
    display: block;
    color: #313336;
    line-height: 1.4; }
  .collection.n-collection .duration {
    opacity: 0.6;
    font-size: 12px; }
  .collection.n-collection .collection-item.read {
    background-color: #f2f2f2; }
  .collection.n-collection .collection-item {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
    .collection.n-collection .collection-item .circle {
      background-color: #313336 !important; }
    .collection.n-collection .collection-item a {
      display: block; }
    .collection.n-collection .collection-item:hover {
      background-color: #f2f2f2; }
    .collection.n-collection .collection-item.avatar {
      min-height: 0 !important; }
      .collection.n-collection .collection-item.avatar .circle {
        width: 36px;
        height: 36px;
        line-height: 36px; }

.count {
  display: inline-block;
  background: #5b6b78;
  border-radius: 1000px;
  padding: 1px 7px 3px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-left: 5px;
  font-weight: 700;
  font-size: 12px;
  vertical-align: middle; }
  .count.light {
    color: #5b6b78;
    background: #e6e6e6; }
  .count.bordered {
    border: 2px solid #396070; }

.dot.right-aligned {
  margin-left: 10px; }

.dot.left-aligned {
  margin-right: 10px; }

.color-grey {
  color: #5b6b78; }

.t-16 {
  font-size: 16px; }

.t-12 {
  font-size: 12px; }

.modal#modal-new-callab .modal-content-inner p {
  padding-bottom: 0; }

.modal#modal-new-callab .input-field input {
  border-bottom-color: #e6e6e6; }

.modal#modal-new-callab .input-field label {
  font-weight: 700;
  color: #5b6b78; }

@media (min-width: 1024px) and (max-width: 1300px) {
  .wrapper.wide {
    max-width: 920px; }
  .calendar img {
    max-width: 100%; }
  .all-cases-header .margin-0 > .m3-large-grid {
    padding-left: 20px; }
  .all-cases-header .margin-0 > .m13-large-grid {
    padding-right: 20px; }
    .all-cases-header .margin-0 > .m13-large-grid .m2-large-grid {
      width: 25%; }
    .all-cases-header .margin-0 > .m13-large-grid .m11-large-grid {
      width: 75%; }
  .filter-block .m16-large-grid {
    padding-left: 20px;
    padding-right: 20px; }
  .filter-block .m4-large-grid {
    width: 25%; }
  .ud-top-nav-container .row .col.s2 {
    width: 25%; }
  .ud-top-nav-container .row .col.s10 {
    width: 75%; }
  .row .col.m3.small-m4 {
    width: 30%; }
  .row .col.m4.small-m3 {
    width: 25%; }
  .row .col.m6.small-m7 {
    width: 58.3333%; }
  .row .col.m6.small-m5 {
    width: 41.6667%; }
  img {
    max-width: 100%; }
  .row .col.m3.row-title {
    width: 20%; }
  .outer .row .col.m9 {
    width: 80%; }
  .drop-row .col {
    padding: 0; }
  .table-profile .rel {
    margin-left: 5px; }
  .table-profile .drop-select {
    width: 90px;
    padding-left: 10px; }
  .layout__pane__video .overlay {
    font-size: 10px; } }

.case-card__meta {
  width: auto !important;
  flex-wrap: nowrap !important; }

.large-grid .layout__main.pad.connect-page {
  width: 100%;
  height: initial; }

.connect-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .connect-page .parallax-window {
    min-height: 240px;
    background: transparent; }
  .connect-page .top-block {
    z-index: 1; }
    .connect-page .top-block .bg-white {
      z-index: 110; }
    .connect-page .top-block .page-content {
      margin-top: -160px;
      text-align: center; }
      @media (max-width: 425px) {
        .connect-page .top-block .page-content .banner-text {
          padding: 0 10px; } }
      .connect-page .top-block .page-content.large {
        margin-top: -220px; }
      .connect-page .top-block .page-content .parallax-caption {
        margin: 0 0 75px; }
        .connect-page .top-block .page-content .parallax-caption i {
          display: inline-block;
          vertical-align: -5px;
          margin-right: 5px; }
      .connect-page .top-block .page-content .round {
        width: 100px;
        height: 100px;
        border-radius: 1000px;
        position: absolute;
        top: -50px;
        left: 50%;
        margin-left: -50px;
        color: #fff;
        text-align: center; }
        .connect-page .top-block .page-content .round img {
          width: 100px;
          height: 100px; }
        .connect-page .top-block .page-content .round i {
          font-size: 50px;
          line-height: 100px; }
      .connect-page .top-block .page-content .action-block {
        color: #313336;
        position: relative; }
        .connect-page .top-block .page-content .action-block .parallax-after-caption {
          padding: 85px 1rem 0; }
        .connect-page .top-block .page-content .action-block .rating-stars-container, .connect-page .top-block .page-content .action-block .star-rating {
          margin-bottom: 30px;
          display: inline-block; }
          .connect-page .top-block .page-content .action-block .rating-stars-container:after, .connect-page .top-block .page-content .action-block .star-rating:after {
            clear: both;
            display: block;
            content: ""; }
          .connect-page .top-block .page-content .action-block .rating-stars-container a, .connect-page .top-block .page-content .action-block .star-rating a {
            margin: 0 2px; }
            .connect-page .top-block .page-content .action-block .rating-stars-container a i, .connect-page .top-block .page-content .action-block .star-rating a i {
              font-size: 48px; }
            .connect-page .top-block .page-content .action-block .rating-stars-container a.star-off i, .connect-page .top-block .page-content .action-block .star-rating a.star-off i {
              color: #5b6b78; }
          .connect-page .top-block .page-content .action-block .rating-stars-container i, .connect-page .top-block .page-content .action-block .star-rating i {
            font-size: 48px; }
        .connect-page .top-block .page-content .action-block .btn {
          width: 350px;
          font-weight: 700;
          height: 50px;
          text-align: center;
          font-size: 14px;
          margin: 0 auto 25px;
          display: block;
          font-size: 14px; }
          @media (max-width: 375px) {
            .connect-page .top-block .page-content .action-block .btn {
              width: 90%; } }
        .connect-page .top-block .page-content .action-block .button-link {
          margin: 0 0 20px;
          display: inline-block; }
        .connect-page .top-block .page-content .action-block p + .input-field {
          margin-top: 50px; }
        .connect-page .top-block .page-content .action-block .input-field {
          width: 350px;
          margin: 0 auto; }
          .connect-page .top-block .page-content .action-block .input-field label.text-label {
            font-size: 20px;
            top: 5px;
            color: #5b6b78;
            font-weight: 400; }
            .connect-page .top-block .page-content .action-block .input-field label.text-label.active {
              font-size: 12px;
              transform: translateY(-60%); }
          @media (max-width: 375px) {
            .connect-page .top-block .page-content .action-block .input-field {
              width: 90%; } }
          .connect-page .top-block .page-content .action-block .input-field input[type="text"] {
            border-bottom: 2px solid #e6e6e6;
            box-shadow: none;
            font-size: 20px;
            font-weight: 400; }
          .connect-page .top-block .page-content .action-block .input-field .radio-btn-group {
            margin-bottom: 25px; }
            .connect-page .top-block .page-content .action-block .input-field .radio-btn-group span {
              width: auto; }
              .connect-page .top-block .page-content .action-block .input-field .radio-btn-group span + span {
                margin-left: .5rem; }
            .connect-page .top-block .page-content .action-block .input-field .radio-btn-group label {
              padding: 0 1rem !important; }
            .connect-page .top-block .page-content .action-block .input-field .radio-btn-group label,
            .connect-page .top-block .page-content .action-block .input-field .radio-btn-group [type="radio"]:not(:checked) + label:before,
            .connect-page .top-block .page-content .action-block .input-field .radio-btn-group [type="radio"]:not(:checked) + label:after {
              border: none !important; }
            .connect-page .top-block .page-content .action-block .input-field .radio-btn-group [type="radio"]:checked + label {
              background: #f2f2f2;
              font-weight: 700;
              border-radius: 3px; }
          .connect-page .top-block .page-content .action-block .input-field.single-input .radio-btn-group.val-warning:after,
          .connect-page .top-block .page-content .action-block .input-field.single-input .radio-btn-group.val-approve:after {
            top: 10px; }
      .connect-page .top-block .page-content.simple-text {
        padding-top: 60px; }
    .connect-page .top-block .parallax-window + .page-content {
      margin-top: -226px; }
  .connect-page .copy {
    padding: 1rem 2rem;
    color: rgba(91, 107, 120, 0.5); }
    .connect-page .copy img {
      margin-right: 15px; }

.parallax-mirror {
  z-index: 1 !important; }

.empty-block {
  color: #5b6b78;
  font-size: 21px;
  margin: 0 0 30px;
  opacity: .5; }
  .empty-block .material-icons {
    font-size: 40px;
    margin-right: 10px;
    vertical-align: -10px; }

.inactiveChip {
  pointer-events: none;
  cursor: default; }

.app-header {
  position: relative;
  z-index: 101; }

.root-view .app-header {
  /* for correct positioning of video call on One repo */
  position: absolute; }

.modal-content .tabs-wrapper > .row {
  margin-bottom: 0; }

.modal-content .modal-content-text.tp-scroll {
  padding-bottom: 20px !important; }
  .modal-content .modal-content-text.tp-scroll ul, .modal-content .modal-content-text.tp-scroll ol {
    margin: 20px 0 50px; }

.app-header__logo.open-layout {
  align-items: center;
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 40px;
  margin: 0 0 0 5px;
  padding: 0 5px 0 10px; }
  .app-header__logo.open-layout img {
    width: auto; }

.star-rating {
  font-size: 48px;
  margin: 0 auto; }
  .star-rating i {
    font-size: 48px; }
  .star-rating .star-rating-stars {
    font-family: 'Material Icons';
    unicode-bidi: bidi-override;
    color: #5b6b78; }
    .star-rating .star-rating-stars .star-rating-star {
      float: left;
      width: 50px; }
      .star-rating .star-rating-stars .star-rating-star:before {
        content: "star";
        position: absolute;
        color: #1774cc; }
  .star-rating .star-rating-current-value:before,
  .star-rating .star-rating-current-value ~ .star-rating-star:before {
    content: normal; }
  .star-rating.editable:hover .star-rating-current-value:before,
  .star-rating.editable:hover .star-rating-current-value ~ .star-rating-star:before {
    content: "star";
    position: absolute;
    color: #1774cc; }
  .star-rating.editable .star-rating-star:hover,
  .star-rating.editable .star-rating-star:hover ~ .star-rating-star:before {
    content: normal;
    cursor: pointer; }

.connect-app {
  /*dot for endpoints search input*/
  /*  /end - dot for endpoints search input*/ }
  @media (max-width: 992px) {
    .connect-app h1.page-heading-inner {
      margin-bottom: 20px; } }
  .connect-app .h3 {
    margin: 20px 0 51px; }
    @media (max-width: 992px) {
      .connect-app .h3 {
        margin-bottom: 20px; } }
  @media (max-width: 1300px) {
    .connect-app .row .col.l9 {
      width: 70%; }
    .connect-app .row .col.l3 {
      width: 30%; } }
  @media (max-width: 992px) {
    .connect-app .row .col {
      float: none; }
      .connect-app .row .col.l9 {
        width: 100%; }
      .connect-app .row .col.l3 {
        width: 100%; } }
  .connect-app .bordered-block {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding-top: 30px;
    margin-bottom: 50px; }
    .connect-app .bordered-block .page-heading-inner {
      margin: 0 15px 15px; }
    .connect-app .bordered-block .h4 {
      margin: 0 15px 20px; }
    .connect-app .bordered-block.connect-sent {
      padding-left: 15px;
      padding-right: 15px; }
      .connect-app .bordered-block.connect-sent p i.text-light {
        margin-left: 15px;
        vertical-align: -7px;
        color: #5b6b78; }
  .connect-app i.t-60 {
    font-size: 60px;
    margin-bottom: 35px; }
  .connect-app .btn {
    text-align: center;
    font-weight: 700;
    display: block;
    width: 255px;
    margin: 30px auto 15px; }
  .connect-app .button-link {
    font-weight: 700;
    margin: 0 0 30px;
    display: inline-block; }
    .connect-app .button-link:hover {
      text-decoration: underline; }
    .connect-app .button-link + .btn {
      margin-top: 0; }
  .connect-app .recent-item {
    position: relative;
    padding: .5rem 85px 1rem 1rem;
    margin: 0 0 1rem; }
    .connect-app .recent-item:hover {
      background: #f2f2f2; }
    .connect-app .recent-item .person {
      color: #5b6b78; }
      .connect-app .recent-item .person i {
        margin-right: .5rem;
        vertical-align: -5px; }
    .connect-app .recent-item .action {
      position: absolute;
      width: 35px;
      height: 35px;
      text-align: center;
      border-radius: 1000px;
      top: 35px;
      margin-top: -18px;
      right: 40px;
      display: inline-block;
      cursor: pointer; }
      .connect-app .recent-item .action + .action {
        right: 5px; }
      .connect-app .recent-item .action:hover {
        background: rgba(23, 116, 204, 0.4); }
      .connect-app .recent-item .action i {
        line-height: 35px;
        color: #5b6b78; }
    .connect-app .recent-item .btn {
      width: calc(100% + 70px);
      margin: 0 auto; }
  .connect-app a.bordered-block {
    color: #5b6b78 !important;
    text-decoration: none;
    padding: 7px 10px;
    text-align: center;
    display: block; }
    .connect-app a.bordered-block:hover, .connect-app a.bordered-block:focus {
      background: #f2f2f2; }
    .connect-app a.bordered-block:link, .connect-app a.bordered-block:visited, .connect-app a.bordered-block:hover, .connect-app a.bordered-block:active {
      text-decoration: none;
      outline: none; }
  .connect-app .no-connections {
    color: #5b6b78;
    opacity: .5;
    padding: 0 60px 0 40px; }
    .connect-app .no-connections i {
      margin-left: -40px;
      vertical-align: -8px;
      margin-right: 13px; }
  .connect-app .collapsible {
    margin: 30px 0 0;
    border: none;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #e6e6e6;
    box-shadow: none;
    overflow: hidden;
    font-size: 16px;
    color: #5b6b78; }
    .connect-app .collapsible li {
      background: #f2f2f2;
      line-height: inherit; }
      .connect-app .collapsible li .collapsible-header {
        background: none;
        border: none;
        text-align: left;
        padding: 20px 25px;
        line-height: 1; }
        .connect-app .collapsible li .collapsible-header .right {
          font-size: 29px;
          line-height: 16px; }
          .connect-app .collapsible li .collapsible-header .right.minus {
            display: none; }
        .connect-app .collapsible li .collapsible-header.active .right {
          display: none; }
          .connect-app .collapsible li .collapsible-header.active .right.minus {
            display: block; }
      .connect-app .collapsible li .collapsible-body {
        border: none;
        text-align: left;
        padding: 10px 0 30px; }
        .connect-app .collapsible li .collapsible-body .col {
          padding-left: 25px;
          padding-right: 25px; }
          @media (max-width: 1300px) and (min-width: 1024px) {
            .connect-app .collapsible li .collapsible-body .col {
              width: 100%;
              float: none;
              margin-bottom: 15px; } }
          @media (max-width: 992px) {
            .connect-app .collapsible li .collapsible-body .col {
              float: left; } }
          @media (max-width: 767px) {
            .connect-app .collapsible li .collapsible-body .col {
              float: none;
              width: 100%;
              margin-bottom: 15px; } }
        .connect-app .collapsible li .collapsible-body i {
          margin-bottom: 10px;
          color: #5b6b78;
          font-size: 30px;
          line-height: 40px; }
          .connect-app .collapsible li .collapsible-body i.users {
            font-size: 40px; }
        .connect-app .collapsible li .collapsible-body strong {
          font-weight: 400;
          color: #313336;
          display: block; }
        .connect-app .collapsible li .collapsible-body p {
          margin: 0; }
  .connect-app .form {
    margin: 30px 0; }
    @media (max-width: 767px) {
      .connect-app .form {
        margin: 40px 0; } }
    .connect-app .form .dropdown-box .dropdown-button {
      font-weight: 400;
      text-align: left;
      border-bottom: 1px solid #e6e6e6;
      font-size: 16px;
      padding-left: 10px;
      height: 3rem;
      line-height: 3rem;
      margin-bottom: 0;
      cursor: pointer; }
    .connect-app .form .dropdown-box .material-icons {
      color: #5b6b78; }
      .connect-app .form .dropdown-box .material-icons.option-icon {
        color: #1774cc;
        position: static;
        vertical-align: -5px;
        width: 35px; }
    .connect-app .form .dropdown-box.input-dropdown .dropdown-button {
      font-weight: 400; }
    .connect-app .form .dropdown-box.input-dropdown .material-icons {
      right: 35px; }
    .connect-app .form .dropdown-content > li a, .connect-app .form .dropdown-content > li span {
      padding: 0 16px;
      border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
      font-size: 1rem; }
    .connect-app .form .rel .dropdown-content.select-dropdown {
      top: 0 !important; }
      .connect-app .form .rel .dropdown-content.select-dropdown.active li:hover, .connect-app .form .rel .dropdown-content.select-dropdown.active li.selected.active, .connect-app .form .rel .dropdown-content.select-dropdown.active li.selected {
        background-color: #f2f2f2 !important; }
    .connect-app .form:not(.has-auto-dropdown) .dropdown-box .dropdown-content.active {
      top: 47px !important; }
  .connect-app .row.invitation-row {
    margin-left: 80px;
    margin-right: 80px;
    position: relative; }
    @media (max-width: 992px) {
      .connect-app .row.invitation-row {
        margin-left: 15px;
        margin-right: 15px; } }
    @media (max-width: 767px) {
      .connect-app .row.invitation-row {
        margin-bottom: 40px; } }
    .connect-app .row.invitation-row .input-field {
      margin-top: 10px; }
    .connect-app .row.invitation-row input {
      padding-left: 10px;
      box-sizing: border-box;
      border-bottom-color: #e6e6e6;
      font-size: 16px;
      font-weight: 400; }
      .connect-app .row.invitation-row input::-webkit-input-placeholder {
        color: #5b6b78;
        opacity: .5; }
      .connect-app .row.invitation-row input::-moz-placeholder {
        color: #5b6b78;
        opacity: .5; }
      .connect-app .row.invitation-row input:-ms-input-placeholder {
        color: #5b6b78;
        opacity: .5; }
      .connect-app .row.invitation-row input:-moz-placeholder {
        color: #5b6b78;
        opacity: .5; }
      .connect-app .row.invitation-row input.dropdown-button {
        font-weight: 700; }
    .connect-app .row.invitation-row .col {
      padding-left: 13px;
      padding-right: 13px;
      padding-bottom: 1px; }
      @media (max-width: 1300px) and (min-width: 1024px) {
        .connect-app .row.invitation-row .col {
          width: 100%;
          float: none; } }
      @media (max-width: 992px) {
        .connect-app .row.invitation-row .col {
          float: left; } }
      @media (max-width: 767px) {
        .connect-app .row.invitation-row .col {
          float: none;
          width: 100%; } }
    .connect-app .row.invitation-row .delete {
      position: absolute;
      right: 20px;
      bottom: 8px;
      color: #5b6b78;
      width: 32px;
      height: 32px;
      text-align: center;
      border-radius: 50%; }
      .connect-app .row.invitation-row .delete i {
        font-size: 16px;
        line-height: 32px; }
      .connect-app .row.invitation-row .delete:hover {
        background: rgba(23, 116, 204, 0.4); }
  .connect-app .invitation-row .btn-delete {
    top: 17px; }
    @media all and (max-width: 767px), (min-width: 1024px) and (max-width: 1300px) {
      .connect-app .invitation-row .btn-delete {
        top: 7px; } }
  .connect-app .form .rel .dropdown-content.active {
    top: 0 !important;
    max-height: 650px; }
  .connect-app .row.invitation-row avz-input-dropdown-field-component input {
    padding-left: 24px;
    box-sizing: border-box;
    width: 100% !important; }
  .connect-app .row.invitation-row avz-input-dropdown-field-component input[type=text]:focus:not([readonly]) {
    border-bottom-color: #1774cc; }
  .connect-app .row.invitation-row avz-input-dropdown-field-component .material-icons-dropdown.icon-link {
    right: 3px; }
    .connect-app .row.invitation-row avz-input-dropdown-field-component .material-icons-dropdown.icon-link .material-icons {
      font-size: 22px; }
  .connect-app .row.invitation-row avz-input-dropdown-field-component ul.adv-dropdown {
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.15); }
    .connect-app .row.invitation-row avz-input-dropdown-field-component ul.adv-dropdown li {
      display: flex;
      align-items: stretch;
      flex-direction: column; }
      .connect-app .row.invitation-row avz-input-dropdown-field-component ul.adv-dropdown li.selected a {
        background-color: #f2f2f2 !important; }
      .connect-app .row.invitation-row avz-input-dropdown-field-component ul.adv-dropdown li a {
        padding: 0 16px;
        display: flex;
        min-height: 40px;
        flex-flow: row wrap;
        align-items: center;
        flex: 1 0 auto;
        border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
        margin-top: -1px;
        line-height: 1; }
        .connect-app .row.invitation-row avz-input-dropdown-field-component ul.adv-dropdown li a:first-child {
          border-top: none; }
        .connect-app .row.invitation-row avz-input-dropdown-field-component ul.adv-dropdown li a .dot {
          margin-right: .5rem; }
        .connect-app .row.invitation-row avz-input-dropdown-field-component ul.adv-dropdown li a:hover {
          background-color: #f2f2f2 !important; }
  .connect-app .endpoint-search-status {
    position: absolute;
    z-index: 2;
    top: 16px;
    left: 0; }

avz-select-component span.caret:before {
  width: 32px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  position: absolute;
  color: rgba(0, 0, 0, 0.87);
  top: auto;
  bottom: -11px;
  right: 3px;
  font-size: 22px;
  border-radius: 50%;
  line-height: 32px;
  transition: all .3s ease 0s;
  text-align: center; }

avz-select-component .select-wrapper:hover span.caret:before {
  background: #e6e6e6; }

avz-select-component .input-field .select-wrapper + label {
  font-size: .75rem !important;
  top: -6px;
  line-height: 1.125rem; }

@media (max-width: 601px) {
  .layout__main.pad {
    padding: 40px 10px; } }

.icon-btn {
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 10px; }
  .icon-btn i {
    line-height: 35px;
    color: #5b6b78; }
  .icon-btn:hover {
    background: rgba(23, 116, 204, 0.4); }

.invitation-row .dropdown-button:before {
  content: "keyboard_arrow_down";
  font-family: 'Material Icons';
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  width: 32px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  position: absolute;
  color: #5b6b78;
  bottom: 8px;
  right: 3px;
  font-size: 22px;
  border-radius: 50%;
  line-height: 32px;
  transition: all 0.3s ease 0s;
  text-align: center;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr; }

.invitation-row .dropdown-button:hover::before {
  background: rgba(23, 116, 204, 0.4); }

.invitation-row .dropdown-button.active:before {
  background: rgba(23, 116, 204, 0.4);
  content: "keyboard_arrow_up"; }

.invitation-row .col.m7 .dropdown-button {
  font-weight: 400; }
  .invitation-row .col.m7 .dropdown-button:before {
    right: 40px;
    font-weight: 700; }

.layout__header.horizontal .wrapper.block {
  display: block; }

.patient-search {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 60px 30px 15px;
  min-height: 275px;
  margin: 25px auto; }
  .patient-search .container {
    width: auto; }
  .patient-search .title-icon.material-icons {
    color: #5b6b78;
    margin-right: .25rem; }
  .patient-search h1 .title-icon {
    font-size: 2.5rem;
    vertical-align: -6px; }
  .patient-search h2 .title-icon {
    font-size: 2rem;
    vertical-align: -5px; }
  .patient-search .p-search {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    position: relative;
    margin-bottom: 25px; }
    .patient-search .p-search button.submit {
      position: absolute;
      color: #e6e6e6;
      padding: 0;
      background: none;
      border: none;
      right: 5px;
      top: 5px; }
    .patient-search .p-search input[type="text"] {
      border: none;
      box-shadow: none;
      margin: 0;
      padding-right: 40px;
      padding-left: 15px;
      height: 34px;
      background: none;
      box-sizing: border-box;
      font-weight: 700;
      font-size: 14px;
      border-radius: 3px; }
    .patient-search .p-search.active button.submit {
      color: #1774cc; }
  .patient-search .button-link:hover {
    text-decoration: underline; }
  .patient-search.n-case {
    min-height: 350px; }
  .patient-search .button-align {
    display: inline-block;
    vertical-align: -10px;
    margin: 0 10px; }

.large-grid .layout__main.pad .content .patient-search .case-table {
  border: none;
  margin-bottom: 15px; }
  .large-grid .layout__main.pad .content .patient-search .case-table .link-wrapper:first-child .row {
    border-top: none; }
  .large-grid .layout__main.pad .content .patient-search .case-table .row.patient-layout {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .large-grid .layout__main.pad .content .patient-search .case-table .col {
    text-align: left; }
    .large-grid .layout__main.pad .content .patient-search .case-table .col.text-right {
      text-align: right; }

.case-table .page-placeholder {
  padding: 60px 15px; }
  .case-table .page-placeholder .material-icons {
    opacity: .4; }
  .case-table .page-placeholder strong {
    font-size: 24px;
    font-weight: 300; }
  .case-table .page-placeholder p {
    font-size: 14px; }

.case-table .filter {
  padding: 20px 10px 0;
  font-size: 20px;
  line-height: 1; }
  @media (max-width: 767px) {
    .case-table .filter .row .col {
      width: 100%; }
      .case-table .filter .row .col.text-right {
        text-align: left; } }
  .case-table .filter ul {
    margin: 0; }
    .case-table .filter ul li {
      display: inline-block;
      margin: 0 5px; }
      .case-table .filter ul li a {
        color: #313336;
        font-weight: 300; }
      .case-table .filter ul li.active a {
        font-weight: 700;
        color: #1774cc; }
    @media (max-width: 767px) {
      .case-table .filter ul {
        margin: 10px 0; }
        .case-table .filter ul li {
          margin: 5px; } }

.case-table .table-body.patient-layout .link-wrapper:last-child {
  margin-bottom: 36px; }
  .case-table .table-body.patient-layout .link-wrapper:last-child .row {
    border-bottom: 1px solid #e6e6e6; }

.case-table .page-nav-bottom {
  padding: 0 20px;
  margin-bottom: 20px; }
  .case-table .page-nav-bottom .pager {
    margin-top: 15px; }

.case-table .table-body.patient-layout .icon-plus {
  font-weight: 700;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 30px;
  font-size: 25px;
  text-align: center;
  border-radius: 1000px; }
  .case-table .table-body.patient-layout .icon-plus:hover {
    background: rgba(0, 0, 0, 0.1); }

.case-table .table-body.patient-layout .material-icons {
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
  border-radius: 1000px;
  text-align: center; }
  .case-table .table-body.patient-layout .material-icons:hover {
    background: rgba(0, 0, 0, 0.1); }

.case-table .table-body.patient-layout .m1 {
  white-space: nowrap; }

@media (max-width: 767px) {
  .large-grid .layout__main.pad .content .case-table .table-body.patient-layout .row {
    display: block; }
    .large-grid .layout__main.pad .content .case-table .table-body.patient-layout .row.hide-on-small-only {
      display: none; }
    .large-grid .layout__main.pad .content .case-table .table-body.patient-layout .row .col {
      margin: 5px 0;
      float: none; } }

.large-grid .layout__main.pad .content .case-table .table-body .row.patient-layout {
  padding-left: 10px;
  padding-right: 10px; }

.large-grid .layout__main.pad .content .case-table .table-body .row.thead.patient-layout {
  padding-left: 20px;
  padding-right: 20px; }

.attach-cases {
  padding: 30px 10px; }
  .attach-cases .row {
    margin-bottom: 0; }
    @media (max-width: 992px) {
      .attach-cases .row .col {
        float: none;
        width: 100%; } }
  .attach-cases .button-link {
    color: #313336;
    font-size: 20px;
    display: inline-block;
    margin-top: 10px; }
    .attach-cases .button-link:hover {
      color: #1774cc;
      cursor: pointer; }

.case-item-block {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 20px 20px 15px;
  margin-bottom: 20px;
  text-align: left; }
  .case-item-block strong {
    font-size: 20px; }
  .case-item-block p {
    margin: 10px 0 15px; }
  .case-item-block .text-block {
    position: relative;
    padding-right: 40px; }
    .case-item-block .text-block .material-icons {
      position: absolute;
      right: 0;
      top: 0;
      border-radius: 50%;
      color: #5b6b78;
      cursor: pointer;
      height: 32px;
      line-height: 32px;
      text-align: center;
      transition: all 0.3s ease 0s;
      width: 32px; }
      .case-item-block .text-block .material-icons:hover {
        background: rgba(0, 0, 0, 0.1); }
  .case-item-block a.right {
    margin-right: 10px; }
    .case-item-block a.right:hover {
      text-decoration: underline; }

@media (max-width: 1200px) {
  .large-grid .layout__main.pad .wrapper.wide.content {
    padding-left: 15px;
    padding-right: 15px; } }

/*Add new patient*/
.collapsible.form-collapse {
  box-shadow: none;
  border: 2px solid #e6e6e6;
  border-bottom: none;
  border-radius: 3px; }
  .collapsible.form-collapse > li {
    border-bottom: 2px solid #e6e6e6; }
  .collapsible.form-collapse .collapsible-header {
    padding: 20px;
    border: none;
    background: none; }
    .collapsible.form-collapse .collapsible-header .title {
      font-size: 18px; }
  .collapsible.form-collapse .right-collapse-info span {
    display: inline-block; }
  .collapsible.form-collapse .right-collapse-info .alert-info {
    float: left;
    margin-right: 10px; }
    .collapsible.form-collapse .right-collapse-info .alert-info i {
      color: #e7741c;
      margin-right: 5px;
      font-size: 20px; }
  .collapsible.form-collapse .right-collapse-info .collapse-arrow i {
    display: inline-block;
    text-align: center;
    margin-right: 0;
    font-size: 26px;
    line-height: 32px;
    border-radius: 50%;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    transition: all 0.3s ease 0s;
    float: none; }
    .collapsible.form-collapse .right-collapse-info .collapse-arrow i:hover {
      background: rgba(23, 116, 204, 0.4); }
  .collapsible.form-collapse .ca-down {
    line-height: 36px; }
  .collapsible.form-collapse .ca-up {
    display: none !important; }
  .collapsible.form-collapse .collapsible-header.active {
    border-bottom: 1px solid transparent; }
    .collapsible.form-collapse .collapsible-header.active .ca-up {
      display: inline-block !important; }
    .collapsible.form-collapse .collapsible-header.active .ca-down {
      display: none !important; }
  .collapsible.form-collapse .collapsible-body {
    padding: 0 20px 20px;
    border-bottom: none; }
    .collapsible.form-collapse .collapsible-body h3 {
      color: #5b6b78;
      text-transform: uppercase;
      font-size: 14px;
      margin: 20px 0;
      font-weight: 700;
      margin-left: 10px; }
    .collapsible.form-collapse .collapsible-body .t-18 {
      font-size: 18px;
      color: #5b6b78;
      margin: -10px 0 20px; }
  .collapsible.form-collapse .birth-row .text-left {
    font-weight: 700;
    /*width: 160px;*/
    line-height: 70px;
    color: #313336; }
  .collapsible.form-collapse .birth-row .text-light {
    color: #5b6b78;
    font-style: italic;
    line-height: 70px; }
  .collapsible.form-collapse .birth-row .col.sm {
    width: 120px; }
  .collapsible.form-collapse .birth-row .col.md {
    width: 220px; }
  .collapsible.form-collapse .link-underline {
    line-height: 43px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block; }
    .collapsible.form-collapse .link-underline:hover {
      color: #313336; }
  .collapsible.form-collapse .upload-link {
    margin: 20px 0; }
  .collapsible.form-collapse .collapse-bottom {
    padding: 10px; }
    .collapsible.form-collapse .collapse-bottom .alert-info {
      line-height: 50px;
      color: #5b6b78; }
      .collapsible.form-collapse .collapse-bottom .alert-info i {
        color: #e7741c;
        margin-right: 5px;
        font-size: 20px;
        line-height: 50px;
        display: inline-block;
        vertical-align: -4px; }
    .collapsible.form-collapse .collapse-bottom .btn {
      height: 50px;
      line-height: 50px; }
      .collapsible.form-collapse .collapse-bottom .btn i {
        font-size: 24px;
        line-height: 1;
        margin-right: 10px;
        display: inline-block;
        vertical-align: -7px; }
      .collapsible.form-collapse .collapse-bottom .btn.cancel-link {
        color: #e6172c !important;
        margin-right: 20px;
        background: transparent;
        box-shadow: none !important; }
        .collapsible.form-collapse .collapse-bottom .btn.cancel-link:hover {
          background-color: #f2f2f2 !important; }

.single-header.block h1 {
  color: #313336; }

.single-header.block .back {
  margin-right: 15px; }
  .single-header.block .back .btn-flat {
    height: 34px; }

.checkbox-wrap.ib {
  display: inline-block;
  margin-left: 20px; }
  .checkbox-wrap.ib.mr15 {
    margin-left: 0;
    margin-right: 15px; }
    .checkbox-wrap.ib.mr15.w105 {
      width: 105px; }

.col .checkbox-wrap.ib.mr15:last-child {
  margin: 0; }

p.label {
  color: #5b6b78; }

.block {
  display: block !important; }

.single-header .links.title {
  padding-top: 0;
  line-height: 38px; }

.mt-5 {
  margin-top: -5px; }

.box-bordered {
  border: 1px solid #e6e6e6;
  padding: 30px 15px 10px;
  border-radius: 3px; }
  .box-bordered .divider {
    border-top: 1px solid #e6e6e6;
    margin: 30px -15px; }
  .box-bordered .chart {
    position: relative;
    margin-bottom: 30px; }
    .box-bordered .chart .line {
      display: inline-block;
      border-bottom: 1px solid rgba(91, 107, 120, 0.5);
      width: 100%;
      padding: 30px 0 0;
      margin-bottom: 30px; }
      .box-bordered .chart .line span {
        display: inline-block;
        border-radius: 50%;
        position: absolute; }
    .box-bordered .chart .buble1 {
      background: #313336;
      width: 22px;
      height: 22px;
      top: 20px;
      left: 20px; }
    .box-bordered .chart .buble2 {
      background: #1774cc;
      width: 21px;
      height: 21px;
      top: 20px;
      right: 21px; }
    .box-bordered .chart .buble3 {
      background: #313336;
      width: 17px;
      height: 17px;
      top: 22px;
      right: 93px; }
    .box-bordered .chart .buble4 {
      background: #313336;
      width: 17px;
      height: 17px;
      top: 22px;
      right: 140px; }
    .box-bordered .chart .buble5 {
      background: #e6172c;
      width: 55px;
      height: 55px;
      top: 3px;
      right: 180px; }
    .box-bordered .chart .buble6 {
      background: #313336;
      width: 35px;
      height: 35px;
      top: 12px;
      right: 280px; }
    .box-bordered .chart .chart-key p {
      margin: 0;
      color: #5b6b78;
      font-style: italic;
      text-transform: uppercase;
      font-size: 12px; }
  .box-bordered .case-table {
    margin-bottom: 0; }
  .box-bordered .notes {
    list-style: disc;
    margin-left: 20px; }
    .box-bordered .notes li {
      padding-left: 30px;
      margin-bottom: 20px;
      list-style: disc; }
  .box-bordered .btn-fullwidth {
    width: 100%; }
  .box-bordered .patient-img {
    margin: 10px auto;
    display: block; }

.large-grid .layout__main.pad .content .case-table .table-body .row .col:first-child.text-light {
  color: #5b6b78; }

.patient-added .data-row {
  margin-bottom: 5px; }
  .patient-added .data-row > .col:first-child {
    color: #5b6b78; }

.chip.init {
  color: #fff;
  font-weight: 700;
  height: 32px;
  width: 32px;
  padding: 0;
  line-height: 32px;
  font-size: 14px;
  text-align: center; }

.all-cases-header .single-header .links.left {
  padding-top: 5px; }

.all-cases-header .btn.right {
  margin-right: 85px;
  padding-left: 45px;
  padding-right: 45px; }

/*patient-page*/
.active-case-block {
  padding: 4px 85px;
  line-height: 32px;
  text-transform: uppercase;
  color: #fff; }
  .active-case-block a {
    width: 32px;
    height: 32px;
    border-radius: 1000px;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    vertical-align: top; }
    .active-case-block a .material-icons {
      line-height: 32px; }
    .active-case-block a:hover {
      background: #fff; }

.content .page-heading-inner.patient-page {
  margin-bottom: 0; }

.content .page-heading-inner h3 {
  margin: 0 0 15px;
  font-weight: 300; }

.content .page-heading-inner .data {
  font-size: 20px;
  font-weight: 400; }
  .content .page-heading-inner .data .material-icons {
    vertical-align: -2px;
    margin-right: 10px; }

.case-detail__content-section .wrapper.single-page {
  max-width: calc(100% - 170px) !important; }

/*NIH stroke scale*/
.case-default-block .case-form__body.nih-layout {
  padding-bottom: 0 !important; }
  .case-default-block .case-form__body.nih-layout .row.mb15 {
    margin-bottom: 15px; }
  .case-default-block .case-form__body.nih-layout .counter {
    font-size: 72px;
    line-height: 1;
    padding: 35px 15px;
    font-weight: 300;
    display: inline-block; }
  .case-default-block .case-form__body.nih-layout .tpa-result {
    padding-top: 10px;
    padding-bottom: 20px; }
  .case-default-block .case-form__body.nih-layout ul {
    margin: 0;
    list-style-type: none;
    padding-left: 0; }
    .case-default-block .case-form__body.nih-layout ul li {
      list-style-type: none;
      line-height: 1.75rem; }
    .case-default-block .case-form__body.nih-layout ul.result {
      color: #5b6b78;
      margin-bottom: 40px; }
      .case-default-block .case-form__body.nih-layout ul.result li {
        border-radius: 1000px;
        padding: 0 15px; }
        .case-default-block .case-form__body.nih-layout ul.result li.red {
          color: #fff; }

.collapsible.reading-collapsible {
  border: none;
  border-top: 1px solid #e6e6e6;
  box-shadow: none;
  margin: 0 -20px;
  line-height: 32px;
  border-radius: 0 0 3px 3px; }
  .collapsible.reading-collapsible .collapsible-header {
    padding: 18px 30px;
    border: none;
    background: none;
    border-radius: 0 0 3px 3px;
    background: none; }
    .collapsible.reading-collapsible .collapsible-header .case-section-title {
      margin: 0;
      line-height: 32px; }
    .collapsible.reading-collapsible .collapsible-header .collapse-arrow {
      height: 32px; }
      .collapsible.reading-collapsible .collapsible-header .collapse-arrow i {
        display: inline-block;
        text-align: center;
        margin-right: 0;
        font-size: 26px;
        line-height: 32px;
        border-radius: 50%;
        vertical-align: middle;
        width: 32px;
        height: 32px;
        transition: all 0.3s ease 0s;
        float: none; }
        .collapsible.reading-collapsible .collapsible-header .collapse-arrow i:hover {
          background: rgba(23, 116, 204, 0.4); }
      .collapsible.reading-collapsible .collapsible-header .collapse-arrow .ca-down {
        line-height: 36px; }
      .collapsible.reading-collapsible .collapsible-header .collapse-arrow .ca-up {
        display: none !important; }
    .collapsible.reading-collapsible .collapsible-header.active {
      border-bottom: 1px solid transparent; }
      .collapsible.reading-collapsible .collapsible-header.active .ca-up {
        display: inline-block !important; }
      .collapsible.reading-collapsible .collapsible-header.active .ca-down {
        display: none !important; }
    .collapsible.reading-collapsible .collapsible-header .right-collapse-info {
      line-height: 32px; }
  .collapsible.reading-collapsible .collapsible-body {
    border: none;
    border-radius: 0 0 3px 3px;
    background: none;
    padding: 0 20px 30px; }
    .collapsible.reading-collapsible .collapsible-body .case-form-body-wrapper {
      margin-left: -20px;
      margin-right: -20px; }
      .collapsible.reading-collapsible .collapsible-body .case-form-body-wrapper:first-child .case-form__body {
        padding-top: 0; }

.case-default-block .case-form__body .row.mb15 {
  margin-bottom: 15px; }

.case-default-block .collapse-edit .case-form__body.nih-edit {
  padding: 25px 0 0;
  position: relative; }
  .case-default-block .collapse-edit .case-form__body.nih-edit .score {
    position: absolute;
    right: 0;
    top: 290px;
    color: #fff;
    text-align: center;
    width: 80px;
    height: 80px;
    padding-top: 10px;
    z-index: 1;
    line-height: 1; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .score span {
      font-weight: 300;
      font-size: 42px;
      display: block; }
  .case-default-block .collapse-edit .case-form__body.nih-edit .question + .question {
    margin-top: 30px; }
  .case-default-block .collapse-edit .case-form__body.nih-edit .question em.text-light {
    padding-left: 20px; }
  .case-default-block .collapse-edit .case-form__body.nih-edit .question a.link-underline {
    margin-left: 20px; }
  .case-default-block .collapse-edit .case-form__body.nih-edit .row {
    margin-bottom: 20px; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .row.mb0 {
      margin-bottom: 0; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .row.mb10 {
      margin-bottom: 10px; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .row .col {
      padding: 0 2rem; }
      .case-default-block .collapse-edit .case-form__body.nih-edit .row .col.input-field label {
        left: 2rem; }
      .case-default-block .collapse-edit .case-form__body.nih-edit .row .col.pl50 {
        padding-left: 50px; }
      .case-default-block .collapse-edit .case-form__body.nih-edit .row .col.pr0 {
        padding-right: 0; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .row.mt40 {
      margin-top: 40px; }
  .case-default-block .collapse-edit .case-form__body.nih-edit .grey-copy {
    color: #5b6b78;
    margin-right: 15px; }
  .case-default-block .collapse-edit .case-form__body.nih-edit .nih-inner .collapsible-header {
    color: #1774cc;
    line-height: 1;
    padding: 0 20px;
    min-height: 0; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .nih-inner .collapsible-header .up, .case-default-block .collapse-edit .case-form__body.nih-edit .nih-inner .collapsible-header .down {
      margin-left: 10px;
      font-size: 10px; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .nih-inner .collapsible-header .up {
      display: none; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .nih-inner .collapsible-header.active .up {
      display: inline-block; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .nih-inner .collapsible-header.active .down {
      display: none; }
  .case-default-block .collapse-edit .case-form__body.nih-edit .nih-inner .collapsible-body {
    padding: 20px; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .nih-inner .collapsible-body p {
      margin: 0 0 15px; }
  .case-default-block .collapse-edit .case-form__body.nih-edit .case-form__body-footer {
    margin-top: 30px;
    padding: 10px 0; }
    .case-default-block .collapse-edit .case-form__body.nih-edit .case-form__body-footer .btn:not(.cancel-link) {
      width: 190px; }
      @media (min-width: 1440px) {
        .case-default-block .collapse-edit .case-form__body.nih-edit .case-form__body-footer .btn:not(.cancel-link) {
          width: 220px; } }

#case-forms a.btn.cancel-link {
  color: #e6172c !important; }

.case-default-block .collapse-edit .case-form__body-footer .row:last-child.collapse-bottom {
  margin: 0; }

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

.case-default-block .collapse-edit .case-form__body .right-collapse-info .alert-info.color-warning i {
  color: #e7741c; }

.case-default-block .collapse-edit .collapsible-body .row .col.dropdown-box .material-icons {
  right: 2rem; }

.val-date {
  position: relative; }
  .val-date .material-icons {
    line-height: 32px;
    font-size: 24px;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 6px;
    z-index: 1;
    text-align: center;
    color: #5b6b78;
    border-radius: 1000px; }
    .val-date .material-icons:hover {
      background: rgba(0, 0, 0, 0.1);
      cursor: pointer; }
  .val-date.text-light i {
    color: #5b6b78; }
  .val-date input.classic_picker__input--active {
    border-bottom: 1px solid #1774cc !important;
    box-shadow: 0 1px 0 0 #1774cc !important; }
  .val-date .classic_picker--opened + .material-icons {
    color: #1774cc; }

.diagnosis {
  margin-top: 15px;
  margin-left: -5px;
  margin-right: -5px; }
  .diagnosis a {
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 1000px;
    color: #5b6b78;
    line-height: 1;
    padding: 5px 20px;
    margin: 0 5px 13px; }
    .diagnosis a.blue {
      color: #fff;
      border-color: #1774cc; }
  .diagnosis .checkbox-wrap {
    margin: 0;
    margin: 0 5px 13px;
    line-height: 1 !important; }

.case-default-block .collapse-edit .collapsible-body .row .input-field.label-static.col {
  margin-bottom: 0; }
  .case-default-block .collapse-edit .collapsible-body .row .input-field.label-static.col label {
    position: static; }

/*datepicker*/
.classic_picker {
  top: 50px;
  right: -10px; }

.classic_picker__day--infocus {
  font-weight: 700;
  font-size: 12px;
  color: #000; }

.classic_picker__day--selected, .classic_picker__day--selected:hover, .classic_picker--focused .classic_picker__day--selected {
  background: rgba(23, 116, 204, 0.1);
  color: #000; }

.classic_picker__weekday {
  font-size: 12px;
  color: #e6e6e6;
  font-weight: 600;
  padding: 0;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px; }

.classic_picker__weekday-display, .classic_picker__footer {
  display: none; }

.classic_picker__date-display {
  background: none;
  color: #313336;
  font-weight: 600;
  padding: 0 15px 20px;
  border-bottom: 1px solid #e6e6e6;
  text-align: left; }
  .classic_picker__date-display .classic_picker__month-display, .classic_picker__date-display .classic_picker__day-display, .classic_picker__date-display .classic_picker__year-display {
    text-transform: none;
    font-size: 14px;
    display: inline;
    font-weight: 600;
    color: #313336; }
    .classic_picker__date-display .classic_picker__month-display div, .classic_picker__date-display .classic_picker__day-display div, .classic_picker__date-display .classic_picker__year-display div {
      display: inline; }
    .classic_picker__date-display .classic_picker__month-display:after, .classic_picker__date-display .classic_picker__day-display:after, .classic_picker__date-display .classic_picker__year-display:after {
      content: " "; }

.classic_picker__nav--prev, .classic_picker__nav--next {
  right: 25px;
  width: 36px;
  height: 36px;
  border-radius: 1000px;
  padding: 0;
  top: 0;
  font-weight: 400; }
  .classic_picker__nav--prev:hover, .classic_picker__nav--next:hover {
    background: rgba(23, 116, 204, 0.1); }
  .classic_picker__nav--prev:before, .classic_picker__nav--next:before {
    font-family: 'Material Icons';
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 36px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 36px;
    height: 36px;
    text-align: center;
    z-index: 1;
    display: block;
    color: #5b6b78;
    border-radius: 1000px;
    content: "keyboard_arrow_right";
    border: none; }

.classic_picker__nav--prev {
  right: auto;
  left: 25px; }

.classic_picker__day--infocus:hover {
  background: rgba(23, 116, 204, 0.1);
  font-weight: 600;
  border-radius: 1000px; }

.classic_picker__nav--prev::before {
  content: "keyboard_arrow_left"; }

.classic_picker__header {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px; }

.classic_picker--opened .classic_picker__holder {
  border: none;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  max-height: 1000px;
  width: calc(100% - 4rem);
  right: 0;
  width: 335px;
  top: 0;
  padding-top: 10px;
  background: transparent; }

.classic_picker__day--today::before {
  display: none; }

.classic_picker__box {
  padding: 0 0 15px;
  border: 1px solid #1774cc;
  border-radius: 3px;
  position: relative; }
  .classic_picker__box:before {
    position: absolute;
    content: "";
    top: -11px;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 11px 11px;
    border-color: transparent transparent #1774cc transparent; }
  .classic_picker__box:after {
    position: absolute;
    content: "";
    top: -10px;
    right: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent; }

.classic_picker__wrap {
  margin: 0; }

.classic_picker__frame {
  padding: 0;
  background: #fff; }

.picker__date-display {
  background: none;
  color: #313336;
  font-weight: 600;
  text-align: left;
  font-size: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
  display: none; }

.classic_picker__title {
  color: #fff;
  padding: 10px 25px 13px;
  line-height: 1;
  background: #313336; }
  .classic_picker__title + .classic_picker__information {
    padding: 20px 20px 0;
    text-transform: uppercase;
    color: #5b6b78;
    font-size: 12px; }
    .classic_picker__title + .classic_picker__information + .classic_picker__information {
      padding: 5px 20px 0; }

.classic_picker__month, .classic_picker__year {
  font-weight: 600;
  color: #000;
  font-size: 14px;
  font-style: normal;
  line-height: 36px; }

.classic_picker__day--outfocus {
  display: none; }

.classic_picker__day {
  border: none;
  padding: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin: 0 auto; }

.classic_picker__day--highlighted:hover, .classic_picker--focused .classic_picker__day--highlighted {
  background: #25abfd;
  font-weight: 600;
  border-radius: 1000px; }

.classic_picker.classic_picker--focused.classic_picker--opened {
  outline: none !important; }

/*tooltip*/
.material-tooltip {
  font-size: 12px;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 250px;
  z-index: 11001; }
  .material-tooltip .backdrop {
    background: rgba(49, 51, 54, 0.9);
    border-radius: 0 !important; }

i.material-icons.tooltipped.text-grey {
  font-size: 24px;
  color: #313336; }

i.material-icons.tooltipped.text-blue {
  color: #1774cc; }

.case-default-block .collapse-edit .case-form__body-footer .row:last-child.mt0 {
  margin-top: 0; }

.text-justify {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .text-justify .checkbox-wrap.ib {
    margin: 0; }
    .text-justify .checkbox-wrap.ib.third {
      width: 33%; }

.three-cols .checkbox-wrap.ib {
  margin: 0; }
  .three-cols .checkbox-wrap.ib.third {
    width: 32%; }

.lh43 {
  line-height: 43px; }

.stroke-intake-item .additional {
  display: none; }

.stroke-intake-item.active .additional {
  display: block; }

.text-light {
  color: #5b6b78; }

/*Case links*/
.case-link-box {
  position: relative;
  display: block;
  text-align: center;
  padding: 25px 15px;
  border: 1px solid #e6e6e6; }
  .case-link-box .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: rgba(57, 96, 112, 0.75);
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    display: flex;
    opacity: 0;
    transition: all 0.5s; }
  .case-link-box:hover {
    cursor: pointer; }
    .case-link-box:hover .overlay {
      opacity: 1; }
  .case-link-box .favicon-box {
    display: block;
    margin: 0 auto 10px;
    width: 16px;
    height: 16px; }
    .case-link-box .favicon-box img {
      max-width: 100%;
      max-height: 100%; }
  .case-link-box .link {
    text-decoration: underline; }

/*filters datepicker*/
.input-field.filters-input {
  margin-top: 0; }
  .input-field.filters-input input, .input-field.filters-input input:hover, .input-field.filters-input input:focus {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    color: #313336;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 34px;
    padding: 0 40px 0 15px;
    position: relative;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
    margin: 0; }
  .input-field.filters-input:after {
    font-family: 'Material Icons';
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 6px;
    top: 8px;
    z-index: 1;
    display: block;
    text-align: right;
    content: "keyboard_arrow_down";
    color: #5b6b78;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr; }
  .input-field.filters-input label {
    transform: none;
    font-size: 14px;
    left: 15px;
    top: 0;
    line-height: 36px;
    height: 36px; }
  .input-field.filters-input .classic_picker--opened .classic_picker__holder {
    top: 100%; }

.case-default-block .collapse-edit .collapsible-body .text-right .checkbox-wrap [type="checkbox"] + label {
  padding-left: 10px; }

.case-default-block .collapse-edit .collapsible-body .add-layout .row .col {
  margin-top: 0;
  margin-bottom: 0; }

.case-default-block .collapse-edit .collapsible-body .add-layout {
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0; }

.case-form__body-footer.no-border {
  border: none; }

.case-detail__timers.intake-timers {
  align-items: flex-end; }
  @media (min-width: 1400px) {
    .case-detail__timers.intake-timers .case-detail__timer-status {
      margin-left: 25px;
      margin-right: 25px; }
    .case-detail__timers.intake-timers .case-detail__timer-status.timer-status-thin {
      margin-left: 10px;
      margin-right: 10px; } }
  .case-detail__timers.intake-timers dd {
    font-weight: 700;
    font-size: 14px; }

.tag-radio[type="radio"] + label {
  border: 1px solid #e6e6e6 !important;
  border-radius: 1000px !important;
  line-height: 1 !important;
  padding: 5px 20px !important;
  vertical-align: 0 !important;
  left: 0 !important;
  height: auto; }

.tag-radio[type="radio"]:checked + label, .case-default-block .collapse-edit .collapsible-body .tag-radio[type="radio"]:checked + label {
  background: #1774cc !important;
  border-color: #1774cc !important;
  color: #fff !important; }

.tag-radio[type="radio"]:checked + label:before, .tag-radio[type="radio"]:not(:checked) + label:before, .case-default-block .collapse-edit .collapsible-body .tag-radio[type="radio"]:checked + label:before, .case-default-block .collapse-edit .collapsible-body .tag-radio[type="radio"]:not(:checked) + label:before {
  display: none; }

.tag-radio[type="radio"]:checked + label:after, .tag-radio[type="radio"]:not(:checked) + label:after, .case-default-block .collapse-edit .collapsible-body .tag-radio[type="radio"]:checked + label:after, .case-default-block .collapse-edit .collapsible-body .tag-radio[type="radio"]:not(:checked) + label:after {
  display: none; }

/*modal assign new user*/
.modal-assign {
  width: 870px;
  background: #fff; }
  .modal-assign .modal-content-inner {
    display: flex;
    height: 420px;
    flex-direction: row; }
    .modal-assign .modal-content-inner p {
      padding: 0; }
      .modal-assign .modal-content-inner p.text-light {
        color: #5b6b78;
        margin-bottom: 0; }
      .modal-assign .modal-content-inner p.m20 {
        margin: 20px 0; }
    .modal-assign .modal-content-inner td, .modal-assign .modal-content-inner th {
      padding: 10px 25px; }
    .modal-assign .modal-content-inner.case-default-block {
      display: block;
      height: auto; }
      .modal-assign .modal-content-inner.case-default-block .modal-content-text {
        padding-bottom: 0; }
      .modal-assign .modal-content-inner.case-default-block .form {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        padding-top: 20px; }
        .modal-assign .modal-content-inner.case-default-block .form .case-section-title {
          margin: 0; }
        .modal-assign .modal-content-inner.case-default-block .form span.caret {
          text-align: right;
          right: 8px; }
          .modal-assign .modal-content-inner.case-default-block .form span.caret:before {
            display: none; }
      .modal-assign .modal-content-inner.case-default-block .invitation-section {
        border-top: 1px solid #e6e6e6;
        line-height: 36px;
        margin: 0 -25px;
        padding: 5px 25px;
        margin-top: 30px; }
        .modal-assign .modal-content-inner.case-default-block .invitation-section.new-pass-row {
          max-height: 0;
          padding-top: 0;
          padding-bottom: 0;
          overflow: hidden;
          transition: max-height ease .5s;
          border: none; }
          .modal-assign .modal-content-inner.case-default-block .invitation-section.new-pass-row .row {
            padding-bottom: 30px; }
          .modal-assign .modal-content-inner.case-default-block .invitation-section.new-pass-row.active {
            max-height: 300px; }
          .modal-assign .modal-content-inner.case-default-block .invitation-section.new-pass-row .btn, .modal-assign .modal-content-inner.case-default-block .invitation-section.new-pass-row .btn-flat {
            margin-top: 5px; }
        .modal-assign .modal-content-inner.case-default-block .invitation-section .row {
          margin-bottom: 0; }
        .modal-assign .modal-content-inner.case-default-block .invitation-section .btn {
          vertical-align: top;
          margin-left: 10px; }
          .modal-assign .modal-content-inner.case-default-block .invitation-section .btn.btn-flat {
            box-shadow: none !important; }
        .modal-assign .modal-content-inner.case-default-block .invitation-section + .invitation-section {
          margin-top: 0; }
        .modal-assign .modal-content-inner.case-default-block .invitation-section .invitation-delete i {
          color: #5b6b78;
          font-size: 22px;
          font-weight: 700;
          line-height: 36px;
          display: block; }
    .modal-assign .modal-content-inner.h195 {
      height: 195px; }
  .modal-assign .assign-left {
    float: left;
    width: 300px;
    overflow: auto;
    height: 100%;
    padding: 20px 30px;
    border-right: 1px solid #e6e6e6; }
    .modal-assign .assign-left .search-block {
      margin: 0 0 10px; }
    .modal-assign .assign-left span.caret {
      color: #5b6b78;
      text-align: right; }
      .modal-assign .assign-left span.caret:before {
        display: none; }
    .modal-assign .assign-left .select-field {
      margin: 0; }
      .modal-assign .assign-left .select-field .select-dropdown {
        color: #5b6b78 !important;
        font-weight: 400 !important;
        margin: 0; }
      .modal-assign .assign-left .select-field + .chip {
        margin-top: 15px; }
    .modal-assign .assign-left .chip {
      font-size: 14px;
      margin-bottom: 10px; }
  .modal-assign .assign-right {
    width: 570px;
    overflow: auto;
    height: 100%; }
    .modal-assign .assign-right table {
      width: 100%; }
      .modal-assign .assign-right table .material-icons {
        display: none; }
      .modal-assign .assign-right table tr {
        cursor: pointer; }
        .modal-assign .assign-right table tr:hover {
          background: #f2f2f2; }
      .modal-assign .assign-right table.tags-table tr td {
        height: 50px;
        border-bottom: 1px solid #e6e6e6; }
      .modal-assign .assign-right table.tags-table tr:last-child td {
        border: none; }
    .modal-assign .assign-right tr.active .material-icons {
      display: inline-block; }
    .modal-assign .assign-right .chip {
      padding: 0;
      width: 32px;
      height: 32px;
      vertical-align: middle; }
    .modal-assign .assign-right .tag-wrapper {
      padding: 25px; }
    .modal-assign .assign-right span.badge.inline {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      float: none; }
    .modal-assign .assign-right .p20 {
      padding: 20px; }
  .modal-assign#modal-share-case .assign-right .chip {
    padding-left: 40px;
    padding-right: 12px;
    width: auto;
    font-size: 14px; }
  .modal-assign .modal-footer {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    padding: 15px 30px;
    height: auto; }
  .modal-assign .tabs-wrapper {
    padding: 0 30px;
    background: #f2f2f2; }
  .modal-assign .patient-form {
    width: 100%;
    padding-top: 20px; }
    .modal-assign .patient-form .row .col {
      padding: 0 2rem; }
    .modal-assign .patient-form .input-field.col label {
      left: 2rem; }
    .modal-assign .patient-form .input-field {
      margin-top: 0; }
    .modal-assign .patient-form .rel.ib {
      display: inline-block;
      margin-left: 40px; }
      .modal-assign .patient-form .rel.ib label {
        color: #5b6b78; }
    .modal-assign .patient-form .button-row {
      padding: 10px 0 30px; }
      .modal-assign .patient-form .button-row .btn {
        padding: 0 60px; }
  .modal-assign #patient-share .modal-content-inner {
    height: auto; }

.modal-share .modal-content-inner {
  padding: 30px 30px 0; }
  .modal-share .modal-content-inner img {
    width: 100%;
    display: block;
    margin: 0 0 20px; }
  .modal-share .modal-content-inner .row .col {
    padding: 0; }
    .modal-share .modal-content-inner .row .col label {
      left: 0; }
  .modal-share .modal-content-inner p {
    padding: 0 0 20px; }
    .modal-share .modal-content-inner p.text-light {
      color: #5b6b78; }
  .modal-share .modal-content-inner .pinned-msg {
    margin-bottom: 20px; }

.modal-share.modal-small {
  min-height: 0 !important; }

.modal-share .modal-footer {
  padding: 10px 30px;
  height: auto; }
  .modal-share .modal-footer .btn, .modal-share .modal-footer .btn-flat {
    margin: 0; }

.modal-share .form textarea.materialize-textarea {
  padding-bottom: 0; }

.modal-share .title {
  font-size: 12px;
  color: #5b6b78; }
  .modal-share .title:after {
    clear: both;
    content: "";
    display: block; }
  .modal-share .title strong {
    font-weight: 400;
    display: block;
    color: #313336;
    font-size: 14px; }
  .modal-share .title .icon {
    font-size: 35px;
    margin-right: 15px;
    margin-top: 3px; }

.video-floating {
  width: 360px;
  height: 203px;
  border-radius: 5px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  border: none; }
  .video-floating .row {
    margin: 0; }
  .video-floating .video-component.dark .overlay {
    opacity: 0;
    transition: all 0.5s;
    background: rgba(0, 0, 0, 0.25); }
  .video-floating .video-component.dark img, .video-floating .video-component.dark video {
    filter: none; }
  .video-floating .video-component.dark .page-nav-link {
    position: absolute;
    padding: 5px 15px;
    top: 10px;
    left: 5px;
    color: #fff;
    font-weight: 700;
    border-radius: 1000px;
    top: -48px;
    transition: top 0.3s ease 0s;
    text-decoration: none;
    display: inline-block;
    max-width: calc(100% - 75px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .video-floating .video-component.dark .page-nav-link:hover {
      background: rgba(0, 0, 0, 0.1);
      text-decoration: none; }
  .video-floating .video-component.dark:hover .overlay {
    opacity: 1; }
  .video-floating .video-component.dark:hover .page-nav-link {
    top: 10px; }
  .video-floating.expanded {
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .video-floating.contracted {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.video-floating .video-component.video .overlay .close-fullscreen .material-icons {
  font-size: 40px;
  line-height: 48px; }
  .video-floating .video-component.video .overlay .close-fullscreen .material-icons.icon-fullscreen {
    display: block; }
  .video-floating .video-component.video .overlay .close-fullscreen .material-icons.icon-fullscreen_exit {
    display: none; }

.video-floating.expanded .video-component.video .overlay .close-fullscreen .material-icons.icon-fullscreen_exit {
  display: block; }

.video-floating.expanded .video-component.video .overlay .close-fullscreen .material-icons.icon-fullscreen {
  display: none; }

.app-main > .video-floating {
  flex-grow: 0;
  flex-basis: auto; }

#nihss {
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: 'Open Sans', sans-serif !important; }

.stroke-share-controls .stroke-share-slide {
  line-height: 36px;
  display: inline-block; }

.video-floating:not(.expanded) .stroke-share-controls,
.case-det-page .video-floating:not(.expanded) .video-component .btn-group.stroke-share-controls {
  display: none; }

.stroke-wrapper {
  display: flex;
  flex-direction: row-reverse; }

.stroke-wrapper .stroke-video {
  height: calc((0.85)*100vh) !important;
  margin-top: 0 !important; }

.stroke-wrapper .stroke-img {
  height: auto !important;
  margin-top: 75%; }

.kit-subnav li a {
  padding-left: 30px; }

.layout__main__selector__list a.changes-indicator {
  padding: 15px 5px;
  color: #1774cc;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  margin: .5rem 1rem; }
  .layout__main__selector__list a.changes-indicator .material-icons {
    display: block;
    margin: 0 auto 5px;
    font-size: 24px;
    position: static;
    transform: none; }
  .layout__main__selector__list a.changes-indicator:hover, .layout__main__selector__list a.changes-indicator.active {
    color: #0469bd !important;
    border: none !important; }
    .layout__main__selector__list a.changes-indicator:hover .material-icons, .layout__main__selector__list a.changes-indicator.active .material-icons {
      text-decoration: none !important; }

/*Support and feedbacks*/
.support-page .wrapper.wide {
  max-width: 1060px; }

.support-page .h4 {
  margin-bottom: 20px; }

.support-page .h3 {
  margin-bottom: 20px; }

.support-page p.t-16 {
  margin: 0 0 25px; }

.support-page .likes {
  margin: 0 0 20px; }
  .support-page .likes li {
    margin: 0 12px;
    display: inline-block; }
    .support-page .likes li a {
      border-radius: 1000px;
      display: block;
      width: 70px;
      height: 70px;
      text-align: center;
      line-height: 83px;
      color: #5b6b78;
      cursor: pointer; }
      .support-page .likes li a.pos:hover {
        color: #30a039;
        background: rgba(48, 160, 57, 0.2); }
      .support-page .likes li a.neg:hover {
        color: #e6172c;
        background: rgba(230, 23, 44, 0.2); }
    .support-page .likes li.active a.pos {
      color: #30a039;
      background: rgba(48, 160, 57, 0.2); }
    .support-page .likes li.active a.neg {
      color: #e6172c;
      background: rgba(230, 23, 44, 0.2); }

.support-page .text-green {
  color: #30a039; }

.support-page .text-red {
  color: #e6172c; }

.support-page .support-sidebar {
  padding: 0 20px; }
  .support-page .support-sidebar .form .materialize-textarea {
    font-weight: 400;
    margin-bottom: 20px;
    height: 20px;
    min-height: 20px; }
  .support-page .support-sidebar .form .btn {
    width: 100%; }

.lh43 {
  line-height: 43px !important; }

/*global search*/
.global-search {
  border-left: 1px solid #313336;
  border-right: 1px solid #313336;
  padding: 6px 8px;
  margin: 0 10px;
  position: relative;
  min-width: 70px; }
  .global-search > .search-btn {
    position: absolute;
    right: 8px;
    top: 6px;
    z-index: 10;
    display: none; }
    @media (max-width: 1740px) {
      .global-search > .search-btn {
        display: block; } }
  .global-search .search-inner {
    background: #5b6b78;
    border-radius: 3px;
    position: relative;
    width: 575px; }
    @media (max-width: 1740px) {
      .global-search .search-inner {
        max-width: 0;
        overflow: hidden;
        transition: all linear .5s; } }
  .global-search .input-field {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .global-search .select-wrapper {
    width: 195px; }
    .global-search .select-wrapper input.select-dropdown {
      margin: 0;
      height: 39px;
      border: none;
      padding-left: 25px !important;
      color: #f2f2f2;
      text-transform: uppercase;
      font-size: 14px;
      box-sizing: border-box; }
  .global-search span.caret {
    color: #f2f2f2; }
    .global-search span.caret:before {
      display: none; }
  .global-search .search-btn {
    line-height: 1;
    background: none;
    border: none;
    padding: 0 10px;
    margin-right: 3px; }
    .global-search .search-btn .material-icons {
      line-height: 39px;
      height: 39px; }
  .global-search .dropdown-content.select-dropdown {
    max-height: 1000px;
    top: 0 !important;
    padding: 0 20px 10px !important; }
    .global-search .dropdown-content.select-dropdown li {
      border-bottom: 1px solid #e6e6e6;
      height: 36px;
      line-height: 36px; }
      .global-search .dropdown-content.select-dropdown li:last-child {
        border: none; }
      .global-search .dropdown-content.select-dropdown li span {
        color: #5b6b78;
        padding: 0; }
      .global-search .dropdown-content.select-dropdown li:focus, .global-search .dropdown-content.select-dropdown li:hover {
        background: none !important; }
      .global-search .dropdown-content.select-dropdown li.selected, .global-search .dropdown-content.select-dropdown li.active, .global-search .dropdown-content.select-dropdown li.active.selected {
        background: none !important; }
        .global-search .dropdown-content.select-dropdown li.selected:focus, .global-search .dropdown-content.select-dropdown li.selected:hover, .global-search .dropdown-content.select-dropdown li.active:focus, .global-search .dropdown-content.select-dropdown li.active:hover, .global-search .dropdown-content.select-dropdown li.active.selected:focus, .global-search .dropdown-content.select-dropdown li.active.selected:hover {
          background: none !important; }
        .global-search .dropdown-content.select-dropdown li.selected span, .global-search .dropdown-content.select-dropdown li.active span, .global-search .dropdown-content.select-dropdown li.active.selected span {
          color: #313336;
          font-weight: 700; }
    .global-search .dropdown-content.select-dropdown.active li:hover, .global-search .dropdown-content.select-dropdown.active li:focus {
      background: none !important; }
      .global-search .dropdown-content.select-dropdown.active li:hover span, .global-search .dropdown-content.select-dropdown.active li:focus span {
        font-weight: 400;
        color: #313336; }
    .global-search .dropdown-content.select-dropdown.active li.selected, .global-search .dropdown-content.select-dropdown.active li.active, .global-search .dropdown-content.select-dropdown.active li.active.selected {
      background: none !important; }
      .global-search .dropdown-content.select-dropdown.active li.selected span, .global-search .dropdown-content.select-dropdown.active li.active span, .global-search .dropdown-content.select-dropdown.active li.active.selected span {
        color: #313336;
        font-weight: 700; }
  .global-search .dropdown-content.select-dropdown.active li.active:hover, .global-search .dropdown-content.select-dropdown.active li.active:focus {
    background: none !important; }
  .global-search .input-box {
    flex: 2 0 50px;
    line-height: 1; }
    .global-search .input-box input {
      height: 15px;
      line-height: 15px;
      margin: 0;
      padding: 0 12px;
      font-size: 14px;
      background: none !important;
      text-align: left; }
      .global-search .input-box input + input {
        border-left: 1px solid #5b6b78 !important; }
    .global-search .input-box.name-box input {
      width: 32%;
      box-sizing: border-box; }
  .global-search .search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all linear 0.5s; }
    .global-search .search-results .results-inner {
      border: 1px solid #e6e6e6;
      border-radius: 0 0 3px 3px;
      background: #fff;
      font-size: 14px; }
      .global-search .search-results .results-inner .text-center {
        color: #313336;
        padding: 20px; }
        .global-search .search-results .results-inner .text-center p {
          text-align: center;
          margin: 0;
          line-height: 1.2; }
          .global-search .search-results .results-inner .text-center p + p {
            margin-top: 10px; }
          .global-search .search-results .results-inner .text-center p a {
            color: #1774cc; }
    .global-search .search-results.active {
      max-height: 1000px; }
    .global-search .search-results .title {
      line-height: 1;
      padding: 20px 20px 10px;
      color: #5b6b78; }
    .global-search .search-results table {
      line-height: 1.2;
      color: #5b6b78; }
      .global-search .search-results table td.dark {
        color: #313336; }
      .global-search .search-results table td {
        padding-left: 20px; }
      .global-search .search-results table tr + tr {
        border-top: 1px solid #e6e6e6; }
      .global-search .search-results table tr:hover {
        background: #f2f2f2;
        cursor: pointer; }

/*medium menu search active*/
.mn-wrapper {
  display: none; }

@media (max-width: 1740px) {
  .mn-wrapper {
    display: none;
    position: relative;
    padding-left: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    padding-right: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.12); }
  .dropdown-content.medium-nav {
    top: 100% !important;
    left: -10px !important; }
    .dropdown-content.medium-nav > li > a {
      margin-left: 0;
      padding-left: 10px; }
  nav .nav-wrapper .mn-wrapper i {
    line-height: 50px;
    height: 50px; }
  nav .nav-wrapper.search-shown .global-search > .search-btn {
    display: none; }
  nav .nav-wrapper.search-shown .global-search .search-inner {
    max-width: 500px;
    overflow: visible; }
  nav .nav-wrapper.search-shown .mn-wrapper {
    display: block; }
  nav .nav-wrapper.search-shown .app-header__nav {
    max-width: 0;
    overflow: hidden; } }

.large-grid .layout__main.pad .content.content-fill {
  overflow: inherit; }

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
  border-bottom: 1px solid #e6e6e6; }

/*Patient search*/
.patient-search-form .search-inner {
  position: relative;
  margin-bottom: 20px; }

.patient-search-form .btn.square {
  margin-top: 30px; }

.patient-search-form input {
  font-size: 14px; }

.patient-search-form .select-wrapper input.select-dropdown {
  color: #5b6b78;
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6; }

.patient-search-form .has-error .input-box input {
  color: #e6172c; }

.patient-search-form .has-error.input-box input {
  color: #e6172c; }

.patient-search-form .search-results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: all linear 0.5s; }
  .patient-search-form .search-results .results-inner {
    border: 1px solid #e6e6e6;
    border-radius: 0 0 3px 3px;
    background: #fff;
    font-size: 14px; }
    .patient-search-form .search-results .results-inner .text-center {
      color: #313336;
      padding: 20px; }
      .patient-search-form .search-results .results-inner .text-center p {
        text-align: center;
        margin: 0;
        line-height: 1.2; }
        .patient-search-form .search-results .results-inner .text-center p + p {
          margin-top: 10px; }
        .patient-search-form .search-results .results-inner .text-center p a {
          color: #1774cc; }
  .patient-search-form .search-results.active {
    max-height: 1000px; }
  .patient-search-form .search-results .title {
    line-height: 1;
    padding: 20px 20px 10px;
    color: #5b6b78; }
  .patient-search-form .search-results table {
    line-height: 1.2;
    color: #5b6b78; }
    .patient-search-form .search-results table td.dark {
      color: #313336; }
    .patient-search-form .search-results table td {
      padding-left: 20px; }
    .patient-search-form .search-results table tr + tr {
      border-top: 1px solid #e6e6e6; }
    .patient-search-form .search-results table tr:hover {
      background: #f2f2f2;
      cursor: pointer; }

.processing {
  line-height: 36px;
  color: #5b6b78;
  display: none; }
  .processing .preloader-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px; }

span.badge.ib {
  display: inline-block;
  float: none;
  vertical-align: middle;
  margin-left: 10px; }

.appointments-footer {
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  margin-top: 15px; }
  .appointments-footer:after {
    clear: both;
    display: block;
    content: ""; }
  .appointments-footer .btn {
    width: 120px;
    margin: 5px 0 5px 1rem; }
    .appointments-footer .btn.btn-flat {
      box-shadow: none !important; }
  .appointments-footer a {
    line-height: 36px; }

.active-table thead {
  color: #5b6b78;
  font-size: 12px;
  border: none; }
  .active-table thead th {
    padding-top: 0;
    padding-bottom: 0; }

.active-table tr:hover {
  background: #f2f2f2; }

.active-table tr td {
  padding-top: 5px;
  padding-bottom: 5px; }
  .active-table tr td:last-child {
    width: 33%; }
    .active-table tr td:last-child a {
      color: #313336; }
      .active-table tr td:last-child a .material-icons {
        width: 32px;
        height: 32px;
        border-radius: 1000px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        line-height: 32px;
        margin-left: 10px; }
        .active-table tr td:last-child a .material-icons:hover {
          background: rgba(0, 0, 0, 0.1); }

.active-table.responsive-table thead tr td {
  line-height: 24px; }

.modal-appoinments {
  width: 725px; }
  .modal-appoinments .modal-header.clearfix {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 54px;
    border-bottom: 1px solid #e6e6e6; }
    .modal-appoinments .modal-header.clearfix p {
      margin: 0;
      color: #5b6b78;
      font-weight: 300; }
      .modal-appoinments .modal-header.clearfix p strong {
        font-size: 18px;
        display: inline-block;
        color: #000;
        margin-right: 15px;
        font-weight: 400; }
    .modal-appoinments .modal-header.clearfix .modal-close {
      right: 12px;
      top: 20px; }
  .modal-appoinments .chip {
    margin: 0; }
  .modal-appoinments .case-section-title {
    margin: 5px 0;
    font-weight: 400;
    color: #313336;
    font-size: 20px;
    line-height: 25px; }
    .modal-appoinments .case-section-title.t18 {
      font-size: 18px; }
    .modal-appoinments .case-section-title .description {
      font-size: 14px; }
  .modal-appoinments .summary-label {
    color: #5b6b78;
    margin-bottom: 5px;
    display: block; }
    .modal-appoinments .summary-label.di {
      display: inline;
      margin: 0; }
  .modal-appoinments .modal-content-inner p {
    padding: 0; }
    .modal-appoinments .modal-content-inner p.text-light {
      color: #5b6b78; }
  .modal-appoinments .appointments-footer {
    padding-top: 25px;
    padding-bottom: 5px; }
    .modal-appoinments .appointments-footer .btn {
      width: 160px;
      letter-spacing: 0;
      padding-left: 5px;
      padding-right: 5px; }

.spinner-blue, .spinner-blue-only {
  border-color: #1774cc; }

.filter-block.hor-10 {
  margin-left: -10px; }

.filter-block .input-field.search-input {
  margin: 0; }

.filter-block .input-field .prefix ~ input.autocomplete {
  margin: 0;
  border: 1px solid #e6e6e6;
  width: 100%;
  border-radius: 3px;
  height: 36px;
  box-sizing: border-box;
  padding: 0 26px 0 15px;
  box-shadow: none !important; }

.layout__main__split.split-fullwidth .case-detail__content-section + .case-detail__content-section.app-section {
  border: none; }

.tabs .tab.disabled a, .tabs .tab.disabled a:hover {
  color: #e6172c; }

.appointment-block .summary-label {
  color: #5b6b78;
  margin-bottom: 5px;
  display: block; }
  .appointment-block .summary-label.di {
    display: inline;
    margin: 0; }

.appointment-block .appointments-footer {
  padding-top: 25px;
  padding-bottom: 5px; }
  .appointment-block .appointments-footer .btn {
    width: 160px;
    letter-spacing: 0;
    padding-left: 5px;
    padding-right: 5px; }

.case-detail__content-section .input-field.masked input, .case-default-block .input-field.masked input {
  display: inline-block;
  width: 50px;
  vertical-align: bottom; }

.case-detail__content-section .input-field.masked .slash, .case-default-block .input-field.masked .slash {
  display: inline-block;
  margin: 0 5px 10px; }

.case-detail__content-section .input-field.masked:focus input, .case-default-block .input-field.masked:focus input {
  border-bottom: 1px solid #1774cc;
  box-shadow: 0 1px 0 0 #1774cc; }

.case-detail__content-section .input-field.masked .feets, .case-detail__content-section .input-field.masked .inches, .case-default-block .input-field.masked .feets, .case-default-block .input-field.masked .inches {
  font-size: 23px;
  font-weight: 400;
  position: absolute;
  top: 10px;
  color: #e6e6e6; }

.case-detail__content-section .input-field.masked .feets, .case-default-block .input-field.masked .feets {
  left: 53px; }

.case-detail__content-section .input-field.masked .inches, .case-default-block .input-field.masked .inches {
  left: 100px; }

.case-detail__content-section .input-field.masked.feetinches input, .case-default-block .input-field.masked.feetinches input {
  width: 26px; }

.case-detail__content-section .input-field.masked.feetinches label, .case-default-block .input-field.masked.feetinches label {
  left: auto;
  right: 0; }

.case-detail__content-section .input-field.masked.feetinches.val-warning input, .case-default-block .input-field.masked.feetinches.val-warning input {
  padding: 0 !important; }

@media (min-width: 1220px) and (max-width: 1350px) {
  .case-detail__content-section .input-field.masked.feetinches.val-warning:after, .case-default-block .input-field.masked.feetinches.val-warning:after {
    right: 10px; } }

.w-145 {
  width: 145px; }
  @media (max-width: 1220px) {
    .w-145 {
      width: 100%; } }
  @media (min-width: 1350px) {
    .w-145 {
      width: 25%; } }

@media (max-width: 1220px) {
  .right.small-left {
    float: left !important; } }

/*Add new case*/
.layout__header.horizontal .wrapper.space-between {
  justify-content: space-between; }

.layout__header.horizontal.padding0 {
  padding: 0; }

.case-steps {
  height: 80px;
  line-height: 80px;
  margin: 0;
  vertical-align: top; }
  .case-steps li {
    display: inline-block;
    font-size: .875rem;
    color: #fff;
    line-height: 80px;
    height: 80px; }
    @media (max-width: 1300px) {
      .case-steps li {
        width: 40px;
        height: 80px;
        line-height: 80px;
        overflow: hidden; }
        .case-steps li.done .material-icons {
          vertical-align: -3px !important; } }
    .case-steps li a {
      height: 80px;
      display: inline-block;
      vertical-align: -1px;
      line-height: 80px;
      padding: 0 7.5px;
      color: #fff !important;
      -webkit-transition: background 0.3s ease-in;
      transition: background 0.3s ease-in; }
      .case-steps li a:link, .case-steps li a:hover, .case-steps li a:visited, .case-steps li a:active {
        text-decoration: none;
        outline: none; }
    .case-steps li .num {
      display: inline-block;
      width: 23px;
      height: 23px;
      border: 1px solid #fff;
      margin-right: 5px;
      border-radius: 1000px;
      text-align: center;
      line-height: 20px;
      box-sizing: border-box; }
    .case-steps li .material-icons {
      display: none; }
    .case-steps li.active {
      font-weight: 700; }
      .case-steps li.active .num {
        border-color: #fff;
        background: #fff;
        color: #1774cc;
        font-weight: 400; }
      .case-steps li.active a {
        color: #fff !important; }
        .case-steps li.active a:link, .case-steps li.active a:visited, .case-steps li.active a:hover, .case-steps li.active a:active {
          text-decoration: none !important;
          outline: none; }
    .case-steps li.done {
      color: #fff; }
      .case-steps li.done a {
        color: #fff; }
        .case-steps li.done a:hover {
          text-decoration: underline !important; }
      .case-steps li.done .num {
        display: none; }
      .case-steps li.done .material-icons {
        display: inline-block;
        width: 23px;
        height: 23px;
        margin-right: 5px;
        border-radius: 1000px;
        text-align: center;
        line-height: 20px;
        box-sizing: border-box;
        color: #1774cc;
        background: #fff;
        font-size: 18px;
        vertical-align: -5px;
        line-height: 21px; }

.waves-effect.waves-pale .waves-ripple {
  background-color: #e3e3e3; }

.waves-effect.waves-grey .waves-ripple {
  background-color: rgba(0, 0, 0, 0.1); }

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.14); }

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(230, 23, 44, 0.7); }

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(252, 213, 78, 0.7); }

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(239, 156, 35, 0.7); }

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(149, 133, 237, 0.7); }

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(48, 160, 57, 0.7); }

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(4, 167, 176, 0.7); }

.waves-effect.waves-gray .waves-ripple {
  background: rgba(0, 0, 0, 0.14); }

.waves-effect.waves-light-blue .waves-ripple {
  background: rgba(37, 171, 253, 0.7); }

.grey-box {
  display: block;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  text-align: center;
  color: #313336 !important;
  padding: 30px;
  margin-bottom: 20px; }
  .grey-box:hover {
    background: #f2f2f2;
    cursor: pointer;
    color: #313336 !important;
    text-decoration: none; }
  .grey-box.selected {
    border-color: #1774cc; }
  .grey-box .chip {
    margin: 0 5px 10px;
    width: 36px;
    height: 36px; }
    .grey-box .chip img {
      width: 36px;
      height: 36px; }
  .grey-box .service-line {
    display: block; }
    .grey-box .service-line + .service-line {
      margin-top: 5px; }
    .grey-box .service-line .material-icons {
      vertical-align: bottom;
      margin-left: -24px; }
      .grey-box .service-line .material-icons.text-green {
        color: #30a039; }
  .grey-box.cols {
    padding-left: 0;
    text-align: left; }
    .grey-box.cols:after {
      clear: both;
      display: block;
      content: ""; }
    .grey-box.cols .img-box {
      width: 50%;
      float: left;
      text-align: center; }
      .grey-box.cols .img-box img {
        max-width: 80%;
        max-height: 110px; }
    .grey-box.cols .box-right {
      width: 50%;
      float: left; }
      .grey-box.cols .box-right h5,
      .grey-box.cols .box-right .service-line {
        word-break: break-all; }
    .grey-box.cols .service-line .material-icons {
      margin: 0; }

.content-tabs {
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6; }
  .content-tabs .row {
    margin: 0; }

.btn.w260 {
  width: 260px; }

.mt20 {
  margin-top: 20px; }

.step-link {
  font-size: 18px;
  height: 80px;
  display: inline-block;
  vertical-align: middle;
  line-height: 80px;
  padding-right: 7.5px;
  -webkit-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in; }
  .step-link .material-icons {
    vertical-align: middle; }
  .step-link.next-step {
    color: #5b6b78;
    margin-right: 10px;
    padding-left: 7.5px; }
    .step-link.next-step.disabled {
      color: rgba(91, 107, 120, 0.5);
      cursor: default; }
      .step-link.next-step.disabled:hover {
        background: transparent; }
  .step-link:hover {
    background: #ededed; }

.t-15 {
  font-size: 15px; }

.t-18 {
  font-size: 18px; }

.next-holder {
  width: 110px; }

.snippet-icon {
  position: absolute;
  top: 0;
  right: 2rem;
  color: #5b6b78;
  width: 32px;
  height: 32px;
  border-radius: 1000px;
  text-align: center; }
  .snippet-icon:hover {
    background: rgba(0, 0, 0, 0.1); }
  .snippet-icon .material-icons {
    line-height: 32px; }

.textarea-field.active .snippet-icon {
  color: #1774cc; }

.checkbox-wrap.unbold [type="checkbox"] + label {
  font-weight: 400;
  padding-left: 35px; }

.form textarea.materialize-textarea.unbold {
  font-weight: 400 !important; }

.modal .modal-footer.align-right {
  text-align: right; }
  .modal .modal-footer.align-right .btn, .modal .modal-footer.align-right .btn-flat {
    float: none !important;
    width: 100px !important;
    margin-left: 15px !important; }
  .modal .modal-footer.align-right .checkbox-wrap {
    margin-top: 7px; }

.modal .modal-footer a.btn-flat.resp:last-child {
  width: auto; }

.input-field.col label.l5 {
  left: 5px; }

textarea.textarea-default {
  border: 1px solid #e6e6e6;
  height: 155px;
  resize: none;
  padding: 10px 15px; }

.btn.w160, .btn-flat.w160 {
  width: 170px; }

.btn.ml15, .btn-flat.ml15 {
  margin-left: 15px; }

.appointment-form .fake-input {
  height: 43px;
  line-height: 43px;
  border-bottom: 1px solid #e6e6e6;
  display: table;
  width: 100%;
  color: #5b6b78;
  table-layout: fixed; }
  .appointment-form .fake-input strong, .appointment-form .fake-input span {
    display: table-cell; }
  .appointment-form .fake-input strong {
    font-weight: 700;
    color: #313336; }
  .appointment-form .fake-input span {
    text-align: center; }

.appointment-form .pt35 {
  padding-top: 35px; }

.appointment-form .chip {
  margin-top: 10px;
  margin-bottom: 0; }

.appointment-form .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

.with-label .input-group {
  margin-top: 15px; }
  .with-label .input-group label {
    left: 0; }

.textarea-field.with-label {
  padding-top: 15px; }
  .textarea-field.with-label textarea.materialize-textarea {
    padding: 0; }

.stickerBlockPatientDetail > .row {
  padding-left: calc(100vw / 100 * 6.25 - 0.75rem);
  padding-right: calc(100vw / 100 * 6.25); }

ul.browser-default li a.inline-icon-link {
  margin-left: 10px;
  width: 32px;
  height: 32px;
  border-radius: 1000px;
  display: inline-block;
  text-align: center;
  text-decoration: none; }
  ul.browser-default li a.inline-icon-link .material-icons {
    vertical-align: -3px;
    font-size: 20px;
    line-height: 32px; }
  ul.browser-default li a.inline-icon-link:hover {
    background: rgba(23, 116, 204, 0.1); }
  ul.browser-default li a.inline-icon-link + a.inline-icon-link {
    margin-left: 5px; }

.case-default-block ul.browser-default {
  padding: 20px 0 0; }

.snippets-modal .assign-right h1 {
  font-size: 3rem; }

.snippets-modal .assign-right h2 {
  font-size: 2.25rem; }

.snippets-modal .assign-right ul {
  padding-left: 20px; }

.snippets-modal .assign-right ul, .snippets-modal .assign-right li {
  list-style-type: disc; }

.summary-data ul.browser-default {
  list-style: none;
  padding: 0;
  margin: 0; }

.prescribe-open {
  background: rgba(23, 116, 204, 0.2);
  border-radius: 3px;
  line-height: 50px;
  margin: 0 20px;
  padding-left: 20px; }
  .prescribe-open:after {
    clear: both;
    display: block;
    content: ""; }
  .prescribe-open .btn {
    height: 50px;
    line-height: 50px;
    min-width: 220px; }

.collapse-bottom .btn.cancel-link + .btn {
  width: auto !important;
  min-width: 220px; }

.prescribe-frame {
  position: relative;
  margin: 20px;
  border: 1px solid rgba(91, 107, 120, 0.5);
  padding: 15px 20px;
  border-radius: 3px; }
  .prescribe-frame p {
    margin-bottom: 10px; }
  .prescribe-frame .pl15 {
    padding-left: 15px; }
  .prescribe-frame .delete {
    position: absolute;
    top: 10px;
    right: 10px; }
    .prescribe-frame .delete i {
      font-size: 20px;
      color: rgba(91, 107, 120, 0.5); }

.btn.mt10 {
  margin-top: 10px; }

.provider-item {
  display: inline-block;
  vertical-align: middle;
  color: #5b6b78;
  font-size: 13px;
  margin-right: 20px;
  margin-top: 10px; }
  .provider-item span {
    display: inline-block;
    border-radius: 1000px;
    margin-right: 10px;
    vertical-align: -4px;
    width: 20px;
    height: 20px; }

.dark-blue {
  background: #313336; }

.calendar-nav.v11 .calendar-date-title {
  margin: 0 10px; }

.calendar-nav.v11 a {
  display: inline-block;
  color: #5b6b78;
  vertical-align: middle; }
  .calendar-nav.v11 a i {
    font-size: 20px; }

.modal.modal-app-assign {
  width: 355px; }
  .modal.modal-app-assign .modal-header {
    background: none;
    font-size: 15px;
    color: #5b6b78;
    padding: 10px;
    margin: 0 8px;
    height: auto; }
    .modal.modal-app-assign .modal-header .modal-close {
      top: 10px;
      right: 0; }
      .modal.modal-app-assign .modal-header .modal-close i {
        font-weight: 400;
        font-size: 18px; }
  .modal.modal-app-assign .app-row {
    padding: 0 8px;
    line-height: 32px;
    margin: 0; }
    .modal.modal-app-assign .app-row > .col {
      border-top: 1px solid #e6e6e6;
      padding: 10px 5px;
      font-size: 14px; }
    .modal.modal-app-assign .app-row .chip {
      background: none;
      color: #5b6b78;
      font-size: 14px;
      margin: 0; }
    .modal.modal-app-assign .app-row:not(.disabled):hover {
      background-color: #f2f2f2; }
      .modal.modal-app-assign .app-row:not(.disabled):hover > .col {
        border-color: #f2f2f2; }
      .modal.modal-app-assign .app-row:not(.disabled):hover + .app-row > .col {
        border-color: transparent; }
    .modal.modal-app-assign .app-row.disabled {
      opacity: .5; }
      .modal.modal-app-assign .app-row.disabled > .col {
        border-color: transparent; }
      .modal.modal-app-assign .app-row.disabled .text-center {
        color: #5b6b78; }

.modal.modal-nop {
  width: 800px; }
  .modal.modal-nop .modal-header h4 {
    font-size: 20px;
    font-weight: 400; }
  .modal.modal-nop p {
    padding-left: 0;
    padding-bottom: 5px;
    font-size: 16px;
    color: #5b6b78; }
  .modal.modal-nop .appointments-footer {
    padding-top: 30px; }
    .modal.modal-nop .appointments-footer .btn {
      width: 90px;
      margin-top: 10px; }

.btn.bordered-blue {
  background: none;
  border: 1px solid #1774cc;
  box-shadow: none !important;
  color: #1774cc; }
  .btn.bordered-blue:hover, .btn.bordered-blue:focus {
    background: #e6e6e6; }

.calendar-container-v1 .fc-event {
  padding: 0;
  box-sizing: border-box; }

.calendar-container-v1 .appointmentCalendar {
  position: absolute;
  overflow: hidden;
  cursor: pointer; }
  .calendar-container-v1 .appointmentCalendar .material-icons {
    width: 32px;
    height: 32px;
    border-radius: 1000px;
    text-align: center;
    line-height: 32px;
    display: none;
    position: absolute;
    left: -6px;
    top: -6px;
    margin: 0;
    font-size: 15px; }
  .calendar-container-v1 .appointmentCalendar > div {
    background: #f2f2f2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .calendar-container-v1 .appointmentCalendar.available-full > div {
    background: rgba(48, 160, 57, 0.2); }
  .calendar-container-v1 .appointmentCalendar.no-available {
    background: rgba(230, 23, 44, 0.2);
    box-shadow: inset 0 -1px 1px #e6e6e6; }
    .calendar-container-v1 .appointmentCalendar.no-available > div {
      background: #e6172c;
      color: #fff; }
    .calendar-container-v1 .appointmentCalendar.no-available > span {
      color: rgba(0, 0, 0, 0.5);
      vertical-align: middle;
      text-align: center;
      white-space: nowrap;
      display: block; }
  .calendar-container-v1 .appointmentCalendar.active-appointment, .calendar-container-v1 .appointmentCalendar:hover {
    box-shadow: inset 0 0 0 4px #1774cc;
    box-sizing: border-box; }
    .calendar-container-v1 .appointmentCalendar.active-appointment > div, .calendar-container-v1 .appointmentCalendar:hover > div {
      box-shadow: inset 2px 0 0 2px #1774cc;
      border-top: 2px solid #1774cc;
      border-bottom: 2px solid #1774cc;
      line-height: 59px !important; }

.fc-event-container .fc-bg {
  cursor: pointer; }

.gray-mid-text {
  color: #5b6b78 !important; }

.modal.modal-wizard .clearfix {
  position: relative; }

.modal.modal-wizard .content {
  padding-right: 1.5rem;
  float: left;
  font-size: 12px;
  width: 50%; }
  .modal.modal-wizard .content.left {
    border-left: 1px solid #e6e6e6;
    padding-right: 0;
    padding-left: 1.5rem; }
  .modal.modal-wizard .content .input-field {
    margin-top: 0;
    line-height: 3rem; }
    .modal.modal-wizard .content .input-field.inline-selection .material-icons {
      width: 40px; }
    .modal.modal-wizard .content .input-field.inline-selection .select-wrapper {
      display: inline-block;
      vertical-align: middle;
      width: calc(100% - 45px); }
      .modal.modal-wizard .content .input-field.inline-selection .select-wrapper .select-dropdown {
        font-size: 1rem; }
      .modal.modal-wizard .content .input-field.inline-selection .select-wrapper span.caret {
        top: 0;
        bottom: auto;
        height: 3rem;
        line-height: 3rem; }
        .modal.modal-wizard .content .input-field.inline-selection .select-wrapper span.caret:before {
          top: 0;
          height: 3rem;
          line-height: 3rem; }
    .modal.modal-wizard .content .input-field.inline-selection input[type="text"] {
      border-color: #e6e6e6;
      color: #5b6b78; }
  .modal.modal-wizard .content p {
    font-size: 12px;
    padding: 0;
    margin: 0 0 15px;
    color: #5b6b78; }
    .modal.modal-wizard .content p .t16 {
      font-size: 16px; }
  .modal.modal-wizard .content .cam-holder {
    margin-top: 20px;
    background: #e6e6e6;
    height: 160px;
    width: 250px;
    color: #5b6b78;
    position: relative; }
    .modal.modal-wizard .content .cam-holder .material-icons {
      line-height: 160px;
      width: 100%;
      margin: 0 auto;
      text-align: center;
      font-size: 80px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
  .modal.modal-wizard .content img, .modal.modal-wizard .content video {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: relative; }
  .modal.modal-wizard .content .progress {
    height: 5px;
    background: #e6e6e6;
    width: auto;
    border-radius: 0;
    margin: 0 0 20px; }
    .modal.modal-wizard .content .progress .determinate {
      border-radius: 0;
      background: #1774cc;
      /* Old browsers */
      background: -moz-linear-gradient(left, #1774cc 33%, #04a7b0 66%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #1774cc 33%, #04a7b0 66%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #1774cc 33%, #04a7b0 66%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary', endColorstr='#04a7b0',GradientType=1 );
      /* IE6-9 */ }
  .modal.modal-wizard .content .modal-trigger {
    position: absolute;
    bottom: 15px;
    left: 0; }
    .modal.modal-wizard .content .modal-trigger .material-icons {
      vertical-align: -6px;
      margin-right: 10px; }

.case-form.is-edit .tabs {
  margin: 2em 2em 0;
  width: auto; }

.case-default-block .add-form-block {
  margin-bottom: 30px; }
  .case-default-block .add-form-block .view-btn {
    border: 2px dashed #e6e6e6;
    box-sizing: border-box; }

.check-for-imaging {
  color: #1774cc !important;
  width: 100%;
  font-weight: 400;
  line-height: 60px;
  height: 60px;
  display: block;
  text-align: center;
  transition: .2s ease-out;
  cursor: pointer; }
  .check-for-imaging:hover, .check-for-imaging:active:hover, .check-for-imaging:focus:hover {
    background: #f2f2f2; }

.case-detail__content-section__heading a.btn-flat {
  font-weight: 400; }

.case-detail__content-section__heading .material-icons {
  vertical-align: -8px;
  margin: 0 10px;
  cursor: default; }

.case-default-block .collapse-edit .case-form__body.nih-edit .row .col {
  margin-top: 0;
  margin-bottom: 0; }

.case-default-block .collapse-edit .collapsible-body .case-form__body.nih-edit .checkbox-wrap {
  line-height: 25px; }

.case-form__body.nih-edit .input-field .material-icons.right.tooltipped {
  position: absolute;
  right: 1.2em;
  top: 0.5em; }

.bkw-second-heading .material-icons {
  vertical-align: -3px;
  margin-left: 10px; }

.table-profile.table-simple {
  border-top: none; }
  .table-profile.table-simple .input-field {
    margin-top: 0; }
  .table-profile.table-simple tr {
    border-bottom: 1px solid #e6e6e6; }
    .table-profile.table-simple tr th {
      color: rgba(0, 0, 0, 0.87);
      padding-right: 20px; }
      .table-profile.table-simple tr th:first-child {
        padding-right: 40px; }
    .table-profile.table-simple tr td {
      padding-right: 20px; }
      .table-profile.table-simple tr td:first-child {
        padding-right: 40px; }
  .table-profile.table-simple i.act {
    display: inline-block;
    vertical-align: -6px;
    font-size: 22px;
    margin-left: 5px;
    width: 32px;
    height: 32px;
    border-radius: 1000px;
    line-height: 32px;
    text-align: center; }
    .table-profile.table-simple i.act:hover {
      cursor: pointer;
      background: #f2f2f2; }
    .table-profile.table-simple i.act.text-grey:hover {
      background: none;
      cursor: default; }

.tooltipped {
  cursor: default; }

nav .nav-wrapper .app-header__mobile #title_text i {
  display: inline-block;
  vertical-align: -6px;
  margin-left: 15px; }

.modal .modal-footer a.btn-flat:first-child:hover {
  background: #f2f2f2; }

.line-through {
  text-decoration: line-through; }

/* MOBILE ONLY TABS */
.case-detail__tabs {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  width: 100%;
  z-index: 1; }
  @media only screen and (min-width: 601px) {
    .case-detail__tabs {
      display: none; }
      .case-detail__tabs .tabs {
        display: none; } }

/* PATIENT INFO MOBILE HEADER */
.case-detail__header--mobile {
  background: #fff;
  padding: 10px; }
  .case-detail__header--mobile .badge {
    float: none;
    margin-left: 0;
    margin-right: 10px; }
  @media (min-width: 601px) and (max-width: 960px) {
    .case-detail__header--mobile {
      display: none; } }

/* PATIENT INFO TABLET HEADER */
.case-detail__header--tablet {
  display: none; }
  @media (min-width: 601px) and (max-width: 960px) {
    .case-detail__header--tablet {
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
      padding: 10px 70px 10px 10px;
      position: relative;
      width: 100%; } }
  .case-detail__header--tablet .patient-info-list {
    margin-right: 20px; }

#toggle-case-details-pane {
  margin-left: auto;
  position: absolute;
  right: 10px;
  top: 10px; }

@media only screen and (min-width: 601px) {
  #case-summary-mobile {
    display: none; } }

/* PATIENT INFO DESKTOP HEADER */
.case-detail__header--desk {
  align-items: flex-start;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%; }
  @media only screen and (max-width: 960px) {
    .case-detail__header--desk {
      display: none; } }
  .case-detail__header--desk .patient-info-list {
    max-width: 500px; }
    @media only screen and (min-width: 601px) {
      .case-detail__header--desk .patient-info-list {
        columns: 2; } }

/* PATIENT INFO HEADER */
.case-detail__patient-info {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 10px; }
  @media only screen and (min-width: 1281px) {
    .case-detail__patient-info {
      padding: 15px 15px 15px 30px; } }
  .case-detail__patient-info .bkw-large-heading, .case-detail__patient-info .display {
    display: inline-block;
    vertical-align: top; }
  .case-detail__patient-info .badge {
    float: none; }

.case-detail__patient-actions {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: flex-end;
  padding: 10px;
  position: relative; }
  @media only screen and (max-width: 960px) {
    .case-detail__patient-actions {
      display: none; } }
  @media only screen and (min-width: 1281px) {
    .case-detail__patient-actions {
      padding: 30px 15px 0; } }
  .case-detail__patient-actions > .btn {
    max-width: 300px; }
    @media only screen and (min-width: 1281px) {
      .case-detail__patient-actions > .btn {
        flex-grow: 1;
        height: 50px;
        line-height: 50px; } }
  .case-detail__patient-actions .btn-flat {
    margin-left: 10px; }

.patient-info-list {
  color: #5b6b78;
  font-size: 12px;
  line-height: 15px; }
  @media (min-width: 601px) and (max-width: 960px) {
    .patient-info-list {
      min-width: 160px;
      max-width: 200px; } }
  .patient-info-list li {
    margin: 0; }

.patient-team-list {
  clear: left;
  color: #5b6b78;
  font-size: 12px;
  line-height: 15px; }
  .patient-team-list li {
    display: inline; }
    .patient-team-list li + li {
      margin-left: 20px; }

.case-detail__patient-team-info {
  display: flex;
  width: 100%; }
  @media only screen and (min-width: 1281px) {
    .case-detail__patient-team-info {
      border-top: 1px solid #e6e6e6; } }

.case-detail__patient-team-box {
  flex: 0 1 180px;
  padding: 10px; }
  @media only screen and (min-width: 1281px) {
    .case-detail__patient-team-box {
      padding: 10px 30px; } }
  .case-detail__patient-team-box + .case-detail__patient-team-box {
    flex-grow: 1; }
    @media only screen and (min-width: 1281px) {
      .case-detail__patient-team-box + .case-detail__patient-team-box {
        border-left: 1px solid #e6e6e6; } }

.case-detail__team-list {
  font-size: 12px;
  margin: 0; }
  @media only screen and (min-width: 1281px) {
    .case-detail__team-list {
      display: flex;
      flex-wrap: wrap; } }
  .case-detail__team-list > dt {
    display: block;
    font-weight: 400; }
    @media only screen and (min-width: 1281px) {
      .case-detail__team-list > dt {
        margin-bottom: 0.5em;
        width: 100%; } }
  .case-detail__team-list > dd {
    display: inline;
    margin: 0;
    height: 32px; }
    .case-detail__team-list > dd .chip.no-text {
      width: 32px;
      padding-left: 0; }

.case-detail__timers {
  display: flex; }
  @media only screen and (min-width: 961px) {
    .case-detail__timers {
      margin-left: auto;
      padding: 0 10px; } }

.case-detail__timer-status + .case-detail__timer-status {
  margin-left: 10px; }

@media only screen and (min-width: 961px) {
  .case-detail__timer-status {
    margin: 10px 20px; } }

.case-detail__timer-status dt {
  color: #5b6b78;
  font-size: 12px;
  font-weight: 400; }
  @media only screen and (max-width: 600px) {
    .case-detail__timer-status dt {
      float: left;
      clear: left;
      margin-right: 1ch; }
      .case-detail__timer-status dt:after {
        content: ":"; } }

.case-detail__timer-status dd {
  font-size: 24px;
  line-height: 28px;
  margin: 0; }
  @media only screen and (max-width: 600px) {
    .case-detail__timer-status dd {
      font-size: 12px;
      color: #5b6b78;
      line-height: 1.5; } }

/* CASE FORM SECTION */
.case-form-selector--mobile {
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  margin: 0 -10px;
  padding: 10px; }
  @media only screen and (min-width: 961px) {
    .case-form-selector--mobile {
      display: none; } }
  .case-form-selector--mobile .bkw-medium-heading {
    cursor: pointer;
    margin-right: 20px; }
  .case-form-selector--mobile .btn-flat.circle {
    margin-left: auto; }

@media only screen and (max-width: 600px) {
  .case-detail__content-section {
    margin-left: -10px;
    margin-right: -10px; } }

@media only screen and (max-width: 600px) {
  .case-detail__content-section + .case-detail__content-section {
    border-top: 1px solid #e6e6e6; } }

.case-detail__content-section + .case-detail__content-section:before {
  margin-top: 30px;
  margin-bottom: 15px; }
  @media only screen and (min-width: 601px) {
    .case-detail__content-section + .case-detail__content-section:before {
      content: "";
      display: block;
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media only screen and (min-width: 961px) {
    .case-detail__content-section + .case-detail__content-section:before {
      margin-left: -30px;
      margin-right: -30px;
      width: calc(100% + 60px); } }

.case-detail__content-section__heading {
  padding: 20px 10px 0; }
  .case-detail__content-section__heading .bkw-heading {
    margin: 0; }

/* CASE FORMS */
.case-form {
  position: relative; }
  @media only screen and (min-width: 601px) {
    .case-form {
      border: 1px solid #e6e6e6;
      border-radius: 3px;
      margin-bottom: 30px; } }

.case-form__header {
  background: #f2f2f2;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px; }

.case-form__meta {
  color: #5b6b78; }
  .case-form__meta p {
    font-size: 12px;
    line-height: 1.5;
    margin: 0; }

.case-form__body {
  padding: 20px 10px 0; }
  .is-done .case-form__body {
    background: #f2f2f2; }
  .case-form__body .row .col {
    margin-bottom: 1.5rem; }

/* VIDEO */
.layout__pane__video {
  flex-shrink: 0; }
  @media only screen and (min-width: 601px) {
    .layout__pane__video {
      height: 151.875px; } }
  @media only screen and (min-width: 1281px) {
    .layout__pane__video {
      height: 202.5px; } }

.video-component {
  align-items: center;
  background: #313336;
  display: flex;
  flex-direction: column;
  height: 56.25vw;
  justify-content: center; }
  @media only screen and (min-width: 601px) {
    .video-component {
      height: 100%; } }
  .video-component .btn + .btn-flat {
    margin-top: 15px; }
  .video-component .btn-flat.bordered {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.3); }

/* MESSAGES PANE */
.layout__pane__messages {
  border-left: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  overflow: hidden; }
  .layout__pane__messages .message-list {
    overflow: auto; }

.case-detail__message-input-area textarea {
  border: 1px solid #e6e6e6;
  border-left: 0;
  border-right: 0;
  display: block;
  font-size: 16px;
  padding: 10px 20px;
  resize: none;
  width: 100%; }

.case-detail__header--desk {
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .case-detail__header--desk .case-detail__patient-info {
    display: flex;
    align-items: center;
    padding: 15px 20px 5px; }
    .case-detail__header--desk .case-detail__patient-info .text-grey {
      margin-left: 10px; }
  .case-detail__header--desk .bkw-medium-heading {
    display: inline-block; }
  .case-detail__header--desk .data-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 20px 10px; }
    .case-detail__header--desk .data-button .data-items {
      flex-grow: 1; }
    .case-detail__header--desk .data-button .case-detail__patient-actions {
      padding: 0; }
    .case-detail__header--desk .data-button .data-row {
      margin: 0 0 10px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .case-detail__header--desk .data-button .data-row .text-grey {
        width: 140px;
        font-size: inherit; }
      .case-detail__header--desk .data-button .data-row dd {
        margin: 0;
        width: calc(100% - 140px);
        flex-wrap: wrap; }
  .case-detail__header--desk .chip {
    font-size: 14px; }
  .case-detail__header--desk .btn-flat.bordered.circle {
    border-color: #e6e6e6;
    color: #e6e6e6;
    margin-left: 7px; }
  .case-detail__header--desk .case-detail__patient-team-info {
    align-items: center; }

/*=== New dividers ===*/
.case-det-page .case-default-block .case-detail__content-section__heading .row .col {
  padding: 0; }

.case-det-page .case-default-block .appointment_attached-block::after,
.case-det-page .case-default-block .intake-block::after,
.case-det-page .case-default-block .vitals-block::after,
.case-det-page .case-default-block .general-block::after,
.case-det-page .case-default-block .stroke-intake::after,
.case-det-page .case-default-block .provider_notes-block::after,
.case-det-page .case-default-block .triage-block::after,
.case-det-page .case-default-block .payment-block::after,
.case-det-page .case-default-block .imaging-block::after,
.case-det-page .case-default-block .ocg_intake-block::after,
.case-det-page .case-default-block .tpa_tracking-block::after,
.case-det-page .case-default-block .tpa_decision-block::after,
.case-det-page .case-default-block .tpa_decision_2018-block::after,
.case-det-page .case-default-block .case_notes-block::after,
.case-det-page .case-default-block .case_links-block::after,
.case-det-page .case-default-block .stroke_scale-block::after,
.case-det-page .case-default-block .behavioral-block::after,
.case-det-page .case-default-block .complaint-block::after,
.case-det-page .case-default-block .patient_note-block::after,
.case-det-page .case-default-block .patient_triage-block::after,
.case-det-page .case-default-block .primary_care_provider-block::after,
.case-det-page .case-default-block .provider_notes_2-block::after,
.case-det-page .case-default-block .psych_notes-block::after,
.case-det-page .case-default-block .technical_issue_tracker-block::after,
.case-det-page .case-default-block .time_tracking-block::after,
.case-det-page .case-default-block .stroke_intake-block::after,
.case-det-page .case-default-block .soap_notes-block::after,
.case-det-page .case-default-block .demographics-block::after,
.case-det-page .case-default-block .medhistory-block::after,
.case-det-page .case-default-block .history-block::after,
.case-det-page .case-default-block .pcproviders-block::after,
.case-det-page .case-default-block .verify-and-complete-block::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  margin-bottom: .5rem; }

.case-det-page .case-default-block .attachments-block #case-summary::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  margin-bottom: .5rem; }

/* PATIENT INFO */
.case-queue__stat-cards {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end; }
  .case-queue__stat-cards .bkw-stat-card:last-child {
    flex-grow: 0; }

.my-cases-summary-list {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap; }
  @media only screen and (max-width: 600px) {
    .my-cases-summary-list {
      margin-bottom: 0; } }
  .my-cases-summary-list li {
    margin-right: 20px;
    white-space: nowrap; }
    @media only screen and (max-width: 600px) {
      .my-cases-summary-list li {
        margin-bottom: 0.5em; } }
    .my-cases-summary-list li:last-child {
      font-size: 16px;
      margin-left: auto; }
      @media only screen and (max-width: 600px) {
        .my-cases-summary-list li:last-child {
          width: 100%; } }
  .my-cases-summary-list .badge {
    float: none;
    margin: 0; }

.subheading {
  font-size: 1.125rem;
  margin: 0 0 1em;
  letter-spacing: 0.03em;
  line-height: 1.5rem; }

.modal-simple .modal-header {
  background: transparent;
  height: 62px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #e6e6e6; }
  .modal-simple .modal-header h4 {
    font-size: 20px; }

.modal-simple .modal-content-inner p {
  padding: 0;
  margin: 0; }
  .modal-simple .modal-content-inner p.subheading {
    font-size: 1.125rem;
    margin: 0 0 1em;
    letter-spacing: 0.03em;
    line-height: 1.5rem; }

.modal-simple .modal-footer {
  height: 68px;
  border-top: 1px solid #e6e6e6 !important; }
  .modal-simple .modal-footer .btn, .modal-simple .modal-footer .btn-large, .modal-simple .modal-footer .btn-flat {
    float: none;
    margin: 0; }

.modal-simple .modal-content-text .chip.simple {
  padding: 0;
  height: 40px;
  width: 40px;
  margin-right: 1.5rem; }
  .modal-simple .modal-content-text .chip.simple img {
    height: 40px;
    width: 40px; }
  .modal-simple .modal-content-text .chip.simple .dot {
    bottom: 0px;
    left: 28px;
    position: absolute; }

.modal-simple .event-data {
  margin-bottom: 1.5rem; }
  .modal-simple .event-data div:first-child {
    color: #313336;
    font-weight: 700; }

.panel {
  border: 1px solid #e6e6e6;
  border-radius: 4px; }
  .panel .panel-body {
    padding: 20px; }

.btn.only-ic {
  min-width: 32px;
  padding: 0 !important; }
  .btn.only-ic .material-icons {
    font-size: 1.5rem;
    vertical-align: 0;
    margin-right: 0; }

.btn.btn-simple {
  background: #fff;
  color: #5b6b78 !important;
  border: 1px solid #e6e6e6;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.12) !important; }
  .btn.btn-simple:hover {
    background: #e6e6e6; }
  .btn.btn-simple:focus, .btn.btn-simple:active {
    background: #fff; }

.icon-link .icon {
  display: block;
  font-size: 1.5rem; }

.icon-link {
  display: inline-block;
  cursor: pointer;
  background: none;
  border: none; }
  .icon-link .material-icons, .icon-link .icon {
    border-radius: 1000px;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px; }
    .icon-link .material-icons:hover, .icon-link .material-icons:focus, .icon-link .material-icons:active, .icon-link .icon:hover, .icon-link .icon:focus, .icon-link .icon:active {
      outline: none; }
    .icon-link .material-icons:focus, .icon-link .icon:focus {
      color: #1774cc; }
  .icon-link:hover, .icon-link:focus, .icon-link:active {
    text-decoration: none;
    outline: none;
    background-color: transparent; }
    .icon-link:hover .material-icons, .icon-link:hover .icon, .icon-link:focus .material-icons, .icon-link:focus .icon, .icon-link:active .material-icons, .icon-link:active .icon {
      background: rgba(0, 0, 0, 0.12); }
    .icon-link:hover.pink-text .material-icons, .icon-link:hover.pink-text .icon, .icon-link:focus.pink-text .material-icons, .icon-link:focus.pink-text .icon, .icon-link:active.pink-text .material-icons, .icon-link:active.pink-text .icon {
      background: rgba(248, 27, 115, 0.3); }
    .icon-link:hover.white-text .material-icons, .icon-link:hover.white-text .icon, .icon-link:focus.white-text .material-icons, .icon-link:focus.white-text .icon, .icon-link:active.white-text .material-icons, .icon-link:active.white-text .icon {
      background: rgba(255, 255, 255, 0.3); }
    .icon-link:hover.blue-text .material-icons, .icon-link:hover.blue-text .icon, .icon-link:focus.blue-text .material-icons, .icon-link:focus.blue-text .icon, .icon-link:active.blue-text .material-icons, .icon-link:active.blue-text .icon {
      background: rgba(23, 116, 204, 0.3); }
    .icon-link:hover.danger-text .material-icons, .icon-link:hover.danger-text .icon, .icon-link:focus.danger-text .material-icons, .icon-link:focus.danger-text .icon, .icon-link:active.danger-text .material-icons, .icon-link:active.danger-text .icon {
      background: rgba(230, 23, 44, 0.3); }
  .icon-link[disabled] {
    cursor: default;
    color: rgba(91, 107, 120, 0.38) !important; }
    .icon-link[disabled]:hover .material-icons, .icon-link[disabled]:hover .icon, .icon-link[disabled]:focus .material-icons, .icon-link[disabled]:focus .icon, .icon-link[disabled]:active .material-icons, .icon-link[disabled]:active .icon {
      background: none; }

.module-box {
  padding: 0 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #1774cc; }
  .module-box a {
    color: #313336;
    display: block;
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 18px; }
    .module-box a:hover {
      color: #0469bd;
      text-decoration: none; }
  .module-box a.module-box-title {
    pointer-events: none;
    cursor: default;
    margin-bottom: 0 !important;
    font-size: 1rem !important;
    font-weight: 700;
    line-height: 1.5rem !important; }
    .module-box a.module-box-title .material-icons {
      vertical-align: -7px;
      display: none; }
  .module-box.border-purple {
    border-color: #9C27B0; }
  .module-box.border-orange {
    border-color: #e7741c; }
  .module-box.border-green {
    border-color: #4CAF50; }
  .module-box.border-ship-cove {
    border-color: #6F7BBE; }
  .module-box.border-viking {
    border-color: #74BDE0; }
  .module-box.border-blue-grey {
    border-color: #607D8B; }
  .module-box.border-charm {
    border-color: #D8648B; }
  .module-box.border-silver-tree {
    border-color: #74BFA5; }
  .module-box.border-corn {
    border-color: #E5CC0A; }
  .module-box.border-fern-green {
    border-color: #5B8B3D; }
  .module-box.border-san-marino {
    border-color: #41689B; }
  .module-box.border-east-side {
    border-color: #B390D1; }
  .module-box.border-blush {
    border-color: #BF4272; }
  .module-box.border-de-york {
    border-color: #7DD080; }
  .module-box.border-jewel {
    border-color: #147627; }
  .module-box.border-wasabi {
    border-color: #899628; }
  .module-box.border-portage {
    border-color: #8692F5; }
  .module-box.border-downy {
    border-color: #66C7AA; }
  .module-box.border-bourbon {
    border-color: #BA791A; }
  .module-box.border-gray-mid {
    border-color: #5b6b78; }
  .module-box.border-patina {
    border-color: #5E938E; }
  .module-box.border-wattle {
    border-color: #D9CA40; }
  .module-box.border-trendy-pink {
    border-color: #7A5884; }
  .module-box.border-japonica {
    border-color: #D87070; }
  .module-box.border-amethyst-smoke {
    border-color: #9086A7; }
  .module-box.border-citron {
    border-color: #99BE20; }
  .module-box.border-eucalyptus {
    border-color: #2A9F60; }
  .module-box.border-dusty-gray {
    border-color: #959191; }
  .module-box.border-eminence {
    border-color: #742E93; }

.hide-if-simple {
  display: none; }

/* add this class to the main div to see special permissions options */
.special-perm .module-box a.module-box-title {
  pointer-events: auto;
  cursor: pointer; }

.special-perm .module-box .module-box-title .material-icons {
  display: inline-block; }

.special-perm .hide-if-simple {
  display: block !important; }

.message-list {
  line-height: normal;
  margin: 0;
  padding: 0; }

.message-list__item {
  display: flex;
  align-items: flex-start;
  padding: 8px 16px;
  position: relative; }
  .is-ruled .message-list__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 12px 8px; }

.message-list__item-image {
  margin-right: 10px;
  position: relative; }
  .message-list__item-image img {
    border-radius: 50%;
    display: block;
    height: 36px;
    width: 36px; }
  .message-list__item-image .dot {
    bottom: -2px;
    position: absolute;
    right: -2px; }
  .message-list__item-image:not(.is-ruled) img {
    height: 32px;
    width: 32px; }
  .message-list__item-image .material-icons {
    background: #313336;
    border-radius: 50%;
    color: #fff;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px; }

.message-list__item-content {
  min-width: 0; }

.message-list__item-title {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin: 0; }

.message-list__item-time {
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  opacity: 0.38; }

.message-list__item-message {
  line-height: 1.5;
  margin: 0; }

.message-list__item-article {
  border-left: 4px solid #e6e6e6;
  margin-top: 10px;
  padding-left: 10px; }
  .message-list__item-article p {
    line-height: 22px;
    margin: 0; }

.message-list__item-article__site-name {
  color: #e6e6e6;
  font-size: 12px; }
  .message-list__item-article__site-name img {
    border-radius: 2px;
    background: #000;
    height: 16px;
    margin-top: -1px;
    padding: 2px;
    width: 16px; }

p.message-list__item-article__title {
  font-weight: 700;
  margin: -2px 0; }

.message-list__item-shared__meta {
  color: #5b6b78;
  margin: 0 0 5px; }
  .message-list__item-shared__meta .material-icons {
    color: #e6e6e6;
    vertical-align: middle; }

.message-list__item-shared__image img {
  border-radius: 4px; }

.message-list__item-shared__post {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  max-width: 100%;
  padding: 5px 15px 10px 50px;
  position: relative;
  width: 100%; }
  .message-list__item-shared__post a {
    color: inherit; }
  .message-list__item-shared__post .material-icons {
    color: #e6e6e6;
    font-size: 36px;
    left: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.message-list__item-shared__post__title {
  font-size: 16px;
  margin: 0; }

.message-list__item-shared__post__status {
  color: #5b6b78;
  font-size: 11px;
  line-height: 16px;
  margin: 0; }

.message-list__item-timeago,
.message-list__item-timer {
  font-size: 12px;
  line-height: 1.5;
  margin: 0; }

/**/
.message-list__item span {
  display: inline-block; }

span.message-list__item-timer {
  display: block; }

.dropdown-content.for-cases .message-list__item-content {
  padding: 12px 8px; }

.dropdown-content ul.message-list li {
  padding: 0; }
  .dropdown-content ul.message-list li a {
    margin-left: 0;
    display: inline-block;
    line-height: 1.3;
    padding: 12px 8px;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal; }

.dropdown-content.for-cases .message-list__item.is-unread:before,
.dropdown-content.for-messages .message-list__item.is-unread:before,
.dropdown-content.for-notifications .message-list__item.is-unread:before {
  background: #f2f2f2; }

.dropdown-content.for-cases .message-list__item:hover:before,
.dropdown-content.for-messages .message-list__item:hover:before,
.dropdown-content.for-notifications .message-list__item:hover:before {
  background: rgba(242, 242, 242, 0.5); }

.dropdown-content ul.message-list li:nth-child(n+3) a {
  border-top: none; }

/* clearfix */
.dropdown-content ul.message-list li a:before,
.dropdown-content ul.message-list li a:after {
  content: "";
  display: table; }

.dropdown-content ul.message-list li a:after {
  clear: both; }

.dropdown-content ul.message-list li a {
  zoom: 1; }

.message-list__item-image + .message-list__item-content {
  overflow: inherit;
  display: block;
  padding: 0 0 0 46px;
  margin: 0; }

.dropdown-content.for-messages .message-list__item-message,
.dropdown-content.for-notifications .message-list__item-message {
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal; }

#case-collaboration a {
  color: #313336; }

#case-collaboration span.message-list__item-shared {
  display: block; }

#case-collaboration span.message-list__item-shared__image {
  display: block; }

#case-collaboration span.message-list__item-shared__post__status {
  display: block; }

.bkw-stat-card {
  background: #fff;
  border-radius: 3px;
  display: flex;
  flex-grow: 1;
  max-width: 280px; }
  @media (min-width: 1280px) {
    .bkw-stat-card {
      max-width: 340px; } }
  .bkw-stat-card + .bkw-stat-card {
    margin-left: 10px; }

.bkw-stat-card__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 10px 15px; }
  @media (min-width: 1280px) {
    .bkw-stat-card__content {
      padding: 15px 30px; } }

.bkw-stat-card__heading {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0; }
  @media (min-width: 1280px) {
    .bkw-stat-card__heading {
      font-size: 16px; } }

.bkw-stat-card__text {
  color: #5b6b78;
  line-height: 18px;
  margin: 0; }

.bkw-stat-card__icon {
  align-items: center;
  border-left: 1px solid #e6e6e6;
  display: flex;
  flex-grow: 0;
  padding: 10px; }
  @media (min-width: 1280px) {
    .bkw-stat-card__icon {
      padding: 15px; } }
  @media (min-width: 1280px) {
    .bkw-stat-card__icon .material-icons {
      font-size: 48px; } }

.dropdown-content .grouped-list {
  margin: 0; }

.grouped-list dt,
.grouped-list dd {
  margin: 0; }

.grouped-list dt {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
  line-height: 20px; }

.grouped-list dd {
  border-top: 1px solid rgba(0, 0, 0, 0.06); }

.grouped-list dt,
.grouped-list a {
  padding: 10px 10px 10px 15px; }

.grouped-list dd + dt {
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding-top: 15px; }

.grouped-list a {
  color: rgba(0, 0, 0, 0.54) !important;
  display: block;
  position: relative;
  text-decoration: none;
  transition: background-color .3s; }
  .grouped-list a:hover {
    background: #f2f2f2; }

.grouped-list .dot {
  border: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0; }

.grouped-list .badge {
  float: right; }

.case-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  .case-card + .case-card {
    margin-top: 20px; }

.case-card__summary {
  display: flex;
  flex-grow: 1;
  padding: 10px 20px;
  justify-content: space-between;
  flex-direction: row;
  background: #f2f2f2;
  align-items: center; }

.case-card__title-bar {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap; }
  .case-card__title-bar .bkw-card-heading {
    line-height: 1;
    font-size: 20px;
    margin: 0 15px 0 0;
    font-weight: 700; }
    @media only screen and (max-width: 600px) {
      .case-card__title-bar .bkw-card-heading {
        margin-bottom: 0.3em;
        width: 100%; } }
    @media only screen and (min-width: 601px) {
      .case-card__title-bar .bkw-card-heading {
        margin-right: 20px; } }
  .case-card__title-bar .badge {
    float: none;
    margin: 0 5px 0 0; }
  .case-card__title-bar .text-grey {
    margin-left: 10px; }

.case-card__complaint {
  margin-bottom: 0; }
  .case-card__complaint dt {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 700; }
  .case-card__complaint dd {
    margin: 0; }
    @media only screen and (min-width: 601px) {
      .case-card__complaint dd {
        font-size: 18px; } }

.case-card__meta {
  width: 100%;
  justify-content: flex-end; }
  @media only screen and (min-width: 601px) {
    .case-card__meta {
      display: flex;
      flex-grow: 0;
      flex-shrink: 0;
      flex-wrap: wrap; } }
  @media only screen and (min-width: 961px) {
    .case-card__meta {
      width: 300px; } }
  @media only screen and (min-width: 601px) {
    .case-card__meta .patient-info-list {
      font-size: 1rem;
      margin: 0; }
      .case-card__meta .patient-info-list li:nth-child(3) {
        margin-top: 1em; } }

.case-card__timer-status {
  width: 100%;
  margin: 0; }
  @media only screen and (min-width: 601px) {
    .case-card__timer-status {
      text-align: center;
      width: 50%; } }
  @media only screen and (min-width: 601px) and (max-width: 960px) {
    .case-card__timer-status {
      order: 99;
      width: 25%; } }
  @media only screen and (max-width: 960px) {
    .case-card__timer-status {
      margin: 0; } }
  @media only screen and (min-width: 961px) {
    .case-card__timer-status {
      margin-top: 0;
      width: 50%; } }
  @media only screen and (min-width: 601px) and (max-width: 960px) {
    .case-card__timer-status:first-child {
      margin-left: auto; } }
  @media only screen and (max-width: 600px) {
    .case-card__timer-status dt,
    .case-card__timer-status dd {
      display: inline; } }
  .case-card__timer-status dt {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px; }
  .case-card__timer-status dd {
    margin: 0; }
    @media only screen and (min-width: 601px) {
      .case-card__timer-status dd {
        font-size: 24px; } }

.case-card__team {
  padding: 15px 20px;
  width: auto; }
  @media only screen and (min-width: 601px) {
    .case-card__team {
      align-items: flex-start;
      display: flex; } }

.case-card__team-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  /*@media only screen and (min-width : 601px) {
    padding: 20px;
  }

  @media only screen and (min-width : 961px) {
    padding: 20px 0 20px 40px;
  }*/ }
  @media only screen and (max-width: 600px) {
    .case-card__team-list {
      font-size: 12px; } }
  .case-card__team-list dt {
    margin-right: 20px;
    white-space: nowrap;
    width: 100%; }
  .case-card__team-list dd {
    margin: 0 0.5ch 0 0;
    white-space: nowrap; }
    @media only screen and (min-width: 961px) {
      .case-card__team-list dd {
        margin-right: 10px; } }
  .case-card__team-list + .case-card__team-list {
    flex-wrap: wrap; }
  .case-card__team-list .chip {
    margin-top: 5px; }

.case-card__action .btn {
  white-space: nowrap;
  padding: 0 45px; }

.patient-data {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6; }
  .patient-data .data-items {
    padding: 15px 20px;
    flex-wrap: wrap;
    width: 45%; }
    .patient-data .data-items .data-row {
      margin: 0 0 10px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .patient-data .data-items .data-row .text-grey {
        width: 180px;
        font-size: inherit;
        padding-right: 5px; }
      .patient-data .data-items .data-row dd {
        margin: 0;
        width: calc(100% - 180px);
        flex-wrap: wrap; }
  .patient-data .patient-description {
    padding: 15px 20px;
    border-left: 1px solid #e6e6e6;
    width: 55%; }

.team-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
  .team-wrap .chip {
    font-size: 14px;
    color: #313336; }

/*Colors*/
.primary {
  background-color: #1774cc !important; }

.primary-text {
  color: #1774cc !important; }

.primary-hover {
  background-color: #3a89d4 !important; }

.primary-hover-text {
  color: #3a89d4 !important; }

.primary-focus {
  background-color: #5197d9 !important; }

.primary-focus-text {
  color: #5197d9 !important; }

.gray-background {
  background-color: #f2f2f2 !important; }

.gray-background-text {
  color: #f2f2f2 !important; }

.gray-light {
  background-color: #e6e6e6 !important; }

.gray-light-text {
  color: #e6e6e6 !important; }

.gray-mid {
  background-color: #5b6b78 !important; }

.gray-mid-text {
  color: #5b6b78 !important; }

.gray-dark {
  background-color: #313336 !important; }

.gray-dark-text {
  color: #313336 !important; }

.success {
  background-color: #30a039 !important; }

.success-text {
  color: #30a039 !important; }

.success-hover {
  background-color: #4fae57 !important; }

.success-hover-text {
  color: #4fae57 !important; }

.success-focus {
  background-color: #64b86b !important; }

.success-focus-text {
  color: #64b86b !important; }

.warning {
  background-color: #e7741c !important; }

.warning-text {
  color: #e7741c !important; }

.warning-hover {
  background-color: #eb893e !important; }

.warning-hover-text {
  color: #eb893e !important; }

.warning-focus {
  background-color: #ed9755 !important; }

.warning-focus-text {
  color: #ed9755 !important; }

.danger {
  background-color: #e6172c !important; }

.danger-text {
  color: #e6172c !important; }

.danger-hover {
  background-color: #ea3a4c !important; }

.danger-hover-text {
  color: #ea3a4c !important; }

.danger-focus {
  background-color: #ec5161 !important; }

.danger-focus-text {
  color: #ec5161 !important; }

.black {
  background-color: #000 !important; }

.black-text {
  color: #000 !important; }

.white {
  background-color: #fff !important; }

.white-text {
  color: #fff !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

.pink {
  background-color: #f81b73 !important; }

.pink-text {
  color: #f81b73 !important; }

.cherry {
  background-color: #c40934 !important; }

.cherry-text {
  color: #c40934 !important; }

.purple {
  background-color: #9585ed !important; }

.purple-text {
  color: #9585ed !important; }

.deep-purple {
  background-color: #5d51a2 !important; }

.deep-purple-text {
  color: #5d51a2 !important; }

.indigo {
  background-color: #0469bd !important; }

.indigo-text {
  color: #0469bd !important; }

.light-blue {
  background-color: #25abfd !important; }

.light-blue-text {
  color: #25abfd !important; }

.teal {
  background-color: #04a7b0 !important; }

.teal-text {
  color: #04a7b0 !important; }

.green {
  background-color: #30a039 !important; }

.green-text {
  color: #30a039 !important; }

.lime {
  background-color: #71df54 !important; }

.lime-text {
  color: #71df54 !important; }

.yellow {
  background-color: #fcd54e !important; }

.yellow-text {
  color: #fcd54e !important; }

.orange {
  background-color: #ef9c23 !important; }

.orange-text {
  color: #ef9c23 !important; }

.blue-grey {
  background-color: #396070 !important; }

.blue-grey-text {
  color: #396070 !important; }

.blue {
  background-color: #1774cc !important; }

.blue-text {
  color: #1774cc !important; }

.red {
  background-color: #e6172c !important; }

.red-text {
  color: #e6172c !important; }

.grey {
  background-color: #5b6b78 !important; }

.grey-text {
  color: #5b6b78 !important; }

.secondary {
  background-color: #272f37 !important; }

.secondary-text {
  color: #272f37 !important; }

.secondary-hover {
  background-color: #474e55 !important; }

.secondary-hover-text {
  color: #474e55 !important; }

.black {
  background-color: #000 !important; }

.black-text {
  color: #000 !important; }

.white {
  background-color: #fff !important; }

.white-text {
  color: #fff !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

.gradient-vertical-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(to bottom, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(135deg, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-blue {
  background-color: #0469bd !important;
  background: -moz-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -webkit-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -ms-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: linear-gradient(to right, #0469bd 0%, #25abfd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(to bottom, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(135deg, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-teal {
  background-color: #396070 !important;
  background: -moz-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -webkit-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -ms-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: linear-gradient(to right, #396070 0%, #04a7b0 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(to bottom, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(135deg, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-green {
  background-color: #30a039 !important;
  background: -moz-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -webkit-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -ms-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: linear-gradient(to right, #30a039 0%, #71df54 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(to bottom, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(135deg, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-yellow {
  background-color: #ef9c23 !important;
  background: -moz-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -webkit-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -ms-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: linear-gradient(to right, #ef9c23 0%, #fcd54e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(to bottom, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(135deg, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-purple {
  background-color: #5d51a2 !important;
  background: -moz-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -webkit-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -ms-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: linear-gradient(to right, #5d51a2 0%, #9585ed 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(to bottom, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(135deg, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-pink {
  background-color: #c40934 !important;
  background: -moz-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -webkit-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -ms-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: linear-gradient(to right, #c40934 0%, #f81b73 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

@charset "UTF-8";
html {
  font-size: 16px; }

body:not(.responsive) {
  min-width: 1024px;
  overflow-x: auto; }

body body:not(.responsive) {
  min-width: 0 !important; }

.mob-overlay {
  display: none;
  position: fixed;
  height: calc(100% - 54px);
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  top: 138px; }
  @media (min-width: 1281px) {
    .mob-overlay {
      display: none !important; } }

.case-det-page .layout__main__split {
  border-left: 0; }

.case-det-page .layout__main__selector.sidebar {
  width: 220px !important; }

.case-det-page .detail-nav-left {
  position: absolute;
  top: 8px;
  left: 0; }

.case-det-page .layout__pane, .case-det-page .detail-nav-right {
  width: auto; }

.case-det-page .detail-nav-right {
  position: absolute;
  top: 8px;
  right: 0; }

.case-det-page .detail-nav-center.center-wrap {
  margin-left: 300px;
  margin-right: 300px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 1615px) {
    .case-det-page .detail-nav-center.center-wrap {
      width: 100%;
      max-width: 1216px;
      padding-left: 0;
      padding-right: 0; } }
  .case-det-page .detail-nav-center.center-wrap .nav-center-wrap .badge {
    vertical-align: 2px;
    margin-left: 5px; }
  .case-det-page .detail-nav-center.center-wrap .nav-center-wrap .name {
    margin-top: 10px; }

.case-det-page .layout__main__content {
  padding-left: 0;
  padding-right: 0;
  flex: 1 1 auto;
  -webkit-transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: width;
  height: calc(100vh - 138px) !important; }

.case-det-page .case-details-nav {
  position: relative;
  padding: 8px 0 0;
  height: 83px; }
  .case-det-page .case-details-nav .detail-nav-right ul.nav-list {
    margin-right: 10px; }
  .case-det-page .case-details-nav .detail-nav-center {
    color: #5b6b78; }
    .case-det-page .case-details-nav .detail-nav-center .detail-title .dot {
      width: 10px;
      height: 10px;
      border: none;
      margin-left: 7px; }
    .case-det-page .case-details-nav .detail-nav-center ul.nav-list li a {
      min-width: 80px; }
      @media (max-width: 600px) {
        .case-det-page .case-details-nav .detail-nav-center ul.nav-list li a {
          min-width: 65px; } }
      .case-det-page .case-details-nav .detail-nav-center ul.nav-list li a:link, .case-det-page .case-details-nav .detail-nav-center ul.nav-list li a:visited, .case-det-page .case-details-nav .detail-nav-center ul.nav-list li a:hover, .case-det-page .case-details-nav .detail-nav-center ul.nav-list li a:active {
        text-decoration: none;
        outline: none; }
  .case-det-page .case-details-nav ul.nav-list {
    margin: 0 0 0 10px; }
    .case-det-page .case-details-nav ul.nav-list > li {
      display: inline-block;
      vertical-align: bottom;
      position: relative;
      line-height: initial; }
      .case-det-page .case-details-nav ul.nav-list > li > a {
        padding: 5px 5px 5px;
        color: #5b6b78;
        border-radius: 3px;
        display: block;
        min-width: 95px;
        text-align: center; }
        @media (max-width: 600px) {
          .case-det-page .case-details-nav ul.nav-list > li > a {
            min-width: 55px; } }
        .case-det-page .case-details-nav ul.nav-list > li > a i {
          height: 35px;
          line-height: 35px;
          display: block;
          text-align: center; }
          .case-det-page .case-details-nav ul.nav-list > li > a i.text-green {
            color: #30a039; }
          .case-det-page .case-details-nav ul.nav-list > li > a i[data-badge]:after {
            border: 2px solid #fff;
            border-radius: 10px;
            height: 20px;
            min-width: 16px;
            padding: 0 7px;
            right: 8px;
            top: -2px;
            width: auto;
            display: inline-block;
            line-height: 1.3em !important; }
        .case-det-page .case-details-nav ul.nav-list > li > a:hover {
          color: #1774cc;
          background: #f2f2f2; }
        .case-det-page .case-details-nav ul.nav-list > li > a .hide-link {
          display: none; }
        .case-det-page .case-details-nav ul.nav-list > li > a:link, .case-det-page .case-details-nav ul.nav-list > li > a:visited, .case-det-page .case-details-nav ul.nav-list > li > a:hover, .case-det-page .case-details-nav ul.nav-list > li > a:active {
          text-decoration: none;
          outline: none; }
      .case-det-page .case-details-nav ul.nav-list > li.active > a {
        color: #1774cc; }
        .case-det-page .case-details-nav ul.nav-list > li.active > a .hide-link {
          display: inline; }
        .case-det-page .case-details-nav ul.nav-list > li.active > a .show-link {
          display: none; }
      .case-det-page .case-details-nav ul.nav-list > li .dropdown-content {
        width: 200px; }
        @media (max-width: 600px) {
          .case-det-page .case-details-nav ul.nav-list > li .dropdown-content {
            width: 160px; } }
    .case-det-page .case-details-nav ul.nav-list .add-bordered i {
      font-size: 28px; }

.case-det-page .layout__main__selector__list li {
  padding: 0 10px;
  margin-bottom: 10px; }
  .case-det-page .layout__main__selector__list li a {
    border-radius: 3px;
    padding: 8px 10px; }

.case-det-page .layout__main__selector__list.messages-friends {
  overflow: auto; }
  .case-det-page .layout__main__selector__list.messages-friends li {
    padding: 0;
    margin: 0; }
    .case-det-page .layout__main__selector__list.messages-friends li a {
      border-radius: 0;
      padding: 20px 20px 20px 10px; }

.case-det-page .case-form__header {
  border-radius: 3px 3px 0 0; }

.case-det-page .case-form__body {
  border-radius: 0 0 3px 3px; }

.case-det-page .chip {
  background: #e9e9e9; }

.case-det-page .case-detail__patient-info {
  padding: 30px 0 0; }
  .case-det-page .case-detail__patient-info:after {
    clear: both;
    display: block;
    content: ""; }
  .case-det-page .case-detail__patient-info h1 .send-file, .case-det-page .case-detail__patient-info h2 .send-file, .case-det-page .case-detail__patient-info .display .send-file {
    position: relative;
    color: #5b6b78;
    text-align: left;
    vertical-align: -6px;
    margin-left: 10px;
    font-size: 40px; }
    .case-det-page .case-detail__patient-info h1 .send-file:hover, .case-det-page .case-detail__patient-info h2 .send-file:hover, .case-det-page .case-detail__patient-info .display .send-file:hover {
      color: #1774cc;
      cursor: pointer; }

.case-det-page .case-detail__patient-team-info {
  border: none;
  justify-content: flex-start; }

.case-det-page .case-detail__team-list > dd {
  height: auto;
  display: inline-block;
  vertical-align: top; }

.case-det-page .case-detail__team-list > dd .chip.no-text {
  width: 42px;
  padding-right: 0; }

.case-det-page .case-detail__patient-team-box {
  padding: 15px 10px 10px 0;
  flex-basis: auto; }
  .case-det-page .case-detail__patient-team-box .btn-flat.bordered.circle {
    width: 42px;
    height: 42px;
    margin-right: 10px; }
    .case-det-page .case-detail__patient-team-box .btn-flat.bordered.circle i {
      font-size: 1.5rem;
      line-height: 40px; }
    .case-det-page .case-detail__patient-team-box .btn-flat.bordered.circle.text-btn {
      width: auto;
      border-radius: 1000px;
      border-color: #e6e6e6;
      padding: 0 1rem;
      font-size: 0.875rem;
      font-weight: 400;
      color: #5b6b78;
      line-height: 40px; }
      .case-det-page .case-detail__patient-team-box .btn-flat.bordered.circle.text-btn i {
        vertical-align: -7px;
        margin-right: 5px; }
  .case-det-page .case-detail__patient-team-box .chip {
    height: 42px;
    border-radius: 1000px;
    line-height: 42px;
    padding-left: 50px;
    padding-right: 20px;
    font-size: 14px; }
    .case-det-page .case-detail__patient-team-box .chip .dot {
      left: 25px;
      bottom: -1px; }
    .case-det-page .case-detail__patient-team-box .chip img {
      height: 36px;
      width: 36px;
      top: 3px;
      left: 3px; }
    .case-det-page .case-detail__patient-team-box .chip.white {
      border: 1px solid #e6e6e6; }
      .case-det-page .case-detail__patient-team-box .chip.white img {
        top: 2px;
        left: 2px; }

.case-det-page .case-detail__timers.intake-timers {
  align-items: center;
  justify-content: space-between;
  z-index: 5; }
  .case-det-page .case-detail__timers.intake-timers .material-icons {
    color: #5b6b78; }
  .case-det-page .case-detail__timers.intake-timers .case-detail__timer-status:last-child {
    margin-right: 0; }

.case-det-page .video-component {
  align-items: stretch;
  justify-content: flex-start;
  background: #fff;
  border-bottom: 1px solid #e6e6e6; }
  .case-det-page .video-component .text-block {
    padding: 25px 20px; }
    .case-det-page .video-component .text-block strong {
      font-weight: 700;
      display: block;
      margin: 0 0 15px; }
      .case-det-page .video-component .text-block strong.bold800 {
        font-weight: 800; }
  .case-det-page .video-component .btn-group {
    display: block; }
    .case-det-page .video-component .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
      border-radius: 3px; }
    .case-det-page .video-component .btn-group a.btn.video-btn {
      width: 100%; }
  .case-det-page .video-component .checkbox-wrap .filled-in[type="checkbox"] + label {
    display: block;
    padding-left: 0;
    padding-right: 23px;
    font-weight: 400; }
    .case-det-page .video-component .checkbox-wrap .filled-in[type="checkbox"] + label:before {
      left: auto;
      right: 9px; }
    .case-det-page .video-component .checkbox-wrap .filled-in[type="checkbox"] + label:after {
      left: auto;
      right: 0; }
  .case-det-page .video-component #add-person {
    top: 125px !important;
    width: 279px !important; }
    .case-det-page .video-component #add-person #addtab3 .btn, .case-det-page .video-component #add-person #addtab4 .btn {
      padding: 0 30px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .case-det-page .video-component #add-person {
      top: 265px !important; } }

.case-det-page .layout__pane__video {
  height: 230px; }

@media only screen and (min-width: 601px) {
  .case-det-page .layout__pane.layout__pane--locked {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #fff;
    position: static;
    -webkit-transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: margin;
    margin-right: -320px;
    width: 320px;
    border-left: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10; }
  .case-det-page .layout__pane.layout__pane--locked.show-side {
    margin-right: 0;
    border-left: 1px solid #e6e6e6; } }

.case-det-page .layout__pane.layout__pane--locked {
  overflow: visible;
  /* do not remove - for locked video fullscreen work */ }

@media only screen and (min-width: 1281px) {
  .case-det-page .layout__pane.layout__pane--locked {
    position: relative; } }

@media (max-width: 1280px) {
  .case-det-page .layout__pane.layout__pane--locked, .case-det-page .video__split .layout__pane.layout__pane--locked {
    top: 138px;
    bottom: 0;
    height: auto; } }

.case-det-page .layout__main__selector {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #fff;
  position: static;
  -webkit-transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: margin;
  width: 220px !important;
  margin-left: -220px;
  border-left: none;
  border-right: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 10;
  overflow-y: auto; }

@media only screen and (min-width: 1280px) {
  .case-det-page .layout__main__selector.show-side {
    margin-left: 0;
    border-right: 1px solid #e6e6e6; } }

.case-det-page .case-detail__content-section + .case-detail__content-section:before {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%; }

@media (min-width: 600px) {
  .case-det-page .case-detail__content-section .wrapper {
    max-width: 1260px !important;
    padding: 0 30px; } }

.case-det-page .center-wrap {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  line-height: 1.5; }

.case-det-page .center-flex {
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex: 1 0 auto;
  width: 100%;
  max-width: 1260px;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 0 30px;
  flex-wrap: wrap; }

.case-det-page .pad0 {
  padding: 0; }

.case-det-page .sticky {
  position: fixed;
  top: 141px;
  z-index: 101; }

.case-det-page .layout__pane--locked .collapsible {
  margin: 0;
  box-shadow: none;
  border: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative; }
  .case-det-page .layout__pane--locked .collapsible > li {
    flex-grow: 1;
    line-height: inherit; }
    .case-det-page .layout__pane--locked .collapsible > li + li .collapsible-header {
      border-top: 1px solid #e6e6e6;
      margin-top: -1px; }
    .case-det-page .layout__pane--locked .collapsible > li + li:not(.active) {
      border-bottom: 1px solid #e6e6e6; }
  .case-det-page .layout__pane--locked .collapsible .collapsible-header {
    font-size: 14px;
    color: #313336;
    border: none;
    line-height: 50px;
    height: 50px; }
    .case-det-page .layout__pane--locked .collapsible .collapsible-header .badge {
      vertical-align: 2px; }
    .case-det-page .layout__pane--locked .collapsible .collapsible-header i {
      margin: 0;
      line-height: 49px; }
      .case-det-page .layout__pane--locked .collapsible .collapsible-header i.up {
        display: none; }
    .case-det-page .layout__pane--locked .collapsible .collapsible-header.active i.up {
      display: block; }
    .case-det-page .layout__pane--locked .collapsible .collapsible-header.active i.down {
      display: none; }
  .case-det-page .layout__pane--locked .collapsible .collapsible-body {
    padding-top: 10px;
    border: none; }
    .case-det-page .layout__pane--locked .collapsible .collapsible-body .col-item {
      margin-bottom: 5px; }
      .case-det-page .layout__pane--locked .collapsible .collapsible-body .col-item .name {
        width: calc(100% - 100px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle; }
      .case-det-page .layout__pane--locked .collapsible .collapsible-body .col-item .chip {
        padding: 0;
        width: 32px;
        vertical-align: middle;
        margin-bottom: 0; }
      .case-det-page .layout__pane--locked .collapsible .collapsible-body .col-item .timestamp {
        float: right;
        font-size: 12px;
        color: #5b6b78;
        margin-top: 7px; }
    .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap {
      padding: 15px 0;
      position: relative;
      display: inline-block; }
      .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap .btn, .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap .btn-flat {
        height: 50px;
        line-height: 50px; }
        .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap .btn.video-btn, .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap .btn-flat.video-btn {
          padding: 0 20px; }
          .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap .btn.video-btn i, .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap .btn-flat.video-btn i {
            margin-right: 5px;
            vertical-align: -6px; }
      .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap .btn-flat {
        width: 50px;
        padding: 0;
        text-align: center; }
        .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap .btn-flat i {
          font-size: 24px; }
      .case-det-page .layout__pane--locked .collapsible .collapsible-body .btns-wrap .dropdown-content {
        width: auto !important;
        left: auto !important;
        right: 0; }
  .case-det-page .layout__pane--locked .collapsible .chat {
    flex-grow: 0;
    position: relative; }
    .case-det-page .layout__pane--locked .collapsible .chat .collapsible-body {
      padding: 0;
      overflow: hidden; }
      .case-det-page .layout__pane--locked .collapsible .chat .collapsible-body .messages-content {
        height: 100%;
        overflow: hidden; }
        .case-det-page .layout__pane--locked .collapsible .chat .collapsible-body .messages-content .chat-wrap {
          overflow: auto; }
      .case-det-page .layout__pane--locked .collapsible .chat .collapsible-body.chat-only .trail {
        display: none; }
      .case-det-page .layout__pane--locked .collapsible .chat .collapsible-body.trail-only .clearfix {
        display: none; }
    .case-det-page .layout__pane--locked .collapsible .chat .chat-view {
      position: absolute;
      right: 45px;
      top: 15px;
      color: #5b6b78; }
      .case-det-page .layout__pane--locked .collapsible .chat .chat-view .material-icons {
        font-size: 18px; }
      .case-det-page .layout__pane--locked .collapsible .chat .chat-view + .dropdown-content {
        width: 200px !important;
        right: 15px;
        left: auto !important; }
        .case-det-page .layout__pane--locked .collapsible .chat .chat-view + .dropdown-content a .material-icons {
          display: none; }
        .case-det-page .layout__pane--locked .collapsible .chat .chat-view + .dropdown-content .active a {
          color: #1774cc; }
          .case-det-page .layout__pane--locked .collapsible .chat .chat-view + .dropdown-content .active a .material-icons {
            display: block; }

.depend-sidebar-block {
  overflow-y: auto; }

#case-new-side {
  overflow: hidden; }

.linkDisabled {
  cursor: not-allowed !important;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.26) !important; }

.linkDisabled a, a.linkDisabled {
  pointer-events: none;
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: default; }

/* case-video-messages-pane  -- case-chat-sidebar  */
.case-det-page {
  /*default at first load*/ }
  .case-det-page #case-chat-side, .case-det-page #care-team-side, .case-det-page #audit-trail-side {
    display: none; }
  .case-det-page .flex {
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    flex: 1 1 auto;
    height: 100%; }

.case-chat-sidebar {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  flex: 1 0 auto;
  height: 100%; }
  .case-chat-sidebar .msg-chat-list {
    overflow-y: auto;
    height: 100%;
    flex: 1 1 auto; }

.audit-sidebar .title-block {
  margin: 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #e6e6e6; }
  .audit-sidebar .title-block:after {
    clear: both;
    display: block;
    content: ""; }
  .audit-sidebar .title-block .pagination {
    margin: 0;
    font-size: 14px; }
    .audit-sidebar .title-block .pagination li {
      height: auto;
      vertical-align: top; }
      .audit-sidebar .title-block .pagination li a {
        padding: 0 2px;
        height: 18px;
        line-height: 21px;
        min-width: 0;
        font-weight: 400;
        border: none; }
        .audit-sidebar .title-block .pagination li a:hover {
          background: none;
          color: #313336; }
      .audit-sidebar .title-block .pagination li.active {
        height: auto;
        line-height: 21px;
        width: auto; }
        .audit-sidebar .title-block .pagination li.active a {
          border: none;
          color: #313336; }
      .audit-sidebar .title-block .pagination li.disabled a {
        color: #e6e6e6; }

.trail {
  margin: 0; }
  .trail li {
    position: relative;
    padding: 0 20px;
    margin-bottom: 20px;
    color: #5b6b78; }
    .trail li:before {
      position: absolute;
      width: 15px;
      height: 6px;
      background: #f2f2f2;
      left: 0;
      top: 14px;
      content: ""; }
    .trail li strong {
      color: #313336; }

.msg-input-bottom {
  padding: 8px 18px 3px 16px;
  background: #fff;
  border-top: 1px solid #e6e6e6;
  max-width: 100%;
  width: 100%; }
  .msg-input-bottom .input-field {
    margin: 0;
    min-height: 32px;
    position: relative; }
    .msg-input-bottom .input-field textarea.materialize-textarea {
      overflow-y: auto;
      resize: none;
      width: calc(100% - 6rem);
      height: 1.35rem;
      min-height: 1.35rem;
      max-height: 120px;
      background-color: #fff;
      border: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
      border-radius: 5px;
      outline: none;
      font-size: 15px;
      line-height: 20px;
      margin: 0;
      padding: 0.5rem 5rem 0.5rem 1rem;
      box-sizing: content-box;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .msg-input-bottom .input-field textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e6e6e6;
        box-shadow: none; }
      .msg-input-bottom .input-field textarea.materialize-textarea::-webkit-input-placeholder {
        color: #b3b3b3;
        line-height: 18px; }
      .msg-input-bottom .input-field textarea.materialize-textarea::-moz-placeholder {
        color: #b3b3b3;
        line-height: 18px; }
      .msg-input-bottom .input-field textarea.materialize-textarea:-moz-placeholder {
        color: #b3b3b3;
        line-height: 18px; }
      .msg-input-bottom .input-field textarea.materialize-textarea:-ms-input-placeholder {
        color: #b3b3b3;
        line-height: 18px; }
    .msg-input-bottom .input-field .msg-send {
      text-transform: uppercase;
      font-size: 14px;
      line-height: 17px;
      padding: 8px 14px 8px 8px;
      display: inline-block;
      position: absolute;
      right: -1px;
      bottom: 6px;
      font-weight: 800;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      color: #1774cc; }
      .msg-input-bottom .input-field .msg-send:active, .msg-input-bottom .input-field .msg-send:hover {
        color: #313336; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .msg-input-bottom .input-field .msg-send {
          bottom: 0px; } }
      .msg-input-bottom .input-field .msg-send _::-webkit-:not(:root:root) {
        bottom: 4px; }

@-moz-document url-prefix() {
  .msg-input-bottom .input-field .msg-send {
    bottom: 3px; } }

/*chat-list*/
.msg-chat-list {
  padding: 10px 2px 0 10px; }
  .msg-chat-list > div {
    padding-bottom: 10px; }

.msg-in-wrap, .msg-out-wrap {
  width: 100%; }

.msg-in-wrap:before, .msg-in-wrap:after, .msg-out-wrap:before, .msg-out-wrap:after {
  content: "";
  display: table; }

.msg-in-wrap:after, .msg-out-wrap:after {
  clear: both; }

.msg-in-wrap, .msg-out-wrap {
  zoom: 1; }

.msg-incoming {
  position: relative; }

.incoming-avatar {
  position: absolute;
  top: 0;
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background-color: #1774cc;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px; }
  .incoming-avatar img {
    max-height: 30px;
    max-width: 30px;
    margin: 0;
    border-radius: 50%; }

.msg-meta {
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
  color: #5b6b78;
  display: block;
  clear: both; }

.msg-in-wrap .msg-meta {
  margin-left: 55px; }

.msg-incoming-content {
  margin-left: 35px;
  max-width: 95%;
  margin-right: 40px; }
  .msg-incoming-content .msg-incoming-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #313336;
    display: block;
    margin-bottom: 3px; }
    .msg-incoming-content .msg-incoming-text .msg {
      padding: 10px 20px;
      background: #f2f2f2;
      display: inline-block; }

.msg-out-wrap .msg-meta {
  text-align: right;
  margin-right: 0;
  float: right; }

.msg-outgoing {
  text-align: right;
  margin-left: 60px; }
  .msg-outgoing .msg-outgoing-text {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: block;
    margin-bottom: 3px;
    max-width: 95%;
    float: right;
    clear: right;
    margin-left: 0px; }
    .msg-outgoing .msg-outgoing-text .msg {
      padding: 10px 20px;
      background: #1774cc;
      display: inline-block;
      text-align: left; }

.msg-incoming:before, .msg-incoming:after,
.msg-outgoing:before, .msg-outgoing:after {
  content: "";
  display: table; }

.msg-incoming:after,
.msg-outgoing:after {
  clear: both; }

.msg-incoming,
.msg-outgoing {
  zoom: 1; }

.msg-incoming-content > div > .msg {
  border-radius: 15px; }

.msg-incoming-content > div:first-child:not(:last-child) > .msg {
  border-radius: 15px 15px 15px 0; }

.msg-incoming-content > div:last-child:not(:first-child) > .msg {
  border-radius: 0 15px 15px 15px; }

.msg-incoming-content > div:not(:first-child):not(:last-child) > .msg {
  border-radius: 0 15px 15px 0; }

.msg-outgoing > div > .msg {
  border-radius: 15px; }

.msg-outgoing > div:first-child:not(:last-child) > .msg {
  border-radius: 15px 15px 0 15px; }

.msg-outgoing > div:last-child:not(:first-child) > .msg {
  border-radius: 15px 0 15px 15px; }

.msg-outgoing > div:not(:first-child):not(:last-child) > .msg {
  border-radius: 15px 0 0 15px; }

/* --- end ----  /case-video-messages-pane  -- /case-chat-sidebar  */
/* case-video-messages-pane  -- care-team-sidebar  */
.care-team-sidebar .text-block {
  padding: 25px 20px; }
  .care-team-sidebar .text-block p {
    color: #5b6b78; }

.care-team-sidebar .text-block + .text-block {
  border-top: 1px solid #e6e6e6; }

.care-team-sidebar strong {
  display: block;
  margin: 0 0 15px; }

.care-team-sidebar a {
  line-height: 50px;
  height: 50px;
  width: 100%; }

.care-team-sidebar .btn-flat {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  color: #5b6b78;
  font-weight: 400; }
  .care-team-sidebar .btn-flat:hover {
    background-color: #f2f2f2;
    color: #5b6b78; }

.bold800 {
  font-weight: 800; }

/* --- end ----  /case-video-messages-pane  -- /care-team-sidebar  */
/*messages-module*/
.layout-new .chat-wrap, .case-det-page .chat-wrap, .video__split .chat-wrap {
  position: relative;
  height: 100%; }
  .layout-new .chat-wrap .chat-window, .case-det-page .chat-wrap .chat-window, .video__split .chat-wrap .chat-window {
    padding-left: 20px;
    padding-right: 20px;
    position: relative; }
    .layout-new .chat-wrap .chat-window .grid-list-item, .case-det-page .chat-wrap .chat-window .grid-list-item, .video__split .chat-wrap .chat-window .grid-list-item {
      overflow: visible; }
  .layout-new .chat-wrap .stickermessage, .case-det-page .chat-wrap .stickermessage, .video__split .chat-wrap .stickermessage {
    position: relative; }
  .layout-new .chat-wrap .flash-dialog, .case-det-page .chat-wrap .flash-dialog, .video__split .chat-wrap .flash-dialog {
    margin-top: 20px;
    margin-bottom: 10px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 4px 20px;
    z-index: 100;
    line-height: 24px; }
    @media (max-width: 600px) {
      .layout-new .chat-wrap .flash-dialog, .case-det-page .chat-wrap .flash-dialog, .video__split .chat-wrap .flash-dialog {
        padding: 4px 0; }
        .layout-new .chat-wrap .flash-dialog p.t-14, .case-det-page .chat-wrap .flash-dialog p.t-14, .video__split .chat-wrap .flash-dialog p.t-14 {
          font-size: 12px; }
          .layout-new .chat-wrap .flash-dialog p.t-14 i, .case-det-page .chat-wrap .flash-dialog p.t-14 i, .video__split .chat-wrap .flash-dialog p.t-14 i {
            margin-right: 5px; } }
  .layout-new .chat-wrap .sticker_wrapper, .case-det-page .chat-wrap .sticker_wrapper, .video__split .chat-wrap .sticker_wrapper {
    padding: 0 0 15px; }
  .layout-new .chat-wrap .stickerBlock, .case-det-page .chat-wrap .stickerBlock, .video__split .chat-wrap .stickerBlock {
    background: none;
    z-index: 100; }
    .layout-new .chat-wrap .stickerBlock.new-msg-stick, .case-det-page .chat-wrap .stickerBlock.new-msg-stick, .video__split .chat-wrap .stickerBlock.new-msg-stick {
      position: absolute;
      top: 0;
      background: #fff; }
      .layout-new .chat-wrap .stickerBlock.new-msg-stick .flash-dialog.orange, .case-det-page .chat-wrap .stickerBlock.new-msg-stick .flash-dialog.orange, .video__split .chat-wrap .stickerBlock.new-msg-stick .flash-dialog.orange {
        margin-left: 10px;
        margin-right: 10px;
        width: auto; }
  .layout-new .chat-wrap .stickerdate, .case-det-page .chat-wrap .stickerdate, .video__split .chat-wrap .stickerdate {
    height: 60px;
    background: none !important; }
  .layout-new .chat-wrap .stickerdate span, .case-det-page .chat-wrap .stickerdate span, .video__split .chat-wrap .stickerdate span {
    margin-top: 15px; }
  .layout-new .chat-wrap .content-item .stickerdate span, .case-det-page .chat-wrap .content-item .stickerdate span, .video__split .chat-wrap .content-item .stickerdate span {
    margin-left: 1rem; }
  .layout-new .chat-wrap .date, .case-det-page .chat-wrap .date, .video__split .chat-wrap .date {
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0; }
    .layout-new .chat-wrap .date span, .case-det-page .chat-wrap .date span, .video__split .chat-wrap .date span {
      display: inline-block;
      border: 1px solid #e6e6e6;
      padding: 5px 10px;
      border-radius: 1000px;
      text-transform: uppercase;
      z-index: 11;
      position: relative;
      background: #fff;
      line-height: 1.5;
      font-size: 1rem; }
      @media (max-width: 600px) {
        .layout-new .chat-wrap .date span, .case-det-page .chat-wrap .date span, .video__split .chat-wrap .date span {
          padding-top: 0;
          padding-bottom: 0; } }
  .layout-new .chat-wrap .msg, .case-det-page .chat-wrap .msg, .video__split .chat-wrap .msg {
    z-index: 10;
    position: relative;
    max-width: 95%;
    margin-right: 40px;
    display: block; }
    .layout-new .chat-wrap .msg .msg-body, .case-det-page .chat-wrap .msg .msg-body, .video__split .chat-wrap .msg .msg-body {
      margin-left: 45px; }
      .layout-new .chat-wrap .msg .msg-body .info, .case-det-page .chat-wrap .msg .msg-body .info, .video__split .chat-wrap .msg .msg-body .info {
        display: block;
        margin: 0 0 5px; }
      .layout-new .chat-wrap .msg .msg-body .expand-item, .case-det-page .chat-wrap .msg .msg-body .expand-item, .video__split .chat-wrap .msg .msg-body .expand-item {
        max-height: 0;
        overflow: hidden;
        transition: all linear .2s; }
        .layout-new .chat-wrap .msg .msg-body .expand-item.active, .case-det-page .chat-wrap .msg .msg-body .expand-item.active, .video__split .chat-wrap .msg .msg-body .expand-item.active {
          max-height: 250px; }
        .layout-new .chat-wrap .msg .msg-body .expand-item .progress-mark, .case-det-page .chat-wrap .msg .msg-body .expand-item .progress-mark, .video__split .chat-wrap .msg .msg-body .expand-item .progress-mark {
          padding: 5px 0;
          display: inline-block; }
      .layout-new .chat-wrap .msg .msg-body .msg-item, .case-det-page .chat-wrap .msg .msg-body .msg-item, .video__split .chat-wrap .msg .msg-body .msg-item {
        margin-bottom: 3px;
        background: #f2f2f2;
        padding: 10px 15px;
        display: inline-block;
        overflow: hidden; }
        .layout-new .chat-wrap .msg .msg-body .msg-item + .expand-item, .case-det-page .chat-wrap .msg .msg-body .msg-item + .expand-item, .video__split .chat-wrap .msg .msg-body .msg-item + .expand-item {
          transition: all linear 3s; }
        .layout-new .chat-wrap .msg .msg-body .msg-item .msg-text, .case-det-page .chat-wrap .msg .msg-body .msg-item .msg-text, .video__split .chat-wrap .msg .msg-body .msg-item .msg-text {
          display: block;
          width: 100%;
          white-space: pre-line;
          word-break: break-all; }
        .layout-new .chat-wrap .msg .msg-body .msg-item .meta, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta, .video__split .chat-wrap .msg .msg-body .msg-item .meta {
          padding-top: 20px;
          color: #5b6b78; }
          .layout-new .chat-wrap .msg .msg-body .msg-item .meta:after, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta:after, .video__split .chat-wrap .msg .msg-body .msg-item .meta:after {
            clear: both;
            display: block;
            content: ""; }
          .layout-new .chat-wrap .msg .msg-body .msg-item .meta .material-icons, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta .material-icons, .video__split .chat-wrap .msg .msg-body .msg-item .meta .material-icons {
            font-size: 16px;
            border-radius: 1000px;
            width: 18px;
            height: 18px;
            line-height: 13px;
            border: 2px solid #5b6b78;
            background: #5b6b78;
            color: #f2f2f2;
            cursor: pointer; }
            .layout-new .chat-wrap .msg .msg-body .msg-item .meta .material-icons.delivered, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta .material-icons.delivered, .video__split .chat-wrap .msg .msg-body .msg-item .meta .material-icons.delivered {
              color: #5b6b78;
              font-size: 21px;
              border: none;
              background: none;
              line-height: 21px; }
          .layout-new .chat-wrap .msg .msg-body .msg-item .meta .time, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta .time, .video__split .chat-wrap .msg .msg-body .msg-item .meta .time {
            display: inline-block; }
          .layout-new .chat-wrap .msg .msg-body .msg-item .meta .actions, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta .actions, .video__split .chat-wrap .msg .msg-body .msg-item .meta .actions {
            opacity: 0;
            transition: all linear .5s; }
            .layout-new .chat-wrap .msg .msg-body .msg-item .meta .actions a, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta .actions a, .video__split .chat-wrap .msg .msg-body .msg-item .meta .actions a {
              margin-left: 10px; }
              .layout-new .chat-wrap .msg .msg-body .msg-item .meta .actions a .counter, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta .actions a .counter, .video__split .chat-wrap .msg .msg-body .msg-item .meta .actions a .counter {
                display: inline-block;
                border-radius: 1000px;
                padding: 2px 7px;
                background: #fff;
                font-weight: 700;
                font-size: 12px;
                line-height: 1;
                color: #5b6b78; }
            .layout-new .chat-wrap .msg .msg-body .msg-item .meta .actions .material-icons, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta .actions .material-icons, .video__split .chat-wrap .msg .msg-body .msg-item .meta .actions .material-icons {
              background: none;
              border: none;
              vertical-align: -3px;
              color: #5b6b78; }
            .layout-new .chat-wrap .msg .msg-body .msg-item .meta .actions .icon, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta .actions .icon, .video__split .chat-wrap .msg .msg-body .msg-item .meta .actions .icon {
              color: #5b6b78;
              vertical-align: -3px;
              font-size: 16px; }
          .layout-new .chat-wrap .msg .msg-body .msg-item .meta .dropdown-content, .case-det-page .chat-wrap .msg .msg-body .msg-item .meta .dropdown-content, .video__split .chat-wrap .msg .msg-body .msg-item .meta .dropdown-content {
            left: 5px !important;
            top: auto !important;
            bottom: 5px; }
        .layout-new .chat-wrap .msg .msg-body .msg-item:hover .actions, .case-det-page .chat-wrap .msg .msg-body .msg-item:hover .actions, .video__split .chat-wrap .msg .msg-body .msg-item:hover .actions {
          opacity: 1; }
        .layout-new .chat-wrap .msg .msg-body .msg-item.service, .case-det-page .chat-wrap .msg .msg-body .msg-item.service, .video__split .chat-wrap .msg .msg-body .msg-item.service {
          background: none !important;
          border: 1px solid #e6e6e6; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.service .info-item, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .info-item, .video__split .chat-wrap .msg .msg-body .msg-item.service .info-item {
            margin-bottom: 5px; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.service .info-item .text-light, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .info-item .text-light, .video__split .chat-wrap .msg .msg-body .msg-item.service .info-item .text-light {
              width: 140px;
              display: inline-block; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.service .info-footer, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .info-footer, .video__split .chat-wrap .msg .msg-body .msg-item.service .info-footer {
            text-align: center;
            border-top: 1px solid #e6e6e6;
            margin: 15px -15px -10px; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.service .info-footer a, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .info-footer a, .video__split .chat-wrap .msg .msg-body .msg-item.service .info-footer a {
              display: block;
              padding: 20px; }
              .layout-new .chat-wrap .msg .msg-body .msg-item.service .info-footer a:hover, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .info-footer a:hover, .video__split .chat-wrap .msg .msg-body .msg-item.service .info-footer a:hover {
                background: #f2f2f2; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.service .meta.fullwidth, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .meta.fullwidth, .video__split .chat-wrap .msg .msg-body .msg-item.service .meta.fullwidth {
            background: #f2f2f2;
            margin: 10px -15px -15px;
            padding: 20px 15px 15px;
            border-top: 1px solid #e6e6e6; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.service .meta.fullwidth .status, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .meta.fullwidth .status, .video__split .chat-wrap .msg .msg-body .msg-item.service .meta.fullwidth .status {
              margin-bottom: 25px; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box {
            display: block;
            white-space: nowrap;
            color: #5b6b78;
            font-size: 12px;
            margin-bottom: 10px; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box:after, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box:after, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box:after {
              clear: both;
              content: "";
              display: block; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box i, .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box .icon, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box i, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box .icon, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box i, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box .icon {
              font-size: 40px; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box .icon, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box .icon, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box .icon {
              margin-left: -10px;
              margin-right: 10px; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box strong, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box strong, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box strong {
              display: block;
              color: #313336;
              font-weight: 400;
              font-size: 14px; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box .title, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box .title, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box .title {
              line-height: 1.5;
              float: left; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box > a, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box > a, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box > a {
              color: #5b6b78; }
              .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box > a:after, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box > a:after, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box > a:after {
                clear: both;
                display: block;
                content: ""; }
              .layout-new .chat-wrap .msg .msg-body .msg-item.service .patient-box > a:hover .icon, .case-det-page .chat-wrap .msg .msg-body .msg-item.service .patient-box > a:hover .icon, .video__split .chat-wrap .msg .msg-body .msg-item.service .patient-box > a:hover .icon {
                color: #1774cc; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.service.attached .info-item, .case-det-page .chat-wrap .msg .msg-body .msg-item.service.attached .info-item, .video__split .chat-wrap .msg .msg-body .msg-item.service.attached .info-item {
            padding-left: 55px; }
        .layout-new .chat-wrap .msg .msg-body .msg-item.media-item, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item, .video__split .chat-wrap .msg .msg-body .msg-item.media-item {
          padding: 0;
          position: relative;
          overflow: hidden;
          margin: 0;
          width: 500px;
          max-width: 100%; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta {
            position: absolute;
            bottom: 10px;
            width: 100%;
            padding: 0 15px;
            z-index: 15; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta .material-icons, .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta .time, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta .material-icons, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta .time, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta .material-icons, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta .time {
              color: #fff; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta .time, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta .time, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta .time {
              opacity: 1;
              color: #fff !important; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta.url-meta .material-icons, .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta.url-meta .time, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta.url-meta .material-icons, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta.url-meta .time, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta.url-meta .material-icons, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta.url-meta .time {
              color: #5b6b78 !important; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .overlay, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .overlay, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .overlay {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: rgba(0, 0, 0, 0.15);
            z-index: 10; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .overlay .material-icons, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .overlay .material-icons, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .overlay .material-icons {
              color: #fff;
              font-size: 40px; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.media-item img, .layout-new .chat-wrap .msg .msg-body .msg-item.media-item video, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item img, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item video, .video__split .chat-wrap .msg .msg-body .msg-item.media-item img, .video__split .chat-wrap .msg .msg-body .msg-item.media-item video {
            display: block;
            width: 100%; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta-box, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta-box, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta-box {
            font-size: 12px;
            padding: 15px 15px 50px;
            color: #5b6b78; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta-box p, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta-box p, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta-box p {
              margin: 0 0 10px; }
              .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta-box p span, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta-box p span, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta-box p span {
                text-decoration: underline; }
              .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .meta-box p strong, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .meta-box p strong, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .meta-box p strong {
                color: #313336; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .url img, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .url img, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .url img {
            width: 100%;
            border: 1px solid #d2dbde; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .text, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .text, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .text {
            padding: 15px; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.media-item .text a, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item .text a, .video__split .chat-wrap .msg .msg-body .msg-item.media-item .text a {
              text-decoration: underline; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.media-item:before, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item:before, .video__split .chat-wrap .msg .msg-body .msg-item.media-item:before {
            content: "";
            display: block;
            height: 45px;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
            background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
            background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); }
          .layout-new .chat-wrap .msg .msg-body .msg-item.media-item.url-wrap:before, .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item.url-wrap:before, .video__split .chat-wrap .msg .msg-body .msg-item.media-item.url-wrap:before {
            display: none; }
        .layout-new .chat-wrap .msg .msg-body .msg-item.url-wrap, .case-det-page .chat-wrap .msg .msg-body .msg-item.url-wrap, .video__split .chat-wrap .msg .msg-body .msg-item.url-wrap {
          background: #fff;
          border: 1px solid #e6e6e6;
          transition: all .3s ease-in-out;
          cursor: pointer; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .meta-box, .case-det-page .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .meta-box, .video__split .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .meta-box {
            color: #5b6b78; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .meta-box p strong, .case-det-page .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .meta-box p strong, .video__split .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .meta-box p strong {
              color: #313336; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item a, .case-det-page .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item a, .video__split .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item a {
            color: #1774cc; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .url-item-img, .case-det-page .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .url-item-img, .video__split .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .url-item-img {
            position: relative;
            z-index: 1; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .url-item-img:before, .case-det-page .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .url-item-img:before, .video__split .chat-wrap .msg .msg-body .msg-item.url-wrap .url-item .url-item-img:before {
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              position: absolute;
              display: block;
              opacity: 0;
              content: " ";
              background: rgba(0, 0, 0, 0.2);
              z-index: 2;
              transition: all .3s ease-in-out; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.url-wrap .meta, .case-det-page .chat-wrap .msg .msg-body .msg-item.url-wrap .meta, .video__split .chat-wrap .msg .msg-body .msg-item.url-wrap .meta {
            color: #5b6b78; }
          .layout-new .chat-wrap .msg .msg-body .msg-item.url-wrap:hover, .case-det-page .chat-wrap .msg .msg-body .msg-item.url-wrap:hover, .video__split .chat-wrap .msg .msg-body .msg-item.url-wrap:hover {
            background: #f2f2f2; }
            .layout-new .chat-wrap .msg .msg-body .msg-item.url-wrap:hover .url-item .url-item-img:before, .case-det-page .chat-wrap .msg .msg-body .msg-item.url-wrap:hover .url-item .url-item-img:before, .video__split .chat-wrap .msg .msg-body .msg-item.url-wrap:hover .url-item .url-item-img:before {
              opacity: 1; }
      .layout-new .chat-wrap .msg .msg-body:last-child .msg-item, .case-det-page .chat-wrap .msg .msg-body:last-child .msg-item, .video__split .chat-wrap .msg .msg-body:last-child .msg-item {
        margin: 0; }
    .layout-new .chat-wrap .msg .chip, .case-det-page .chat-wrap .msg .chip, .video__split .chat-wrap .msg .chip {
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
    @media (min-width: 1211px) {
      .layout-new .chat-wrap .msg, .case-det-page .chat-wrap .msg, .video__split .chat-wrap .msg {
        max-width: 55%; } }
    @media (min-width: 1200px) {
      .layout-new .chat-wrap .msg, .case-det-page .chat-wrap .msg, .video__split .chat-wrap .msg {
        max-width: 70%; } }
    .layout-new .chat-wrap .msg.my-msg, .case-det-page .chat-wrap .msg.my-msg, .video__split .chat-wrap .msg.my-msg {
      margin-right: 0;
      text-align: right;
      margin-left: 60px;
      float: right; }
      .layout-new .chat-wrap .msg.my-msg .msg-body, .case-det-page .chat-wrap .msg.my-msg .msg-body, .video__split .chat-wrap .msg.my-msg .msg-body {
        margin-left: 0;
        width: 100%; }
        .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item {
          background: #1774cc;
          color: #fff;
          text-align: left; }
          .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed {
            background: rgba(23, 116, 204, 0.5); }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed .meta .material-icons, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed .meta .material-icons, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed .meta .material-icons {
              font-size: 20px;
              border: none;
              line-height: 18px;
              color: #fff;
              width: 18px;
              height: 18px; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item {
              max-height: 200px; }
              .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item .text-red a, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item .text-red a, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item .text-red a {
                text-decoration: underline;
                color: #e6172c;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out; }
                .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item .text-red a:hover, .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item .text-red a:active, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item .text-red a:hover, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item .text-red a:active, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item .text-red a:hover, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.msg-failed + .expand-item .text-red a:active {
                  color: #890e1a; }
          .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit {
            color: #313336; }
          .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item .meta, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item .meta, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item .meta {
            color: #fff; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item .meta .material-icons, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item .meta .material-icons, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item .meta .material-icons {
              border-color: #fff;
              background: none; }
              .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item .meta .material-icons.delivered, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item .meta .material-icons.delivered, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item .meta .material-icons.delivered {
                color: #fff;
                font-size: 21px;
                border: none;
                line-height: 21px; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item .meta.fullwidth, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item .meta.fullwidth, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item .meta.fullwidth {
              background: #1774cc; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item .meta .actions .icon, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item .meta .actions .icon, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item .meta .actions .icon {
              color: #fff; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item .meta .actions .material-icons, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item .meta .actions .material-icons, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item .meta .actions .material-icons {
              color: #fff; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item .meta .actions .counter, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item .meta .actions .counter, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item .meta .actions .counter {
              color: #1774cc; }
          .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item .meta-box, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item .meta-box, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item .meta-box {
            color: #fff; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item .meta-box p strong, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item .meta-box p strong, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item .meta-box p strong {
              color: #fff; }
          .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit {
            color: #313336; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit .meta .time, .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit .meta .material-icons, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit .meta .time, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit .meta .material-icons, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit .meta .time, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.text-inherit .meta .material-icons {
              color: #5b6b78; }
          .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.attached, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.attached, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.attached {
            color: #313336; }
          .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap {
            background: #fff;
            border: 1px solid #e6e6e6;
            transition: all .3s ease-in-out; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .meta-box, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .meta-box, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .meta-box {
              color: #5b6b78; }
              .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .meta-box p strong, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .meta-box p strong, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .meta-box p strong {
                color: #313336; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item a, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item a, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item a {
              color: #1774cc; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .url-item-img, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .url-item-img, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .url-item-img {
              position: relative;
              z-index: 1; }
              .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .url-item-img:before, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .url-item-img:before, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .url-item .url-item-img:before {
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                position: absolute;
                display: block;
                opacity: 0;
                content: " ";
                background: rgba(0, 0, 0, 0.2);
                z-index: 2;
                transition: all .3s ease-in-out; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap:hover, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap:hover, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap:hover {
              background: #f2f2f2; }
              .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap:hover .url-item .url-item-img:before, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap:hover .url-item .url-item-img:before, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap:hover .url-item .url-item-img:before {
                opacity: 1; }
            .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .meta, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .meta, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .meta {
              color: #5b6b78; }
              .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .meta .time, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .meta .time, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .meta .time {
                color: #5b6b78 !important; }
              .layout-new .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .meta .material-icons.delivered, .case-det-page .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .meta .material-icons.delivered, .video__split .chat-wrap .msg.my-msg .msg-body .msg-item.url-wrap .meta .material-icons.delivered {
                color: #5b6b78; }
        .layout-new .chat-wrap .msg.my-msg .msg-body .time, .case-det-page .chat-wrap .msg.my-msg .msg-body .time, .video__split .chat-wrap .msg.my-msg .msg-body .time {
          color: #fff; }

.layout-new .messages-content, .case-det-page .messages-content, .video__split .messages-content {
  min-height: 100%; }
  .layout-new .messages-content .preloader-wrapper.active, .case-det-page .messages-content .preloader-wrapper.active, .video__split .messages-content .preloader-wrapper.active {
    top: 50%;
    left: 50%; }

.layout-new .writing-area, .case-det-page .writing-area, .video__split .writing-area {
  padding: 16px 20px;
  border-top: 1px solid #e6e6e6; }
  .layout-new .writing-area .content-item, .case-det-page .writing-area .content-item, .video__split .writing-area .content-item {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    position: relative; }
  .layout-new .writing-area .actions-wrapper, .case-det-page .writing-area .actions-wrapper, .video__split .writing-area .actions-wrapper {
    transform: translate3d(60px, 0, 0);
    transition: all ease-in-out .3s;
    z-index: 10; }
    .layout-new .writing-area .actions-wrapper .send, .case-det-page .writing-area .actions-wrapper .send, .video__split .writing-area .actions-wrapper .send {
      margin: 2px 2px 2px 5px;
      padding: 0;
      border-radius: 3px;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle;
      opacity: 0;
      transition: all ease-in-out .4s; }
      .layout-new .writing-area .actions-wrapper .send span, .case-det-page .writing-area .actions-wrapper .send span, .video__split .writing-area .actions-wrapper .send span {
        line-height: 1;
        padding: 8px 13px;
        display: block; }
    .layout-new .writing-area .actions-wrapper.active, .case-det-page .writing-area .actions-wrapper.active, .video__split .writing-area .actions-wrapper.active {
      transform: none; }
      .layout-new .writing-area .actions-wrapper.active .send, .case-det-page .writing-area .actions-wrapper.active .send, .video__split .writing-area .actions-wrapper.active .send {
        opacity: 1; }
    @media (max-width: 600px) {
      .layout-new .writing-area .actions-wrapper, .case-det-page .writing-area .actions-wrapper, .video__split .writing-area .actions-wrapper {
        transform: none;
        right: 5px; }
        .layout-new .writing-area .actions-wrapper .send, .case-det-page .writing-area .actions-wrapper .send, .video__split .writing-area .actions-wrapper .send {
          display: none; }
        .layout-new .writing-area .actions-wrapper.active .send, .case-det-page .writing-area .actions-wrapper.active .send, .video__split .writing-area .actions-wrapper.active .send {
          display: block;
          margin-right: -10px; }
        .layout-new .writing-area .actions-wrapper.active .action-link, .case-det-page .writing-area .actions-wrapper.active .action-link, .video__split .writing-area .actions-wrapper.active .action-link {
          display: none; } }
  .layout-new .writing-area .action-link, .case-det-page .writing-area .action-link, .video__split .writing-area .action-link {
    border-radius: 1000px;
    height: 30px;
    width: 30px;
    color: #5b6b78;
    text-align: center;
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 10px;
    vertical-align: bottom; }
    .layout-new .writing-area .action-link .material-icons, .case-det-page .writing-area .action-link .material-icons, .video__split .writing-area .action-link .material-icons {
      line-height: 30px;
      font-size: 22px; }
    .layout-new .writing-area .action-link:hover, .case-det-page .writing-area .action-link:hover, .video__split .writing-area .action-link:hover {
      background: rgba(0, 0, 0, 0.1);
      color: #1774cc;
      cursor: pointer; }
    @media (max-width: 767px) {
      .layout-new .writing-area .action-link.active, .case-det-page .writing-area .action-link.active, .video__split .writing-area .action-link.active {
        display: none; } }

.layout-new .expandingArea, .case-det-page .expandingArea, .video__split .expandingArea {
  border-radius: 5px;
  margin-left: 15px;
  width: calc(100% - 230px); }
  .layout-new .expandingArea > textarea, .layout-new .expandingArea > pre, .case-det-page .expandingArea > textarea, .case-det-page .expandingArea > pre, .video__split .expandingArea > textarea, .video__split .expandingArea > pre {
    padding-top: 7px;
    padding-bottom: 10px;
    font-weight: 400;
    height: auto; }

@media (max-width: 600px) {
  .layout-new .actions-wrapper, .case-det-page .actions-wrapper, .video__split .actions-wrapper {
    position: absolute;
    right: 15px; }
  .layout-new .expandingArea, .case-det-page .expandingArea, .video__split .expandingArea {
    width: calc(100% - 90px); } }

.layout-new .chat-wrap .msg .msg-body-wrap .msg-body .msg-item, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body .msg-item, .video__split .chat-wrap .msg .msg-body-wrap .msg-body .msg-item {
  border-radius: 10px; }

.layout-new .chat-wrap .msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item, .video__split .chat-wrap .msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item {
  border-radius: 10px 10px 10px 0; }
  .layout-new .chat-wrap .msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item, .video__split .chat-wrap .msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item {
    border-radius: 10px 10px 0 0; }
    .layout-new .chat-wrap .msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item.url-wrap, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item.url-wrap, .video__split .chat-wrap .msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item.url-wrap {
      border-radius: 10px 10px 10px 0 !important; }

.layout-new .chat-wrap .msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item, .video__split .chat-wrap .msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item {
  border-radius: 0 10px 10px 10px; }
  .layout-new .chat-wrap .msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item, .video__split .chat-wrap .msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item {
    border-radius: 0 0 10px 10px; }
    .layout-new .chat-wrap .msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item.url-wrap, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item.url-wrap, .video__split .chat-wrap .msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item.url-wrap {
      border-radius: 0 10px 10px 10px !important; }

.layout-new .chat-wrap .msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item, .video__split .chat-wrap .msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item {
  border-radius: 0 10px 10px 0; }
  .layout-new .chat-wrap .msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item, .video__split .chat-wrap .msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item {
    border-radius: 0; }
    .layout-new .chat-wrap .msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item.url-wrap, .case-det-page .chat-wrap .msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item.url-wrap, .video__split .chat-wrap .msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item.url-wrap {
      border-radius: 0 10px 10px 0 !important; }

.layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body .msg-item, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body .msg-item, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body .msg-item {
  border-radius: 10px; }

.layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item {
  border-radius: 10px 10px 0 10px; }
  .layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item {
    border-radius: 10px 10px 0 0; }
    .layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item.url-wrap, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item.url-wrap, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:first-child:not(:last-child) .msg-item.media-item.url-wrap {
      border-radius: 10px 10px 0 10px !important; }

.layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item {
  border-radius: 10px 0 10px 10px; }
  .layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item {
    border-radius: 0 0 10px 10px; }
    .layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item.url-wrap, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item.url-wrap, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:last-child:not(:first-child) .msg-item.media-item.url-wrap {
      border-radius: 10px 0 10px 10px !important; }

.layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item {
  border-radius: 10px 0 0 10px; }
  .layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item {
    border-radius: 0; }
    .layout-new .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item.url-wrap, .case-det-page .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item.url-wrap, .video__split .chat-wrap .msg.my-msg .msg-body-wrap .msg-body:not(:first-child):not(:last-child) .msg-item.media-item.url-wrap {
      border-radius: 10px 0 0 10px  !important; }

.msg-item .dropdown-button.ib {
  display: inline-block !important; }

.case-det-page .chat-wrap .chat-window, .video__split .chat-wrap .chat-window {
  padding-left: 10px;
  padding-right: 10px; }

.case-det-page .chat-wrap .msg, .video__split .chat-wrap .msg {
  max-width: none;
  margin-right: 20px; }
  .case-det-page .chat-wrap .msg .msg-body, .video__split .chat-wrap .msg .msg-body {
    margin-left: 35px; }
    .case-det-page .chat-wrap .msg .msg-body .info, .video__split .chat-wrap .msg .msg-body .info {
      font-size: 12px; }
    .case-det-page .chat-wrap .msg .msg-body .msg-item, .video__split .chat-wrap .msg .msg-body .msg-item {
      padding-top: 5px;
      padding-bottom: 5px; }
      .case-det-page .chat-wrap .msg .msg-body .msg-item.media-item, .video__split .chat-wrap .msg .msg-body .msg-item.media-item {
        width: 100%; }
      .case-det-page .chat-wrap .msg .msg-body .msg-item .meta, .video__split .chat-wrap .msg .msg-body .msg-item .meta {
        padding-top: 15px; }
  .case-det-page .chat-wrap .msg .chip, .video__split .chat-wrap .msg .chip {
    width: 30px;
    height: 30px; }
    .case-det-page .chat-wrap .msg .chip img, .video__split .chat-wrap .msg .chip img {
      width: 30px;
      height: 30px; }

.case-det-page .writing-area, .video__split .writing-area {
  padding: 10px; }
  .case-det-page .writing-area .action-link.active, .video__split .writing-area .action-link.active {
    display: none; }

.case-det-page .expandingArea, .video__split .expandingArea {
  width: calc(100% - 100px);
  margin-right: -100px; }

.case-det-page .player .player-inner, .video__split .player .player-inner {
  min-width: 0; }

@media (min-width: 1281px) and (max-width: 1350px) {
  .case-det-page .case-detail__timer-status, .video__split .case-detail__timer-status {
    margin-right: 10px; } }

@media (max-width: 1280px) {
  .case-det-page .detail-nav-center.center-wrap, .video__split .detail-nav-center.center-wrap {
    margin-left: 220px; }
  .case-det-page .case-detail__timers.intake-timers .case-detail__timer-status.timer-status-thin, .video__split .case-detail__timers.intake-timers .case-detail__timer-status.timer-status-thin {
    margin-left: 10px;
    margin-right: 10px; }
  .case-det-page .layout__main__selector, .video__split .layout__main__selector {
    position: fixed;
    left: -220px;
    top: 138px;
    width: 220px !important;
    transition: all ease .5s;
    background: #fff;
    transform: none;
    z-index: 10;
    height: calc(100vh - 138px);
    display: none;
    overflow-y: auto; }
    .case-det-page .layout__main__selector.show-side, .video__split .layout__main__selector.show-side {
      left: 0;
      margin-left: 0; }
  .case-det-page .layout__pane.layout__pane--locked, .video__split .layout__pane.layout__pane--locked {
    position: fixed;
    right: -320px;
    top: 138px;
    width: 320px !important;
    transition: all ease .5s;
    background: #fff;
    transform: none;
    z-index: 10;
    height: 100vh;
    margin: 0;
    display: none; }
    .case-det-page .layout__pane.layout__pane--locked.show-side, .video__split .layout__pane.layout__pane--locked.show-side {
      right: 0; } }

@media (max-width: 767px) {
  .case-det-page .layout__main__selector, .case-det-page .layout__pane.layout__pane--locked, .video__split .layout__main__selector, .video__split .layout__pane.layout__pane--locked {
    height: calc(100vh - 138px); }
  .case-det-page .layout__main__selector__list li, .video__split .layout__main__selector__list li {
    position: relative; }
    .case-det-page .layout__main__selector__list li .dropdown-content, .video__split .layout__main__selector__list li .dropdown-content {
      top: 0 !important;
      position: static !important;
      border: none;
      box-shadow: none; }
      .case-det-page .layout__main__selector__list li .dropdown-content .dropdown__header, .video__split .layout__main__selector__list li .dropdown-content .dropdown__header {
        display: none; }
      .case-det-page .layout__main__selector__list li .dropdown-content .dropdown__subheader, .video__split .layout__main__selector__list li .dropdown-content .dropdown__subheader {
        padding-left: 8px; }
      .case-det-page .layout__main__selector__list li .dropdown-content .dropdown__footer a.red-cancel, .video__split .layout__main__selector__list li .dropdown-content .dropdown__footer a.red-cancel {
        color: #e6172c;
        border: none; }
      .case-det-page .layout__main__selector__list li .dropdown-content li, .video__split .layout__main__selector__list li .dropdown-content li {
        padding: 0;
        margin: 0; }
        .case-det-page .layout__main__selector__list li .dropdown-content li a, .video__split .layout__main__selector__list li .dropdown-content li a {
          border: none;
          margin: 0; } }

@media (max-width: 600px) {
  .case-det-page .layout__main__content, .video__split .layout__main__content {
    overflow: auto;
    height: calc(100vh - 138px); }
  .case-det-page .case-detail__content-section, .video__split .case-detail__content-section {
    margin-left: 15px;
    margin-right: 15px; }
  .case-det-page .case-form.is-done, .video__split .case-form.is-done {
    border: 1px solid #e6e6e6; }
  .case-det-page .case-detail__patient-team-info, .video__split .case-detail__patient-team-info {
    display: block; }
  .case-det-page .case-default-block .collapse-edit .collapse-bottom .text-right, .case-det-page #case-summary .collapse-edit .collapse-bottom .text-right, .video__split .case-default-block .collapse-edit .collapse-bottom .text-right, .video__split #case-summary .collapse-edit .collapse-bottom .text-right {
    text-align: left; }
  .case-det-page #case-summary .collapse-edit .collapse-bottom .btn.cancel-link + .btn, .case-det-page .case-default-block .collapse-edit .collapse-bottom .btn.cancel-link + .btn, .video__split #case-summary .collapse-edit .collapse-bottom .btn.cancel-link + .btn, .video__split .case-default-block .collapse-edit .collapse-bottom .btn.cancel-link + .btn {
    margin-left: 0; }
  .case-det-page .case-link-box, .video__split .case-link-box {
    margin-bottom: 15px; }
  .case-det-page .detail-nav-center.center-wrap, .video__split .detail-nav-center.center-wrap {
    margin-left: 70px; }
  .case-det-page .case-detail__patient-info a.right, .video__split .case-detail__patient-info a.right {
    float: none !important; }
    .case-det-page .case-detail__patient-info a.right span.badge, .video__split .case-detail__patient-info a.right span.badge {
      margin: 0 15px 20px 0; }
  .case-det-page .case-detail__team-list > dt, .video__split .case-detail__team-list > dt {
    margin-bottom: 5px; }
  .case-det-page .case-detail__timer-status dt, .video__split .case-detail__timer-status dt {
    float: none; }
  .case-det-page .case-detail__timer-status dd, .video__split .case-detail__timer-status dd {
    color: inherit; }
    .case-det-page .case-detail__timer-status dd.text-green, .video__split .case-detail__timer-status dd.text-green {
      color: #30a039; }
  .case-det-page .case-detail__timer-status.timer-status-thin, .video__split .case-detail__timer-status.timer-status-thin {
    width: calc(33% - 20px);
    margin-top: 0; }
  .case-det-page .case-detail__timers i, .video__split .case-detail__timers i {
    width: 33%; }
  .case-det-page .case-form__header, .video__split .case-form__header {
    display: block; }
  .case-det-page .one-line-header .case-form__meta p, .video__split .one-line-header .case-form__meta p {
    line-height: 1.4;
    width: 60%; }
  .case-det-page #case-summary .case-form__body .row .col.summary-data, .case-det-page .case-default-block .case-form__body .row .col.summary-data, .video__split #case-summary .case-form__body .row .col.summary-data, .video__split .case-default-block .case-form__body .row .col.summary-data {
    margin-bottom: 10px; }
  .case-det-page .case-detail__timers.intake-timers, .video__split .case-detail__timers.intake-timers {
    padding-top: 15px; }
  .case-det-page .case-detail__content-section__heading .material-icons, .video__split .case-detail__content-section__heading .material-icons {
    display: none; } }

/*messages-module-end*/
.layout-new .layout__pane__video {
  height: auto; }
  .layout-new .layout__pane__video .video-component.video img, .layout-new .layout__pane__video .video-component.video video {
    position: static; }
  .layout-new .layout__pane__video svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.layout-new .layout__main__selector.sidebar {
  width: 320px !important; }
  .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li {
    position: relative; }
    .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options {
      position: absolute;
      bottom: 10px;
      right: 15px;
      padding: 0;
      display: none; }
      .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options .material-icons {
        position: static;
        transform: none;
        color: #5b6b78; }
      .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content {
        top: 100% !important;
        left: auto !important;
        right: 0 !important;
        width: 180px !important;
        overflow-y: visible;
        border-top: 1px solid #e6e6e6; }
        .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content:before {
          position: absolute;
          bottom: 100%;
          right: 15px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 7.5px 7px 7.5px;
          border-color: transparent transparent #e6e6e6 transparent;
          content: ""; }
        .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content:after {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 6.5px 6px 6.5px;
          border-color: transparent transparent #f2f2f2 transparent;
          position: absolute;
          bottom: 100%;
          right: 16px;
          content: "";
          margin-top: 1px; }
        .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content li {
          border: none;
          min-height: 0; }
          .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content li a, .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content li span {
            padding: 10px 10px 12px 0;
            line-height: 1;
            border-left: none;
            border-top-color: #e6e6e6;
            margin-left: 15px; }
          .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content li:first-child {
            background: #f2f2f2;
            font-weight: 700; }
            .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content li:first-child + li a {
              border-top: 1px solid #fff; }
            .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content li:first-child + li:hover a {
              border-top-color: #e6e6e6; }
        .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content.no-header li:first-child {
          background: none !important;
          font-weight: 400 !important; }
          .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content.no-header li:first-child:hover {
            background-color: #f2f2f2 !important; }
          .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content.no-header li:first-child + li a {
            border-top: 1px solid #e6e6e6 !important; }
        .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li a.chat-options + .dropdown-content.no-header:after {
          border-color: transparent transparent #fff transparent !important; }
    .layout-new .layout__main__selector.sidebar .layout__main__selector__list.messages-friends li:hover a.chat-options {
      display: block; }
  @media (max-width: 1024px) {
    .layout-new .layout__main__selector.sidebar {
      display: flex;
      flex-grow: 0; } }
  @media (max-width: 767px) {
    .layout-new .layout__main__selector.sidebar {
      width: 80px !important; } }

.layout-new.layout__main__split {
  border-left: none; }

.layout-new .detail-nav-left {
  min-width: 320px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-right: 1px solid #e6e6e6; }
  .layout-new .detail-nav-left .bkw-medium-heading {
    margin: 17px 0 0 20px; }
  @media (max-width: 1024px) {
    .layout-new .detail-nav-left {
      height: 80px; }
      .layout-new .detail-nav-left .bkw-medium-heading {
        margin-top: 23px; } }
  @media (max-width: 767px) {
    .layout-new .detail-nav-left {
      min-width: 0;
      width: 80px;
      text-align: center; }
      .layout-new .detail-nav-left .bkw-medium-heading {
        display: none; } }

.layout-new .layout__pane, .layout-new .detail-nav-right {
  width: auto; }

.layout-new .top-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 80px; }
  .layout-new .top-nav .detail-nav-right {
    padding: 7px 0;
    width: 320px; }
    .layout-new .top-nav .detail-nav-right ul.nav-list {
      margin-right: 10px; }
    @media (max-width: 1024px) {
      .layout-new .top-nav .detail-nav-right {
        width: 210px; } }
    @media (max-width: 767px) {
      .layout-new .top-nav .detail-nav-right ul.nav-list {
        margin: 0 5px; } }
  .layout-new .top-nav .detail-nav-center {
    width: calc(100% - 640px);
    padding: 7px 20px;
    color: #5b6b78; }
    .layout-new .top-nav .detail-nav-center .detail-title .dot {
      width: 10px;
      height: 10px;
      border: none;
      margin-left: 7px; }
    @media (max-width: 1024px) {
      .layout-new .top-nav .detail-nav-center {
        width: calc(100% - 475px); } }
    @media (max-width: 767px) {
      .layout-new .top-nav .detail-nav-center {
        padding: 7px 0 7px 20px;
        width: calc(100% - 290px);
        line-height: 1; }
        .layout-new .top-nav .detail-nav-center .detail-title a {
          display: block;
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .layout-new .top-nav .detail-nav-center .detail-title + strong {
          font-size: 10px;
          font-weight: 400; } }
  .layout-new .top-nav ul.nav-list {
    margin: 0 0 0 10px; }
    .layout-new .top-nav ul.nav-list > li {
      display: inline-block;
      vertical-align: bottom;
      position: relative; }
      .layout-new .top-nav ul.nav-list > li.archive-link {
        display: none; }
        .layout-new .top-nav ul.nav-list > li.archive-link.active {
          display: inline-block; }
      .layout-new .top-nav ul.nav-list > li > a {
        padding: 5px 5px 5px;
        color: #5b6b78;
        border-radius: 3px;
        display: block;
        min-width: 80px;
        text-align: center;
        text-decoration: none;
        line-height: 1.5; }
        .layout-new .top-nav ul.nav-list > li > a.exit {
          width: 90px; }
        .layout-new .top-nav ul.nav-list > li > a i, .layout-new .top-nav ul.nav-list > li > a .icon {
          height: 35px;
          line-height: 35px;
          display: block;
          text-align: center; }
          .layout-new .top-nav ul.nav-list > li > a i.text-green, .layout-new .top-nav ul.nav-list > li > a .icon.text-green {
            color: #30a039; }
        .layout-new .top-nav ul.nav-list > li > a:hover {
          color: #1774cc;
          text-decoration: none;
          background: #f2f2f2; }
        @media (max-width: 1024px) {
          .layout-new .top-nav ul.nav-list > li > a:hover {
            background: none; } }
        @media (max-width: 767px) {
          .layout-new .top-nav ul.nav-list > li > a {
            margin-top: 0;
            overflow: hidden;
            background: none; }
            .layout-new .top-nav ul.nav-list > li > a:hover {
              background: none; } }
      .layout-new .top-nav ul.nav-list > li#li-message-video > a i {
        font-size: 28px; }
      .layout-new .top-nav ul.nav-list > li.active > a {
        color: #1774cc; }
      .layout-new .top-nav ul.nav-list > li .dropdown-content {
        width: 200px; }
  @media (max-width: 767px) {
    .layout-new .top-nav .detail-nav-left ul.nav-list {
      float: none !important;
      display: inline-block;
      margin: 0; } }

.layout-new .layout__pane.layout__pane--locked {
  display: block;
  overflow: hidden;
  background: #fff;
  position: static;
  flex: 0 0 auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  border-left: 1px solid #e6e6e6;
  width: 320px;
  margin-right: -320px;
  -webkit-transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: margin; }
  .layout-new .layout__pane.layout__pane--locked .side-heading {
    display: none; }
  @media (max-width: 1060px) {
    .layout-new .layout__pane.layout__pane--locked {
      position: fixed;
      right: 0;
      top: 138px;
      height: calc(100vh - 138px);
      border-top: 1px solid #e6e6e6;
      margin-right: 0;
      z-index: 10000;
      width: 0;
      -webkit-transform: translateX(320px);
      transform: translateX(320px);
      margin-right: 0;
      -webkit-transition: transform, width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform, width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      will-change: transform, width; } }
  @media (max-width: 767px) {
    .layout-new .layout__pane.layout__pane--locked {
      top: 60px;
      height: calc(100vh - 60px); }
      .layout-new .layout__pane.layout__pane--locked .side-heading {
        display: block;
        position: relative;
        border-bottom: 1px solid #e6e6e6;
        padding: 13px 30px 14px 15px; }
        .layout-new .layout__pane.layout__pane--locked .side-heading h2.side-title {
          font-size: 17px;
          font-weight: 700;
          margin: 0;
          line-height: 1; }
        .layout-new .layout__pane.layout__pane--locked .side-heading .side-close {
          position: absolute;
          right: 15px;
          top: 10px; } }

.layout-new .layout__pane.layout__pane--locked.show-side {
  width: 320px;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  margin-right: 0; }
  @media (max-width: 1060px) {
    .layout-new .layout__pane.layout__pane--locked.show-side {
      width: 320px; } }
  @media (max-width: 767px) {
    .layout-new .layout__pane.layout__pane--locked.show-side {
      width: calc(100% - 79px); } }

.layout-new .content {
  flex: 1 0 auto;
  width: calc(100% - 640px); }
  @media (max-width: 1060px) {
    .layout-new .content {
      max-width: calc(100% - 220px); } }
  @media (max-width: 767px) {
    .layout-new .content {
      max-width: calc(100% - 80px); } }

.layout-new .message-panel-right {
  padding: 0;
  border-left: 1px solid #e6e6e6;
  overflow: auto;
  width: 320px; }
  .layout-new .message-panel-right .layout__pane__video {
    border-top: 1px solid #e6e6e6; }
  .layout-new .message-panel-right .right-item {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 20px 0; }
    .layout-new .message-panel-right .right-item .title {
      font-size: 14px;
      color: #5b6b78;
      margin: 0 0 20px;
      font-weight: 700; }
    .layout-new .message-panel-right .right-item .link-main {
      display: block;
      margin: 0 0 20px;
      font-weight: 700; }
      .layout-new .message-panel-right .right-item .link-main.unbold {
        font-weight: 400; }
      .layout-new .message-panel-right .right-item .link-main .link-left {
        display: inline-block;
        width: 36px;
        margin-right: 10px;
        text-align: center;
        font-size: 24px;
        font-weight: 400;
        vertical-align: top; }
      .layout-new .message-panel-right .right-item .link-main:hover {
        color: #3A89D6; }
      .layout-new .message-panel-right .right-item .link-main:focus {
        color: #5197d9; }
    .layout-new .message-panel-right .right-item .chip {
      height: 36px;
      width: 36px;
      padding: 0;
      margin: 0 10px 0 0; }
      .layout-new .message-panel-right .right-item .chip img {
        height: 36px;
        width: 36px; }
      .layout-new .message-panel-right .right-item .chip.tag {
        width: auto;
        height: 32px;
        padding: 0 15px;
        font-size: 14px;
        margin-right: 25px;
        background: #e6e6e6; }
    .layout-new .message-panel-right .right-item .dot {
      bottom: -2px;
      right: -2px;
      top: auto;
      border: 2px solid #fff; }
    .layout-new .message-panel-right .right-item .col-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      margin-bottom: 20px; }
      .layout-new .message-panel-right .right-item .col-item .user-desc {
        width: calc(100% - 46px);
        line-height: 1.2;
        color: #313336; }
        .layout-new .message-panel-right .right-item .col-item .user-desc strong {
          display: block;
          font-weight: 700; }
        .layout-new .message-panel-right .right-item .col-item .user-desc .status {
          color: #5b6b78; }
    .layout-new .message-panel-right .right-item .attachments {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      flex-wrap: wrap;
      margin-right: -5px; }
      .layout-new .message-panel-right .right-item .attachments .att-item {
        width: calc(100% / 3 - 5px);
        margin-bottom: 5px;
        margin-right: 5px;
        overflow: hidden; }
        .layout-new .message-panel-right .right-item .attachments .att-item img {
          min-width: 100%;
          min-height: 100%;
          max-width: 150%;
          max-height: 150%; }
  .layout-new .message-panel-right .collapsible {
    border: none;
    margin: 0;
    box-shadow: none; }
    .layout-new .message-panel-right .collapsible .collapsible-header {
      line-height: 32px;
      background: none;
      border: none;
      padding: 0;
      min-height: 0; }
      .layout-new .message-panel-right .collapsible .collapsible-header i {
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 1000px;
        margin: 0;
        color: #313336; }
        .layout-new .message-panel-right .collapsible .collapsible-header i:hover {
          background: rgba(0, 0, 0, 0.1); }
        .layout-new .message-panel-right .collapsible .collapsible-header i.up {
          display: none; }
      .layout-new .message-panel-right .collapsible .collapsible-header.active i.up {
        display: block; }
      .layout-new .message-panel-right .collapsible .collapsible-header.active i.down {
        display: none; }
    .layout-new .message-panel-right .collapsible .collapsible-body {
      padding: 0 0 20px;
      border: none; }

@media (max-width: 767px) {
  .layout-new .layout__main__selector__list.messages-friends li a {
    border: none;
    padding: 15px; }
    .layout-new .layout__main__selector__list.messages-friends li a .user-desc {
      display: none; }
    .layout-new .layout__main__selector__list.messages-friends li a .chip {
      width: 50px;
      height: 50px;
      margin: 0;
      line-height: 50px; }
      .layout-new .layout__main__selector__list.messages-friends li a .chip img {
        width: 50px;
        height: 50px; } }

.layout-new.video-floating {
  position: fixed !important;
  z-index: 1000;
  right: 0;
  left: auto;
  top: 140px;
  width: 320px;
  height: 180px; }
  .layout-new.video-floating.expanded {
    width: 100%;
    height: 100%; }

.layout-new .layout__main__selector__list.messages-friends li a .user-desc {
  opacity: .7;
  font-weight: 400; }
  .layout-new .layout__main__selector__list.messages-friends li a .user-desc strong {
    font-weight: 400; }

.layout-new .layout__main__selector__list.messages-friends li.active a .user-desc {
  opacity: 1;
  font-weight: 400; }

.layout-new .layout__main__selector__list.messages-friends li.unread a .user-desc {
  opacity: 1;
  font-weight: 700; }
  .layout-new .layout__main__selector__list.messages-friends li.unread a .user-desc strong {
    font-weight: 700; }

.layout-new .message-panel-right .right-item .attachments .att-item {
  width: 86px;
  height: 86px !important;
  margin-right: 2px;
  margin-bottom: 2px; }

.app-main > .case-detail__header--desk {
  flex: 0 0 auto; }

.case-form.fadeIn {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: .7s; }

.case-form.fadeOut {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: .7s; }

.case-det-page .layout__main__content {
  position: relative; }
  .case-det-page .layout__main__content .drop-shadow {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 10px !important;
    right: 10px !important;
    bottom: 10px;
    left: 10px !important;
    z-index: 1050;
    display: none;
    background: rgba(233, 238, 255, 0.6);
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0.8;
    border: 3px dashed #313336;
    animation-duration: 0.7s; }
    .case-det-page .layout__main__content .drop-shadow.stickerBlock {
      width: auto !important; }
  .case-det-page .layout__main__content .is-dragover {
    display: block !important; }
  .case-det-page .layout__main__content .drop-inner {
    text-align: center;
    display: table;
    height: 100%;
    width: 100%; }
  .case-det-page .layout__main__content .drop-inner__text {
    color: #313336;
    display: table-cell;
    vertical-align: middle; }
    .case-det-page .layout__main__content .drop-inner__text i {
      font-size: 64px;
      display: inline-block; }
    .case-det-page .layout__main__content .drop-inner__text span {
      font-size: 32px;
      line-height: 64px;
      display: inline-block;
      vertical-align: top; }

.app-main > .case-detail__header--desk {
  flex: 0 0 auto; }

.player:after {
  clear: both;
  display: block;
  content: ""; }

.player .player-inner {
  width: calc(100% - 75px);
  min-width: 270px;
  color: #5b6b78;
  font-size: 12px;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .player .player-inner {
      min-width: 0; } }
  .player .player-inner .player-bar {
    background: #f2f2f2;
    height: 3px;
    position: relative;
    border-radius: 1px;
    margin-bottom: 10px; }
    .player .player-inner .player-bar span {
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 1000px;
      background: #1774cc;
      top: -3px;
      left: 0; }
    .player .player-inner .player-bar .progress-line {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      background: #1774cc;
      border-radius: 1px; }

.player .material-icons {
  font-size: 35px;
  line-height: 1;
  margin-top: -7px;
  cursor: pointer; }

.pinned-msg {
  border: 1px solid #e6e6e6;
  padding: 15px;
  border-radius: 10px;
  position: relative;
  overflow: hidden; }
  .pinned-msg .pinned-meta {
    padding-right: 20px;
    color: #5b6b78;
    margin-bottom: 5px; }
    .pinned-msg .pinned-meta .close {
      position: absolute;
      top: 15px;
      right: 15px;
      color: #5b6b78; }
      .pinned-msg .pinned-meta .close .material-icons {
        font-size: 18px; }

.pins-placeholder {
  color: #5b6b78;
  opacity: 0.6; }
  .pins-placeholder strong {
    display: block;
    line-height: 1.2; }

/*galleria*/
@media (min-width: 600px) {
  .galleria-stage {
    padding: 75px 110px 0;
    box-sizing: border-box; }
  .galleria-images {
    width: 1200px !important;
    position: relative !important;
    padding-bottom: 155px;
    margin: 0 auto; }
    .galleria-images .galleria-image {
      width: 1200px !important;
      box-sizing: border-box;
      height: calc(100% - 155px) !important;
      display: flex; }
      .galleria-images .galleria-image img {
        max-width: 1200px !important;
        position: static !important;
        max-height: 100% !important;
        height: auto !important;
        width: auto !important;
        margin: 0 auto;
        display: flex !important;
        margin: auto; }
        .galleria-images .galleria-image img.thumbnail-video {
          position: absolute !important;
          top: 50% !important;
          left: 50% !important;
          transform: translate(-50%, -50%) !important;
          max-height: none !important; }
      .galleria-images .galleria-image .galleria-frame {
        max-width: 100% !important;
        max-height: 100% !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important; }
        .galleria-images .galleria-image .galleria-frame iframe {
          max-height: 100% !important;
          max-width: 100% !important; }
  .galleria-theme-fullscreen .galleria-thumbnails {
    width: auto !important;
    text-align: center;
    background: none; }
    .galleria-theme-fullscreen .galleria-thumbnails .galleria-image {
      display: inline-block;
      float: none !important;
      width: 80px !important;
      height: 80px !important;
      overflow: hidden;
      position: relative;
      border: 4px solid transparent; }
      .galleria-theme-fullscreen .galleria-thumbnails .galleria-image img {
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: 150% !important;
        max-height: 150% !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 1000; }
      .galleria-theme-fullscreen .galleria-thumbnails .galleria-image.active {
        border: 1px solid #e6e6e6; }
  .galleria-theme-fullscreen .galleria-thumbnails-container {
    opacity: 1 !important;
    top: auto !important; }
  .galleria-theme-fullscreen.videoplay .galleria-thumbnails-container {
    display: block !important; }
  .galleria-theme-fullscreen .galleria-thumbnails-container {
    padding-top: 47px !important;
    padding-bottom: 25 !important;
    background: #000;
    text-align: center;
    max-height: 47px;
    transition: all linear .2s; }
    .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumbnails-list {
      padding: 0;
      background: none;
      display: inline-block;
      max-width: 1200px;
      border: none;
      vertical-align: middle;
      margin-bottom: 25px; }
    .galleria-theme-fullscreen .galleria-thumbnails-container.tab-open {
      max-height: 150px; }
      .galleria-theme-fullscreen .galleria-thumbnails-container.tab-open .show {
        display: none; }
      .galleria-theme-fullscreen .galleria-thumbnails-container.tab-open .hide {
        display: block !important; }
    .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumbnails-tab {
      color: #fff;
      padding: 0 15px;
      width: auto;
      line-height: 47px;
      opacity: 1;
      height: 47px;
      background: none !important; }
      .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumbnails-tab .material-icons {
        line-height: 33px;
        margin: 7px 0 7px 5px;
        vertical-align: top;
        width: 33px;
        height: 33px;
        border-radius: 1000px;
        text-align: center; }
        .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumbnails-tab .material-icons:hover {
          background: rgba(255, 255, 255, 0.2); }
    .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumb-nav-right, .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumb-nav-left {
      display: inline-block;
      position: static;
      height: 48px;
      width: 48px;
      border-radius: 1000px;
      text-align: center;
      color: #fff;
      line-height: 48px;
      vertical-align: -10px;
      margin: 0 15px;
      cursor: pointer; }
      .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumb-nav-right .material-icons, .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumb-nav-left .material-icons {
        line-height: 48px; }
      .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumb-nav-right:hover, .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumb-nav-left:hover {
        background: rgba(255, 255, 255, 0.1); }
      .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumb-nav-right.disabled, .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumb-nav-left.disabled {
        opacity: 0;
        visibility: hidden; }
  .galleria-theme-fullscreen .galleria-info {
    opacity: 1 !important;
    padding: 21px 0;
    background: #000; }
  .galleria-close-cross {
    z-index: 1000;
    top: 10px;
    right: 15px;
    position: fixed; }
    .galleria-close-cross .btn {
      font-weight: 700; }
      .galleria-close-cross .btn .material-icons {
        vertical-align: -5px;
        margin-right: 10px;
        font-size: 20px; }
  .galleria-layer {
    width: 100vw !important;
    height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    color: #fff;
    padding: 5px 15px; }
    .galleria-layer .btn {
      font-weight: 700;
      margin-top: 10px; }
      .galleria-layer .btn .material-icons {
        vertical-align: -5px;
        margin-left: 10px;
        font-size: 20px; }
    .galleria-layer h2 {
      font-size: 14px;
      font-weight: 700;
      line-height: 48px;
      margin: 0 180px 0 0; }
  .galleria-theme-fullscreen .galleria-image-nav-right, .galleria-theme-fullscreen .galleria-image-nav-left {
    top: 50%;
    bottom: auto;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: none;
    opacity: 1 !important; }
    .galleria-theme-fullscreen .galleria-image-nav-right:after, .galleria-theme-fullscreen .galleria-image-nav-left:after {
      color: #fff;
      font-family: 'Material Icons';
      text-rendering: optimizeLegibility;
      font-feature-settings: "liga" 1;
      content: "arrow_back";
      font-size: 40px;
      line-height: 72px;
      width: 72px;
      text-align: center;
      display: inline-block; }
    .galleria-theme-fullscreen .galleria-image-nav-right:hover, .galleria-theme-fullscreen .galleria-image-nav-left:hover {
      background: rgba(255, 255, 255, 0.2); }
  .galleria-theme-fullscreen .galleria-image-nav-right {
    right: 15px !important; }
    .galleria-theme-fullscreen .galleria-image-nav-right:after {
      content: "arrow_forward"; }
  .galleria-theme-fullscreen .galleria-image-nav-left {
    left: 15px !important; }
  .galleria-theme-fullscreen {
    background: rgba(0, 0, 0, 0.7); }
  .galleria-theme-fullscreen .galleria-thumbnails-tab {
    left: 0 !important;
    margin-left: 0 !important; }
  .gal-zoom {
    position: fixed;
    bottom: 185px;
    width: 100%;
    left: 0;
    text-align: center;
    margin: 0; }
    .gal-zoom li {
      display: inline-block;
      margin-right: 10px;
      vertical-align: top; }
      .gal-zoom li a {
        color: #fff;
        height: 48px;
        width: 48px;
        background: #313336;
        border-radius: 50%;
        display: block;
        text-align: center; }
        .gal-zoom li a:hover, .gal-zoom li a:active {
          background: #000; }
        .gal-zoom li a .icon {
          font-size: 17px;
          line-height: 48px; }
      .gal-zoom li.disabled a {
        color: rgba(255, 255, 255, 0.2); }
        .gal-zoom li.disabled a:hover, .gal-zoom li.disabled a:active {
          background: #313336; } }

@media (max-width: 600px) {
  .galleria-layer {
    width: 100vw !important;
    margin-top: 100px !important;
    top: 0 !important; } }

.gal-options {
  margin: 5px 20px;
  z-index: 1000;
  position: relative; }
  .gal-options li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top; }
    .gal-options li a {
      color: #fff;
      height: 48px;
      width: 48px;
      border-radius: 50%;
      display: block;
      text-align: center;
      background: none; }
      .gal-options li a:hover, .gal-options li a:active {
        background: rgba(255, 255, 255, 0.2); }
      .gal-options li a .material-icons {
        line-height: 48px; }
      .gal-options li a .icon {
        font-size: 22px;
        line-height: 48px; }
    .gal-options li .material-tooltip {
      z-index: 1000; }
  @media (max-width: 600px) {
    .gal-options {
      margin-left: 10px;
      margin-right: 0; }
      .gal-options li {
        display: block;
        margin-bottom: 5px; } }

.galleria-thumbnails-container .galleria-counter {
  position: absolute;
  top: 13px;
  left: 50%;
  margin-left: -15px;
  color: #fff;
  opacity: 1 !important; }

@media (min-width: 600px) and (max-width: 1350px) {
  .galleria-images {
    max-width: 780px !important; }
    .galleria-images .galleria-image {
      max-width: 780px !important; }
      .galleria-images .galleria-image img {
        max-width: 780px !important; } }

@media (min-width: 600px) and (max-width: 960px) {
  .galleria-images {
    max-width: 540px !important; }
    .galleria-images .galleria-stage {
      padding-left: 0;
      padding-right: 0; }
    .galleria-images .galleria-image {
      max-width: 540px !important; }
      .galleria-images .galleria-image img {
        max-width: 540px !important; } }

@media (min-width: 600px) and (max-width: 1300px) {
  .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumbnails-list {
    max-width: 700px; } }

@media (min-width: 600px) and (max-width: 767px) {
  .galleria-theme-fullscreen .galleria-thumbnails-container .galleria-thumbnails-list {
    max-width: 70%; } }

@media (min-width: 600px) {
  .galleria-theme-fullscreen .galleria-thumbnails-container {
    transition: max-height 200ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; } }

.galleria-theme-fullscreen .not-avaliable {
  width: 350px;
  height: 140px;
  background: #313336;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -175px;
  padding: 25px 15px 0;
  text-align: center;
  color: #fff; }
  .galleria-theme-fullscreen .not-avaliable .h3 {
    margin-bottom: 25px; }
  .galleria-theme-fullscreen .not-avaliable .btn {
    margin: 0; }
  @media (max-width: 600px) {
    .galleria-theme-fullscreen .not-avaliable {
      width: 80%;
      max-width: 350px;
      position: static;
      margin: 200px auto 0; } }

.galleria-audio-layer .player-container {
  width: 380px;
  height: 62px;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -31px;
  margin-left: -190px;
  padding: 18px 15px 0; }
  .galleria-audio-layer .player-container .player .material-icons {
    margin-top: -4px; }

.galleria-audio-layer audio {
  width: 380px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -31px;
  margin-left: -190px; }

@media (max-width: 600px) {
  .galleria-audio-layer {
    width: auto !important;
    float: none !important; }
    .galleria-audio-layer .player-container {
      width: 250px;
      margin-left: -125px; }
      .galleria-audio-layer .player-container audio {
        width: 300px; } }

@media (max-width: 400px) {
  .galleria-audio-layer .player-container {
    margin-left: -135px; } }

@media (max-width: 600px) {
  html, body {
    height: 100vh;
    width: 100vw;
    overflow: hidden; }
  .galleria-close-cross {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 10; }
    .galleria-close-cross .btn {
      display: none; }
    .galleria-close-cross .material-icons {
      font-size: 24px;
      width: 48px;
      height: 48px;
      line-height: 48px;
      text-align: center;
      color: #fff;
      background: #313336;
      border-radius: 1000px; }
  .galleria-info {
    background: rgba(0, 0, 0, 0.5); } }

.rename .editable_line {
  width: auto;
  display: inline-block;
  margin-bottom: 0;
  border-bottom: none;
  height: 32px;
  color: #313336;
  max-width: calc(100% - 10px) !important;
  font-size: 20px;
  line-height: 32px;
  white-space: nowrap; }
  .rename .editable_line:focus {
    outline: none; }
  @media (max-width: 767px) {
    .rename .editable_line {
      font-size: 17px !important; } }

.rename .editable_placeholder {
  color: rgba(91, 107, 120, 0.5); }

.rename .editable_focus {
  border-bottom: 1px solid #1774cc;
  box-shadow: 0 1px 0 0 #1774cc; }

.rename .editable_line_save {
  display: inline-block; }

.rename span {
  display: inline-block;
  cursor: pointer;
  margin-left: -36px;
  vertical-align: top;
  background: #fff;
  line-height: 29px;
  padding-left: 3px; }
  .rename span i {
    display: inline-block;
    text-align: center;
    margin-right: 0;
    font-size: 22px;
    line-height: 29px;
    border-radius: 50%;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    transition: all 0.3s ease 0s;
    float: none;
    color: #5b6b78; }
  .rename span:hover i {
    color: #1774cc;
    transition: all 0.5 ease-in-out;
    background: rgba(23, 116, 204, 0.4); }

@media (max-width: 767px) {
  .rename {
    /*margin: 0 !important;*/ } }

.rename span.badge.ib {
  vertical-align: 10px; }

.layout__main__selector__list .badge.ib {
  position: static; }

.layout__main__selector__list .badge.count {
  top: 20px; }

.nav-list.nav-list_add #add-form-list.dropdown-content {
  left: 7px !important; }

.nav-list.nav-list_add #case-options-dropdown.dropdown-content {
  right: auto;
  left: -5px !important; }

.nav-list.nav-list_add .dropdown-content li.dropdown__header {
  color: #5b6b78;
  height: 66px; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__header:hover {
    background: #f2f2f2; }

.nav-list.nav-list_add .dropdown-content li.dropdown__header.add-bordered {
  padding: 0 0 0 19px; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__header.add-bordered i {
    margin-top: 7px;
    margin-left: -1px; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__header.add-bordered span {
    line-height: 22px;
    display: block; }

.nav-list.nav-list_add .dropdown-content li.dropdown__header.drop-options {
  padding: 0 0 0 19px; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__header.drop-options i {
    margin-top: 9px;
    margin-left: 13px; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__header.drop-options span {
    line-height: 26px;
    display: block; }

.nav-list.nav-list_add .dropdown-content li.dropdown__subheader {
  background: rgba(224, 224, 224, 0.35);
  cursor: auto; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__subheader span {
    margin-left: 18px;
    display: block;
    line-height: 40px;
    text-transform: uppercase;
    color: #5b6b78; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__subheader + li a {
    border-top: none; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__subheader:hover {
    background: rgba(224, 224, 224, 0.35); }

.nav-list.nav-list_add .dropdown-content li:hover, .nav-list.nav-list_add .dropdown-content li.active, .nav-list.nav-list_add .dropdown-content li.selected {
  background: transparent; }
  .nav-list.nav-list_add .dropdown-content li:hover a, .nav-list.nav-list_add .dropdown-content li.active a, .nav-list.nav-list_add .dropdown-content li.selected a {
    color: #1774cc; }

@-moz-document url-prefix() {
  .nav-list.nav-list_add .dropdown-content li.dropdown__header.add-bordered i {
    margin-top: 8px; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__header.add-bordered span {
    line-height: 19px; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__header.drop-options i {
    margin-top: 10px; }
  .nav-list.nav-list_add .dropdown-content li.dropdown__header.drop-options span {
    line-height: 22px; } }

.video-body {
  position: relative;
  transition: all linear 0.3s; }
  .video-body.active {
    padding-bottom: 25px; }

.show-side .video-floating {
  position: absolute !important;
  border: none;
  display: block;
  border-radius: 0;
  box-shadow: none;
  right: 0;
  bottom: calc(100% + 42px);
  top: auto !important;
  left: auto !important;
  transition: all linear 0.3s;
  width: 100%; }
  .show-side .video-floating.active {
    bottom: 0; }

.show-side .messages-content {
  position: relative; }

.show-side .messages-content:after {
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=0 );
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  z-index: 10; }

.show-side .writing-area .expandingArea > textarea::-webkit-input-placeholder {
  font-style: italic; }

.show-side .writing-area .expandingArea > textarea::-moz-placeholder {
  font-style: italic; }

.show-side .writing-area .expandingArea > textarea:-ms-input-placeholder {
  font-style: italic; }

.show-side .writing-area .expandingArea > textarea:-moz-placeholder {
  font-style: italic; }

.show-side .writing-area .content-item.active {
  border-color: #1774cc; }

.layout-new.video-floating.expanded:not(.unlocked) {
  width: 100%;
  height: 100%;
  position: fixed !important;
  padding-bottom: 0;
  top: 0 !important;
  left: 0  !important; }

.show-side .layout-new.video-floating:not(.unlocked) {
  left: 0px !important;
  top: 0px !important;
  width: 100%;
  background-color: transparent !important; }

.show-side .layout-new.video-floating:not(.expanded):not(.unlocked) {
  width: 304px !important; }

.video-floating-sidebar-active {
  height: 186px; }

.video-actions-block .btn-group {
  display: block;
  letter-spacing: 0; }
  .video-actions-block .btn-group .video-btn {
    line-height: 50px;
    width: calc(100% - 64px);
    float: left;
    padding: 0; }
    .video-actions-block .btn-group .video-btn i {
      font-size: 24px;
      vertical-align: -6px;
      margin-right: 10px; }
  .video-actions-block .btn-group .dots-btn {
    height: 50px;
    line-height: 50px;
    display: inline-block !important; }
    .video-actions-block .btn-group .dots-btn i {
      font-size: 24px; }

.layout__pane--locked .collapsible-body .btn-group .dropdown-content {
  width: auto !important;
  left: auto !important;
  right: 0; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle).dots-btn {
  border-radius: 0 3px 3px 0;
  margin-left: -3px; }

.test-row {
  padding: 15px 0 0;
  margin: 0 0 5px; }
  .test-row i {
    vertical-align: -6px;
    margin-right: 10px; }

p.active-row {
  margin-bottom: 1rem; }

.complete {
  color: #30a039; }

.incomplete {
  color: #e7741c; }

@media (max-width: 960px) {
  .side-nav__search .search-form .input-field label {
    top: 0.5rem;
    transform: none; }
  .input-field {
    margin: 0;
    position: relative; }
  .search-form {
    height: auto; }
  .side-nav__search .search-form .input-field input {
    margin: 0; } }

@media (min-width: 767px) {
  .modal-medium {
    width: 600px; } }

.modal-medium .modal-header {
  height: auto; }

.modal-vc .modal-subheading {
  padding: 30px 20px 30px 25px;
  border-bottom: 1px solid #e6e6e6;
  color: rgba(91, 107, 120, 0.5);
  font-size: 21px; }
  .modal-vc .modal-subheading .material-icons {
    margin-right: 10px;
    font-size: 40px;
    vertical-align: -15px; }

.modal-vc .modal-content-inner {
  padding: 30px; }
  .modal-vc .modal-content-inner .item-heading {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px; }
    .modal-vc .modal-content-inner .item-heading .material-icons {
      vertical-align: -4px;
      margin-right: 15px; }
    .modal-vc .modal-content-inner .item-heading p, .modal-vc .modal-content-inner .item-heading ul {
      color: #5b6b78;
      padding-left: 45px;
      padding-bottom: 0; }
    .modal-vc .modal-content-inner .item-heading ul {
      padding-left: 60px;
      margin: 0; }
      .modal-vc .modal-content-inner .item-heading ul li {
        padding-left: 10px;
        margin-bottom: 5px; }
    .modal-vc .modal-content-inner .item-heading a.edit {
      font-weight: 700;
      font-size: 14px;
      margin-left: 5px; }

.modal-vc .modal-footer {
  border-top: 1px solid #e6e6e6;
  padding: 15px 30px;
  height: auto; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  margin: 0;
  -webkit-appearance: none; }

input[type=number] {
  -moz-appearance: textfield; }

.video-text-labels {
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: .6;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  z-index: 10; }
  .video-text-labels a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px; }
    .video-text-labels a .material-icons {
      vertical-align: -6px;
      margin-left: 10px; }

.material-tooltip.tooltip-bg-dark {
  z-index: 100000; }
  .material-tooltip.tooltip-bg-dark .backdrop {
    background: rgba(255, 255, 255, 0.2); }

.writing-area .tags {
  color: rgba(91, 107, 120, 0.5);
  font-size: 0.75rem;
  margin-top: 5px;
  position: relative;
  z-index: 10; }
  .writing-area .tags .dropdown-content {
    bottom: calc(100% + 60px);
    top: auto !important;
    min-width: 180px; }
    .writing-area .tags .dropdown-content a {
      padding-top: 10px;
      padding-bottom: 10px;
      font-weight: 700; }
    .writing-area .tags .dropdown-content .chip {
      padding: 0;
      width: 36px;
      height: 36px;
      vertical-align: middle; }
      .writing-area .tags .dropdown-content .chip img {
        width: 36px;
        height: 36px; }

.msg .chip {
  border-radius: 1000px; }
  .msg .chip .material-icons {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    display: block;
    margin-left: 2px;
    margin-right: 1px; }

.msg span.badge.ib {
  margin: 20px 0 0;
  font-size: 0.875rem;
  padding: 0 10px;
  color: #1774cc;
  font-weight: 400;
  line-height: 1.5rem;
  max-height: none; }
  .msg span.badge.ib i.right {
    margin: 0 -10px 0 15px;
    font-size: 24px;
    line-height: 1.5rem; }
  .msg span.badge.ib:hover {
    color: #0469bd;
    cursor: pointer; }

.dropdown-content.rem-dropdown {
  left: auto !important;
  right: 58px;
  top: auto !important;
  bottom: 55px;
  width: 270px !important; }
  .dropdown-content.rem-dropdown li a, .dropdown-content.rem-dropdown li span {
    border: none;
    line-height: 50px;
    margin-left: 0;
    padding-left: 18px; }
    .dropdown-content.rem-dropdown li a .material-icons, .dropdown-content.rem-dropdown li span .material-icons {
      width: 40px;
      height: 40px;
      border-radius: 1000px;
      line-height: 40px;
      text-align: center;
      margin-right: -15px;
      margin-top: 5px; }
      .dropdown-content.rem-dropdown li a .material-icons:hover, .dropdown-content.rem-dropdown li span .material-icons:hover {
        background: rgba(0, 0, 0, 0.1); }
  .dropdown-content.rem-dropdown li.dropdown-header {
    border-bottom: 1px solid #e6e6e6; }
    .dropdown-content.rem-dropdown li.dropdown-header span {
      color: #5b6b78;
      cursor: default; }
    .dropdown-content.rem-dropdown li.dropdown-header:hover, .dropdown-content.rem-dropdown li.dropdown-header.active, .dropdown-content.rem-dropdown li.dropdown-header.selected {
      background: none; }

.dropdown-content .dropdown-content.left-side {
  margin-left: -101%;
  top: auto !important;
  bottom: -2px;
  width: 270px !important;
  margin-top: -48px; }
  .dropdown-content .dropdown-content.left-side li a, .dropdown-content .dropdown-content.left-side li span {
    border: none;
    line-height: 50px; }
  .dropdown-content .dropdown-content.left-side#dropdown-exp {
    margin-bottom: 50px; }

.dropdown-content.nested {
  overflow-y: visible; }

.case-det-page .layout__main__selector__list li.complete-summary {
  padding: 0 20px;
  color: #313336; }
  .case-det-page .layout__main__selector__list li.complete-summary .bkw-small-heading {
    display: block;
    color: #5b6b78;
    margin: 0 0 20px; }
  .case-det-page .layout__main__selector__list li.complete-summary .summary-row {
    display: block;
    margin-bottom: 13px;
    padding-left: 40px;
    position: relative; }
    .case-det-page .layout__main__selector__list li.complete-summary .summary-row .material-icons {
      left: 0;
      top: -3px;
      margin-right: 15px;
      font-size: 24px;
      width: 24px;
      transform: none;
      text-align: center; }

.vc-block {
  padding: 10px 10px 50px; }
  .vc-block .item-heading {
    margin-bottom: 20px; }
    .vc-block .item-heading .material-icons {
      vertical-align: -4px;
      margin-right: 15px; }
    .vc-block .item-heading p, .vc-block .item-heading ul {
      font-size: 14px;
      font-weight: 400;
      color: #5b6b78;
      padding-left: 45px;
      padding-bottom: 0;
      margin: 10px 0; }
    .vc-block .item-heading ul {
      padding-left: 60px;
      margin: 0;
      color: #313336;
      padding-top: 0; }
      .vc-block .item-heading ul li {
        padding-left: 10px;
        margin-bottom: 5px; }
  .vc-block .item-footer {
    padding-bottom: 15px;
    padding-top: 10px; }
    .vc-block .item-footer .material-icons {
      vertical-align: -6px;
      margin-right: 15px; }
    .vc-block .item-footer .btn {
      margin-top: -5px; }

.layout__main__selector__list.table-of-contents li {
  padding: 0;
  margin: 0;
  line-height: initial; }
  .layout__main__selector__list.table-of-contents li a {
    height: auto;
    line-height: 20px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 20px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    color: #5b6b78 !important; }
    .layout__main__selector__list.table-of-contents li a:link, .layout__main__selector__list.table-of-contents li a:visited, .layout__main__selector__list.table-of-contents li a:hover, .layout__main__selector__list.table-of-contents li a:active {
      text-decoration: none;
      outline: none; }
    .layout__main__selector__list.table-of-contents li a:hover {
      border-left: none;
      color: inherit !important; }
    .layout__main__selector__list.table-of-contents li a.active {
      color: #313336;
      border-left: 4px solid #1774cc; }
  .layout__main__selector__list.table-of-contents li.new a {
    background: rgba(230, 23, 44, 0.12);
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6; }
    .layout__main__selector__list.table-of-contents li.new a:hover {
      background: #f2f2f2; }
    .layout__main__selector__list.table-of-contents li.new a.active {
      background: inherit;
      border-top-color: transparent;
      border-bottom-color: transparent; }
  .layout__main__selector__list.table-of-contents li.new + li.new a {
    border-top-color: transparent; }

.layout__main__selector__list.table-of-contents .material-icons {
  top: 50%; }

.new-form-body #attacment-gallery a:before, .new-form-body .download-file-link:before {
  position: absolute;
  content: "";
  top: 12px;
  right: 12px;
  width: 20px;
  height: 20px;
  background: url("./close-icon.png") no-repeat 0 0;
  cursor: pointer;
  z-index: 2; }

.no-scroll {
  flex-direction: column;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden; }
  .no-scroll .layout--default {
    height: 100%;
    overflow: hidden; }
    .no-scroll .layout--default .layout__main.pad {
      height: 100%; }
      .no-scroll .layout--default .layout__main.pad .wrapper.wide {
        display: flex;
        flex-direction: column;
        align-content: stretch;
        height: inherit; }
        .no-scroll .layout--default .layout__main.pad .wrapper.wide .fc {
          height: calc(100% - 40px);
          overflow: hidden;
          border-bottom: 1px solid #e6e6e6; }
          .no-scroll .layout--default .layout__main.pad .wrapper.wide .fc .fc-view-container {
            height: 100%; }
          .no-scroll .layout--default .layout__main.pad .wrapper.wide .fc .fc-view {
            height: 100%; }
            .no-scroll .layout--default .layout__main.pad .wrapper.wide .fc .fc-view > table {
              display: flex;
              flex-direction: column;
              height: 100%; }
              .no-scroll .layout--default .layout__main.pad .wrapper.wide .fc .fc-view > table > tbody {
                display: block;
                overflow: auto; }

.three-cols .checkbox-wrap.ib.mr70 {
  margin-right: 70px; }

.case-default-block .case-form__body .row .col .lh20 {
  line-height: 20px;
  display: inline-block; }

.header-hide .app-main {
  height: 100vh; }

@media (max-width: 1280px) {
  .header-hide .case-det-page .layout__pane.layout__pane--locked, .header-hide .case-det-page .layout__main__selector {
    top: 84px; } }

.width130 {
  width: 130px !important; }

.new-messages-divider {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 15px -20px; }
  .new-messages-divider:after {
    clear: both;
    content: "";
    display: block; }
  .new-messages-divider .line {
    border-top: 1px solid #e6172c;
    flex: 1 1 auto;
    margin: 15px 10px 0 0; }

.datepicker-bordered .moment-picker-reference .input-group-addon .material-icons {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 22px; }

/*messages fixed block*/
.messages-fixed-block {
  position: fixed;
  right: 20px;
  bottom: 25px;
  z-index: 100; }
  .messages-fixed-block .messages-activate {
    position: relative; }
    .messages-fixed-block .messages-activate .material-icons {
      position: absolute;
      top: 0;
      left: 0; }
    .messages-fixed-block .messages-activate .material-icons[data-badge]:after {
      border: 2px solid #313336;
      border-radius: 10px;
      height: 18px;
      min-width: 16px;
      padding: 0 6px;
      right: 5px;
      top: 8px;
      width: auto;
      display: inline-block;
      line-height: 1; }
    .messages-fixed-block .messages-activate .onview {
      opacity: 0;
      transform: rotate(-30deg);
      transition: transform linear .16s, opacity linear .08s, -webkit-transform linear .16s; }
    .messages-fixed-block .messages-activate .onstart {
      opacity: 1;
      transform: scale(1) rotate(0);
      transition: transform linear .16s, opacity linear .08s, -webkit-transform linear .16s; }
    .messages-fixed-block .messages-activate.active .onview {
      opacity: 1;
      transform: rotate(0deg); }
    .messages-fixed-block .messages-activate.active .onstart {
      opacity: 0;
      transform: scale(0) rotate(30deg); }
  .messages-fixed-block .messages-box {
    width: 280px;
    height: 320px;
    background: #fff;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.14), 0 3px 14px rgba(0, 0, 0, 0.12), 0 4px 15px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    position: fixed;
    bottom: 100px;
    right: 20px;
    opacity: 0;
    transform: scaleY(0.92);
    transform-origin: center bottom 0;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform, opacity; }
    .messages-fixed-block .messages-box.active {
      opacity: 1;
      transform: scaleY(1); }
    .messages-fixed-block .messages-box .box-title {
      background: #313336;
      color: #fff;
      padding: 4px 2px 4px 15px;
      line-height: 48px;
      border-radius: 3px 3px 0 0; }
      .messages-fixed-block .messages-box .box-title:after {
        clear: both;
        content: "";
        display: block; }
      .messages-fixed-block .messages-box .box-title .material-icons {
        height: 48px;
        line-height: 48px;
        text-align: center;
        width: 48px;
        border-radius: 1000px;
        cursor: pointer;
        font-size: 22px;
        display: block; }
        .messages-fixed-block .messages-box .box-title .material-icons:hover {
          background: rgba(255, 255, 255, 0.2); }
      .messages-fixed-block .messages-box .box-title a.left {
        margin-left: -13px;
        margin-right: 5px; }
    .messages-fixed-block .messages-box .box-content {
      height: calc(100% - 56px);
      overflow: auto; }
      .messages-fixed-block .messages-box .box-content .user-list {
        margin: 0; }
        .messages-fixed-block .messages-box .box-content .user-list li {
          border-bottom: 1px solid #e6e6e6; }
          .messages-fixed-block .messages-box .box-content .user-list li a {
            display: block;
            padding: 15px;
            color: inherit; }
            .messages-fixed-block .messages-box .box-content .user-list li a:after {
              clear: both;
              content: "";
              display: block; }
            .messages-fixed-block .messages-box .box-content .user-list li a .dot {
              margin-right: 10px; }
            .messages-fixed-block .messages-box .box-content .user-list li a .badge {
              padding: 0 7px;
              line-height: 16px;
              margin-top: 5px; }
            .messages-fixed-block .messages-box .box-content .user-list li a .time {
              color: #5b6b78;
              font-size: 12px;
              margin-top: 4px; }
    .messages-fixed-block .messages-box .messages-content {
      height: calc(100% - 56px);
      overflow: hidden;
      min-height: 0; }
    .messages-fixed-block .messages-box .chat-box-view {
      height: 100%; }
      .messages-fixed-block .messages-box .chat-box-view .writing-area {
        padding: 15px; }
        .messages-fixed-block .messages-box .chat-box-view .writing-area .expandingArea {
          width: calc(100% - 60px); }
          .messages-fixed-block .messages-box .chat-box-view .writing-area .expandingArea > pre {
            padding-top: 6px;
            padding-bottom: 9px; }
        .messages-fixed-block .messages-box .chat-box-view .writing-area .actions-wrapper {
          transform: none; }
          .messages-fixed-block .messages-box .chat-box-view .writing-area .actions-wrapper .send {
            opacity: 1;
            font-size: 14px; }
      .messages-fixed-block .messages-box .chat-box-view .chat-wrap {
        height: calc(100% - 56px); }
        .messages-fixed-block .messages-box .chat-box-view .chat-wrap .chat-window {
          padding: 15px; }
        .messages-fixed-block .messages-box .chat-box-view .chat-wrap .msg {
          max-width: 100%;
          margin-right: 0;
          font-size: 14px; }
          .messages-fixed-block .messages-box .chat-box-view .chat-wrap .msg:not(.my-msg) .msg-body {
            margin-left: 0;
            width: calc(100% - 20px); }
          .messages-fixed-block .messages-box .chat-box-view .chat-wrap .msg.my-msg {
            margin-left: 20px; }
          .messages-fixed-block .messages-box .chat-box-view .chat-wrap .msg .msg-body .msg-item .meta {
            padding-top: 10px; }
    .messages-fixed-block .messages-box .chat-box-view {
      visibility: hidden; }
      .messages-fixed-block .messages-box .chat-box-view .box-title a, .messages-fixed-block .messages-box .chat-box-view .box-title strong {
        visibility: hidden;
        opacity: 0; }
      .messages-fixed-block .messages-box .chat-box-view .messages-content .clearfix {
        visibility: hidden;
        opacity: 0; }
    .messages-fixed-block .messages-box .list-view .box-title a, .messages-fixed-block .messages-box .list-view .box-title strong {
      display: block; }
    .messages-fixed-block .messages-box .list-view .animated {
      animation-duration: .32s; }
    .messages-fixed-block .messages-box.cbw .chat-box-view {
      visibility: visible; }
      .messages-fixed-block .messages-box.cbw .chat-box-view .box-title a, .messages-fixed-block .messages-box.cbw .chat-box-view .box-title strong {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1); }
      .messages-fixed-block .messages-box.cbw .chat-box-view .messages-content .clearfix {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1); }
    .messages-fixed-block .messages-box.cbw .list-view {
      display: none;
      opacity: 0;
      visibility: hidden; }
      .messages-fixed-block .messages-box.cbw .list-view .box-title a, .messages-fixed-block .messages-box.cbw .list-view .box-title strong {
        display: none; }

.btn-floating.secondary, .btn-floating.secondary:hover, .btn-floating.secondary:focus {
  background: #313336; }
  .btn-floating.secondary i, .btn-floating.secondary:hover i, .btn-floating.secondary:focus i {
    color: #fff; }

.modal.modal-instructions {
  width: 500px; }
  .modal.modal-instructions .modal-content-inner {
    padding: 25px 25px 15px;
    position: relative; }
    .modal.modal-instructions .modal-content-inner > .btn-flat {
      position: absolute;
      bottom: 15px;
      left: 25px;
      z-index: 11; }
    .modal.modal-instructions .modal-content-inner .slider-gallery {
      height: 540px !important; }
      .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery {
        background: #fff;
        height: 540px !important; }
        .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery li img {
          width: 450px;
          height: 390px; }
        .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery li .btn {
          position: absolute;
          bottom: 0;
          right: 0;
          min-width: 80px; }
        .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery li .btn-flat {
          position: absolute;
          bottom: 0;
          right: 90px;
          min-width: 80px; }
          .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery li .btn-flat.got {
            right: 120px; }
        .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery p.ul {
          line-height: 30px; }
          .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery p.ul .material-icons {
            color: #5b6b78;
            line-height: 30px;
            vertical-align: middle; }
            .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery p.ul .material-icons.green-text {
              color: #30a039 !important;
              font-size: 20px; }
          .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery p.ul .btn-style {
            display: inline-block;
            font-size: 13px;
            color: #30a039;
            background: #e6e6e6;
            padding: 0 .5rem;
            line-height: 24px;
            margin: 0 .5rem; }
            .modal.modal-instructions .modal-content-inner .slider-gallery .slides-gallery p.ul .btn-style .material-icons {
              color: #30a039;
              font-size: 12px;
              line-height: 24px;
              vertical-align: -1px;
              margin-right: 3px; }
      .modal.modal-instructions .modal-content-inner .slider-gallery .indicators {
        z-index: 10;
        margin-bottom: 5px;
        left: 50%;
        right: auto;
        margin-left: -27px; }
        .modal.modal-instructions .modal-content-inner .slider-gallery .indicators .indicator-item {
          width: 12px;
          height: 12px;
          box-sizing: border-box;
          border: 2px solid #f2f2f2;
          margin: 0 3px;
          background: none; }
          .modal.modal-instructions .modal-content-inner .slider-gallery .indicators .indicator-item.active {
            background: #1774cc;
            border-color: #1774cc; }
  .modal.modal-instructions.modal-md .modal-content-inner .slider-gallery {
    height: 400px !important; }
    .modal.modal-instructions.modal-md .modal-content-inner .slider-gallery .indicators {
      margin-left: 0;
      left: 0; }
    .modal.modal-instructions.modal-md .modal-content-inner .slider-gallery .slides-gallery {
      height: 400px !important; }
      .modal.modal-instructions.modal-md .modal-content-inner .slider-gallery .slides-gallery li .btn {
        min-width: 120px; }
      .modal.modal-instructions.modal-md .modal-content-inner .slider-gallery .slides-gallery li .btn-flat {
        right: 130px;
        min-width: 120px; }
      .modal.modal-instructions.modal-md .modal-content-inner .slider-gallery .slides-gallery li img {
        width: 100%;
        height: 290px;
        margin-bottom: 20px; }
  .modal.modal-instructions.modal-md p {
    padding: 0 0 20px;
    font-size: 16px; }
  .modal.modal-instructions.tutorial-instructions {
    width: 600px; }
    .modal.modal-instructions.tutorial-instructions .modal-content-inner .slider-gallery, .modal.modal-instructions.tutorial-instructions .modal-content-inner .slides-gallery {
      height: 730px !important; }
    .modal.modal-instructions.tutorial-instructions .modal-content-inner .slider-gallery .slides-gallery li img {
      width: 100%;
      height: 540px; }
    .modal.modal-instructions.tutorial-instructions h4 {
      font-size: 20px; }
    .modal.modal-instructions.tutorial-instructions p {
      padding: 0;
      margin: 10px 0 20px;
      line-height: 24px; }
      .modal.modal-instructions.tutorial-instructions p.desc {
        height: 50px; }
      .modal.modal-instructions.tutorial-instructions p.ul.disc span {
        display: block;
        position: relative;
        padding-left: 15px; }
        .modal.modal-instructions.tutorial-instructions p.ul.disc span:before {
          position: absolute;
          left: 0;
          top: 0;
          content: "•"; }
        .modal.modal-instructions.tutorial-instructions p.ul.disc span .material-icons {
          vertical-align: -7px !important; }
      .modal.modal-instructions.tutorial-instructions p.m-l2.ul {
        margin-left: 2rem; }
    .modal.modal-instructions.tutorial-instructions .modal-content-inner .slider-gallery .indicators {
      bottom: 110px;
      margin-left: -45px; }
      .modal.modal-instructions.tutorial-instructions .modal-content-inner .slider-gallery .indicators .indicator-item {
        border-color: rgba(0, 0, 0, 0.12); }
    .modal.modal-instructions.tutorial-instructions .modal-content-inner .slider-gallery .slides-gallery li .btn-flat.left {
      right: auto;
      left: 0; }
      .modal.modal-instructions.tutorial-instructions .modal-content-inner .slider-gallery .slides-gallery li .btn-flat.left + .btn-flat.left {
        left: 85px; }
    .modal.modal-instructions.tutorial-instructions.ff .modal-content-inner .slider-gallery .indicators {
      margin-left: -63px; }

.modal-fullwidth-block {
  margin-left: -24px;
  margin-right: -24px; }

.assign-table {
  width: 100%;
  margin-bottom: -8px;
  margin-top: 20px; }
  .assign-table .material-icons {
    display: none; }
  .assign-table tr {
    cursor: pointer; }
    .assign-table tr:hover {
      background: #f2f2f2; }
  .assign-table tr.active .material-icons {
    display: inline-block; }
  .assign-table td {
    padding: 15px 25px;
    border-top: 1px solid #e6e6e6; }
  .assign-table .chip {
    padding: 0;
    width: 32px;
    height: 32px;
    vertical-align: middle; }

.chip .group-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1000px; }
  .chip .group-img .img-crop {
    overflow: hidden;
    position: absolute; }
    .chip .group-img .img-crop:first-child {
      width: 50%;
      height: 100%;
      top: 0;
      left: 0;
      border-right: 1px solid #fff; }
    .chip .group-img .img-crop:nth-child(2) {
      width: 50%;
      height: 50%;
      top: 0;
      left: 50%;
      border-bottom: 1px solid #fff; }
      .chip .group-img .img-crop:nth-child(2) img {
        width: 100%;
        height: auto; }
    .chip .group-img .img-crop:nth-child(3) {
      width: 50%;
      height: 50%;
      top: 50%;
      left: 50%; }
      .chip .group-img .img-crop:nth-child(3) img {
        width: 100%;
        height: auto; }

/*Video files sharing*/
.modal.modal-flat .modal-footer .btn.btn-new.btn-primary:disabled, .modal.modal-flat .modal-footer .btn.btn-new.btn-primary[disabled], .btn.btn-new.btn-primary[disabled], .btn.btn-new.btn-primary:disabled {
  pointer-events: none;
  background: rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: default; }

.btn-flat.btn-primary {
  background: none !important;
  color: #1774cc !important; }
  .btn-flat.btn-primary:hover, .btn-flat.btn-primary:focus {
    background: rgba(23, 116, 204, 0.12) !important; }
  .btn-flat.btn-primary:active {
    background: rgba(23, 116, 204, 0.4) !important; }

.user-menu__footer.white {
  border-top: 1px solid #e6e6e6; }

.m-t2 {
  margin-top: 1rem !important; }

.file-field.attach-file {
  color: #1774cc;
  text-align: center;
  font-size: 17px;
  border: 2px dashed #1774cc;
  padding: 20px;
  margin: 1rem 0 0; }
  .file-field.attach-file .material-icons {
    vertical-align: -6px;
    margin-right: 10px; }

.checkbox-wrap.normal [type="checkbox"] + label {
  padding-left: 35px;
  font-weight: 400; }

.feedback-success {
  text-align: center; }
  .feedback-success .material-icons {
    display: block;
    margin: 0 auto 2rem;
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: #fff;
    border-radius: 1000px;
    background: #30a039;
    font-size: 35px; }
  .feedback-success h3 {
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 1.5rem; }
  .feedback-success p {
    margin-bottom: 1rem; }

.feedback-images-wrap {
  margin-left: -.5rem;
  margin-right: -.5rem; }
  .feedback-images-wrap img {
    max-width: 100%;
    max-height: 100%; }
  .feedback-images-wrap .attach-wrap {
    width: calc(50% - 1rem);
    margin: 0 .5rem;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: left;
    background: #313336; }

#modal-feedback .btn.primary {
  min-width: 80px; }

.m-t4 {
  margin-top: 3rem !important; }

.modal-gellery .tabs-inner {
  border-top: none !important; }

.modal-gellery .row {
  margin-left: -.5rem;
  margin-right: -.5rem;
  margin-bottom: 0; }
  .modal-gellery .row .col {
    padding-left: .5rem;
    padding-right: .5rem; }

.modal-gellery .attach-wrap {
  height: 150px;
  position: relative;
  background: #313336;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .modal-gellery .attach-wrap img {
    max-height: 100%;
    max-width: 100%; }
  .modal-gellery .attach-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all .3s ease-in-out; }
  .modal-gellery .attach-wrap:hover .overlay {
    opacity: 1; }
  .modal-gellery .attach-wrap .remove-attr {
    border-radius: 1000px; }
    .modal-gellery .attach-wrap .remove-attr .material-icons {
      font-size: 24px;
      height: 48px;
      width: 48px;
      line-height: 48px !important;
      color: #e6e6e6;
      border-radius: 50%;
      transition: all .3s ease-in-out;
      text-align: center; }
    .modal-gellery .attach-wrap .remove-attr:hover {
      background: rgba(231, 116, 28, 0.26);
      color: #e7741c !important; }

.new-ind {
  display: inline-block;
  vertical-align: middle;
  color: #5b6b78;
  position: relative;
  margin-left: 1.5rem;
  line-height: 16px; }
  .new-ind .dot {
    width: 1rem;
    height: 1rem;
    border-width: 1px;
    top: -8px;
    position: absolute;
    right: -10px;
    display: none !important; }
  .new-ind.active .dot {
    display: block !important; }
  .new-ind .material-icons {
    margin: 0;
    cursor: pointer; }

.new-att-preview {
  max-width: 280px;
  max-height: 150px;
  position: relative;
  background: #313336;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem; }
  .new-att-preview img {
    max-height: 150px;
    max-width: 100%; }
  .new-att-preview .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.78);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px; }
    .new-att-preview .overlay .material-icons {
      margin-right: .5rem; }
  .new-att-preview .player-container {
    padding: 19px 16px;
    background: #313336;
    cursor: default; }
    .new-att-preview .player-container .player {
      padding-top: 18px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      padding-left: 36px; }
      .new-att-preview .player-container .player .player-inner {
        color: #e6e6e6;
        width: calc(100% - 48px);
        margin-right: 8px;
        min-width: 150px; }
        .new-att-preview .player-container .player .player-inner .player-bar span {
          height: 14px;
          width: 14px;
          top: -6px; }
        .new-att-preview .player-container .player .player-inner .player-bar {
          background: #5b6b78;
          height: 2px; }
      .new-att-preview .player-container .player .act {
        height: 48px;
        width: 48px;
        text-align: center;
        display: inline-block;
        margin-top: -24px; }
        .new-att-preview .player-container .player .act .material-icons {
          margin-top: 0;
          line-height: 48px; }

/*  patient-det-page  v2  */
.hide-normal {
  display: none; }

.patient-det-page .detail-nav-right {
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  top: 0; }

.patient-det-page .detail-nav-center.center-wrap {
  margin-right: 338px;
  width: auto;
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  top: 0; }
  @media (max-width: 960px) {
    .patient-det-page .detail-nav-center.center-wrap {
      margin-right: 120px; } }
  .patient-det-page .detail-nav-center.center-wrap .links {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex: 1 0 auto;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 24px;
    color: #313336; }
    .patient-det-page .detail-nav-center.center-wrap .links a {
      color: #5b6b78;
      margin-right: 0.5rem; }
      .patient-det-page .detail-nav-center.center-wrap .links a + i {
        margin-right: 0.5rem;
        color: #5b6b78; }

.patient-det-page #case-options-dropdown-right.dropdown-content {
  right: 0;
  left: auto !important; }
  .patient-det-page #case-options-dropdown-right.dropdown-content li.dropdown__header.drop-options {
    padding: 0 4px 0 0;
    text-align: right; }
    .patient-det-page #case-options-dropdown-right.dropdown-content li.dropdown__header.drop-options i {
      margin-top: 9px;
      margin-right: 30px; }

.patient-det-page #case-options-dropdown-mobile.dropdown-content {
  left: -11px; }

.patient-det-page .layout__main__selector__list li {
  position: relative; }
  .patient-det-page .layout__main__selector__list li .dropdown-content {
    top: 0 !important;
    position: static !important;
    border: none;
    box-shadow: none; }
    .patient-det-page .layout__main__selector__list li .dropdown-content .dropdown__header {
      display: none; }
    .patient-det-page .layout__main__selector__list li .dropdown-content .dropdown__subheader {
      padding-left: 8px; }
    .patient-det-page .layout__main__selector__list li .dropdown-content .dropdown__footer a.red-cancel {
      color: #e6172c;
      border: none; }
    .patient-det-page .layout__main__selector__list li .dropdown-content li {
      padding: 0;
      margin: 0; }
      .patient-det-page .layout__main__selector__list li .dropdown-content li a {
        border: none;
        margin: 0; }
  .patient-det-page .layout__main__selector__list li .add-bordered {
    border-bottom: 1px solid #e6e6e6; }

.m-left-12 {
  margin-left: -12px !important; }

.case-detail__content-section + .case-detail__content-section.no-top-border:before {
  display: none; }

#case-summary .collapse-edit .collapsible-body label.select-label,
.case-default-block .collapse-edit .collapsible-body label.select-label {
  top: -6px;
  font-size: 0.75rem;
  color: #5b6b78;
  left: 2rem;
  line-height: 1.125rem; }

.case-table-responsive .case-table .table-body .waiting .row {
  font-weight: bold;
  color: #313336 !important; }

.case-table-responsive .case-table .create-btn {
  border: 0;
  margin-bottom: 0 !important;
  border-radius: 0 0 3px 3px; }

.case-table-responsive .case-table span.badge {
  float: none; }

.case-table-responsive .case-table .link-wrapper .col:first-child, .case-table-responsive .case-table .thead .col:first-child {
  width: 11%; }

.case-table-responsive .case-table .table-body .row {
  border-bottom: 1px solid #e6e6e6;
  border-top: 0 !important;
  margin: 0;
  line-height: 24px; }

.case-table-responsive .case-table .table-body .thead + .link-wrapper .row {
  border-top: 1px solid #e6e6e6 !important; }

.case-table-responsive .case-table .assign-drop.dropdown-content.active {
  top: 0px !important; }

@media only screen and (max-width: 767px) {
  .case-table-responsive .case-table .table-body .row {
    display: block !important; }
    .case-table-responsive .case-table .table-body .row .col {
      float: none;
      width: 100% !important;
      display: block; }
    .case-table-responsive .case-table .table-body .row.thead {
      display: none !important; }
      .case-table-responsive .case-table .table-body .row.thead + .link-wrapper .row {
        border-top: none !important; }
    .case-table-responsive .case-table .table-body .row .text-right {
      text-align: left; } }

.buttons-right {
  text-align: right; }

.border-top {
  border-top: 1px solid #e6e6e6 !important; }

.border-bottom {
  border-bottom: 1px solid #e6e6e6; }

.border-right {
  border-right: 1px solid #e6e6e6; }

.case-form__body .body-padd {
  padding: 40px 20px 25px; }

@media only screen and (max-width: 767px) {
  .modal-shadow .modal {
    margin-top: 80px; } }

.modal-assign.modal-responsive .modal-content-inner {
  height: 400px; }
  @media only screen and (max-width: 960px) {
    .modal-assign.modal-responsive .modal-content-inner {
      height: 576px; } }

.modal-assign.modal-responsive .assign-right .table-wrap {
  border: 1px solid #e6e6e6;
  margin: 2rem;
  max-height: calc(100% - 4rem);
  overflow: auto;
  border-radius: 4px; }
  .modal-assign.modal-responsive .assign-right .table-wrap .show-on-med-and-down {
    display: none; }

@media only screen and (max-width: 960px) {
  .modal-assign.modal-responsive {
    max-width: calc(100% - 4rem) !important; }
    .modal-assign.modal-responsive .assign-right {
      width: calc(100% - 300px); }
      .modal-assign.modal-responsive .assign-right .table-wrap .show-on-med-and-down {
        display: table; } }

@media only screen and (max-width: 767px) {
  .modal-assign.modal-responsive {
    max-width: calc(100% - 2rem) !important; }
    .modal-assign.modal-responsive .modal-header {
      height: auto; }
    .modal-assign.modal-responsive .modal-content-inner {
      height: auto;
      display: block; }
    .modal-assign.modal-responsive .assign-left {
      float: none;
      width: 100%;
      height: auto; }
    .modal-assign.modal-responsive .assign-right {
      float: none;
      width: 100%;
      height: 264px; }
      .modal-assign.modal-responsive .assign-right .table-wrap {
        margin-top: 1rem;
        margin-bottom: 0;
        max-height: calc(100% - 2rem); } }

.modal-assign.modal-responsive .invitation-section {
  margin: 0 12px !important;
  padding: 0 25px; }
  .modal-assign.modal-responsive .invitation-section .inv-section__row {
    display: flex;
    flex-direction: row;
    flex: 1 0 auto;
    flex-wrap: wrap;
    align-items: center; }
    .modal-assign.modal-responsive .invitation-section .inv-section__row button, .modal-assign.modal-responsive .invitation-section .inv-section__row a {
      margin: 5px 0 5px 1rem; }
    .modal-assign.modal-responsive .invitation-section .inv-section__row .inv-section__row__left {
      flex: 1 0 auto;
      order: 1; }
    .modal-assign.modal-responsive .invitation-section .inv-section__row .inv-section__row__center {
      display: flex;
      flex-direction: row;
      flex: 1 1 auto;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      order: 2; }
      @media only screen and (max-width: 960px) {
        .modal-assign.modal-responsive .invitation-section .inv-section__row .inv-section__row__center {
          order: 3;
          width: 100%;
          flex: 1 0 auto; } }
    .modal-assign.modal-responsive .invitation-section .inv-section__row .inv-section__row__right {
      order: 3;
      flex: 1 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: flex-end; }
      @media only screen and (max-width: 960px) {
        .modal-assign.modal-responsive .invitation-section .inv-section__row .inv-section__row__right {
          order: 2;
          flex: 1 1 auto; } }
  .modal-assign.modal-responsive .invitation-section.new-pass-row {
    transition: max-height ease 0.9s !important; }
    .modal-assign.modal-responsive .invitation-section.new-pass-row .inv-section__row {
      padding-bottom: 1rem !important; }
    .modal-assign.modal-responsive .invitation-section.new-pass-row .row {
      padding-bottom: 0 !important;
      margin: 0 -12px 0; }
    .modal-assign.modal-responsive .invitation-section.new-pass-row .inv-section__row__right {
      order: 2;
      flex: 0 1 auto; }
      @media only screen and (max-width: 960px) {
        .modal-assign.modal-responsive .invitation-section.new-pass-row .inv-section__row__right {
          flex: 1 1 auto; } }
    @media only screen and (max-width: 960px) {
      .modal-assign.modal-responsive .invitation-section.new-pass-row .inv-section__row__left {
        width: 100%;
        flex: 1 0 auto; } }

/*modals*/
.ngdialog.ngdialog-theme-plain {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.ngdialog.ngdialog-theme-plain .ngdialog-content {
  width: auto !important;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  min-width: 500px; }

@media only screen and (max-width: 960px) {
  .ngdialog.ngdialog-theme-plain .ngdialog-content {
    max-width: calc(100% - 4rem) !important; }
  .ngdialog.ngdialog-theme-plain .ngdialog-content .modal-assign.modal-responsive {
    max-width: 100% !important; } }

@media only screen and (max-width: 767px) {
  .ngdialog.ngdialog-theme-plain .ngdialog-content {
    max-width: calc(100% - 2rem) !important; } }

.w150 {
  width: 150px; }

.ngdialog.ngdialog-theme-plain .ngdialog-content .modal-content.no-close-icon + .ngdialog-close {
  display: none; }

.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding: 1em; }
  .ngdialog.ngdialog-theme-plain {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .ngdialog.ngdialog-theme-plain.modal-sm .ngdialog-content {
      width: 500px; }
    .ngdialog.ngdialog-theme-plain.modal-md .ngdialog-content {
      width: 600px; }
    .ngdialog.ngdialog-theme-plain.modal-lg .ngdialog-content {
      width: 800px; }
    .ngdialog.ngdialog-theme-plain .ngdialog-content {
      padding: 0;
      margin: 0 !important;
      font-family: inherit;
      font-size: inherit;
      color: inherit;
      line-height: 1.5em;
      max-width: 100%;
      position: relative;
      pointer-events: all;
      animation-fill-mode: forwards;
      box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.14), 0 0.375rem 1.875rem rgba(0, 0, 0, 0.12), 0 0.5rem 0.625rem -0.625rem rgba(0, 0, 0, 0.2);
      background-color: #fff;
      border-radius: 2px;
      height: auto !important;
      overflow: visible; }
  .ngdialog .modal-header {
    position: relative;
    padding: 1rem 3.5rem 1rem 1.5rem;
    background: transparent;
    min-height: 62px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #e6e6e6; }
    .ngdialog .modal-header h4 {
      float: left;
      margin: 0; }
    .ngdialog .modal-header .modal-close {
      font-style: normal;
      text-transform: none;
      border-radius: 1000px;
      width: 48px;
      height: 48px;
      text-align: center;
      line-height: 48px;
      font-size: 1.5rem;
      display: inline-block;
      overflow: hidden;
      border: none;
      background: transparent;
      cursor: pointer;
      position: absolute;
      right: 0.5rem;
      top: 0.5rem;
      padding: 0; }
      .ngdialog .modal-header .modal-close.btn-flat:hover {
        background: rgba(0, 0, 0, 0.12);
        box-shadow: none; }
      .ngdialog .modal-header .modal-close i {
        color: #5b6b78;
        font-size: 1.5rem;
        font-weight: 400;
        vertical-align: 0; }
    .ngdialog .modal-header.no-border {
      border: none; }
  .ngdialog .modal-content-inner {
    padding: 1rem 1.5rem 0.5rem; }
  .ngdialog .modal-content-inner p {
    padding: 0; }
  .ngdialog .modal-select {
    position: relative; }
  .ngdialog .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fff;
    padding: 0.5rem 1.5rem;
    height: auto;
    width: 100%;
    position: static; }
  .ngdialog .btn-flat.bordered {
    color: #5b6b78 !important;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.12);
    text-align: center; }
    .ngdialog .btn-flat.bordered:hover {
      background: #f2f2f2; }
  .ngdialog .btn-full-width {
    width: 100%; }
  .ngdialog [type="radio"]:checked + label {
    padding-right: 0; }
  .ngdialog [type="radio"]:not(:checked) + label, .ngdialog [type="radio"]:checked + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px !important;
    line-height: 25px !important;
    font-size: 1rem;
    transition: .28s ease;
    -khtml-user-select: none;
    user-select: none;
    color: #313336;
    margin-right: .5rem; }
  .ngdialog .radio-input input[type=text] {
    height: 25px !important;
    padding-top: 0 !important; }

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein .5s;
  animation: ngdialog-fadein .5s;
  animation-fill-mode: forwards; }

.ngdialog.ngdialog-theme-plain .ngdialog-close:before {
  height: 48px;
  line-height: 48px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 6px;
  width: 48px;
  color: #5b6b78;
  font-size: 1.5rem;
  font-weight: 400;
  vertical-align: 0;
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga'; }

/* modals - ngdialog - scrollable */
.modal-content.scrollable {
  height: 70%;
  min-height: 350px;
  position: relative;
  box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.14), 0 0.375rem 1.875rem rgba(0, 0, 0, 0.12), 0 0.5rem 0.625rem -0.625rem rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 800px;
  max-height: 800px;
  padding: 0;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top,opacity; }

.modal-content.scrollable.h800 {
  height: 800px; }

.modal-content.scrollable.h350 {
  height: 350px; }

.modal-content.scrollable.content-sm {
  width: 500px; }

.modal-content.scrollable.content-md {
  width: 600px; }

.modal-content.scrollable.content-lg {
  width: 800px; }

.modal-content.scrollable .modal-content-inner {
  height: calc(100% - 62px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
  padding: 0.5rem 1.5rem; }

@media only screen and (max-height: 1200px) {
  .modal-content.scrollable.h800 {
    height: 70% !important;
    max-height: 70%; } }

@media only screen and (max-width: 768px) {
  .modal-content.scrollable.content-sm, .modal-content.scrollable.content-md, .modal-content.scrollable.content-lg {
    width: 100%; } }

.go-to-case-btn {
  display: block !important; }

/* end of modals - ngdialog - scrollable */
/* new styles for the form signature section */
.signature-alert-info {
  font-size: 1rem;
  color: #5b6b78;
  display: flex;
  flex-flow: row nowrap;
  flex: 1 0 auto;
  margin: .5rem 0 1rem;
  padding: 0 12px; }
  .signature-alert-info.checkbox-wrap [type=checkbox] + label {
    padding-left: 2rem;
    font-size: 1rem;
    height: auto;
    line-height: 1.5;
    font-weight: 400; }
  .signature-alert-info.checkbox-wrap [type=checkbox].filled-in:not(:checked) + label:before {
    left: 3px;
    top: 6px; }
  .signature-alert-info.checkbox-wrap [type=checkbox].filled-in:not(:checked) + label:after {
    top: 3px; }
  .signature-alert-info.checkbox-wrap [type=checkbox].filled-in:checked + label:before {
    top: 3px;
    left: 0; }
  .signature-alert-info.checkbox-wrap [type=checkbox].filled-in:checked + label:after {
    top: 3px; }
  .signature-alert-info i:not(.tooltipped) {
    font-size: 20px;
    margin-right: .5rem;
    color: #e7741c;
    vertical-align: -6px;
    margin-top: 2px; }
    .signature-alert-info i:not(.tooltipped).icon-approve {
      display: inline-block;
      color: #30a039; }
  .signature-alert-info.signature-read {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    color: #313336;
    margin: 0;
    padding: 0; }
    .signature-alert-info.signature-read i.icon-approve {
      color: #30a039;
      vertical-align: -4px;
      font-size: 20px;
      margin-right: .5rem; }

.case-form__body-footer .required-fields-save-cancel {
  display: flex;
  flex-flow: row wrap;
  flex: 1 1 auto;
  padding: 0 12px;
  align-items: center; }
  .case-form__body-footer .required-fields-save-cancel .text-right {
    flex: 1 1 auto; }
    @media (max-width: 600px) {
      .case-form__body-footer .required-fields-save-cancel .text-right {
        text-align: left; } }
    .case-form__body-footer .required-fields-save-cancel .text-right .btn, .case-form__body-footer .required-fields-save-cancel .text-right button {
      margin: .5rem 0; }
  .case-form__body-footer .required-fields-save-cancel .btn.cancel-link + .btn {
    margin-left: 0 !important; }
  @media (max-width: 520px) {
    .case-form__body-footer .required-fields-save-cancel .btn.cancel-link {
      margin-bottom: .5rem; } }

/* end of new styles for the form signature section */

@import url(https://fonts.googleapis.com/css?family=Roboto);
.gradient-vertical-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(to bottom, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(135deg, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-blue {
  background-color: #0469bd !important;
  background: -moz-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -webkit-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -ms-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: linear-gradient(to right, #0469bd 0%, #25abfd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(to bottom, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(135deg, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-teal {
  background-color: #396070 !important;
  background: -moz-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -webkit-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -ms-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: linear-gradient(to right, #396070 0%, #04a7b0 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(to bottom, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(135deg, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-green {
  background-color: #30a039 !important;
  background: -moz-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -webkit-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -ms-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: linear-gradient(to right, #30a039 0%, #71df54 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(to bottom, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(135deg, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-yellow {
  background-color: #ef9c23 !important;
  background: -moz-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -webkit-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -ms-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: linear-gradient(to right, #ef9c23 0%, #fcd54e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(to bottom, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(135deg, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-purple {
  background-color: #5d51a2 !important;
  background: -moz-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -webkit-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -ms-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: linear-gradient(to right, #5d51a2 0%, #9585ed 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(to bottom, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(135deg, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-pink {
  background-color: #c40934 !important;
  background: -moz-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -webkit-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -ms-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: linear-gradient(to right, #c40934 0%, #f81b73 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

/*56px*/
/*40px*/
/*32px*/
/*28px*/
/*24px*/
/*20px*/
/*16px*/
/*18px*/
/*14px*/
/*Font Weights*/
/*old*/
/*112px*/
/*56px*/
html {
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.75rem;
  color: #313336; }

h1 {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 3.5rem;
  margin: 0 0 1.5rem; }

h2 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.75rem;
  margin: 0 0 1.5rem; }

h3 {
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 2.5rem;
  margin: 0 0 1.5rem; }

h4 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0 0 1.75rem; }

h5 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: 0 0 1.75rem; }

h6 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 1.75rem; }

p {
  margin: 0 0 1.5rem; }

mark {
  background-color: #1774cc;
  color: #fff !important; }

s {
  text-decoration: line-through; }

u {
  text-decoration: underline; }

em {
  font-style: italic; }

strong {
  font-weight: 600; }

pre {
  font-family: 'Cutive Mono', monospace; }

.display {
  font-weight: 300;
  margin: 0 0 1.5rem;
  line-height: 4.75rem;
  font-size: 3.5rem; }

.blockquote {
  font-weight: 400;
  margin: 0;
  line-height: 2rem;
  font-size: 1.25rem; }

.blockquote-footer {
  font-weight: 600;
  margin: 0;
  line-height: 1.25rem;
  font-size: 0.875rem; }

.cite {
  font-weight: 300;
  line-height: 1.25rem;
  font-size: 0.875rem; }

.lead {
  font-size: 112.5%; }

.overline {
  text-transform: uppercase !important; }

.small {
  font-weight: 400;
  line-height: 1.25rem;
  font-size: 0.875rem; }

a:link {
  text-decoration: none;
  outline: none;
  color: #1774cc;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer; }

a:visited {
  color: #5d51a2; }
  a:visited:hover {
    color: #5d51a2;
    text-decoration: underline; }

a:hover {
  color: #3e88ce;
  text-decoration: underline; }

a:active {
  color: #5192d0;
  text-decoration: none; }

a[ng-click], a[href=""] {
  text-decoration: none;
  outline: none;
  color: #1774cc;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer; }
  a[ng-click]:visited, a[href=""]:visited {
    text-decoration: none;
    outline: none;
    color: #1774cc; }
    a[ng-click]:visited:hover, a[href=""]:visited:hover {
      text-decoration: none; }
  a[ng-click]:hover, a[href=""]:hover {
    color: #3e88ce;
    text-decoration: underline; }
  a[ng-click]:active, a[href=""]:active {
    color: #5192d0;
    text-decoration: none; }

a.btn, a.btn:link, a.btn:visited, a.btn:visited:hover, a.btn:hover, a.btn:active, a.btn-flat, a.btn-flat:link, a.btn-flat:visited, a.btn-flat:visited:hover, a.btn-flat:hover, a.btn-flat:active {
  text-decoration: none;
  outline: none;
  color: #fff; }

ol, ol:not([class]), ol.ng-scope {
  list-style-type: decimal;
  margin: 1.5rem 0; }
  ol li, ol:not([class]) li, ol.ng-scope li {
    line-height: 2rem; }
  ol ol, ol ol:not([class]), ol ol.ng-scope, ol:not([class]) ol, ol:not([class]) ol:not([class]), ol:not([class]) ol.ng-scope, ol.ng-scope ol, ol.ng-scope ol:not([class]), ol.ng-scope ol.ng-scope {
    list-style-type: lower-alpha; }
    ol ol li, ol ol:not([class]) li, ol ol.ng-scope li, ol:not([class]) ol li, ol:not([class]) ol:not([class]) li, ol:not([class]) ol.ng-scope li, ol.ng-scope ol li, ol.ng-scope ol:not([class]) li, ol.ng-scope ol.ng-scope li {
      list-style-type: lower-alpha; }
    ol ol ol, ol ol ol:not([class]), ol ol ol.ng-scope, ol ol:not([class]) ol, ol ol:not([class]) ol:not([class]), ol ol:not([class]) ol.ng-scope, ol ol.ng-scope ol, ol ol.ng-scope ol:not([class]), ol ol.ng-scope ol.ng-scope, ol:not([class]) ol ol, ol:not([class]) ol ol:not([class]), ol:not([class]) ol ol.ng-scope, ol:not([class]) ol:not([class]) ol, ol:not([class]) ol:not([class]) ol:not([class]), ol:not([class]) ol:not([class]) ol.ng-scope, ol:not([class]) ol.ng-scope ol, ol:not([class]) ol.ng-scope ol:not([class]), ol:not([class]) ol.ng-scope ol.ng-scope, ol.ng-scope ol ol, ol.ng-scope ol ol:not([class]), ol.ng-scope ol ol.ng-scope, ol.ng-scope ol:not([class]) ol, ol.ng-scope ol:not([class]) ol:not([class]), ol.ng-scope ol:not([class]) ol.ng-scope, ol.ng-scope ol.ng-scope ol, ol.ng-scope ol.ng-scope ol:not([class]), ol.ng-scope ol.ng-scope ol.ng-scope {
      list-style-type: lower-roman; }
      ol ol ol li, ol ol ol:not([class]) li, ol ol ol.ng-scope li, ol ol:not([class]) ol li, ol ol:not([class]) ol:not([class]) li, ol ol:not([class]) ol.ng-scope li, ol ol.ng-scope ol li, ol ol.ng-scope ol:not([class]) li, ol ol.ng-scope ol.ng-scope li, ol:not([class]) ol ol li, ol:not([class]) ol ol:not([class]) li, ol:not([class]) ol ol.ng-scope li, ol:not([class]) ol:not([class]) ol li, ol:not([class]) ol:not([class]) ol:not([class]) li, ol:not([class]) ol:not([class]) ol.ng-scope li, ol:not([class]) ol.ng-scope ol li, ol:not([class]) ol.ng-scope ol:not([class]) li, ol:not([class]) ol.ng-scope ol.ng-scope li, ol.ng-scope ol ol li, ol.ng-scope ol ol:not([class]) li, ol.ng-scope ol ol.ng-scope li, ol.ng-scope ol:not([class]) ol li, ol.ng-scope ol:not([class]) ol:not([class]) li, ol.ng-scope ol:not([class]) ol.ng-scope li, ol.ng-scope ol.ng-scope ol li, ol.ng-scope ol.ng-scope ol:not([class]) li, ol.ng-scope ol.ng-scope ol.ng-scope li {
        list-style-type: lower-roman; }

ul, ul:not([class]), ul.ng-scope:not([class]), ul.browser-default {
  list-style-type: disc;
  padding-left: 40px;
  margin: 1.5rem 0; }
  ul li, ul:not([class]) li, ul.ng-scope:not([class]) li, ul.browser-default li {
    list-style-type: disc;
    line-height: 2rem; }
  ul ul, ul ul:not([class]), ul ul.ng-scope:not([class]), ul ul.browser-default, ul:not([class]) ul, ul:not([class]) ul:not([class]), ul:not([class]) ul.ng-scope:not([class]), ul:not([class]) ul.browser-default, ul.ng-scope:not([class]) ul, ul.ng-scope:not([class]) ul:not([class]), ul.ng-scope:not([class]) ul.ng-scope:not([class]), ul.ng-scope:not([class]) ul.browser-default, ul.browser-default ul, ul.browser-default ul:not([class]), ul.browser-default ul.ng-scope:not([class]), ul.browser-default ul.browser-default {
    list-style-type: circle; }
    ul ul li, ul ul:not([class]) li, ul ul.ng-scope:not([class]) li, ul ul.browser-default li, ul:not([class]) ul li, ul:not([class]) ul:not([class]) li, ul:not([class]) ul.ng-scope:not([class]) li, ul:not([class]) ul.browser-default li, ul.ng-scope:not([class]) ul li, ul.ng-scope:not([class]) ul:not([class]) li, ul.ng-scope:not([class]) ul.ng-scope:not([class]) li, ul.ng-scope:not([class]) ul.browser-default li, ul.browser-default ul li, ul.browser-default ul:not([class]) li, ul.browser-default ul.ng-scope:not([class]) li, ul.browser-default ul.browser-default li {
      list-style-type: circle; }
    ul ul ul, ul ul ul:not([class]), ul ul ul.ng-scope:not([class]), ul ul ul.browser-default, ul ul:not([class]) ul, ul ul:not([class]) ul:not([class]), ul ul:not([class]) ul.ng-scope:not([class]), ul ul:not([class]) ul.browser-default, ul ul.ng-scope:not([class]) ul, ul ul.ng-scope:not([class]) ul:not([class]), ul ul.ng-scope:not([class]) ul.ng-scope:not([class]), ul ul.ng-scope:not([class]) ul.browser-default, ul ul.browser-default ul, ul ul.browser-default ul:not([class]), ul ul.browser-default ul.ng-scope:not([class]), ul ul.browser-default ul.browser-default, ul:not([class]) ul ul, ul:not([class]) ul ul:not([class]), ul:not([class]) ul ul.ng-scope:not([class]), ul:not([class]) ul ul.browser-default, ul:not([class]) ul:not([class]) ul, ul:not([class]) ul:not([class]) ul:not([class]), ul:not([class]) ul:not([class]) ul.ng-scope:not([class]), ul:not([class]) ul:not([class]) ul.browser-default, ul:not([class]) ul.ng-scope:not([class]) ul, ul:not([class]) ul.ng-scope:not([class]) ul:not([class]), ul:not([class]) ul.ng-scope:not([class]) ul.ng-scope:not([class]), ul:not([class]) ul.ng-scope:not([class]) ul.browser-default, ul:not([class]) ul.browser-default ul, ul:not([class]) ul.browser-default ul:not([class]), ul:not([class]) ul.browser-default ul.ng-scope:not([class]), ul:not([class]) ul.browser-default ul.browser-default, ul.ng-scope:not([class]) ul ul, ul.ng-scope:not([class]) ul ul:not([class]), ul.ng-scope:not([class]) ul ul.ng-scope:not([class]), ul.ng-scope:not([class]) ul ul.browser-default, ul.ng-scope:not([class]) ul:not([class]) ul, ul.ng-scope:not([class]) ul:not([class]) ul:not([class]), ul.ng-scope:not([class]) ul:not([class]) ul.ng-scope:not([class]), ul.ng-scope:not([class]) ul:not([class]) ul.browser-default, ul.ng-scope:not([class]) ul.ng-scope:not([class]) ul, ul.ng-scope:not([class]) ul.ng-scope:not([class]) ul:not([class]), ul.ng-scope:not([class]) ul.ng-scope:not([class]) ul.ng-scope:not([class]), ul.ng-scope:not([class]) ul.ng-scope:not([class]) ul.browser-default, ul.ng-scope:not([class]) ul.browser-default ul, ul.ng-scope:not([class]) ul.browser-default ul:not([class]), ul.ng-scope:not([class]) ul.browser-default ul.ng-scope:not([class]), ul.ng-scope:not([class]) ul.browser-default ul.browser-default, ul.browser-default ul ul, ul.browser-default ul ul:not([class]), ul.browser-default ul ul.ng-scope:not([class]), ul.browser-default ul ul.browser-default, ul.browser-default ul:not([class]) ul, ul.browser-default ul:not([class]) ul:not([class]), ul.browser-default ul:not([class]) ul.ng-scope:not([class]), ul.browser-default ul:not([class]) ul.browser-default, ul.browser-default ul.ng-scope:not([class]) ul, ul.browser-default ul.ng-scope:not([class]) ul:not([class]), ul.browser-default ul.ng-scope:not([class]) ul.ng-scope:not([class]), ul.browser-default ul.ng-scope:not([class]) ul.browser-default, ul.browser-default ul.browser-default ul, ul.browser-default ul.browser-default ul:not([class]), ul.browser-default ul.browser-default ul.ng-scope:not([class]), ul.browser-default ul.browser-default ul.browser-default {
      list-style-type: square; }
      ul ul ul li, ul ul ul:not([class]) li, ul ul ul.ng-scope:not([class]) li, ul ul ul.browser-default li, ul ul:not([class]) ul li, ul ul:not([class]) ul:not([class]) li, ul ul:not([class]) ul.ng-scope:not([class]) li, ul ul:not([class]) ul.browser-default li, ul ul.ng-scope:not([class]) ul li, ul ul.ng-scope:not([class]) ul:not([class]) li, ul ul.ng-scope:not([class]) ul.ng-scope:not([class]) li, ul ul.ng-scope:not([class]) ul.browser-default li, ul ul.browser-default ul li, ul ul.browser-default ul:not([class]) li, ul ul.browser-default ul.ng-scope:not([class]) li, ul ul.browser-default ul.browser-default li, ul:not([class]) ul ul li, ul:not([class]) ul ul:not([class]) li, ul:not([class]) ul ul.ng-scope:not([class]) li, ul:not([class]) ul ul.browser-default li, ul:not([class]) ul:not([class]) ul li, ul:not([class]) ul:not([class]) ul:not([class]) li, ul:not([class]) ul:not([class]) ul.ng-scope:not([class]) li, ul:not([class]) ul:not([class]) ul.browser-default li, ul:not([class]) ul.ng-scope:not([class]) ul li, ul:not([class]) ul.ng-scope:not([class]) ul:not([class]) li, ul:not([class]) ul.ng-scope:not([class]) ul.ng-scope:not([class]) li, ul:not([class]) ul.ng-scope:not([class]) ul.browser-default li, ul:not([class]) ul.browser-default ul li, ul:not([class]) ul.browser-default ul:not([class]) li, ul:not([class]) ul.browser-default ul.ng-scope:not([class]) li, ul:not([class]) ul.browser-default ul.browser-default li, ul.ng-scope:not([class]) ul ul li, ul.ng-scope:not([class]) ul ul:not([class]) li, ul.ng-scope:not([class]) ul ul.ng-scope:not([class]) li, ul.ng-scope:not([class]) ul ul.browser-default li, ul.ng-scope:not([class]) ul:not([class]) ul li, ul.ng-scope:not([class]) ul:not([class]) ul:not([class]) li, ul.ng-scope:not([class]) ul:not([class]) ul.ng-scope:not([class]) li, ul.ng-scope:not([class]) ul:not([class]) ul.browser-default li, ul.ng-scope:not([class]) ul.ng-scope:not([class]) ul li, ul.ng-scope:not([class]) ul.ng-scope:not([class]) ul:not([class]) li, ul.ng-scope:not([class]) ul.ng-scope:not([class]) ul.ng-scope:not([class]) li, ul.ng-scope:not([class]) ul.ng-scope:not([class]) ul.browser-default li, ul.ng-scope:not([class]) ul.browser-default ul li, ul.ng-scope:not([class]) ul.browser-default ul:not([class]) li, ul.ng-scope:not([class]) ul.browser-default ul.ng-scope:not([class]) li, ul.ng-scope:not([class]) ul.browser-default ul.browser-default li, ul.browser-default ul ul li, ul.browser-default ul ul:not([class]) li, ul.browser-default ul ul.ng-scope:not([class]) li, ul.browser-default ul ul.browser-default li, ul.browser-default ul:not([class]) ul li, ul.browser-default ul:not([class]) ul:not([class]) li, ul.browser-default ul:not([class]) ul.ng-scope:not([class]) li, ul.browser-default ul:not([class]) ul.browser-default li, ul.browser-default ul.ng-scope:not([class]) ul li, ul.browser-default ul.ng-scope:not([class]) ul:not([class]) li, ul.browser-default ul.ng-scope:not([class]) ul.ng-scope:not([class]) li, ul.browser-default ul.ng-scope:not([class]) ul.browser-default li, ul.browser-default ul.browser-default ul li, ul.browser-default ul.browser-default ul:not([class]) li, ul.browser-default ul.browser-default ul.ng-scope:not([class]) li, ul.browser-default ul.browser-default ul.browser-default li {
        list-style-type: square; }

ol.not-list, ul.not-list {
  list-style-type: none;
  padding-left: 0;
  margin: 0; }
  ol.not-list li, ul.not-list li {
    list-style-type: none !important;
    line-height: inherit; }
  ol.not-list ol, ol.not-list ul, ul.not-list ol, ul.not-list ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0; }
    ol.not-list ol li, ol.not-list ul li, ul.not-list ol li, ul.not-list ul li {
      list-style-type: none !important;
      line-height: inherit; }
    ol.not-list ol ol, ol.not-list ol ul, ol.not-list ul ol, ol.not-list ul ul, ul.not-list ol ol, ul.not-list ol ul, ul.not-list ul ol, ul.not-list ul ul {
      list-style-type: none;
      padding-left: 0;
      margin: 0; }
      ol.not-list ol ol li, ol.not-list ol ul li, ol.not-list ul ol li, ol.not-list ul ul li, ul.not-list ol ol li, ul.not-list ol ul li, ul.not-list ul ol li, ul.not-list ul ul li {
        list-style-type: none !important;
        line-height: inherit; }

/*Checkboxes*/
/*blackwell-icons*/
@font-face {
  font-family: 'blackwell';
  src: url("./fonts/blackwell.eot?l8qa38");
  src: url("./fonts/blackwell.eot?l8qa38#iefix") format("embedded-opentype"), url("./fonts/blackwell.ttf?l8qa38") format("truetype"), url("./fonts/blackwell.woff?l8qa38") format("woff"), url("./fonts/blackwell.svg?l8qa38#blackwell") format("svg");
  font-weight: normal;
  font-style: normal; }

@media (min-width: 600px) {
  .show-on-small {
    display: none !important; } }

/*avizia-icons*/
@font-face {
  font-family: 'blackwell';
  src: url("get-path-to-fonts()blackwell.eot?1pplvt");
  src: url("get-path-to-fonts()blackwell.eot?1pplvt#iefix") format("embedded-opentype"), url("get-path-to-fonts()blackwell.ttf?1pplvt") format("truetype"), url("get-path-to-fonts()blackwell.woff?1pplvt") format("woff"), url("get-path-to-fonts()blackwell.svg?1pplvt#blackwell") format("svg");
  font-weight: normal;
  font-style: normal; }

input::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'blackwell' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^='icon-'].standard,
  [class*=' icon-'].standard {
    color: #5b6b78; }
  [class^='icon-'].layered,
  [class*=' icon-'].layered {
    position: relative;
    width: 18px;
    height: 18px; }
    [class^='icon-'].layered .path1,
    [class^='icon-'].layered .path2,
    [class^='icon-'].layered .path3,
    [class^='icon-'].layered .path4,
    [class^='icon-'].layered .path5,
    [class^='icon-'].layered .path6,
    [class^='icon-'].layered .path7,
    [class^='icon-'].layered .path8,
    [class*=' icon-'].layered .path1,
    [class*=' icon-'].layered .path2,
    [class*=' icon-'].layered .path3,
    [class*=' icon-'].layered .path4,
    [class*=' icon-'].layered .path5,
    [class*=' icon-'].layered .path6,
    [class*=' icon-'].layered .path7,
    [class*=' icon-'].layered .path8 {
      position: absolute;
      top: 0;
      left: 0; }
  [class^='icon-'].transform,
  [class*=' icon-'].transform {
    transform: rotate(180deg); }
  [class^='icon-'].lg-icon,
  [class*=' icon-'].lg-icon {
    font-size: 80px; }
  [class^='icon-'].wh80,
  [class*=' icon-'].wh80 {
    width: 80px;
    height: 80px; }

.icon-17-layout:before {
  content: "\eb18"; }

.icon-40-layout:before {
  content: "\eb19"; }

.icon-221-layout:before {
  content: "\eb1a"; }

.icon-video-circle-black:before {
  content: "\eb17"; }

.icon-protected-room:before {
  content: "\eb16"; }

.icon-camera-black:before {
  content: "\eb15"; }

.icon-tablet-app-patient-video-call-landscape-black:before {
  content: "\eb14"; }

.icon-edu-black:before {
  content: "\eb12"; }

.icon-email-black:before {
  content: "\eb13"; }

.icon-ripley-non-cart-black:before {
  content: "\eb0f"; }

.icon-ripley-non-ptz-black:before {
  content: "\eb10"; }

.icon-ripley-with-ptz-camera-black:before {
  content: "\eb11"; }

.icon-workflow-black:before {
  content: '\eafc'; }

.icon-on-demand-visit-black:before {
  content: '\eafd'; }

.icon-rounding-black:before {
  content: '\eb0c'; }

.icon-service-line-black:before {
  content: '\eb0d'; }

.icon-scheduled-visits-black:before {
  content: '\eb0e'; }

.icon-notification-added-to-care-team:before {
  content: '\eafe'; }

.icon-notification-appointment-reminders:before {
  content: '\eaff'; }

.icon-notification-case-archived:before {
  content: '\eb00'; }

.icon-notification-case-assigned-to-me:before {
  content: '\eb01'; }

.icon-notification-case-cancelled:before {
  content: '\eb02'; }

.icon-notification-case-completed:before {
  content: '\eb03'; }

.icon-notification-case-created:before {
  content: '\eb04'; }

.icon-notification-case-updates:before {
  content: '\eb05'; }

.icon-notification-case-general:before {
  content: '\eb06'; }

.icon-notification-escalations:before {
  content: '\eb07'; }

.icon-notification-generated-reports:before {
  content: '\eb08'; }

.icon-notification-imaging-available:before {
  content: '\eb09'; }

.icon-notification-new-secure-message:before {
  content: '\eb0a'; }

.icon-notification-requested-access:before {
  content: '\eb0b'; }

.icon-empty-results-black .path1:before {
  content: '\eaf6';
  color: #000; }

.icon-empty-results-black .path2:before {
  content: '\eaf7';
  color: #000;
  opacity: 0.3; }

.icon-empty-results-black .path3:before {
  content: '\eaf8';
  color: #000;
  opacity: 0.3; }

.icon-empty-results-black .path4:before {
  content: '\eaf9';
  color: #000; }

.icon-empty-results-black .path5:before {
  content: '\eafa';
  color: #e6172c; }

.icon-empty-results-black .path6:before {
  content: '\eafb';
  color: #fff; }

.icon-audiotrack:before {
  content: '\eaf5'; }

.icon-status-available:before {
  content: '\eaf1'; }

.icon-status-busy:before {
  content: '\eaf2'; }

.icon-status-offline:before {
  content: '\eaf3'; }

.icon-status-unknown:before {
  content: '\eaf4'; }

.icon-video-settings-error-black .path1:before {
  content: '\eaee';
  color: #e6172c; }

.icon-video-settings-error-black .path2:before {
  content: '\eaef';
  color: #fff; }

.icon-video-settings-error-black .path3:before {
  content: '\eaf0';
  color: #000; }

.icon-avatar-person:before {
  content: '\eaec'; }

.icon-group:before {
  content: '\eaed'; }

.icon-audio-black:before {
  content: '\eae9'; }

.icon-led-light-black:before {
  content: '\eaea'; }

.icon-video-settings-black:before {
  content: '\eaeb'; }

.icon-baseline-settings_brightness:before {
  content: '\eae8'; }

.icon-television-app-v-3-black:before {
  content: '\eae7'; }

.icon-test-success_black:before {
  content: '\eae6'; }

.icon-control_camera:before {
  content: '\eae5'; }

.icon-cart-endpoint:before {
  content: '\eae4'; }

.icon-camera-error-black .path1:before {
  content: '\eadd';
  color: #000; }

.icon-camera-error-black .path2:before {
  content: '\eade';
  color: #e6172c;
  margin-left: -1.5em; }

.icon-camera-error-black .path3:before {
  content: '\eadf';
  color: #fff;
  margin-left: -1.5em; }

.icon-connectivity-black:before {
  content: '\eae0'; }

.icon-microphone-error-black .path1:before {
  content: '\eae1';
  color: #000; }

.icon-microphone-error-black .path2:before {
  content: '\eae2';
  margin-left: -1.5em;
  color: #e6172c; }

.icon-microphone-error-black .path3:before {
  content: '\eae3';
  margin-left: -1.5em;
  color: #fff; }

.icon-network-black .path1:before {
  content: '\eada';
  color: #e7741c; }

.icon-network-black .path2:before {
  content: '\eadb';
  color: #fff; }

.icon-network-black .path3:before {
  content: '\eadc';
  color: #000; }

.icon-manually-fail-black .path1:before {
  content: '\ead7';
  color: #000; }

.icon-manually-fail-black .path2:before {
  content: '\ead8';
  color: #e6172c; }

.icon-manually-fail-black .path3:before {
  content: '\ead9';
  color: #fff; }

.icon-baseline-info:before {
  content: '\ead5'; }

.icon-outline-info:before {
  content: '\ead6'; }

.icon-outline-looks_one:before {
  content: '\ead3'; }

.icon-outline-looks_two:before {
  content: '\ead4'; }

.icon-console-kiosk-black:before {
  content: '\eacd'; }

.icon-enclosed-kiosk-black:before {
  content: '\eace'; }

.icon-tablet-100-black:before {
  content: '\eacf'; }

.icon-tablet-200-black:before {
  content: '\ead0'; }

.icon-tablet-300-black:before {
  content: '\ead1'; }

.icon-tactical-black:before {
  content: '\ead2'; }

.icon-claims-black:before {
  content: '\eabd'; }

.icon-dicom-black:before {
  content: '\eabe'; }

.icon-fhir-black:before {
  content: '\eabf'; }

.icon-hl-7-black:before {
  content: '\eac0'; }

.icon-insurance-eligibility-black:before {
  content: '\eac1'; }

.icon-patient-demographics-patient-creation-black:before {
  content: '\eac2'; }

.icon-patient-vitals-black:before {
  content: '\eac3'; }

.icon-provider-note-black:before {
  content: '\eac4'; }

.icon-saml-black:before {
  content: '\eac5'; }

.icon-scheduling-black:before {
  content: '\eac6'; }

.icon-sdk-1-black:before {
  content: '\eac7'; }

.icon-sdk-2-black:before {
  content: '\eac8'; }

.icon-sftp-black:before {
  content: '\eac9'; }

.icon-share-button-black:before {
  content: '\eaca'; }

.icon-single-sign-on-black:before {
  content: '\eacb'; }

.icon-sso-black:before {
  content: '\eacc'; }

.icon-ethernet-fail-black .path1:before {
  content: '\eab1';
  color: #e6172c; }

.icon-ethernet-fail-black .path2:before {
  content: '\eab2';
  color: #fff; }

.icon-ethernet-fail-black .path3:before {
  content: '\eab3'; }

.icon-ethernet-general-black:before {
  content: '\eab4'; }

.icon-ethernet-success-black .path1:before {
  content: '\eab5';
  color: #30a039; }

.icon-ethernet-success-black .path2:before {
  content: '\eab6'; }

.icon-wifi-fail-black .path1:before {
  content: '\eab7';
  color: #e6172c; }

.icon-wifi-fail-black .path2:before {
  content: '\eab8';
  color: #fff; }

.icon-wifi-fail-black .path3:before {
  content: '\eab9'; }

.icon-wifi-general-black:before {
  content: '\eaba'; }

.icon-wifi-success-black .path1:before {
  content: '\eabb'; }

.icon-wifi-success-black .path2:before {
  content: '\eabc';
  color: #30a039; }

.icon-addiction-medicine-black:before {
  content: '\ea9f'; }

.icon-aerospace-medicine-black:before {
  content: '\eaa0'; }

.icon-occupational-medicine-black:before {
  content: '\eaa1'; }

.icon-preventive-medicine-clinical-informatics-black:before {
  content: '\eaa2'; }

.icon-preventive-medicine-medical-toxicology-black:before {
  content: '\eaa3'; }

.icon-preventive-medicine-undersea-and-hyperbaric-medicine-black:before {
  content: '\eaa4'; }

.icon-public-health-and-general-preventive-medicine-black:before {
  content: '\eaa5'; }

.icon-pediatric-urology-black:before {
  content: '\eaa6'; }

.icon-urology-female-pelvic-medicine-and-reconstructive-surgery-black:before {
  content: '\eaa7'; }

.icon-pharmacy-black:before {
  content: '\eaa8'; }

.icon-thoracic-and-cardiac-surgery-black:before {
  content: '\eaa9'; }

.icon-thoracic-surgery-congenital-cardiac-surgery-black:before {
  content: '\eaaa'; }

.icon-complex-general-surgical-oncology-black:before {
  content: '\eaab'; }

.icon-pediatric-surgery-black:before {
  content: '\eaac'; }

.icon-surgery-hospice-and-palliative-medicine-black:before {
  content: '\eaad'; }

.icon-surgery-surgery-of-the-hand-black:before {
  content: '\ea5d'; }

.icon-surgical-critical-care-black:before {
  content: '\eaaf'; }

.icon-vascular-surgery-black:before {
  content: '\eab0'; }

.icon-diagnostic-medical-physics-black:before {
  content: '\ea65'; }

.icon-diagnostic-radiology-black:before {
  content: '\ea66'; }

.icon-interventional-radiology-and-diagnostic-radiology-black:before {
  content: '\ea67'; }

.icon-neuroradiology-black:before {
  content: '\ea68'; }

.icon-nuclear-medical-physics-black:before {
  content: '\ea69'; }

.icon-nuclear-radiology-black:before {
  content: '\ea6a'; }

.icon-pediatric-radiology-black:before {
  content: '\ea6b'; }

.icon-radiation-oncology-black:before {
  content: '\ea6c'; }

.icon-radiology-hospice-and-palliative-medicine-black:before {
  content: '\ea6d'; }

.icon-radiology-pain-medicine-black:before {
  content: '\ea6e'; }

.icon-therapeutic-medical-physics-black:before {
  content: '\ea6f'; }

.icon-addictional-psychiatry-black:before {
  content: '\ea70'; }

.icon-child-and-adolescent-psychiatry-black:before {
  content: '\ea71'; }

.icon-clinical-neurophisilolgyogy-black:before {
  content: '\ea72'; }

.icon-epilepsy-black:before {
  content: '\ea73'; }

.icon-forensic-psychiatry-black:before {
  content: '\ea74'; }

.icon-geriatric-psychiatry-black:before {
  content: '\ea75'; }

.icon-neurodevelopmental-disabilities-black:before {
  content: '\ea76'; }

.icon-neurology-black:before {
  content: '\ea77'; }

.icon-neurology-with-special-qualification-in-child-neurology-black:before {
  content: '\ea78'; }

.icon-consultation-liaison-psychiatry-black:before {
  content: '\ea79'; }

.icon-psychiatry-and-neurology-brain-injury-medicine-black:before {
  content: '\ea7a'; }

.icon-psychiatry-and-neurology-hospice-and-palliative-medicine-black:before {
  content: '\ea7b'; }

.icon-psychiatry-and-neurology-neurocritical-care-black:before {
  content: '\ea7c'; }

.icon-psychiatry-and-neurology-neuromuscular-medicine-black:before {
  content: '\ea7d'; }

.icon-psychiatry-and-neurology-pain-medicine-black:before {
  content: '\ea7e'; }

.icon-psychiatry-and-neurology-sleep-medicine-black:before {
  content: '\ea7f'; }

.icon-psychiatry-black:before {
  content: '\ea80'; }

.icon-vascular-neurology-black:before {
  content: '\ea81'; }

.icon-plastic-surgery-surgery-of-the-hand-black:before {
  content: '\ea82'; }

.icon-plastic-surgery-within-the-head-and-neck-black:before {
  content: '\ea83'; }

.icon-pediatric-rehabilitation-medicine-black:before {
  content: '\ea84'; }

.icon-physical-medicine-and-rehabilitation-brain-injury-medicine-black:before {
  content: '\ea85'; }

.icon-physical-medicine-and-rehabilitation-hospice-and-palliative-medicine-black:before {
  content: '\ea86'; }

.icon-physical-medicine-and-rehabilitation-neuromuscular-medicine-black:before {
  content: '\ea87'; }

.icon-physical-medicine-and-rehabilitation-pain-medicine-black:before {
  content: '\ea88'; }

.icon-physical-medicine-and-rehabilitation-sports-medicine-black:before {
  content: '\ea89'; }

.icon-spinal-cord-injury-medicine-black:before {
  content: '\ea8a'; }

.icon-child-abuse-pediatrics-black:before {
  content: '\ea8b'; }

.icon-developmental-behavioral-pediatrics-black:before {
  content: '\ea8c'; }

.icon-neonatal-perinatal-medicine-black:before {
  content: '\ea8d'; }

.icon-pediatric-cardiology-black:before {
  content: '\ea8e'; }

.icon-pediatric-critical-care-medicine-black:before {
  content: '\ea8f'; }

.icon-pediatric-emergency-medicine-black:before {
  content: '\ea90'; }

.icon-pediatric-endocrinology-black:before {
  content: '\ea91'; }

.icon-pediatric-gastroenterology-black:before {
  content: '\ea92'; }

.icon-pediatric-hematology-oncology-black:before {
  content: '\ea93'; }

.icon-pediatric-hospital-medicine-black:before {
  content: '\ea94'; }

.icon-pediatric-infectious-diseases-black:before {
  content: '\ea95'; }

.icon-pediatric-nephrology-black:before {
  content: '\ea96'; }

.icon-pediatric-pulmonology-black:before {
  content: '\ea97'; }

.icon-pediatric-rheumatology-black:before {
  content: '\ea98'; }

.icon-pediatric-sleep-medicine-black:before {
  content: '\ea99'; }

.icon-pediatric-transplant-hepatology-black:before {
  content: '\ea9a'; }

.icon-pediatrics-adolescent-medicine-black:before {
  content: '\ea9b'; }

.icon-pediatrics-hospice-and-palliative-medicine-black:before {
  content: '\ea9c'; }

.icon-pediatrics-medical-toxicology-black:before {
  content: '\ea9d'; }

.icon-pediatrics-sports-medicine-black:before {
  content: '\ea9e'; }

.icon-anatomical-pathology-black:before {
  content: '\ea4a'; }

.icon-clinical-pathology-black:before {
  content: '\ea4b'; }

.icon-cytopathology-black:before {
  content: '\ea4c'; }

.icon-dermatopathology-black:before {
  content: '\ea4d'; }

.icon-hematopathology-black:before {
  content: '\ea4e'; }

.icon-neuropathology-black:before {
  content: '\ea4f'; }

.icon-pathology-anatomic-pathology-clinical-black:before {
  content: '\ea50'; }

.icon-pathology-blood-banking-transfusion-medicine-black:before {
  content: '\ea51'; }

.icon-pathology-chemical-black:before {
  content: '\ea52'; }

.icon-pathology-clinical-informatics-black:before {
  content: '\ea53'; }

.icon-pathology-forensic-black:before {
  content: '\ea54'; }

.icon-pathology-medical-microbiology-black:before {
  content: '\ea55'; }

.icon-pathology-molecular-genetic-black:before {
  content: '\ea56'; }

.icon-pathology-pediatric-black:before {
  content: '\ea57'; }

.icon-complex-pediatric-otolaryngology-black:before {
  content: '\ea58'; }

.icon-neurotology-black:before {
  content: '\ea59'; }

.icon-otolaryngology-sleep-medicine-black:before {
  content: '\ea5a'; }

.icon-orthopaedic-sports-medicine-black:before {
  content: '\ea5c'; }

.icon-orthopaedic-surgery-surgery-of-the-hand-black:before {
  content: '\ea5d'; }

.icon-ophthalmology-black:before {
  content: '\ea5e'; }

.icon-gynecologic-oncology-black:before {
  content: '\ea5f'; }

.icon-obstetrics-and-gynecology-critical-care-medicine-black:before {
  content: '\ea60'; }

.icon-obstetrics-and-gynecology-female-pelvic-medicine-and-reconstructive-surgery-black:before {
  content: '\ea61'; }

.icon-obstetrics-and-gynecology-hospice-and-palliative-medicine-black:before {
  content: '\ea62'; }

.icon-obstetrics-and-gynecology-maternal-and-fetal-medicine-black:before {
  content: '\ea63'; }

.icon-reproductive-endocrinology-infertility-black:before {
  content: '\ea64'; }

.icon-touchhand_black:before {
  content: '\ea49'; }

.icon-nuclear-medicine-black:before {
  content: '\ea2e'; }

.icon-neurological-surgery-black:before {
  content: '\ea2f'; }

.icon-molecular-genetic-pathology-black:before {
  content: '\ea30'; }

.icon-medical-biochemical-genetics-black:before {
  content: '\ea31'; }

.icon-laboratory-genetics-and-genomics-black:before {
  content: '\ea32'; }

.icon-clinical-molecular-genetics-and-genomics-black:before {
  content: '\ea33'; }

.icon-clinical-genetics-and-genomics-black:before {
  content: '\ea34'; }

.icon-clinical-cytogenetics-and-genomics-black:before {
  content: '\ea35'; }

.icon-clinical-biochemical-genetics-black:before {
  content: '\ea36'; }

.icon-transplant-hepatology-black:before {
  content: '\ea37'; }

.icon-rheumatology-black:before {
  content: '\ea38'; }

.icon-pulmonary-disease-black:before {
  content: '\ea39'; }

.icon-nephrology-black:before {
  content: '\ea3a'; }

.icon-medical-oncology-black:before {
  content: '\ea3b'; }

.icon-interventional-cardiology-black:before {
  content: '\ea3c'; }

.icon-internal-critical-care-medicine-black:before {
  content: '\ea3d'; }

.icon-infectious-disease-black:before {
  content: '\ea3e'; }

.icon-hematology-black:before {
  content: '\ea3f'; }

.icon-geriatric-medicine-black:before {
  content: '\ea40'; }

.icon-gastroenterology-black:before {
  content: '\ea41'; }

.icon-endocrinology-diabetes-and-metabolism-black:before {
  content: '\ea42'; }

.icon-clinical-cardiac-electrophysiology-black:before {
  content: '\ea43'; }

.icon-cardiovascular-disease-black:before {
  content: '\ea44'; }

.icon-advanced-heart-failure-and-transplant-cardiology-black:before {
  content: '\ea45'; }

.icon-adult-congenital-heart-disease-black:before {
  content: '\ea46'; }

.icon-adolescent-medicine-black:before {
  content: '\ea47'; }

.icon-family-geriatric-medicine-black:before {
  content: '\ea48'; }

.icon-anesthesiology-critical-care-medicine-black:before {
  content: '\e9f0'; }

.icon-critical-care-medicine-black:before {
  content: '\e9f1'; }

.icon-emergency-medical-services-black:before {
  content: '\e9f2'; }

.icon-hospice-and-palliative-medicine-black:before {
  content: '\e9f3'; }

.icon-medical-toxicology-black:before {
  content: '\e9f4'; }

.icon-neurocritical-care-black:before {
  content: '\ea1d'; }

.icon-pain-medicine-black:before {
  content: '\ea1e'; }

.icon-sports-medicine-black:before {
  content: '\ea22'; }

.icon-undersea-and-hyperbaric-medicine-black:before {
  content: '\ea23'; }

.icon-pediatric-dermatology-black:before {
  content: '\ea25'; }

.icon-colon-and-rectal-surgery-black:before {
  content: '\ea26'; }

.icon-critical-care-medicine-anesthesiology-black:before {
  content: '\ea27'; }

.icon-hospice-and-palliative-medicine-anesthesiology-black:before {
  content: '\ea28'; }

.icon-neurocritical-care-anesthesiology-black:before {
  content: '\ea29'; }

.icon-pain-medicine-anesthesiology-black:before {
  content: '\ea2a'; }

.icon-pediatric-anesthesiology-black:before {
  content: '\ea2b'; }

.icon-sleep-medicine-black:before {
  content: '\ea2c'; }

.icon-allergy-and-immunology-black:before {
  content: '\ea2d'; }

.icon-no-results-on-provider-sdk-query .path1:before {
  content: '\e9ee';
  color: #e6172c; }

.icon-no-results-on-provider-sdk-query .path2:before {
  content: '\e9ef';
  color: #000; }

.icon-qr-code-activation-successful .path1:before {
  content: '\e9ec';
  color: #000; }

.icon-qr-code-activation-successful .path2:before {
  content: '\e9ed';
  color: #30a039; }

.icon-qr-code-activation-black:before {
  content: '\ea1f'; }

.icon-settings-black:before {
  content: '\ea20'; }

.icon-available-provider-black:before {
  content: '\e97e'; }

.icon-ic_battery85-24px .path1:before {
  content: '\e986';
  opacity: 0.401;
  color: #30a039; }

.icon-ic_battery85-24px .path2:before {
  content: '\e98d';
  color: #30a039; }

.icon-ambulatory-black:before {
  content: '\e974'; }

.icon-bariatrics-black:before {
  content: '\e976'; }

.icon-behavioral-health-black:before {
  content: '\e977'; }

.icon-cardiology-black:before {
  content: '\e978'; }

.icon-critical-care-black:before {
  content: '\e979'; }

.icon-dermatology-black:before {
  content: '\e97a'; }

.icon-ed-trauma-services-black:before {
  content: '\e97b'; }

.icon-general-consult-black:before {
  content: '\e97d'; }

.icon-maternal-fetal-health-black:before {
  content: '\e98f'; }

.icon-neurology-black:before {
  content: '\e980'; }

.icon-orthopedics-black:before {
  content: '\e981'; }

.icon-palliative-care-black:before {
  content: '\e982'; }

.icon-pediatrics-black:before {
  content: '\e983'; }

.icon-primary-care-black:before {
  content: '\e984'; }

.icon-pulmonology-black:before {
  content: '\e985'; }

.icon-social-worker-black:before {
  content: '\e993'; }

.icon-surgery-black:before {
  content: '\e987'; }

.icon-urgent-care-black:before {
  content: '\e988'; }

.icon-wound-care-black:before {
  content: '\e989'; }

.icon-ascom-mobile-app-chat-messages-black:before {
  content: '\e98a'; }

.icon-laptop-website-provider-queue-black:before {
  content: '\e98b'; }

.icon-laptop-website-provider-video-call-black:before {
  content: '\e98c'; }

.icon-smartphone-app-provider-queue-black:before {
  content: '\e995'; }

.icon-smartphone-app-provider-video-call-black:before {
  content: '\e98e'; }

.icon-tablet-app-provider-queue-black:before {
  content: '\ea1a'; }

.icon-tablet-app-provider-video-call-black:before {
  content: '\e990'; }

.icon-laptop-website-patient-intake-form-black:before {
  content: '\e991'; }

.icon-laptop-website-patient-video-call-black:before {
  content: '\e992'; }

.icon-phone-app-patient-intake-form-black:before {
  content: '\ea1b'; }

.icon-phone-app-patient-video-call-black:before {
  content: '\e994'; }

.icon-tablet-app-patient-intake-form-black:before {
  content: '\ea1c'; }

.icon-tablet-app-patient-video-call-black:before {
  content: '\e996'; }

.icon-310-cart-black:before {
  content: '\e997'; }

.icon-750-webex-cart-black:before {
  content: '\e998'; }

.icon-audio-call-black:before {
  content: '\e999'; }

.icon-cart-black:before {
  content: '\e99a'; }

.icon-cart-cisco-750-cart-polycom-750-cart-vidyo-black:before {
  content: '\e99c'; }

.icon-data-integration-black:before {
  content: '\e99d'; }

.icon-desktop-cart-w-software-black:before {
  content: '\e99e'; }

.icon-far-end-camera-control-black:before {
  content: '\e99f'; }

.icon-full-cart-w-software-black:before {
  content: '\e9a0'; }

.icon-full-cart-with-ptz-camera-w-software-black:before {
  content: '\e9a1'; }

.icon-kiosk-with-200-black:before {
  content: '\e9a2'; }

.icon-laptop-black:before {
  content: '\e9a3'; }

.icon-meeting-room-black:before {
  content: '\e9a4'; }

.icon-tablet-black:before {
  content: '\e9a5'; }

.icon-television-app-black:before {
  content: '\e9a6'; }

.icon-television-app-v-2-black:before {
  content: '\e9a7'; }

.icon-virtual-meeting-room-black:before {
  content: '\e9a9'; }

.icon-cardionics-e-scope-stethoscope-black:before {
  content: '\e9aa'; }

.icon-firefly-dermatoscope-black:before {
  content: '\e9ab'; }

.icon-firefly-otoscope-black:before {
  content: '\e9ac'; }

.icon-horus-scope-1-black:before {
  content: '\e9ad'; }

.icon-horus-scope-2-black:before {
  content: '\e9ae'; }

.icon-littmann-3200-stethoscope-black:before {
  content: '\e9af'; }

.icon-thinklabs-one-stethoscope-black:before {
  content: '\e9b0'; }

.icon-webex-cart-black1:before {
  content: '\e9b1'; }

.icon-robot-black:before {
  content: '\e9b2'; }

.icon-consumer-black:before {
  content: '\e9b3'; }

.icon-patient-black:before {
  content: '\e9b4'; }

.icon-provider-education-black:before {
  content: '\e9b5'; }

.icon-staff-administrator-black:before {
  content: '\e9b6'; }

.icon-staff-patient-concierge-black:before {
  content: '\e9b7'; }

.icon-staff-provider-black:before {
  content: '\e9b8'; }

.icon-system-care-coordinator-black:before {
  content: '\e9b9'; }

.icon-system-patient-concierge-black:before {
  content: '\e9ba'; }

.icon-system-provider-black:before {
  content: '\e9bb'; }

.icon-system-virtualist-provider-black:before {
  content: '\e9bc'; }

.icon-affinity-relationships-black:before {
  content: '\e9bd'; }

.icon-assign-to-nobody-black:before {
  content: '\e9be'; }

.icon-chat-black:before {
  content: '\e9bf'; }

.icon-digital-marketing-black:before {
  content: '\e9c0'; }

.icon-email-retention-black:before {
  content: '\e9c1'; }

.icon-email-retention-campaign-black:before {
  content: '\e9c2'; }

.icon-exam-room-black:before {
  content: '\e9c3'; }

.icon-implementation-timeline-black:before {
  content: '\e9c4'; }

.icon-implementation-workbook-black:before {
  content: '\e9c5'; }

.icon-new-patient-black:before {
  content: '\e9c6'; }

.icon-other-device-black:before {
  content: '\e9c7'; }

.icon-payment-digital-black:before {
  content: '\e9c8'; }

.icon-payment-receipt-black:before {
  content: '\e9c9'; }

.icon-phone-call-black:before {
  content: '\e9ca'; }

.icon-post-medical-encounter-note-black:before {
  content: '\e9cb'; }

.icon-search-engine-marketing-black:before {
  content: '\e9cc'; }

.icon-search-patient-black:before {
  content: '\e9cd'; }

.icon-search-provider-black:before {
  content: '\e9ce'; }

.icon-skip-patient-black:before {
  content: '\e9cf'; }

.icon-target-black:before {
  content: '\e9d0'; }

.icon-testing-black:before {
  content: '\e9d1'; }

.icon-video-black:before {
  content: '\e9d2'; }

.icon-video-call-black:before {
  content: '\e9d3'; }

.icon-accountable-care-organization-black:before {
  content: '\e9d4'; }

.icon-ambulatory-black1:before {
  content: '\e9d5'; }

.icon-home-black:before {
  content: '\e9d6'; }

.icon-hospital-black:before {
  content: '\e9d7'; }

.icon-labs-black:before {
  content: '\e9d8'; }

.icon-long-term-acute-care-black:before {
  content: '\e9d9'; }

.icon-outpatient-clinics-black:before {
  content: '\e9da'; }

.icon-physician-practices-black:before {
  content: '\e9fe'; }

.icon-primary-care-black1:before {
  content: '\ea12'; }

.icon-prison-black:before {
  content: '\ea13'; }

.icon-rehab-center-black:before {
  content: '\ea14'; }

.icon-school-black:before {
  content: '\ea15'; }

.icon-skilled-nursing-black:before {
  content: '\ea16'; }

.icon-skilled-nursing-facility-black:before {
  content: '\ea17'; }

.icon-transport-black:before {
  content: '\ea18'; }

.icon-urgent-care-black1:before {
  content: '\ea19'; }

.icon-baseline-signal_wifi_0_bar_lock-24px .path1:before {
  content: '\ea10';
  color: #000; }

.icon-baseline-signal_wifi_0_bar_lock-24px .path2:before {
  content: '\ea11';
  color: #000;
  opacity: 0.3; }

.icon-list-is-complete-black .path1:before {
  content: '\ea08';
  color: #000; }

.icon-list-is-complete-black .path2:before {
  content: '\ea09';
  color: #30a039; }

.icon-time-black:before {
  content: '\ea0a'; }

.icon-Wifi-problem .path1:before {
  content: '\ea0b';
  color: #313336; }

.icon-Wifi-problem .path2:before {
  content: '\ea0c';
  color: #e6172c; }

.icon-Wifi-problem .path3:before {
  content: '\ea0d';
  color: #fff; }

.icon-Wifi-success .path1:before {
  content: '\ea0e';
  color: #313336; }

.icon-Wifi-success .path2:before {
  content: '\ea0f';
  color: #30a039; }

.icon-baseline-perm_scan_wifi-24px:before {
  content: '\e9f5'; }

.icon-baseline-signal_wifi_0_bar-24px:before {
  content: '\e9f6';
  opacity: 0.3; }

.icon-baseline-signal_wifi_1_bar_lock-24px .path1:before {
  content: '\e9f7';
  color: #000; }

.icon-baseline-signal_wifi_1_bar_lock-24px .path2:before {
  content: '\e9f8';
  color: #000;
  opacity: 0.3; }

.icon-baseline-signal_wifi_1_bar_lock-24px .path3:before {
  content: '\e9f9';
  color: #000; }

.icon-baseline-signal_wifi_1_bar-24px .path1:before {
  content: '\e9fa';
  color: #000;
  opacity: 0.3; }

.icon-baseline-signal_wifi_1_bar-24px .path2:before {
  content: '\e9fb';
  color: #000; }

.icon-baseline-signal_wifi_2_bar_lock-24px .path1:before {
  content: '\e9fc';
  color: #000; }

.icon-baseline-signal_wifi_2_bar_lock-24px .path2:before {
  content: '\e9fd';
  color: #000;
  opacity: 0.3; }

.icon-baseline-signal_wifi_2_bar_lock-24px .path3:before {
  content: '\e9ff';
  color: #000; }

.icon-baseline-signal_wifi_2_bar-24px .path1:before {
  content: '\ea00';
  color: #000;
  opacity: 0.3; }

.icon-baseline-signal_wifi_2_bar-24px .path2:before {
  content: '\ea01';
  color: #000; }

.icon-baseline-signal_wifi_3_bar_lock-24px .path1:before {
  content: '\ea02';
  color: #000;
  opacity: 0.3; }

.icon-baseline-signal_wifi_3_bar_lock-24px .path2:before {
  content: '\ea03';
  color: #000; }

.icon-baseline-signal_wifi_3_bar-24px .path1:before {
  content: '\ea04';
  color: #000;
  opacity: 0.3; }

.icon-baseline-signal_wifi_3_bar-24px .path2:before {
  content: '\ea05';
  color: #000; }

.icon-baseline-signal_wifi_4_bar_lock-24px:before {
  content: '\ea06'; }

.icon-baseline-signal_wifi_4_bar-24px:before {
  content: '\ea07'; }

.icon-call-failed .path1:before {
  content: '\e9a8';
  color: #000; }

.icon-call-failed .path2:before {
  content: '\e9db';
  color: #e6172c; }

.icon-low-battery .path1:before {
  content: '\e9dc';
  color: #000; }

.icon-low-battery .path2:before {
  content: '\e9dd';
  color: #ef9c23; }

.icon-unable-to-connect-to-a-network .path1:before {
  content: '\e9e2';
  color: #000; }

.icon-unable-to-connect-to-a-network .path2:before {
  content: '\e9e3';
  color: #e6172c; }

.icon-unable-to-connect-to-fleet-monitoring .path1:before {
  content: '\e9e4';
  color: #000; }

.icon-unable-to-connect-to-fleet-monitoring .path2:before {
  content: '\e9e5';
  color: #e6172c; }

.icon-unable-to-share-peripheral .path1:before {
  content: '\e9e6';
  color: #000; }

.icon-unable-to-share-peripheral .path2:before {
  content: '\e9e7';
  color: #e6172c; }

.icon-unable-to-upload-snapshot-to-the-case .path1:before {
  content: '\e9e8';
  color: #000; }

.icon-unable-to-upload-snapshot-to-the-case .path2:before {
  content: '\e9e9';
  color: #e6172c; }

.icon-update-failed .path1:before {
  content: '\e9ea';
  color: #000; }

.icon-update-failed .path2:before {
  content: '\e9eb';
  color: #e6172c; }

.icon-no-network .path1:before {
  content: '\e9de';
  color: #000; }

.icon-no-network .path2:before {
  content: '\e9df';
  color: #e6172c; }

.icon-qr-code-activation-failure .path1:before {
  content: '\e9e0';
  color: #000; }

.icon-qr-code-activation-failure .path2:before {
  content: '\e9e1';
  color: #e6172c; }

.icon-view_column_four:before {
  content: '\e99b'; }

.icon-view_col_two:before {
  content: '\e918'; }

.icon-view_col_diff:before {
  content: '\e919'; }

.icon-archive:before {
  content: '\e916'; }

.icon-icon_csv:before {
  content: '\e909'; }

.icon-icon_mp4:before {
  content: '\e90a'; }

.icon-icon_odp:before {
  content: '\e90b'; }

.icon-icon_odt:before {
  content: '\e90c'; }

.icon-icon_pdf:before {
  content: '\e90d'; }

.icon-icon_ppt:before {
  content: '\e90e'; }

.icon-icon_rar:before {
  content: '\e90f'; }

.icon-icon_rft:before {
  content: '\e910'; }

.icon-icon_txt:before {
  content: '\e911'; }

.icon-icon_wav:before {
  content: '\e912'; }

.icon-icon_word:before {
  content: '\e913'; }

.icon-icon_xsl:before {
  content: '\e914'; }

.icon-icon_zip:before {
  content: '\e915'; }

.icon-pin:before {
  content: '\e907'; }

.icon-unpin:before {
  content: '\e908'; }

.icon-voice-chat:before {
  content: '\e906'; }

.icon-pic-in-pic:before {
  content: '\e904'; }

.icon-pic-in-pic-off:before {
  content: '\e905'; }

.icon-cam-control:before {
  content: '\e900'; }

.icon-cam-exit:before {
  content: '\e901'; }

.icon-magn-minus:before {
  content: '\e902'; }

.icon-magn-plus:before {
  content: '\e903'; }

.icon-ic_battery_charging_0-24px:before {
  content: '\e924';
  color: #e6172c; }

.icon-ic_battery_charging_5-24px .path1:before {
  content: '\e926';
  color: #e6172c;
  opacity: 0.401; }

.icon-ic_battery_charging_5-24px .path2:before {
  content: '\e927';
  color: #e6172c; }

.icon-ic_battery_charging_10-24px .path1:before {
  content: '\e928';
  color: #e6172c;
  opacity: 0.401; }

.icon-ic_battery_charging_10-24px .path2:before {
  content: '\e929';
  color: #e6172c; }

.icon-ic_battery_charging_15-24px .path1:before {
  content: '\e92a';
  color: #ef9c23;
  opacity: 0.401; }

.icon-ic_battery_charging_15-24px .path2:before {
  content: '\e92b';
  color: #ef9c23; }

.icon-ic_battery_charging_20-24px .path1:before {
  content: '\e92c';
  color: #ef9c23;
  opacity: 0.401; }

.icon-ic_battery_charging_20-24px .path2:before {
  content: '\e92d';
  color: #ef9c23; }

.icon-ic_battery_charging_25-24px .path1:before {
  content: '\e92e';
  color: #ef9c23;
  opacity: 0.401; }

.icon-ic_battery_charging_25-24px .path2:before {
  content: '\e92f';
  color: #ef9c23; }

.icon-ic_battery_charging_30-24px .path1:before {
  content: '\e930';
  color: #ef9c23;
  opacity: 0.401; }

.icon-ic_battery_charging_30-24px .path2:before {
  content: '\e931';
  color: #ef9c23; }

.icon-ic_battery_charging_35-24px .path1:before {
  content: '\e932';
  color: #fcd54e;
  opacity: 0.401; }

.icon-ic_battery_charging_35-24px .path2:before {
  content: '\e933';
  color: #fcd54e; }

.icon-ic_battery_charging_40-24px .path1:before {
  content: '\e934';
  color: #fcd54e;
  opacity: 0.401; }

.icon-ic_battery_charging_40-24px .path2:before {
  content: '\e935';
  color: #fcd54e; }

.icon-ic_battery_charging_45-24px .path1:before {
  content: '\e936';
  color: #fcd54e;
  opacity: 0.401; }

.icon-ic_battery_charging_45-24px .path2:before {
  content: '\e937';
  color: #fcd54e; }

.icon-ic_battery_charging_50-24px .path1:before {
  content: '\e938';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_50-24px .path2:before {
  content: '\e939';
  color: #30a039; }

.icon-ic_battery_charging_55-24px .path1:before {
  content: '\e93a';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_55-24px .path2:before {
  content: '\e93b';
  color: #30a039; }

.icon-ic_battery_charging_60-24px .path1:before {
  content: '\e93c';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_60-24px .path2:before {
  content: '\e93d';
  color: #30a039; }

.icon-ic_battery_charging_65-24px .path1:before {
  content: '\e93e';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_65-24px .path2:before {
  content: '\e93f';
  color: #30a039; }

.icon-ic_battery_charging_70-24px .path1:before {
  content: '\e940';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_70-24px .path2:before {
  content: '\e941';
  color: #30a039; }

.icon-ic_battery_charging_75-24px .path1:before {
  content: '\e942';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_75-24px .path2:before {
  content: '\e943';
  color: #30a039; }

.icon-ic_battery_charging_80-24px .path1:before {
  content: '\e944';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_80-24px .path2:before {
  content: '\e945';
  color: #30a039; }

.icon-ic_battery_charging_85-24px .path1:before {
  content: '\e946';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_85-24px .path2:before {
  content: '\e947';
  color: #30a039; }

.icon-ic_battery_charging_90-24px .path1:before {
  content: '\e948';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_90-24px .path2:before {
  content: '\e949';
  color: #30a039; }

.icon-ic_battery_charging_95-24px .path1:before {
  content: '\e94a';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_charging_95-24px .path2:before {
  content: '\e94b';
  color: #30a039; }

.icon-ic_battery_charging_full-24px:before {
  content: '\e94c';
  color: #30a039; }

.icon-ic_battery_full-24px:before {
  content: '\e94d';
  color: #30a039; }

.icon-ic_battery_unknown-24px:before {
  content: '\e94e'; }

.icon-ic_battery_0-24px:before {
  content: '\e94f';
  color: #e6172c;
  opacity: 0.401; }

.icon-ic_battery_5-24px .path1:before {
  content: '\e950';
  color: #e6172c;
  opacity: 0.401; }

.icon-ic_battery_5-24px .path2:before {
  content: '\e951';
  color: #e6172c; }

.icon-ic_battery_10-24px .path1:before {
  content: '\e952';
  color: #e6172c;
  opacity: 0.401; }

.icon-ic_battery_10-24px .path2:before {
  content: '\e953';
  color: #e6172c; }

.icon-ic_battery_15-24px .path1:before {
  content: '\e954';
  color: #ef9c23;
  opacity: 0.401; }

.icon-ic_battery_15-24px .path2:before {
  content: '\e955';
  color: #ef9c23; }

.icon-ic_battery_20-24px .path1:before {
  content: '\e956';
  color: #ef9c23;
  opacity: 0.401; }

.icon-ic_battery_20-24px .path2:before {
  content: '\e957';
  color: #ef9c23; }

.icon-ic_battery_25-24px .path1:before {
  content: '\e958';
  color: #ef9c23;
  opacity: 0.401; }

.icon-ic_battery_25-24px .path2:before {
  content: '\e959';
  color: #ef9c23; }

.icon-ic_battery_30-24px .path1:before {
  content: '\e95a';
  color: #ef9c23;
  opacity: 0.401; }

.icon-ic_battery_30-24px .path2:before {
  content: '\e95b';
  color: #ef9c23; }

.icon-ic_battery_35-24px .path1:before {
  content: '\e95c';
  color: #fcd54e;
  opacity: 0.401; }

.icon-ic_battery_35-24px .path2:before {
  content: '\e95d';
  color: #fcd54e; }

.icon-ic_battery_40-24px .path1:before {
  content: '\e95e';
  color: #fcd54e;
  opacity: 0.401; }

.icon-ic_battery_40-24px .path2:before {
  content: '\e95f';
  color: #fcd54e; }

.icon-ic_battery_45-24px .path1:before {
  content: '\e960';
  color: #fcd54e;
  opacity: 0.401; }

.icon-ic_battery_45-24px .path2:before {
  content: '\e961';
  color: #fcd54e; }

.icon-ic_battery_50-24px .path1:before {
  content: '\e962';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_50-24px .path2:before {
  content: '\e963';
  color: #30a039; }

.icon-ic_battery_55-24px .path1:before {
  content: '\e964';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_55-24px .path2:before {
  content: '\e965';
  color: #30a039; }

.icon-ic_battery_60-24px .path1:before {
  content: '\e966';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_60-24px .path2:before {
  content: '\e967';
  color: #30a039; }

.icon-ic_battery_65-24px .path1:before {
  content: '\e968';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_65-24px .path2:before {
  content: '\e969';
  color: #30a039; }

.icon-ic_battery_70-24px .path1:before {
  content: '\e96a';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_70-24px .path2:before {
  content: '\e96b';
  color: #30a039; }

.icon-ic_battery_75-24px .path1:before {
  content: '\e96c';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_75-24px .path2:before {
  content: '\e96d';
  color: #30a039; }

.icon-ic_battery_80-24px .path1:before {
  content: '\e96e';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_80-24px .path2:before {
  content: '\e96f';
  color: #30a039; }

.icon-ic_battery_90-24px .path1:before {
  content: '\e970';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_90-24px .path2:before {
  content: '\e971';
  color: #30a039; }

.icon-ic_battery_95-24px .path1:before {
  content: '\e972';
  color: #30a039;
  opacity: 0.401; }

.icon-ic_battery_95-24px .path2:before {
  content: '\e973';
  color: #30a039; }

.icon-check_circle_outline:before {
  content: '\e91d'; }

.icon-phone_book:before {
  content: '\e91e'; }

.icon-firefly_48px:before {
  content: '\e91f'; }

.icon-screenshare-popout:before {
  content: '\e921'; }

.icon-horus_48px:before {
  content: '\e922'; }

.icon-ic_battery_alert-24px:before {
  content: '\e923'; }

.icon-ic_battery_charging_5-24px2:before {
  content: '\e925'; }

.icon-ic_videocam_fecc_48px:before {
  content: '\e975'; }

.icon-ethernet:before {
  content: '\e91c'; }

.icon-ethernet_dc_48px:before {
  content: '\e920'; }

.icon-quality_settings:before {
  content: '\e91b'; }

.icon-recall:before {
  content: '\e91a'; }

.icon-steth:before {
  content: '\e917'; }

[class^='material-icons icon-'],
[class*='material-icons icon-'] {
  font-family: 'Material Icons' !important; }

[class^='material-icons'],
[class*='material-icons'] {
  font-family: 'Material Icons' !important; }

[class^='material-icons-outlined'],
[class*='material-icons-outlined'] {
  font-family: 'Material Icons Outlined' !important; }

.material-icons.quote {
  transform: rotate(180deg);
  font-size: 2.25rem;
  margin-left: -0.5rem; }

.material-icons.transform {
  transform: rotate(180deg); }

.material-icons.va {
  vertical-align: -6px; }

a.hover-underline:hover {
  text-decoration: underline; }

.z-depth-0 {
  box-shadow: none !important; }

.z-depth-1 {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 2px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.2); }

.z-depth-2 {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 3px 4px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2); }

.z-depth-3 {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.14), 0 3px 4px rgba(0, 0, 0, 0.12), 0 1px 8px rgba(0, 0, 0, 0.2); }

.z-depth-4 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.2); }

.z-depth-6 {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2); }

.z-depth-8, .call-part-modal .adv-dropdown {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.14), 0 3px 14px rgba(0, 0, 0, 0.12), 0 4px 15px rgba(0, 0, 0, 0.2); }

.z-depth-16 {
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2); }

.z-depth-24 {
  box-shadow: 0 24px 38px rgba(0, 0, 0, 0.14), 0 9px 46px rgba(0, 0, 0, 0.12), 0 11px 15px rgba(0, 0, 0, 0.2); }

.video-component {
  background: #f2f2f2; }

.video-component .btn-flat.bordered {
  color: #5b6b78 !important;
  border-color: #e6e6e6;
  font-weight: 700;
  background-color: transparent;
  padding: 0 32px; }

.case-detail__header--desk {
  background: #fff; }

.layout--columns-on-large .layout__main {
  overflow: hidden;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.layout__main__split {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  overflow: hidden; }

.layout--default.bg-white .layout__main {
  background: #fff; }

.case-detail__timer-status dt {
  text-transform: uppercase; }

.upper-text {
  text-transform: uppercase; }

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

.text-left {
  text-align: left; }

.text-italic {
  font-style: italic; }

.text-blue {
  color: #1774cc; }

.text-red {
  color: #e6172c; }

.text-green {
  color: #30a039; }

.text-red {
  color: #e6172c; }

.text-grey {
  color: #5b6b78;
  font-size: 12px;
  font-weight: 400; }

.t-grey {
  color: #5b6b78; }

.chip {
  color: #313336 !important;
  background-color: #e6e6e6; }
  .chip .material-icons {
    color: #5b6b78;
    vertical-align: -8px;
    margin-right: -8px;
    line-height: 32px;
    margin-left: 10px; }

.chip.blue,
.chip.light-blue,
.chip.blue.white-text,
.chip.white-text {
  color: #fff !important; }

input:not([type]),
input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='time'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='tel'],
input[type='number'],
input[type='search'],
textarea.materialize-textarea {
  background-image: none !important; }

img#__lpform_input_idx_1_icon {
  display: none; }

/*  common btns  */
a.btn,
a.btn-large {
  color: #fff !important; }
  a.btn:link, a.btn:visited, a.btn:hover, a.btn:active,
  a.btn-large:link,
  a.btn-large:visited,
  a.btn-large:hover,
  a.btn-large:active {
    text-decoration: none;
    outline: none; }

a.btn-flat:link, a.btn-flat:visited, a.btn-flat:hover, a.btn-flat:active,
a.view-btn:link,
a.view-btn:visited,
a.view-btn:hover,
a.view-btn:active {
  text-decoration: none;
  outline: none; }

.btn-large {
  height: 50px;
  line-height: 50px; }
  .btn-large i {
    line-height: inherit;
    font-size: 1.6rem;
    margin-right: 0.5rem;
    vertical-align: -7px; }

.btn:hover,
.btn-large:hover {
  background-color: #3a89d4; }

.btn:focus, .call-part-modal .input-field:active .select-wrapper input.btn.select-dropdown, .call-part-modal .input-field:active .select-wrapper a.btn.select-dropdown, .call-part-modal .input-field input.btn:active,
.btn-large:focus,
.call-part-modal .input-field:active .select-wrapper input.btn-large.select-dropdown,
.call-part-modal .input-field:active .select-wrapper a.btn-large.select-dropdown,
.call-part-modal .input-field input.btn-large:active,
.btn:active,
.btn-large:active {
  background-color: #5197d9; }

.btn.btn-red {
  background-color: #e6172c; }

.btn.btn-red:hover {
  background-color: #ea3a4c; }

.btn.btn-red:focus, .call-part-modal .input-field:active .select-wrapper input.btn.btn-red.select-dropdown, .call-part-modal .input-field:active .select-wrapper a.btn.btn-red.select-dropdown, .call-part-modal .input-field input.btn.btn-red:active,
.btn.btn-red:active {
  background-color: #ec5161; }

.btn-flat.bordered,
.standard.modal .modal-footer a.btn-flat:last-child {
  color: #5b6b78 !important;
  border: 1px solid #e6e6e6;
  font-weight: 700;
  background-color: transparent; }

.btn-flat.bordered:hover,
.standard.modal .modal-footer a.btn-flat:last-child:hover {
  background-color: #f2f2f2; }

.btn-flat.bordered:focus, .call-part-modal .input-field:active .select-wrapper input.btn-flat.bordered.select-dropdown, .call-part-modal .input-field:active .select-wrapper a.btn-flat.bordered.select-dropdown, .call-part-modal .input-field input.btn-flat.bordered:active,
.btn-flat.bordered:active,
.standard.modal .modal-footer a.btn-flat:last-child:focus,
.standard.modal .modal-footer .call-part-modal .input-field:active .select-wrapper a.btn-flat.select-dropdown:last-child, .call-part-modal .input-field:active .select-wrapper
.standard.modal .modal-footer a.btn-flat.select-dropdown:last-child,
.standard.modal .modal-footer a.btn-flat:last-child:active {
  background-color: transparent; }

.btn-flat.bordered.thin-font {
  font-weight: 400; }

.btn-flat {
  color: #5b6b78 !important;
  box-shadow: none;
  background-color: transparent !important;
  cursor: pointer;
  transition: background-color 0.2s;
  font-weight: 600 !important; }
  .btn-flat i {
    margin-right: 8px;
    vertical-align: -2px; }
  .btn-flat.text-normal {
    font-weight: 400; }
  .btn-flat:focus, .call-part-modal .input-field:active .select-wrapper input.btn-flat.select-dropdown, .call-part-modal .input-field:active .select-wrapper a.btn-flat.select-dropdown, .call-part-modal .input-field input.btn-flat:active {
    background: none; }
  .btn-flat:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: none;
    text-decoration: none; }
  .btn-flat:active {
    background-color: rgba(0, 0, 0, 0.2) !important; }
  .btn-flat.btn-primary, .notification-carousel .notifications-carousel__item .btn-flat {
    color: #1774cc !important; }
    .btn-flat.btn-primary:hover, .notification-carousel .notifications-carousel__item .btn-flat:hover {
      background: rgba(23, 116, 204, 0.12) !important; }
    .btn-flat.btn-primary:active, .notification-carousel .notifications-carousel__item .btn-flat:active {
      background: rgba(23, 116, 204, 0.4) !important; }
  .btn-flat.btn-success {
    color: #30a039 !important; }
    .btn-flat.btn-success:hover {
      background: rgba(48, 160, 57, 0.12) !important; }
    .btn-flat.btn-success:active {
      background: rgba(48, 160, 57, 0.24) !important; }
  .btn-flat.btn-warning {
    color: #e7741c !important; }
    .btn-flat.btn-warning:hover {
      background: rgba(231, 116, 28, 0.12) !important; }
    .btn-flat.btn-warning:active {
      background: rgba(231, 116, 28, 0.24) !important; }
  .btn-flat.btn-danger {
    color: #e6172c !important; }
    .btn-flat.btn-danger:hover {
      background: rgba(230, 23, 44, 0.12) !important; }
    .btn-flat.btn-danger:active {
      background: rgba(230, 23, 44, 0.24) !important; }
  .btn-flat.btn-simple {
    color: #5b6b78 !important; }
    .btn-flat.btn-simple:hover {
      background: rgba(0, 0, 0, 0.12) !important; }
    .btn-flat.btn-simple:active {
      background: rgba(0, 0, 0, 0.24) !important; }
  .btn-flat.disabled {
    background-color: transparent !important;
    color: #b3b3b3 !important;
    cursor: default; }

/* Case Details */
@media only screen and (min-width: 961px) {
  .layout__main__selector {
    width: 190px !important;
    -webkit-flex-grow: 0;
    flex-grow: 0; } }

.case-detail__patient-team-box + .case-detail__patient-team-box {
  border-left: none; }

.case-detail__patient-info {
  padding: 15px 15px 15px 20px; }

.case-detail__patient-team-box {
  padding: 10px 20px; }

.layout__main__selector {
  padding: 0px; }
  .layout__main__selector .bkw-small-heading--muted {
    color: #5b6b78;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 28px 0; }

.layout__main__selector__header {
  margin: 0;
  padding: 0 10px 0 20px; }

.layout__main__selector__list {
  padding: 0 !important;
  margin: 10px 0; }
  .layout__main__selector__list .dot {
    right: auto;
    margin-left: 6px;
    top: 15px;
    left: auto; }
  .layout__main__selector__list .material-icons.green-mark {
    color: #30a039;
    font-size: 22px;
    top: 17px; }
  .layout__main__selector__list .badge {
    bottom: auto;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 15px; }
  .layout__main__selector__list .material-icons {
    bottom: auto;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 20px; }
  .layout__main__selector__list a {
    padding: 13px 10px 13px 20px; }
  .layout__main__selector__list .bkw-small-heading {
    color: #313336;
    font-size: 14px;
    line-height: 1;
    font-weight: 700; }
  .layout__main__selector__list ul {
    margin: 0;
    list-style-type: none;
    padding: 0; }
    .layout__main__selector__list ul li {
      border-bottom: none;
      list-style-type: none;
      line-height: initial; }
  .layout__main__selector__list em {
    display: block;
    font-size: 14px;
    color: #5b6b78; }
  .layout__main__selector__list a.disabled {
    pointer-events: none;
    background-color: transparent;
    cursor: default;
    word-break: break-word;
    white-space: normal;
    padding-right: 50px; }
    .layout__main__selector__list a.disabled:hover {
      pointer-events: none;
      background-color: transparent;
      cursor: default; }

.btn-flat.bordered.circle {
  border: 1px solid #e6e6e6;
  width: 32px;
  height: 32px;
  line-height: 32px; }
  .btn-flat.bordered.circle i {
    font-size: 1.4rem;
    line-height: 30px;
    color: rgba(91, 107, 120, 0.5); }

.dropdown-content {
  padding: 0 !important;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  max-height: initial; }
  .dropdown-content li.dropdown__header {
    background: #f2f2f2;
    border-radius: 0;
    margin: 0;
    padding: 0 18px 0 0;
    cursor: auto; }
    .dropdown-content li.dropdown__header a {
      padding: 0;
      line-height: 40px;
      font-weight: 700;
      font-size: 14px;
      color: #313336;
      cursor: auto; }
  .dropdown-content li {
    transition: 0.3s ease-out; }

.dropdown-content > li + li {
  border-top: none; }

.dropdown-content > li a {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  margin-left: 18px; }

.dropdown-content li > a,
.dropdown-content li > span {
  font-size: 16px;
  color: #313336;
  display: block;
  line-height: 40px;
  padding: 0 18px 0 0px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  margin-top: -1px; }
  .dropdown-content li > a:link, .dropdown-content li > a:visited, .dropdown-content li > a:hover, .dropdown-content li > a:active,
  .dropdown-content li > span:link,
  .dropdown-content li > span:visited,
  .dropdown-content li > span:hover,
  .dropdown-content li > span:active {
    color: #313336; }

.dropdown-content > li:first-child a,
.dropdown-content > li.dropdown__header + li a {
  border-top: none; }

.case-detail__content-section .case-form__asignee .dropdown-content.active {
  top: 10px !important; }

/*case-video-messages-pane*/
a.btn.video-btn {
  padding: 0 0 0 30px;
  height: 50px;
  line-height: 50px;
  font-size: 14px; }
  a.btn.video-btn i {
    font-size: 22px; }

.video-component .btn-group {
  margin-bottom: 15px;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important; }
  .video-component .btn-group a.btn.video-btn {
    width: 156px;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12) !important;
    padding: 0;
    line-height: 50px; }
    .video-component .btn-group a.btn.video-btn span {
      display: inline-block;
      vertical-align: top; }
    .video-component .btn-group a.btn.video-btn i {
      margin-right: 15px; }
  .video-component .btn-group a.btn.dots-btn {
    height: 50px;
    line-height: 50px;
    border-left: 1px solid #3a89d4;
    padding: 0;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12) !important; }
    .video-component .btn-group a.btn.dots-btn i {
      padding: 0 10px;
      margin-left: 0px;
      font-size: 22px; }

.video-component #add-person {
  display: none;
  position: absolute;
  width: 300px !important;
  margin-left: -150px;
  top: 70px !important;
  left: 50% !important;
  height: 290px !important;
  bottom: auto !important;
  right: auto !important;
  background: #fff;
  border-radius: 3px;
  border-bottom: 2px solid #e6e6e6;
  z-index: 100;
  box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.4); }
  .video-component #add-person:after {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: 0;
    left: auto;
    margin-left: 0;
    border-width: 8px;
    border-bottom-color: #f2f2f2;
    content: '';
    top: -16px;
    right: 14px; }
  .video-component #add-person h4 {
    position: relative; }
    .video-component #add-person h4 i {
      position: absolute;
      top: 20px;
      right: 30px;
      color: #000;
      font-size: 22px;
      font-weight: 700;
      cursor: pointer; }
  .video-component #add-person #addtab3,
  .video-component #add-person #addtab4 {
    padding: 31px 30px 30px; }
    .video-component #add-person #addtab3 label,
    .video-component #add-person #addtab4 label {
      font-size: 14px;
      font-weight: 400;
      color: #5b6b78; }
    .video-component #add-person #addtab3 .input-field label.active,
    .video-component #add-person #addtab4 .input-field label.active {
      font-size: 0.8rem;
      -webkit-transform: translateY(-116%);
      transform: translateY(-116%); }
    .video-component #add-person #addtab3 input[type='text'],
    .video-component #add-person #addtab4 input[type='text'] {
      border-color: #e6e6e6;
      font-size: 14px; }
    .video-component #add-person #addtab3 input[type='text']:focus:not([readonly]), .video-component #add-person #addtab3 .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper .video-component #add-person #addtab3 input[type='text'].select-dropdown:not([readonly]), .video-component #add-person #addtab3 .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field .video-component #add-person #addtab3 input[type='text']:not([readonly]):active,
    .video-component #add-person #addtab4 input[type='text']:focus:not([readonly]),
    .video-component #add-person #addtab4 .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper
    .video-component #add-person #addtab4 input[type='text'].select-dropdown:not([readonly]),
    .video-component #add-person #addtab4 .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field
    .video-component #add-person #addtab4 input[type='text']:not([readonly]):active {
      border-bottom: 1px solid #1774cc;
      box-shadow: 0 1px 0 0 #1774cc; }
    .video-component #add-person #addtab3 p,
    .video-component #add-person #addtab4 p {
      font-size: 14px;
      font-weight: 400;
      color: #313336;
      line-height: 1;
      text-align: left;
      margin: 0; }
    .video-component #add-person #addtab3 .btn,
    .video-component #add-person #addtab4 .btn {
      display: inline-block;
      float: right;
      padding: 0 40px;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: -0.1px; }
    @media (min-width: 961px) {
      .video-component #add-person #addtab3 .btn,
      .video-component #add-person #addtab4 .btn {
        padding: 0 61px; } }
  .video-component #add-person #addtab3 input[type='text'] {
    color: #5b6b78; }

@media (min-width: 961px) {
  .video-component #add-person {
    position: fixed;
    top: 155px !important;
    left: auto !important;
    bottom: auto !important;
    right: 19px !important;
    width: 340px !important;
    margin-left: -170px; } }

@media (min-width: 1281px) {
  .video-component #add-person {
    position: fixed;
    top: 180px !important;
    left: auto !important;
    bottom: auto !important;
    right: 19px !important; } }

.video-component .clearfix .btn-flat {
  padding: 0 23px;
  width: auto;
  float: left; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .btn + .btn {
  margin-left: -1px; }

.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

@media only screen and (min-width: 1281px) {
  .case-detail__patient-actions .btn-flat.bordered.square {
    width: 50px;
    height: 50px;
    border-color: #e6e6e6;
    line-height: 50px; }
    .case-detail__patient-actions .btn-flat.bordered.square i {
      font-size: 22px; } }

.btn-patient-act i {
  line-height: 22px;
  font-size: 22px;
  margin-right: 10px;
  vertical-align: -5px; }

.info-timer-icon {
  vertical-align: -3px;
  line-height: 22px;
  font-size: 22px;
  margin-right: 5px;
  color: #5b6b78;
  opacity: 0.5; }

.case-detail__timer-status dd {
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  font-weight: 300; }

.dropdown-content .dropdown__header {
  background: #f2f2f2;
  border-radius: 3px 3px 0 0;
  margin: -10px -10px 0;
  padding: 10px 18px; }
  .dropdown-content .dropdown__header .bkw-small-heading {
    text-transform: none;
    font-size: 14px; }

.dropdown-content .dropdown__footer {
  margin: 0;
  padding: 0; }
  .dropdown-content .dropdown__footer .red-cancel {
    color: #e6172c;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 18px;
    display: block; }
    .dropdown-content .dropdown__footer .red-cancel:focus, .dropdown-content .dropdown__footer .call-part-modal .input-field:active .select-wrapper input.red-cancel.select-dropdown, .call-part-modal .input-field:active .select-wrapper .dropdown-content .dropdown__footer input.red-cancel.select-dropdown, .dropdown-content .dropdown__footer .call-part-modal .input-field:active .select-wrapper a.red-cancel.select-dropdown, .call-part-modal .input-field:active .select-wrapper .dropdown-content .dropdown__footer a.red-cancel.select-dropdown, .dropdown-content .dropdown__footer .call-part-modal .input-field input.red-cancel:active, .call-part-modal .input-field .dropdown-content .dropdown__footer input.red-cancel:active, .dropdown-content .dropdown__footer .red-cancel:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    .dropdown-content .dropdown__footer .red-cancel + .red-cancel {
      border-top: 1px solid #e6e6e6; }

.dropdown-content ul {
  margin: 0; }
  .dropdown-content ul li:nth-child(n + 3) a {
    border-top: 1px solid rgba(0, 0, 0, 0.06); }
  .dropdown-content ul li a {
    margin-left: 18px; }

#case-options-dropdown {
  right: 0px; }

.person-info {
  background: #f2f2f2;
  padding: 10px 10px 10px 60px;
  border-bottom: 1px solid #e6e6e6;
  min-height: 3.5rem; }

.person-info dt,
.person-info dd {
  font-weight: 400;
  margin: 0;
  color: #313336;
  font-size: 14px; }

.person-info dt {
  padding-bottom: 5px; }

.person-info dd.avatar {
  left: 10px;
  position: absolute;
  top: 10px; }

.dropdown-content .dropdown__body ul + ul,
.dropdown-content .dropdown__body ul + dl,
.dropdown-content .dropdown__body dl + ul {
  border-top: none;
  margin-top: 0px; }

.dropdown-content .dropdown__body + .dropdown__footer {
  border-top: none; }

.dropdown-content .dropdown__body dl + ul {
  border-bottom: 1px solid #e6e6e6; }
  .dropdown-content .dropdown__body dl + ul li a {
    font-size: 14px;
    color: #313336;
    display: block;
    line-height: 40px;
    padding: 0 18px 0 0px;
    text-align: left; }
  .dropdown-content .dropdown__body dl + ul li + li {
    border-top: none; }
  .dropdown-content .dropdown__body dl + ul li:nth-child(n + 2) a {
    border-top: 1px solid rgba(0, 0, 0, 0.06); }

/*case-form*/
@media only screen and (min-width: 601px) {
  .case-form {
    border-radius: 3px;
    margin-bottom: 30px; }
  .case-form.is-done {
    border: 1px solid #e6e6e6; }
  .case-form.is-edit {
    border: 2px solid #e6e6e6; } }

@media only screen and (min-width: 961px) {
  .case-detail__content-section__heading .h3 {
    color: #000; } }

.case-detail__content-section__heading {
  padding: 20px 0 0; }
  .case-detail__content-section__heading .text-right {
    line-height: 1;
    display: inline-block;
    box-sizing: border-box; }

.case-form__header {
  background: #f2f2f2;
  border-bottom: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 30px; }
  .case-form__header .case-form__asignee .btn {
    width: 120px; }
  .case-form__header .case-form__asignee .chip {
    font-size: 14px; }
    .case-form__header .case-form__asignee .chip + .chip {
      margin-left: 10px; }
  .case-form__header .case-form__asignee a:hover i.material-icons {
    background: rgba(255, 255, 255, 0.1); }

.case-form__meta p {
  color: #5b6b78;
  font-size: 12px; }
  .case-form__meta p.text-red {
    color: #e6172c; }

.case-form__body {
  background: #fff;
  padding: 20px 20px 0; }
  .case-form__body .row .col {
    margin-bottom: 1rem; }
  .case-form__body .case-table {
    border: none !important;
    margin: 0 !important; }
    .case-form__body .case-table .link-wrapper {
      margin: 0 !important; }
    .case-form__body .case-table .table-body .row.patient-layout {
      border-bottom: none !important; }

.is-done .case-form__body {
  background: #fff; }

.case-detail__content-section .dropdown-box,
.form .dropdown-box,
.case-default-block .dropdown-box {
  position: relative; }
  .case-detail__content-section .dropdown-box .material-icons,
  .form .dropdown-box .material-icons,
  .case-default-block .dropdown-box .material-icons {
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 22px;
    font-weight: 700;
    color: #313336; }

.case-detail__content-section .dropdown-content,
.form .dropdown-content,
.case-default-block .dropdown-content {
  padding: 0 !important;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); }
  .case-detail__content-section .dropdown-content li + li,
  .form .dropdown-content li + li,
  .case-default-block .dropdown-content li + li {
    border-top: none; }

.case-detail__content-section .dropdown-content > li a,
.form .dropdown-content > li a,
.case-default-block .dropdown-content > li a {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  margin-left: 0px;
  padding-left: 18px; }

.case-detail__content-section .case-form__asignee .dropdown-content.active,
.form .case-form__asignee .dropdown-content.active,
.case-default-block .case-form__asignee .dropdown-content.active {
  top: 10px !important; }

.case-detail__content-section input:not([type]),
.case-detail__content-section input[type='text'],
.case-detail__content-section input[type='password'],
.case-detail__content-section input[type='email'],
.case-detail__content-section input[type='url'],
.case-detail__content-section input[type='time'],
.case-detail__content-section input[type='date'],
.case-detail__content-section input[type='datetime'],
.case-detail__content-section input[type='datetime-local'],
.case-detail__content-section input[type='tel'],
.case-detail__content-section input[type='number'],
.case-detail__content-section input[type='search'],
.case-detail__content-section textarea.materialize-textarea,
.form input:not([type]),
.form input[type='text'],
.form input[type='password'],
.form input[type='email'],
.form input[type='url'],
.form input[type='time'],
.form input[type='date'],
.form input[type='datetime'],
.form input[type='datetime-local'],
.form input[type='tel'],
.form input[type='number'],
.form input[type='search'],
.form textarea.materialize-textarea,
.case-default-block input:not([type]),
.case-default-block input[type='text'],
.case-default-block input[type='password'],
.case-default-block input[type='email'],
.case-default-block input[type='url'],
.case-default-block input[type='time'],
.case-default-block input[type='date'],
.case-default-block input[type='datetime'],
.case-default-block input[type='datetime-local'],
.case-default-block input[type='tel'],
.case-default-block input[type='number'],
.case-default-block input[type='search'],
.case-default-block textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 14px;
  /*margin: 0 0 20px 0;*/
  margin: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 400;
  color: #313336; }

.case-detail__content-section textarea.materialize-textarea,
.form textarea.materialize-textarea,
.case-default-block textarea.materialize-textarea {
  padding-top: 10px;
  padding-bottom: 10px; }

.case-detail__content-section .dropdown-content.active,
.form:not(.has-auto-dropdown) .dropdown-content.active,
.case-default-block .dropdown-content.active {
  top: 40px !important; }

.input-field.input-vs-span {
  position: relative; }
  .input-field.input-vs-span .birth-date-years {
    position: absolute;
    top: 11px;
    right: 66px;
    font-size: 12px;
    font-weight: 400;
    color: #5b6b78; }

.case-form.is-done input:not([type]),
.case-form.is-done input[type='text'],
.case-form.is-done input[type='password'],
.case-form.is-done input[type='email'],
.case-form.is-done input[type='url'],
.case-form.is-done input[type='time'],
.case-form.is-done input[type='date'],
.case-form.is-done input[type='datetime'],
.case-form.is-done input[type='datetime-local'],
.case-form.is-done input[type='tel'],
.case-form.is-done input[type='number'],
.case-form.is-done input[type='search'],
.case-form.is-done textarea.materialize-textarea {
  border-bottom: 1px solid transparent;
  font-weight: 400;
  cursor: not-allowed;
  pointer-events: none; }

.case-form.is-done .select-wrapper span.caret {
  display: none; }

.case-form.is-done .dropdown-box .material-icons {
  display: none; }

/*Attachments*/
.attachments-case .case-form__body {
  padding: 23px 30px 15px; }

ul.attach-list {
  margin: 0;
  padding-top: 12px; }
  ul.attach-list li {
    display: inline-block;
    vertical-align: top;
    margin-right: 1.25rem;
    width: 200px;
    height: 200px;
    margin-bottom: 2rem; }
    @media (min-width: 1024px) and (max-width: 1300px) {
      ul.attach-list li {
        width: 140px;
        height: 140px; } }
    ul.attach-list li.case-attached {
      position: relative;
      z-index: 1; }
      ul.attach-list li.case-attached a {
        display: block;
        width: 200px;
        height: 200px; }
        ul.attach-list li.case-attached a figure {
          margin: 0;
          position: absolute;
          bottom: 0;
          padding: 0 10px;
          max-height: 65px;
          background: rgba(0, 0, 0, 0.5);
          color: #fff;
          overflow: hidden; }
        ul.attach-list li.case-attached a img {
          max-width: 100%;
          max-height: 100%; }
        @media (min-width: 1024px) and (max-width: 1300px) {
          ul.attach-list li.case-attached a {
            width: 140px;
            height: 140px; } }
  ul.attach-list li + li {
    margin-left: -3px; }
  ul.attach-list .case-attached-img {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin-right: 20px; }
    @media (min-width: 1024px) and (max-width: 1300px) {
      ul.attach-list .case-attached-img {
        width: 140px;
        height: 140px; } }
  ul.attach-list a {
    text-decoration: none; }
    ul.attach-list a:visited, ul.attach-list a:hover, ul.attach-list a:active {
      text-decoration: none; }

.upload-link {
  color: #5b6b78;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  border: 2px dashed #d7d7d7;
  margin-right: 20px; }
  @media (min-width: 1024px) and (max-width: 1300px) {
    .upload-link {
      width: 140px;
      height: 140px; } }
  .upload-link:hover {
    color: #1774cc;
    border: 2px dashed #1774cc; }
  .upload-link i {
    font-size: 50px;
    display: block; }
  .upload-link span {
    font-size: 14px;
    font-weight: bold;
    display: block; }

.download-file-link {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  background: #f2f2f2;
  position: relative;
  z-index: 1; }
  @media (min-width: 1024px) and (max-width: 1300px) {
    .download-file-link {
      width: 140px;
      height: 140px; } }
  .download-file-link i {
    font-size: 50px;
    display: block; }
  .download-file-link span {
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-decoration: underline;
    line-height: 30px; }

.is-edit {
  display: none; }

.download-file-link.delete-option:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  padding: 0.5rem;
  content: 'cancel';
  font-family: 'Material Icons';
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga' 1;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  z-index: 2; }

.case-form.is-edit.always-edit {
  display: block !important; }

.is-edit .case-attached p {
  position: absolute;
  content: '';
  top: 12px;
  right: 12px;
  width: 20px;
  height: 20px;
  background: url(img/close-icon.png) no-repeat 0 0;
  cursor: pointer;
  z-index: 2; }

.is-edit .case-attached:before {
  display: none !important; }

/* Zoom Image Gallary*/
#attacment-gallery {
  margin: 0;
  padding-top: 12px;
  float: left; }
  #attacment-gallery a {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
    position: relative; }
    @media (min-width: 1024px) and (max-width: 1300px) {
      #attacment-gallery a {
        width: 140px;
        height: 140px; } }
    #attacment-gallery a.case-attached {
      position: relative;
      z-index: 1; }
  #attacment-gallery a + a {
    margin-left: -3px; }
  #attacment-gallery .case-attached-img {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin-right: 20px; }
    @media (min-width: 1024px) and (max-width: 1300px) {
      #attacment-gallery .case-attached-img {
        width: 140px;
        height: 140px; } }
  #attacment-gallery figure {
    display: none; }

/*zoom popup*/
.pswp__button.mat-icon {
  color: #fff;
  width: 48px;
  height: 48px;
  background-color: #313336;
  background-image: none;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  .pswp__button.mat-icon i {
    display: inline-block;
    margin: 0 auto;
    line-height: 48px;
    font-size: 18px; }

.pswp__scroll-wrap {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  overflow: hidden; }

.pswp__bg {
  opacity: 0.5 !important; }

.pswp__bottom-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }

.pswp__caption {
  text-align: center;
  padding: 10px 70px; }
  .pswp__caption .pswp__caption__center {
    text-align: left;
    max-width: 500px;
    margin: 6px auto;
    font-size: 14px;
    padding: 8px 20px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    background-color: #313336;
    border-radius: 3px; }
    .pswp__caption .pswp__caption__center small {
      display: none; }
  .pswp__caption button {
    background-color: #313336;
    border-radius: 50%; }
  .pswp__caption .margin-right {
    margin-right: 22px; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: #313336;
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 50%; }

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: transparent; }

.pswp__top-bar,
.pswp__caption {
  background-color: transparent; }

.pswp__item {
  margin: 50px 70px 70px;
  border-radius: 3px; }

.pswp__zoom-wrap {
  margin: -50px -70px -70px; }

.pswp__top-bar {
  display: none; }

.pswp__button {
  opacity: 1;
  transition: none; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  width: 48px;
  height: 48px; }

.pswp__button--arrow--left:before {
  left: 5px;
  background-position: -130px -35px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.pswp__button--arrow--right:before {
  right: 5px;
  background-position: -85px -35px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.pswp__button--zoom {
  background-position: -86px 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -130px 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

/*Time Log*/
.case-form__body .row .col.mb-0 {
  margin-bottom: 0; }

.timelog-case-form__body span {
  line-height: 43px;
  display: inline-block;
  margin-bottom: 0; }

.timelog-case-form__body input.timer-value {
  margin-bottom: 0; }

.is-edit .timelog-case-form__body .btn-flat {
  margin-top: 7px; }

/* All Cases */
#filters-block {
  max-height: 0;
  transition: all 0.3s;
  text-align: center;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  background: #f2f2f2;
  opacity: 0; }

.filter-block {
  padding-top: 25px;
  padding-bottom: 25px; }
  .filter-block ul {
    margin: 0; }
    .filter-block ul.row {
      margin: 0 -5px; }
      .filter-block ul.row + ul.row {
        margin-top: 10px; }
  .filter-block ul > li.col > a {
    display: block;
    text-align: left;
    border: 1px solid #e6e6e6;
    background: #fff;
    color: #313336;
    font-weight: 400;
    font-size: 14px;
    border-radius: 3px;
    position: relative;
    height: 36px;
    line-height: 34px;
    padding: 0 26px 0 15px; }
    .filter-block ul > li.col > a.text-right {
      text-align: right;
      padding-right: 40px; }
      .filter-block ul > li.col > a.text-right .left {
        color: #5b6b78; }
  .filter-block ul > li.col .form {
    background: #fff; }
    .filter-block ul > li.col .form input[type='text'] {
      display: block;
      text-align: left;
      border: 1px solid #e6e6e6;
      background: transparent;
      color: #313336;
      font-weight: 400;
      font-size: 14px;
      border-radius: 3px;
      position: relative;
      height: 36px;
      line-height: 34px;
      padding: 0 26px 0 15px; }
  .filter-block .material-icons {
    position: absolute;
    top: 6px;
    right: 6px;
    color: #5b6b78; }
  .filter-block .dropdown-content > li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.06); }
  .filter-block .dropdown-content li a {
    border-top: none; }
  .filter-block .row-large .col {
    position: relative; }

.filter-block .filter-select {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.filter-block ul > li.col > a span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 8px); }

.filter-block .dropdown-content.wide {
  min-width: 300px !important; }

.filter-block .dropdown-content.wide li > a {
  line-height: 1.5;
  padding: 0.5rem 1rem 0.5rem 0;
  font-size: 14px; }

.datepicker-bordered .val-date {
  margin-top: 0; }
  .datepicker-bordered .val-date input.datepicker {
    border: 1px solid #e6e6e6;
    display: block;
    text-align: right;
    background: #fff;
    color: #313336;
    font-weight: 400;
    font-size: 14px;
    border-radius: 3px;
    position: relative;
    height: 36px;
    line-height: 34px;
    padding: 0 50px;
    box-sizing: border-box; }
  .datepicker-bordered .val-date .material-icons {
    top: 2px;
    position: absolute;
    right: 6px;
    color: #5b6b78; }
  .datepicker-bordered .val-date label.active {
    z-index: 2;
    transform: translateY(0);
    font-size: 1rem;
    top: 8px;
    left: 16px; }

.datepicker-bordered.datepicker-nolabel input.datepicker {
  text-align: left;
  padding: 0 45px 0 15px; }

.btn-flat.bordered:hover,
.btn-flat.bordered:active:hover,
.btn-flat.bordered:focus:hover,
.call-part-modal .input-field:active .select-wrapper input.btn-flat.bordered.select-dropdown:hover,
.call-part-modal .input-field:active .select-wrapper a.btn-flat.bordered.select-dropdown:hover,
.call-part-modal .input-field input.btn-flat.bordered:hover:active {
  background: #f2f2f2; }

#open-filters-button.active {
  background-color: #e6e6e6;
  transition: 0.2s ease-out; }

.dropdown-content.assign-drop {
  min-width: 220px; }
  .dropdown-content.assign-drop li.dropdown__header {
    background: #1774cc; }
    .dropdown-content.assign-drop li.dropdown__header a {
      color: #fff !important;
      font-weight: 400;
      font-size: 14px;
      line-height: 36px;
      letter-spacing: 0.5px; }
  .dropdown-content.assign-drop .person-info {
    background: #fff;
    padding: 15px 10px 15px 65px;
    border-bottom: none;
    border-bottom: 1px solid #e6e6e6; }
  .dropdown-content.assign-drop li:hover .person-info,
  .dropdown-content.assign-drop li.active .person-info,
  .dropdown-content.assign-drop li.selected .person-info {
    background-color: #f2f2f2; }
  .dropdown-content.assign-drop > ul > li:last-child dl,
  .dropdown-content.assign-drop > ul > li.dropdown__header {
    border-bottom: none; }
  .dropdown-content.assign-drop dt {
    color: #313336;
    font-weight: 400;
    font-size: 14px; }
  .dropdown-content.assign-drop dd {
    color: #5b6b78;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3; }
    .dropdown-content.assign-drop dd.avatar {
      left: 15px;
      position: absolute;
      top: 20px; }

.large-grid .layout__main.pad .content .case-table .table-body .row-large {
  overflow: visible; }

@media (min-width: 1300px) {
  .layout__header.horizontal.search-header.all-cases-header {
    padding-left: 15px;
    padding-right: 15px; } }

.layout__header.horizontal.search-header.all-cases-header .m3-large-grid {
  width: 25% !important; }

.layout__header.horizontal.search-header.all-cases-header .m13-large-grid {
  width: 75%; }

.layout__header.horizontal.search-header.all-cases-header .m2-large-grid {
  width: 16.6667%; }

.layout__header.horizontal.search-header.all-cases-header .m11-large-grid {
  width: 83.3333%; }

#filters-block .filter-block.row.row-large.all-cases-filter .m16-large-grid {
  padding: 0 15px !important; }

#filters-block .filter-block.row.row-large.all-cases-filter .m4-large-grid {
  width: 25% !important; }

/* Follow Up */
.btn-group {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle; }

.btn-group > .btn-flat:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-flat:first-child {
  margin-left: 0; }

.btn-group > .btn-flat:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .btn-flat + .btn-flat {
  margin-left: -1px; }

.btn-group-vertical > .btn-flat,
.btn-group > .btn-flat {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.btn-group > .btn-flat:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group .btn-flat {
  width: 75px;
  font-weight: 400;
  color: #5b6b78;
  border: 1px solid #e6e6e6;
  padding: 0; }
  .btn-group .btn-flat:hover {
    color: #1774cc;
    background: transparent; }

.follow-up-dialog p {
  margin: 0;
  font-size: 14px;
  color: #313336;
  font-weight: 700; }
  .follow-up-dialog p.text-grey {
    color: #5b6b78;
    font-size: 12px;
    font-weight: 700; }

.follow-up-dialog .btn {
  width: 150px; }

.follow-up-dialog .btn-group .btn-flat {
  width: 75px;
  font-weight: 400;
  color: #5b6b78;
  border: 1px solid #e6e6e6; }
  .follow-up-dialog .btn-group .btn-flat:hover {
    color: #1774cc;
    background: transparent; }

.follow-up-dialog .radio-btn-group span {
  max-width: 75px; }

.follow-up-dialog .radio-btn-group label {
  padding: 0 !important; }

@media only screen and (max-width: 1200px) {
  .input-field.col.s12.l8.mb-0.follow-up-dialog {
    width: 100% !important; } }

.padded-bottom {
  padding-bottom: 40px; }

/* Video Fullscreen */
/* add a participant */
#add-person-link {
  position: relative; }

#add-person {
  display: none;
  position: absolute;
  width: 340px !important;
  bottom: 62px !important;
  left: -147px !important;
  height: 290px !important;
  top: auto !important;
  right: auto !important;
  background: #fff;
  border-radius: 3px;
  border-bottom: 2px solid #e6e6e6; }
  #add-person:after {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -10px;
    left: 50%;
    margin-left: -13px;
    border-width: 13px 13px 0;
    border-top-color: #fff;
    content: ''; }
  #add-person .tabs {
    height: 40px;
    text-align: left;
    background: #f2f2f2;
    padding: 0 13px; }
    #add-person .tabs li {
      vertical-align: top; }
    #add-person .tabs li a {
      display: inline-block;
      width: 112px;
      height: auto;
      border-radius: 0;
      background: transparent;
      color: #5b6b78;
      box-shadow: none;
      outline: none;
      margin: 0;
      padding: 0;
      text-transform: none;
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      vertical-align: top; }
    #add-person .tabs li + li {
      margin-left: 14px; }
    #add-person .tabs .tab a:hover {
      background-color: transparent;
      color: #1774cc; }
    #add-person .tabs .tab a.active {
      color: #313336;
      border-bottom: 4px solid #1774cc; }
  #add-person .indicator {
    display: none; }
  #add-person h4 {
    font-size: 24px;
    line-height: 60px;
    margin: 0;
    padding: 0 27px;
    font-weight: 700;
    color: #000;
    background: #f2f2f2;
    border-radius: 3px 3px 0 0;
    text-align: left; }
  #add-person #addtab1,
  #add-person #addtab2 {
    padding: 31px 30px 30px; }
    #add-person #addtab1 label,
    #add-person #addtab2 label {
      font-size: 14px;
      font-weight: 400;
      color: #5b6b78; }
    #add-person #addtab1 .input-field label.active,
    #add-person #addtab2 .input-field label.active {
      font-size: 0.8rem;
      -webkit-transform: translateY(-116%);
      transform: translateY(-116%); }
    #add-person #addtab1 input[type='text'],
    #add-person #addtab2 input[type='text'] {
      border-color: #e6e6e6;
      font-size: 14px; }
    #add-person #addtab1 input[type='text']:focus:not([readonly]), #add-person #addtab1 .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper #add-person #addtab1 input[type='text'].select-dropdown:not([readonly]), #add-person #addtab1 .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field #add-person #addtab1 input[type='text']:not([readonly]):active,
    #add-person #addtab2 input[type='text']:focus:not([readonly]),
    #add-person #addtab2 .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper
    #add-person #addtab2 input[type='text'].select-dropdown:not([readonly]),
    #add-person #addtab2 .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field
    #add-person #addtab2 input[type='text']:not([readonly]):active {
      border-bottom: 1px solid #1774cc;
      box-shadow: 0 1px 0 0 #1774cc; }
    #add-person #addtab1 p,
    #add-person #addtab2 p {
      font-size: 14px;
      font-weight: 400;
      color: #313336;
      line-height: 1;
      text-align: left;
      margin: 0; }
    #add-person #addtab1 .btn,
    #add-person #addtab2 .btn {
      display: block;
      width: 100%;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: -0.1px; }
  #add-person #addtab2 input[type='text'] {
    color: #5b6b78; }

/*= LOGIN */
html,
body {
  height: 100%; }

.nonav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100vh;
  -webkit-flex-direction: column;
  flex-direction: column; }
  .nonav .app-container {
    height: 100%; }
    .nonav .app-container .app-main {
      height: 100%; }
  .nonav .page-footer {
    margin: 0;
    padding: 0;
    background-color: transparent;
    height: 53px;
    position: absolute;
    bottom: 0;
    width: 100%; }
    .nonav .page-footer .footer-copyright {
      font-size: 12px;
      font-weight: normal;
      opacity: 0.5; }
      .nonav .page-footer .footer-copyright img {
        display: inline-block;
        margin-right: 20px; }
      .nonav .page-footer .footer-copyright a {
        color: #fff;
        text-decoration: underline; }

main {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.login {
  position: relative;
  color: #fff;
  background-color: rgba(39, 47, 55, 0.9);
  opacity: 1;
  font-size: 24px;
  font-weight: normal;
  min-height: 100%;
  width: 100%; }
  .login .login-wrapper {
    position: relative;
    height: 100%;
    min-height: 100vh;
    z-index: 5; }
    .login .login-wrapper .wrapper {
      padding-bottom: 50px; }
      .login .login-wrapper .wrapper.p0 {
        padding-bottom: 0; }
    .login .login-wrapper .sub-header {
      padding-bottom: 30px; }
      .login .login-wrapper .sub-header p {
        font-size: 24px;
        font-weight: 300;
        margin: 0; }
    .login .login-wrapper .q {
      font-size: 16px;
      margin-bottom: 20px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
      .login .login-wrapper .q .badge {
        float: none;
        background-color: #fff;
        color: #000;
        margin-left: 0;
        margin-right: 10px; }
      .login .login-wrapper .q .step {
        display: inline-block;
        background-color: #fff;
        color: #313336;
        margin-left: 0;
        margin-right: 10px;
        width: 30px;
        height: 30px; }
        .login .login-wrapper .q .step span {
          position: relative;
          top: 2px; }
    .login .login-wrapper .sliding-page {
      position: relative;
      overflow: hidden;
      height: 600px; }
      .login .login-wrapper .sliding-page .sliding-content {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        transition: left 0.3s; }
        .login .login-wrapper .sliding-page .sliding-content:nth-child(2) {
          left: -100%; }
      .login .login-wrapper .sliding-page.pass-page .sliding-content {
        left: 100%; }
        .login .login-wrapper .sliding-page.pass-page .sliding-content:nth-child(2) {
          left: 0; }
    .login .login-wrapper .check-list ul {
      margin-left: 33px;
      font-size: 14px;
      font-style: italic; }
      .login .login-wrapper .check-list ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center; }
        .login .login-wrapper .check-list ul li i {
          margin-right: 10px; }
    .login .login-wrapper .sq {
      font-size: 12px; }
      .login .login-wrapper .sq a {
        color: #fff;
        text-decoration: underline; }
    .login .login-wrapper .arrow-forward i {
      font-size: 40px;
      color: #5b6b78; }
    .login .login-wrapper .arrow-forward a {
      outline: none; }
    .login .login-wrapper .arrow {
      opacity: 0.3;
      color: #fff !important; }
      .login .login-wrapper .arrow.active {
        opacity: 1; }
  .login input[type='email'] {
    font-size: 20px;
    width: 348px;
    margin-right: 10px; }
  .login input[type='password'] {
    font-size: 20px;
    width: 348px;
    margin-right: 10px; }
  .login input[type='text'] {
    font-size: 20px;
    width: 348px;
    margin-right: 10px; }
  .login input:-webkit-autofill, .login input:-moz-autofill, .login input:input:-webkit-autofill:hover, .login input:input:-webkit-autofill:focus, .login .call-part-modal .input-field:active .select-wrapper input.select-dropdown:input:-webkit-autofill, .call-part-modal .input-field:active .select-wrapper .login input.select-dropdown:input:-webkit-autofill, .login .call-part-modal .input-field input:input:-webkit-autofill:active, .call-part-modal .input-field .login input:input:-webkit-autofill:active, .login input:input:-webkit-autofill, .login input:input:-moz-autofill:hover, .login input:input:-moz-autofill:focus, .login .call-part-modal .input-field:active .select-wrapper input.select-dropdown:input:-moz-autofill, .call-part-modal .input-field:active .select-wrapper .login input.select-dropdown:input:-moz-autofill, .login .call-part-modal .input-field input:input:-moz-autofill:active, .call-part-modal .input-field .login input:input:-moz-autofill:active, .login input:input:-moz-autofill {
    background: none;
    -webkit-box-shadow: 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #fff;
    -moz-box-shadow: 0 0 0 50px #fff inset;
    -moz-text-fill-color: #fff; }
  .login label.active {
    color: #fff !important; }
  .login .w {
    border-bottom-color: #fff !important;
    box-shadow: 0 1px 0 0 #fff !important; }
  .login h1 {
    font-size: 112px !important;
    font-weight: 100 !important; }
    .login h1.login-header {
      padding: 3rem 0; }
  .login p {
    font-weight: normal;
    font-size: 12px; }
    .login p > a {
      color: #fff;
      text-decoration: underline; }
  .login #logo {
    display: block;
    text-align: left;
    max-width: 290px;
    max-height: 150px; }
    .login #logo img {
      display: block;
      padding: 20px;
      background: #fff;
      width: auto;
      height: auto;
      max-width: 290px;
      max-height: 150px; }
  .login .email {
    font-size: 20px;
    color: #1774cc;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
    .login .email > span {
      margin-left: 14px; }
  .login .valign-wrapper .valign:not(.arrow-forward) {
    position: relative;
    width: 358px;
    height: 77px;
    overflow: hidden; }
    .login .valign-wrapper .valign:not(.arrow-forward) .sliding-item {
      position: absolute;
      top: 0;
      left: 0;
      transition: left 0.3s; }
      .login .valign-wrapper .valign:not(.arrow-forward) .sliding-item:nth-child(2) {
        left: -100%; }
  .login .valign-wrapper.password-input .valign:not(.arrow-forward) .sliding-item:first-child {
    left: 100%; }
  .login .valign-wrapper.password-input .valign:not(.arrow-forward) .sliding-item:nth-child(2) {
    left: 0; }
  .login .sliding-pass-wrapper {
    position: relative;
    overflow: hidden;
    height: 77px; }
    .login .sliding-pass-wrapper .sliding-field {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      transition: left 0.3s; }
      .login .sliding-pass-wrapper .sliding-field:nth-child(2) {
        left: -100%; }
      .login .sliding-pass-wrapper .sliding-field .email {
        margin-top: 25px; }
    .login .sliding-pass-wrapper.completed .sliding-field {
      left: 100%; }
      .login .sliding-pass-wrapper.completed .sliding-field:nth-child(2) {
        left: 0; }
  .login .page-footer {
    z-index: 100; }
  .login .login-footer {
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    width: 100%;
    bottom: 0;
    opacity: 0.5; }
    .login .login-footer img {
      display: inline-block;
      margin-right: 20px; }
    .login .login-footer a {
      color: #fff;
      text-decoration: underline; }
    .login .login-footer .wrapper {
      padding-bottom: 0; }
  .login .mb {
    margin-bottom: 52px; }
  .login .mb2 {
    padding-top: 20px;
    padding-bottom: 41px; }
  .login .pt {
    padding-top: 20px; }

/* Coordinator Dashboard */
.flash-dialog {
  background: #1774cc;
  color: #fff;
  padding: 20px;
  border-radius: 3px; }
  .flash-dialog .row,
  .flash-dialog p {
    margin: 0; }
  .flash-dialog p.t-14 {
    font-size: 14px; }
  .flash-dialog p.fw400 {
    font-weight: 400; }
  .flash-dialog p i {
    vertical-align: -6px;
    margin-right: 10px; }
  .flash-dialog .right i {
    display: block; }
  .flash-dialog button {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 10px 20px;
    text-transform: capitalize;
    margin-right: 30px; }
  .flash-dialog span {
    color: #fff;
    font-size: 20px; }

@media (max-width: 1300px) {
  .flash-dialog button {
    margin-right: 20px; } }

.layout--default.h100 {
  height: 100%; }

.large-grid.cd,
.layout--default .layout__main {
  background: #f2f2f2; }

.large-grid .layout__main.pad .heading {
  padding-top: 50px; }

.cd-sidebar .programs-sidebar.empty {
  min-height: 620px;
  padding: 0 !important; }
  .cd-sidebar .programs-sidebar.empty .center-align {
    padding: 2rem 2rem 1rem;
    border-bottom: 1px solid #e6e6e6; }

.no-border {
  border: none !important; }

.cd .empty {
  padding: 2rem 2rem 1rem; }

.programs-sidebar {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }
  .programs-sidebar .programs-sidebar__item:first-child .programs-sidebar__heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .programs-sidebar .programs-sidebar__heading {
    background: #396070;
    color: #fff;
    padding: 0.5rem 1rem; }
    .programs-sidebar .programs-sidebar__heading span.badge {
      background: #fff;
      color: #396070; }
  .programs-sidebar .programs-sidebar__content {
    border-bottom: 1px solid #e6e6e6;
    padding: 1rem 1rem 0; }
    .programs-sidebar .programs-sidebar__content ul {
      margin: 0;
      list-style-type: none;
      padding-left: 0; }
      .programs-sidebar .programs-sidebar__content ul li {
        display: block;
        clear: both;
        list-style-type: none;
        line-height: initial;
        padding: 0; }
  .programs-sidebar .programs-sidebar__content.my-cases {
    padding: 1rem 0.5rem; }
    .programs-sidebar .programs-sidebar__content.my-cases .my-cases-item {
      border-bottom: 1px solid #e6e6e6; }
      .programs-sidebar .programs-sidebar__content.my-cases .my-cases-item:last-child {
        border-bottom: none; }
    .programs-sidebar .programs-sidebar__content.my-cases .high-priority .badge {
      background-color: #e6172c; }
    .programs-sidebar .programs-sidebar__content.my-cases .high-priority .time {
      color: #e6172c; }
    .programs-sidebar .programs-sidebar__content.my-cases ul li {
      padding: 0.5rem; }
  .programs-sidebar .programs-sidebar__content.my-schedule .my-schedule__heading {
    border-bottom: 1px solid #e6e6e6; }
  .programs-sidebar .programs-sidebar__content.my-schedule .my-schedule__content .date {
    font-weight: 400;
    font-size: 1.5rem;
    display: block;
    line-height: 1; }
  .programs-sidebar .programs-sidebar__content.my-schedule .my-schedule__content .month {
    font-weight: 400;
    font-size: 0.875rem;
    text-transform: uppercase;
    display: block; }
  .programs-sidebar .programs-sidebar__content.my-schedule .my-schedule__content .fc-event {
    font-size: 0.875rem;
    border: 1px solid #1774cc;
    font-weight: 400; }
  .programs-sidebar .programs-sidebar__content.my-schedule .my-schedule__content .calendar {
    text-align: center; }
  .programs-sidebar .programs-sidebar__footer {
    padding: 1rem 0;
    text-align: center; }
  .programs-sidebar .collection {
    border: none; }
    .programs-sidebar .collection .collection-item .time {
      opacity: 1;
      font-size: 0.875rem;
      font-weight: 700; }

.cd-content .tabs {
  background-color: #f2f2f2;
  border-radius: 3px;
  border: 1px solid #e6e6e6; }
  .cd-content .tabs li.tab {
    border-left: 1px solid #e6e6e6; }
    .cd-content .tabs li.tab:first-child {
      border: none; }
    .cd-content .tabs li.tab a {
      text-transform: capitalize;
      padding: 0 10px;
      color: #5b6b78; }
      .cd-content .tabs li.tab a:link, .cd-content .tabs li.tab a:visited, .cd-content .tabs li.tab a:hover, .cd-content .tabs li.tab a:active {
        text-decoration: none;
        outline: none; }
      .cd-content .tabs li.tab a.active {
        color: #1774cc !important; }
  .cd-content .tabs .indicator {
    display: none; }

.cd-content .pagination {
  margin: 6px 0; }
  .cd-content .pagination li {
    border: none !important; }
    .cd-content .pagination li:hover {
      border: none !important;
      background: none !important; }
  .cd-content .pagination .selector a {
    font-size: 14px;
    font-weight: 400; }

.cd-content .card {
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }
  .cd-content .card .card-heading {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #1774cc;
    text-align: center;
    padding: 1.5rem 0 0.5rem; }
  .cd-content .card .card-content {
    padding: 1rem; }
    .cd-content .card .card-content table tr td {
      padding: 0.5rem; }
      .cd-content .card .card-content table tr td i {
        font-size: 1.5rem;
        float: right;
        margin-left: 1rem; }

.cd-content .card.cases-avg .card-heading {
  background-color: #396070; }

.cd-content .graph-wrap .card-heading {
  background-color: transparent;
  color: #5b6b78;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 12px;
  text-align: left;
  padding: 20px; }
  .cd-content .graph-wrap .card-heading p {
    margin-top: 0; }
  .cd-content .graph-wrap .card-heading ul li {
    display: inline-block;
    margin-right: 20px; }
    .cd-content .graph-wrap .card-heading ul li span.square {
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #5b6b78;
      margin-right: 5px; }
    .cd-content .graph-wrap .card-heading ul li:first-child span.square {
      background: #1774cc; }
    .cd-content .graph-wrap .card-heading ul li span.doughnut {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #313336; }

.cd-content .graph-wrap .graph-wrapper {
  text-align: center; }

/* Notifications */
.n-lists .collection {
  border-left: none;
  border-left: 0;
  border-right: none;
  border-right: 0; }
  .n-lists .collection span {
    margin: 0;
    display: block;
    color: #313336; }
  .n-lists .collection .duration {
    opacity: 0.6;
    font-size: 12px; }
  .n-lists .collection .collection-item.read {
    background-color: #f2f2f2; }
  .n-lists .collection .collection-item {
    padding-top: 12px !important;
    padding-bottom: 12px !important; }
    .n-lists .collection .collection-item .circle {
      background-color: #313336 !important; }
    .n-lists .collection .collection-item a {
      display: block;
      text-decoration: none; }
      .n-lists .collection .collection-item a:link, .n-lists .collection .collection-item a:visited, .n-lists .collection .collection-item a:hover, .n-lists .collection .collection-item a:active {
        text-decoration: none; }
    .n-lists .collection .collection-item:hover {
      background-color: #f2f2f2; }
    .n-lists .collection .collection-item.avatar {
      min-height: 0 !important; }

.n-pagination .pagination li {
  margin: 0 2px; }
  .n-pagination .pagination li a {
    color: #5b6b78 !important;
    font-size: 14px !important;
    padding: 0 11px !important;
    outline: none !important;
    outline: 0 !important;
    border: 2px solid transparent;
    line-height: 32px; }
  .n-pagination .pagination li.active {
    background-color: transparent !important; }
    .n-pagination .pagination li.active a {
      color: #1774cc !important; }
  .n-pagination .pagination li:hover {
    background-color: #f2f2f2 !important; }
    .n-pagination .pagination li:hover a {
      background-color: transparent !important; }
  .n-pagination .pagination li.active:hover {
    background-color: transparent !important; }
    .n-pagination .pagination li.active:hover a {
      background-color: transparent !important; }

.n-per-page {
  font-size: 14px;
  color: #e6e6e6; }
  .n-per-page .rel {
    display: inline-block;
    margin-left: 15px; }
    .n-per-page .rel .drop-select {
      display: inline-block !important;
      background: #fff;
      border: 1px solid #e6e6e6;
      border-radius: 3px;
      color: #5b6b78;
      font-size: 14px;
      font-weight: 400;
      height: 36px;
      line-height: 34px;
      padding: 0 26px 0 15px;
      position: relative;
      text-align: left;
      width: 70px; }
      .n-per-page .rel .drop-select .material-icons {
        color: #5b6b78;
        position: absolute;
        right: 6px;
        top: 6px; }
    .n-per-page .rel .dropdown-content {
      min-width: 0; }
      .n-per-page .rel .dropdown-content.active {
        top: 40px !important; }

/* Notification Patterns */
.cards {
  display: none; }

.npl.layout__main {
  height: 100%;
  position: relative; }

.np {
  width: 394px; }
  .np .card-content {
    padding: 0;
    padding-top: 0;
    color: #000; }
    .np .card-content .collection {
      border: none;
      border: 0;
      margin: 0; }
      .np .card-content .collection .collection-item .duration .close span {
        color: #5b6b78;
        font-size: 16px; }
      .np .card-content .collection .collection-item .duration .dismiss .material-icons {
        color: rgba(91, 107, 120, 0.5); }
      .np .card-content .collection .collection-item .card-meta span {
        display: block;
        opacity: 0.54; }
      .np .card-content .collection .collection-item p {
        font-weight: bold;
        opacity: 0.7; }
      .np .card-content .collection .collection-item.avatar {
        padding-left: 60px;
        padding-right: 10px;
        font-size: 14px; }
        .np .card-content .collection .collection-item.avatar .circle {
          left: 10px; }
    .np .card-content .card-heading {
      background-color: #fff;
      color: rgba(0, 0, 0, 0.15);
      padding: 10px;
      text-align: center;
      text-transform: uppercase; }
  .np .card-action {
    background-color: #f2f2f2;
    padding: 10px;
    text-align: center; }
    .np .card-action a {
      color: #5b6b78 !important;
      font-weight: bold;
      margin: 0 10px !important;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      letter-spacing: 0.04em;
      padding: 0 1rem; }

.np-flash-dialog {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 49px;
  z-index: 100; }
  .np-flash-dialog .wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 0 30px;
    font-size: 14px; }
  .np-flash-dialog p {
    display: inline-block; }
  .np-flash-dialog a {
    display: inline-block; }

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  .np-flash-dialog .wrapper.wide {
    max-width: 987px; } }

/* TOAST */
.toast {
  background-color: transparent;
  padding: 0;
  word-break: normal;
  box-shadow: none;
  margin-bottom: -21px; }

.toast.bottom-toast {
  top: initial !important;
  margin-bottom: 43px;
  position: absolute;
  bottom: 0;
  width: 95%;
  margin-left: 5%; }

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  #toast-container {
    top: 55px;
    right: 1%; } }

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  #toast-container {
    top: 55px;
    right: 1%; } }

@media only screen and (min-width: 961px) {
  #toast-container {
    top: 55px;
    right: 1%; } }

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1600px) and (min-device-width: 1200px) and (min-resolution: 192dpi) {
  #toast-container {
    top: 55px !important;
    right: 1% !important;
    left: auto !important;
    bottom: auto !important; } }

/* TERMS AND PRIVACY */
.tp-fixed-height .modal-content .modal-header h4 {
  padding-left: 47px;
  padding-top: 3px; }
  @media (max-width: 767px) {
    .tp-fixed-height .modal-content .modal-header h4 {
      padding-left: 0px; } }

.terms-and-privacy .tabs-wrapper {
  padding-left: 68px;
  padding-right: 68px;
  background-color: #f2f2f2; }
  @media (max-width: 767px) {
    .terms-and-privacy .tabs-wrapper {
      padding-left: 5px;
      padding-right: 5px; } }

.terms-and-privacy .tabs {
  background: none; }
  .terms-and-privacy .tabs a {
    font-size: 16px;
    text-transform: none; }

.tp-scroll {
  overflow-y: auto;
  max-height: 566px;
  padding: 0 80px !important;
  padding-top: 20px !important;
  padding-bottom: 5px; }
  .tp-scroll .scroll-inner {
    padding-bottom: 50px; }
  @media (max-width: 767px) {
    .tp-scroll {
      padding-left: 16px !important;
      padding-right: 16px !important; } }

@media only screen and (max-width: 1440px) {
  .tp-scroll {
    max-height: 345px; } }

/* DIRECTORY */
.dir-page table {
  table-layout: initial; }
  .dir-page table thead tr th {
    position: relative;
    color: #313336; }
    .dir-page table thead tr th .material-icons {
      position: absolute; }
    .dir-page table thead tr th a {
      color: #313336;
      position: relative;
      display: inline-block;
      width: 100%;
      min-width: 100px; }
    .dir-page table thead tr th:first-child {
      white-space: nowrap;
      padding-right: 10px;
      width: 1%; }
    .dir-page table thead tr th:nth-child(3) {
      width: 30%; }
    .dir-page table thead tr th:last-child {
      width: 30%; }
  .dir-page table tbody tr td a {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    color: #5b6b78;
    height: 45px; }
    .dir-page table tbody tr td a .right {
      position: absolute;
      right: 0px;
      top: 6px; }
    .dir-page table tbody tr td a .grade {
      color: #1774cc; }
    .dir-page table tbody tr td a i {
      height: 32px;
      line-height: 32px;
      text-align: center;
      border-radius: 50%;
      vertical-align: middle;
      width: 32px;
      transition: all 0.3s ease 0s; }
      .dir-page table tbody tr td a i:hover {
        background: rgba(23, 116, 204, 0.4); }
  .dir-page table tbody tr td:first-child {
    white-space: nowrap;
    padding-right: 10px;
    width: 1%; }
  .dir-page table tbody tr td:nth-child(2) a {
    vertical-align: -2px; }
  .dir-page table tbody tr td:nth-child(3) {
    width: 30%; }
  .dir-page table tbody tr td:last-child {
    width: 30%; }
  .dir-page table tbody tr:hover {
    background: #f2f2f2; }

.dir-page .circle {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  margin-right: 20px;
  position: absolute;
  top: 0;
  left: 0; }
  .dir-page .circle + span {
    display: inline-block;
    padding-left: 65px;
    line-height: 45px; }
  .dir-page .circle.blue {
    height: 45px;
    width: 45px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    font-size: 18px; }

.dir-page h5 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center; }
  .dir-page h5 .badge {
    background-color: #5b6b78;
    color: #fff; }

.dir-search {
  background: #f2f2f2; }
  .dir-search .search-block {
    padding-top: 22px;
    padding-bottom: 22px; }
  .dir-search ul.autocomplete-content.dropdown-content {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0; }
  .dir-search .dropdown-content li > a,
  .dir-search .dropdown-content li > span {
    font-size: 14px;
    color: #1774cc;
    display: block;
    line-height: 40px;
    padding: 0 16px; }
  .dir-search .dropdown-content li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.06); }
  .dir-search .search-input {
    margin-top: 0; }
    .dir-search .search-input button {
      position: absolute;
      right: 0px;
      top: 0px;
      font-size: 24px;
      color: rgba(91, 107, 120, 0.5);
      z-index: 1;
      width: 36px;
      height: 36px;
      background: transparent;
      box-shadow: none;
      border: none; }
      .dir-search .search-input button:hover i {
        color: #1774cc !important; }
  .dir-search input[type='text']:focus:not([readonly]) + button i, .dir-search .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]) + button i, .call-part-modal .input-field:active .select-wrapper .dir-search input[type='text'].select-dropdown:not([readonly]) + button i, .dir-search .call-part-modal .input-field input[type='text']:not([readonly]):active + button i, .call-part-modal .input-field .dir-search input[type='text']:not([readonly]):active + button i {
    color: #1774cc !important; }
  .dir-search .input-field .prefix {
    position: absolute;
    width: 36px;
    font-size: 2rem;
    transition: color 0.2s;
    top: 0;
    right: 0;
    line-height: 36px; }
  .dir-search input[type='text'] {
    color: #313336;
    display: block;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    display: block;
    height: 36px;
    line-height: 34px;
    padding: 0 40px 0 15px;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    margin: 0 !important; }
  .dir-search input[type='text']:focus:not([readonly]), .dir-search .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper .dir-search input[type='text'].select-dropdown:not([readonly]), .dir-search .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field .dir-search input[type='text']:not([readonly]):active {
    border-bottom: 1px solid #e6e6e6;
    box-shadow: none; }
  .dir-search input[type='text']::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  .dir-search input[type='text']::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  .dir-search input[type='text']:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  .dir-search input[type='text']:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  .dir-search .prefix.active {
    color: #1774cc !important; }
  .dir-search .input-field.search-input .prefix ~ input {
    width: 100%; }
  .dir-search .input-field.search-input .prefix ~ .autocomplete-content {
    margin: 0;
    width: 100%; }

.layout__header.horizontal .dir-search .input-field {
  margin: 0;
  width: 100%; }

.layout__header.horizontal .dir-search .bkw-medium-heading,
.layout__header.horizontal .dir-search .label {
  line-height: 36px; }

.dir-header .row {
  width: 100%;
  margin: 0 0 0 -10px; }
  .dir-header .row .col:last-child {
    padding-right: 0.5rem; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
.call-part-modal .input-field:active .select-wrapper input.select-dropdown:-webkit-autofill,
.call-part-modal .input-field input:-webkit-autofill:active,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #313336 !important;
  transition: background-color 5000s ease-in-out 0s;
  background-color: transparent !important; }

.login input:-webkit-autofill,
.login input:-webkit-autofill:hover,
.login input:-webkit-autofill:focus,
.login .call-part-modal .input-field:active .select-wrapper input.select-dropdown:-webkit-autofill, .call-part-modal .input-field:active .select-wrapper
.login input.select-dropdown:-webkit-autofill,
.login .call-part-modal .input-field input:-webkit-autofill:active, .call-part-modal .input-field
.login input:-webkit-autofill:active,
.login input:-webkit-autofill,
.login textarea:-webkit-autofill,
.login textarea:-webkit-autofill:hover,
.login textarea:-webkit-autofill:focus,
.login select:-webkit-autofill,
.login select:-webkit-autofill:hover,
.login select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important; }

@-webkit-keyframes autofill {
  to {
    color: inherit;
    background: transparent; } }

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both; }

.directory-select .dropdown-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.directory-select .dropdown-content.wide {
  min-width: 300px !important; }

.directory-select .dropdown-content li > a {
  line-height: 1.5;
  padding: 0.5rem 1rem 0.5rem 0;
  font-size: 14px; }

/* USER DETAILS */
.ud-header {
  margin: 0;
  padding: 0; }
  .ud-header .ud-top-nav {
    width: 100%;
    font-size: 16px; }
    .ud-header .ud-top-nav .row:first-child {
      margin-bottom: 0; }
    .ud-header .ud-top-nav a {
      color: #5b6b78; }
    .ud-header .ud-top-nav .button {
      border: 1px solid #e6e6e6;
      border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      padding: 5px;
      text-decoration: none; }
      .ud-header .ud-top-nav .button .material-icons {
        margin-right: 6px; }
      .ud-header .ud-top-nav .button:hover {
        text-decoration: none; }
    .ud-header .ud-top-nav .breadcrumb {
      font-size: 18px;
      color: #5b6b78;
      position: relative;
      padding-top: 11px;
      padding-left: 20px; }
      .ud-header .ud-top-nav .breadcrumb .links a {
        text-decoration: underline;
        padding-bottom: 5px;
        display: inline-block; }

.user-details {
  color: #313336; }
  .user-details .fg {
    color: #5b6b78; }
  .user-details .profile-image {
    padding-top: 2.5rem;
    padding-bottom: 1rem; }
    .user-details .profile-image img {
      width: 100%; }
  .user-details .section {
    padding-left: 15px; }
  .user-details h3 + p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
    .user-details h3 + p .material-icons {
      font-size: 12px; }
    .user-details h3 + p .yo {
      color: #e7741c;
      margin-right: 5px; }
  .user-details .contact-details .details:not(.address) {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 18px 0;
    position: relative; }
    .user-details .contact-details .details:not(.address) a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
    .user-details .contact-details .details:not(.address) .material-icons {
      margin-right: 20px; }
  .user-details .contact-details .details.address {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-self: flex-start; }
    .user-details .contact-details .details.address .material-icons {
      margin-right: 20px; }
    .user-details .contact-details .details.address p {
      display: inline-block;
      margin: 0; }
  .user-details .tags h6 {
    font-size: 12px;
    color: #5b6b78;
    margin: 0 0 15px;
    font-weight: 700; }

/* Reporting Case Details */
.no-filters {
  color: rgba(91, 107, 120, 0.5);
  font-style: italic;
  font-size: 14px; }

.table-light {
  margin-bottom: 15px; }
  .table-light.mb40 {
    margin-bottom: 40px; }
  .table-light .table-body .col {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .table-light .table-body .row {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5b6b78;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400; }
  .table-light .table-body .row:last-child {
    border-bottom: 1px solid #e6e6e6; }
  .table-light .table-body .row a {
    color: #5b6b78; }
  .table-light .table-body .row.thead {
    border: none;
    font-weight: 700;
    color: #313336;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #e6e6e6; }
    .table-light .table-body .row.thead:hover {
      background: none;
      cursor: default; }
    .table-light .table-body .row.thead a {
      color: #313336; }
      .table-light .table-body .row.thead a .material-icons {
        color: #313336;
        line-height: 10px;
        vertical-align: middle; }
  .table-light .table-body .clearfix .left {
    height: 32px;
    line-height: 32px; }
  .table-light .table-body .link-wrapper .material-icons {
    color: #5b6b78;
    background-clip: content-box;
    border-radius: 50%;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    text-align: center;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    width: 32px; }
    .table-light .table-body .link-wrapper .material-icons:hover {
      background: rgba(0, 0, 0, 0.1); }
  .table-light .table-body .link-wrapper:hover {
    background: #f2f2f2;
    cursor: pointer; }

.table-light .table-body .col {
  overflow: visible; }

/* Pagination */
.pagination li {
  display: inline-block;
  height: 36px;
  text-align: center;
  vertical-align: top; }
  .pagination li.disabled a {
    cursor: default;
    color: rgba(91, 107, 120, 0.5); }
    .pagination li.disabled a i {
      color: rgba(91, 107, 120, 0.5); }
    .pagination li.disabled a:hover {
      background-color: transparent; }
  .pagination li a {
    color: rgba(91, 107, 120, 0.5);
    font-size: 14px;
    font-weight: 900;
    height: 36px;
    min-width: 36px;
    border-radius: 3px;
    line-height: 36px; }
    .pagination li a:hover {
      background-color: #f2f2f2; }
  .pagination li i {
    font-size: 22px;
    color: #5b6b78;
    line-height: 36px; }
  .pagination li.active {
    background-color: #fff; }
    .pagination li.active a {
      color: #1774cc;
      height: 36px;
      min-width: 36px;
      line-height: 32px;
      border: 2px solid #1774cc;
      border-radius: 3px; }
      .pagination li.active a:hover {
        background-color: #fff; }

/* Pager */
.pager {
  color: rgba(91, 107, 120, 0.5);
  font-size: 14px;
  font-weight: 400;
  zoom: 1; }
  .pager:before, .pager:after {
    content: '';
    display: table; }
  .pager:after {
    clear: both; }
  .pager > span {
    line-height: 36px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top; }
  .pager .form {
    display: inline-block; }
  .pager .drop-select,
  .pager .form .inline-selection input[type='text'] {
    color: #5b6b78;
    font-weight: 400;
    padding: 0 24px 0 5px !important;
    text-align: center; }
  .pager .pager-wrap {
    display: inline-block;
    position: relative;
    max-width: 60px;
    margin-top: 0; }
    .pager .pager-wrap .dropdown-content {
      top: 36px !important; }

.reporting .pager {
  margin: 12px 0px 12px 0; }

ul#pager.dropdown-content,
.pager .dropdown-content {
  min-width: 58px; }
  ul#pager.dropdown-content li a,
  .pager .dropdown-content li a {
    text-align: center; }

/* On call */
.underline {
  border-bottom: 1px solid #e6e6e6;
  position: relative; }
  .underline:after {
    border-bottom: 1px solid #5b6b78;
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 1px;
    width: 100%; }

.form.bulk-fixed-form .dropdown-content.active {
  top: auto !important; }

/* checkbox */
.checkbox-wrap [type='checkbox'] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  color: #5b6b78;
  font-weight: 600; }

.checkbox-wrap [type='checkbox'].filled-in:checked + label:after {
  top: 8px;
  width: 18px;
  height: 18px;
  border: 2px solid #1774cc;
  background-color: #1774cc;
  z-index: 0; }

.checkbox-wrap [type='checkbox'].filled-in:not(:checked) + label:after {
  height: 18px;
  width: 18px;
  background-color: transparent;
  border: 2px solid #5b6b78;
  top: 8px;
  z-index: 0; }

.checkbox-wrap [type='checkbox'].filled-in:checked + label:before {
  top: 7px;
  left: 0px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.checkbox-wrap > span {
  display: inline-block;
  margin-right: 10px; }
  @media (min-width: 1024px) and (max-width: 1300px) {
    .checkbox-wrap > span {
      margin-right: 2px; } }

.margin-bottom-0 {
  margin-bottom: 0; }

.table-light.row-height-60 .row {
  padding-top: 11px;
  padding-bottom: 11px; }

.bulk-fixed-form .table-light .table-body {
  padding: 0; }
  .bulk-fixed-form .table-light .table-body .icon-block a {
    display: inline-block; }
    .bulk-fixed-form .table-light .table-body .icon-block a .material-icons {
      line-height: 34px; }

.step-text {
  line-height: 36px;
  display: inline-block;
  vertical-align: middle; }

.large-grid .layout__main.pad .content .page-heading-inner {
  margin: 0 0 35px; }

.large-grid .layout__main.pad .content.form-on-call .step-title {
  margin-bottom: 20px;
  padding-top: 10px; }

.large-grid .layout__main.pad .content.form-on-call .bulk-fixed-form .step-title {
  margin-bottom: 45px;
  padding-top: 10px; }

.step-text {
  line-height: 36px;
  display: inline-block;
  vertical-align: middle; }

.large-grid .layout__main.pad .content .page-heading-inner {
  margin: 0 0 35px; }

.large-grid .layout__main.pad.form-on-call .step-title {
  margin-bottom: 10px; }

.large-grid .layout__main.pad.form-on-call .bulk-fixed-form .step-title {
  margin-bottom: 35px; }

.page-nav {
  margin-bottom: 55px; }

.page-placeholder {
  color: rgba(91, 107, 120, 0.5); }

/* Search Block */
#open-search-button.active {
  color: #fff !important;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
  background-color: #1774cc;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  border: none; }
  #open-search-button.active .material-icons {
    font-size: 24px;
    color: #fff; }

#search-block {
  opacity: 0;
  max-height: 0;
  transition: all 0.3s;
  text-align: center;
  -webkit-flex-grow: 0;
  flex-grow: 0; }

.autocomplete-content.dropdown-content {
  border: none;
  box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.15), 1px 1px 2px 0 rgba(0, 0, 0, 0.2); }

#search-block,
#search-field,
.search-block,
.search-input {
  background: #f2f2f2; }
  #search-block.mt10,
  #search-field.mt10,
  .search-block.mt10,
  .search-input.mt10 {
    margin-top: 10px; }
  #search-block .search-block,
  #search-field .search-block,
  .search-block .search-block,
  .search-input .search-block {
    padding-top: 22px;
    padding-bottom: 22px; }
  #search-block ul.autocomplete-content.dropdown-content,
  #search-field ul.autocomplete-content.dropdown-content,
  .search-block ul.autocomplete-content.dropdown-content,
  .search-input ul.autocomplete-content.dropdown-content {
    position: absolute;
    width: 100%;
    left: 0; }
  #search-block .dropdown-content li > a,
  #search-block .dropdown-content li > span,
  #search-field .dropdown-content li > a,
  #search-field .dropdown-content li > span,
  .search-block .dropdown-content li > a,
  .search-block .dropdown-content li > span,
  .search-input .dropdown-content li > a,
  .search-input .dropdown-content li > span {
    font-size: 14px;
    color: #1774cc;
    display: block;
    line-height: 40px;
    padding: 0 16px; }
  #search-block .dropdown-content li + li,
  #search-field .dropdown-content li + li,
  .search-block .dropdown-content li + li,
  .search-input .dropdown-content li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.06); }
  #search-block .search-input,
  #search-field .search-input,
  .search-block .search-input,
  .search-input .search-input {
    margin-top: 0; }
    #search-block .search-input .material-icons,
    #search-field .search-input .material-icons,
    .search-block .search-input .material-icons,
    .search-input .search-input .material-icons {
      position: absolute;
      right: 0px;
      top: 6px;
      font-size: 24px;
      color: rgba(91, 107, 120, 0.5);
      z-index: 1;
      width: 30px; }
  #search-block input[type='text'],
  #search-field input[type='text'],
  .search-block input[type='text'],
  .search-input input[type='text'] {
    color: #313336;
    display: block;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    display: block;
    height: 36px;
    line-height: 34px;
    padding: 0 40px 0 15px;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    margin: 0 !important; }
  #search-block input[type='text']:focus:not([readonly]), #search-block .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper #search-block input[type='text'].select-dropdown:not([readonly]), #search-block .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field #search-block input[type='text']:not([readonly]):active,
  #search-field input[type='text']:focus:not([readonly]),
  #search-field .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper
  #search-field input[type='text'].select-dropdown:not([readonly]),
  #search-field .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field
  #search-field input[type='text']:not([readonly]):active,
  .search-block input[type='text']:focus:not([readonly]),
  .search-block .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper
  .search-block input[type='text'].select-dropdown:not([readonly]),
  .search-block .call-part-modal .input-field.select-warning:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field.select-warning:active .select-wrapper
  .search-block input[type='text'].select-dropdown:not([readonly]),
  .search-block .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field
  .search-block input[type='text']:not([readonly]):active,
  .search-input input[type='text']:focus:not([readonly]),
  .search-input .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper
  .search-input input[type='text'].select-dropdown:not([readonly]),
  .search-input .call-part-modal .input-field.select-warning:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field.select-warning:active .select-wrapper
  .search-input input[type='text'].select-dropdown:not([readonly]),
  .search-input .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field
  .search-input input[type='text']:not([readonly]):active {
    border-color: #1774cc;
    box-shadow: none; }
  #search-block input[type='text']::-webkit-input-placeholder,
  #search-field input[type='text']::-webkit-input-placeholder,
  .search-block input[type='text']::-webkit-input-placeholder,
  .search-input input[type='text']::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  #search-block input[type='text']::-moz-placeholder,
  #search-field input[type='text']::-moz-placeholder,
  .search-block input[type='text']::-moz-placeholder,
  .search-input input[type='text']::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  #search-block input[type='text']:-ms-input-placeholder,
  #search-field input[type='text']:-ms-input-placeholder,
  .search-block input[type='text']:-ms-input-placeholder,
  .search-input input[type='text']:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  #search-block input[type='text']:-moz-placeholder,
  #search-field input[type='text']:-moz-placeholder,
  .search-block input[type='text']:-moz-placeholder,
  .search-input input[type='text']:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  #search-block.text-normal input[type='text']::-webkit-input-placeholder,
  #search-field.text-normal input[type='text']::-webkit-input-placeholder,
  .search-block.text-normal input[type='text']::-webkit-input-placeholder,
  .search-input.text-normal input[type='text']::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-style: normal; }
  #search-block.text-normal input[type='text']::-moz-placeholder,
  #search-field.text-normal input[type='text']::-moz-placeholder,
  .search-block.text-normal input[type='text']::-moz-placeholder,
  .search-input.text-normal input[type='text']::-moz-placeholder {
    /* Firefox 19+ */
    font-style: normal; }
  #search-block.text-normal input[type='text']:-ms-input-placeholder,
  #search-field.text-normal input[type='text']:-ms-input-placeholder,
  .search-block.text-normal input[type='text']:-ms-input-placeholder,
  .search-input.text-normal input[type='text']:-ms-input-placeholder {
    /* IE 10+ */
    font-style: normal; }
  #search-block.text-normal input[type='text']:-moz-placeholder,
  #search-field.text-normal input[type='text']:-moz-placeholder,
  .search-block.text-normal input[type='text']:-moz-placeholder,
  .search-input.text-normal input[type='text']:-moz-placeholder {
    /* Firefox 18- */
    font-style: normal; }
  #search-block .prefix.active,
  #search-field .prefix.active,
  .search-block .prefix.active,
  .search-input .prefix.active {
    color: #1774cc !important; }
  #search-block .input-field.search-input .prefix ~ input,
  #search-field .input-field.search-input .prefix ~ input,
  .search-block .input-field.search-input .prefix ~ input,
  .search-input .input-field.search-input .prefix ~ input {
    width: 100%; }
  #search-block .input-field.search-input .prefix ~ .autocomplete-content,
  #search-field .input-field.search-input .prefix ~ .autocomplete-content,
  .search-block .input-field.search-input .prefix ~ .autocomplete-content,
  .search-input .input-field.search-input .prefix ~ .autocomplete-content {
    margin: 0;
    width: 100%; }

.input-search-form input[type='text']:focus:not([readonly]) + button i, .input-search-form .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]) + button i, .call-part-modal .input-field:active .select-wrapper .input-search-form input[type='text'].select-dropdown:not([readonly]) + button i, .input-search-form .call-part-modal .input-field input[type='text']:not([readonly]):active + button i, .call-part-modal .input-field .input-search-form input[type='text']:not([readonly]):active + button i {
  color: #1774cc !important; }

/* Header Nav*/
.app-header .dropdown-content {
  font-size: 1rem;
  padding: 10px !important; }
  .app-header .dropdown-content.for-cases, .app-header .dropdown-content.for-messages, .app-header .dropdown-content.for-notifications, .app-header .dropdown-content.for-user {
    overflow: visible; }
    .app-header .dropdown-content.for-cases .cases-menu__summary, .app-header .dropdown-content.for-messages .cases-menu__summary, .app-header .dropdown-content.for-notifications .cases-menu__summary, .app-header .dropdown-content.for-user .cases-menu__summary {
      margin: -10px -10px 0; }

.app-header .dropdown-content.for-user {
  padding: 0 !important; }

.app-header #more-menu.dropdown-content > li a {
  margin-left: 0px;
  padding: 0 16px; }

.app-header #enterprise-menu.dropdown-content li > a {
  padding: 9px 18px 9px 0px; }

.app-header ul {
  margin: 0;
  list-style-type: none;
  padding-left: 0; }
  .app-header ul li {
    list-style-type: none; }

.app-header a:link, .app-header a:visited, .app-header a:hover, .app-header a:active {
  text-decoration: none;
  outline: none;
  color: #fff; }

/* UI Parts Kit */
.ml20 {
  margin-left: 20px !important; }

.mb20 {
  margin-bottom: 20px; }

.heading-line {
  border-bottom: 1px solid #1774cc; }

.kit-caption {
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(91, 107, 120, 0.5); }

.btn.square {
  padding: 0;
  width: 36px; }
  .btn.square i {
    font-size: 24px; }

.btn-flat.bordered.square {
  padding: 0;
  width: 36px; }
  .btn-flat.bordered.square i {
    font-size: 24px;
    color: #5b6b78; }

.btn-flat.btn-large.bordered.square {
  padding: 0;
  width: 50px; }
  .btn-flat.btn-large.bordered.square i {
    font-size: 24px;
    color: #5b6b78;
    margin: 0;
    line-height: 50px; }

.icons-btn {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #fff;
  display: inline-block;
  padding: 0px;
  cursor: pointer;
  font-weight: inherit;
  text-decoration: none;
  border-radius: 50%; }
  .icons-btn i.material-icons {
    background-clip: content-box;
    cursor: pointer;
    font-size: 18px;
    line-height: 32px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 32px !important;
    width: 32px !important;
    text-align: center;
    vertical-align: middle; }
  .icons-btn:hover {
    background: rgba(255, 255, 255, 0.1); }
  .icons-btn.icons-btn-large i.material-icons {
    background-clip: content-box;
    cursor: pointer;
    font-size: 3rem;
    line-height: 60px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 60px !important;
    width: 60px !important;
    text-align: center;
    vertical-align: middle; }
  .icons-btn.disabled {
    pointer-events: none;
    background-color: transparent !important;
    box-shadow: none;
    color: rgba(91, 107, 120, 0.5) !important;
    cursor: default; }
  .icons-btn.icons-btn-light {
    color: #5b6b78; }
    .icons-btn.icons-btn-light:hover {
      background: rgba(0, 0, 0, 0.1);
      color: #1774cc; }

.bkw-medium-heading.heading-line.kit .text-grey:first-child {
  margin-left: 35px; }

.dark-overlay {
  background: #313336;
  padding: 10px 30px;
  display: inline-block; }
  .dark-overlay a {
    margin-right: 10px; }

.light-overlay {
  padding: 10px 30px;
  display: inline-block; }
  .light-overlay a {
    margin-right: 10px; }

/*TEXT buttons*/
.text-btn {
  font-weight: 400;
  font-size: 14px;
  color: #1774cc;
  cursor: pointer; }
  .text-btn.uppercase {
    font-weight: 700; }
  .text-btn:hover {
    color: #3a89d4; }
  .text-btn:focus, .call-part-modal .input-field:active .select-wrapper input.text-btn.select-dropdown, .call-part-modal .input-field:active .select-wrapper a.text-btn.select-dropdown, .call-part-modal .input-field input.text-btn:active {
    color: #5197d9; }

/*star*/
.star {
  color: #1774cc;
  font-size: 24px; }
  .star.star-border {
    color: #5b6b78; }

/*radio*/
.kit-section .switch {
  margin: 0 0 0 50px; }

[type='radio'] + label:before,
[type='radio'] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 20px;
  height: 20px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease; }

[type='radio'] + label:before,
[type='radio'] + label:after {
  background: #fff; }

[type='radio']:not(:checked) + label:before,
[type='radio']:not(:checked) + label:after {
  border: 2px solid #5b6b78; }

[type='radio']:not(:checked) + label:before,
[type='radio']:not(:checked) + label:after {
  border-width: 2px; }

[type='radio']:checked + label:after,
[type='radio'].with-gap:checked + label:before,
[type='radio'].with-gap:checked + label:after {
  border: 2px solid #1774cc; }

[type='radio']:checked + label:after,
[type='radio'].with-gap:checked + label:after {
  background-color: #1774cc; }

/* TOAST OVERRIDE */
#toast-container {
  height: calc(100% - 50px);
  z-index: 10;
  max-width: 275px;
  top: 55px;
  right: 1%; }
  @media only screen and (max-width: 600px) {
    #toast-container {
      min-width: auto;
      bottom: auto; } }
  @media only screen and (max-width: 960px) and (min-width: 601px) {
    #toast-container {
      left: auto;
      bottom: auto;
      max-width: 275px; } }
  @media only screen and (min-width: 961px) {
    #toast-container {
      top: 55px;
      right: 1%;
      max-width: 275px; } }

/* SETTINGS */
.settings #users table {
  margin-bottom: 30px; }

.settings .search-input {
  position: relative;
  margin-top: 0 !important; }
  .settings .search-input .material-icons {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 24px;
    color: rgba(91, 107, 120, 0.5);
    z-index: 1; }
  .settings .search-input .prefix ~ input[type='text'] {
    width: 100%;
    color: #313336;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    height: 36px;
    line-height: 34px;
    padding: 0 40px 0 15px;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    margin: 0 !important; }
    .settings .search-input .prefix ~ input[type='text']:focus:not([readonly]), .settings .search-input .call-part-modal .input-field:active .select-wrapper .prefix ~ input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper .settings .search-input .prefix ~ input[type='text'].select-dropdown:not([readonly]), .settings .search-input .call-part-modal .input-field .prefix ~ input[type='text']:not([readonly]):active, .call-part-modal .input-field .settings .search-input .prefix ~ input[type='text']:not([readonly]):active {
      border-bottom: 1px solid #1774cc;
      box-shadow: none; }
  .settings .search-input input[type='text']:focus:not([readonly]), .settings .search-input .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper .settings .search-input input[type='text'].select-dropdown:not([readonly]), .settings .search-input .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field .settings .search-input input[type='text']:not([readonly]):active {
    border-color: #1774cc;
    box-shadow: none;
    border-bottom: 1px solid #1774cc; }

.settings .search-bar .col {
  padding-left: 0; }
  .settings .search-bar .col.s3 {
    padding-right: 0; }
    .settings .search-bar .col.s3 .btn {
      width: 100%; }

.settings table thead tr th {
  position: relative; }
  .settings table thead tr th .material-icons {
    position: absolute;
    margin-right: 2px; }

.settings table tbody tr:hover a {
  color: #000; }

.settings table tbody tr td {
  padding: 12px 5px; }
  .settings table tbody tr td a {
    position: relative;
    color: #5b6b78 !important;
    text-decoration: none; }
    .settings table tbody tr td a:link, .settings table tbody tr td a:visited, .settings table tbody tr td a:hover, .settings table tbody tr td a:active {
      text-decoration: none; }
    .settings table tbody tr td a .material-icons:not(.circle) {
      background-clip: content-box;
      border-radius: 50%;
      color: #5b6b78;
      cursor: pointer;
      height: 32px;
      line-height: 32px;
      text-align: center;
      transition: all 0.3s ease 0s;
      vertical-align: middle;
      width: 32px; }
      .settings table tbody tr td a .material-icons:not(.circle):hover {
        background: rgba(0, 0, 0, 0.1); }
    .settings table tbody tr td a span .material-icons {
      top: 0; }
    .settings table tbody tr td a .material-icons.circle {
      background-color: #313336;
      color: #fff;
      text-align: center;
      width: auto;
      height: auto;
      padding: 7px; }
    .settings table tbody tr td a .bblack {
      color: #000; }
  .settings table tbody tr td[rowspan] {
    vertical-align: top; }
    .settings table tbody tr td[rowspan] span {
      display: inline-block; }
      .settings table tbody tr td[rowspan] span.span {
        padding-bottom: 14px; }

.settings #groups table tbody tr td {
  padding: 15px 5px; }

.settings #permissions .page-heading-inner {
  margin-bottom: 30px; }

.settings #permissions table {
  border-top: 1px solid #e6e6e6; }
  .settings #permissions table tbody tr td {
    padding: 15px 5px; }

.settings .bottom-form {
  background: #f2f2f2;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5b6b78;
  margin-bottom: 10px;
  margin-top: 20px;
  height: 60px;
  -webkit-box-flex: none;
  -ms-flex-positive: none;
  flex-grow: none; }
  .settings .bottom-form .btn {
    width: 258px; }
  .settings .bottom-form .notice {
    display: flex;
    align-items: center; }
    .settings .bottom-form .notice .material-icons {
      display: inline-block;
      color: #1774cc;
      margin-right: 25px;
      line-height: 14px; }

.settings .circle {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  width: 42px;
  height: 42px; }

.settings .pager {
  margin: 12px 20px 12px 0; }

/* Numbered style */
.numbered {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 10px; }
  .numbered .step {
    display: inline-block;
    background-color: #313336;
    color: #fff;
    width: 30px;
    height: 30px;
    margin-left: 0;
    margin-right: 15px;
    position: relative; }
    .numbered .step span {
      position: relative;
      top: 1px; }

.st {
  text-indent: 5px;
  margin-bottom: 20px; }

/* SINGLE HEADER */
.single-header {
  color: #5b6b78; }
  .single-header a {
    color: #5b6b78; }
  .single-header .back {
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 40px; }
  .single-header .links span {
    margin: 0 10px; }
  .single-header .links a:last-child {
    color: #5b6b78 !important;
    pointer-events: none;
    cursor: default; }

/* MAC OS */
.layout--fix.archive-page.layout--default.large-grid.bg-white,
.layout--fix.empty-page.layout--default.large-grid.bg-white {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  align-content: center; }

.layout--fix.archive-page.large-grid .layout__main.pad,
.layout--fix.empty-page.large-grid .layout__main.pad {
  height: auto;
  justify-content: center;
  align-content: center; }

.app-main > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

#filters-block,
#search-block {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.layout--fix.layout--default {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  .layout--fix.layout--default .layout__main.pad {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: overflow;
    height: initial; }
    .layout--fix.layout--default .layout__main.pad .row-large {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: initial;
      width: 100%; }
      .layout--fix.layout--default .layout__main.pad .row-large .sidebar {
        overflow: auto;
        height: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        width: 220px; }
        .layout--fix.layout--default .layout__main.pad .row-large .sidebar .sideinner {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          flex-direction: column;
          overflow: hidden;
          position: relative;
          width: 100%;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          will-change: overflow;
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .layout--fix.layout--default .layout__main.pad .row-large .sidebar .sideinner .layout__main__selector__header {
            height: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: none;
            width: auto; }
          .layout--fix.layout--default .layout__main.pad .row-large .sidebar .sideinner .layout__main__selector__list {
            overflow: auto;
            height: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: none;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1; }
      .layout--fix.layout--default .layout__main.pad .row-large .content {
        overflow: auto;
        height: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .layout--fix.layout--default .layout__main.pad .row-large.content > .m12-large-grid {
        height: 100%; }
      .layout--fix.layout--default .layout__main.pad .row-large .pad-bot-40 {
        padding-bottom: 40px; }

.layout--default.layout--flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.pad-bot-40 {
  padding-bottom: 40px; }

.pad-0 {
  padding: 0 !important; }

.case-detail__message-input-area {
  min-height: 42px; }

.layout--columns-on-large {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.layout__main__split {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.add-group {
  min-height: 500px; }

.note {
  bottom: -150px; }

.video-wrapper {
  overflow: hidden; }

.mac-os {
  -webkit-overflow-scrolling: touch;
  /* fixing scrolling for iOs on mobile and tablet */
  /*moz*/
  /*chrome*/
  /*safari*/ }
  .mac-os .layout--default {
    height: initial; }

@-moz-document url-prefix() {
  .mac-os .modal-select .dropdown-content {
    top: 253px !important; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .mac-os .modal-select .dropdown-content {
      top: 255px !important; } }
  .mac-os _::-webkit-:not(:root:root),
  .mac-os .modal-select .dropdown-content {
    top: 253px !important; }
  .mac-os _::-webkit-:not(:root:root),
  .mac-os .empty-page.h100 .layout__main.pad {
    height: calc(100vh - 150px); }

/* /end MAC styles */
@media only screen and (max-width: 1440px) {
  .add-group {
    min-height: 250px; }
  /*.new-user {
			margin-bottom: 0;
		}*/
  .st {
    margin-bottom: 10px; } }

.table-header {
  padding-bottom: 30px; }
  .table-header .badge {
    background-color: #5b6b78 !important;
    color: #fff !important; }
  .table-header:last-of-type {
    padding-top: 50px; }

/* SERP */
.serp.layout__header {
  padding-left: 0 !important; }

.serp .table-light {
  margin-bottom: 60px; }
  .serp .table-light .table-body {
    padding: 0; }
    .serp .table-light .table-body .circle {
      margin-right: 18px; }

/* dropdowns position */
.input-wrap .dropdown-content {
  top: 36px !important; }
  .input-wrap .dropdown-content li > a {
    margin-left: 16px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis; }

.filter-block .col {
  position: relative; }
  .filter-block .col .dropdown-content {
    top: 36px !important; }
    .filter-block .col .dropdown-content li > a {
      margin-left: 16px;
      overflow: hidden;
      white-space: normal;
      text-overflow: clip; }

.table-profile .dropdown-content.active {
  top: 36px !important; }
  .table-profile .dropdown-content.active li > a {
    padding-left: 16px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis; }

/* settings table permissions */
.settings .table-profile {
  margin-top: 0px; }

.settings #permissions .page-heading-inner {
  margin-bottom: 20px; }

.settings .table-profile .row.outer .row {
  padding-top: 17px;
  padding-bottom: 17px; }

.settings .table-profile .dropdown-content.active li > a {
  margin-left: 0; }

table.user-table {
  margin-bottom: 30px; }
  table.user-table thead tr th {
    position: relative;
    padding: 5px; }
    table.user-table thead tr th .material-icons {
      position: absolute;
      margin-right: 2px; }
  table.user-table tbody tr:hover a {
    color: #000; }
  table.user-table tbody tr td {
    padding: 8px 5px; }
    table.user-table tbody tr td a {
      position: relative;
      color: #5b6b78; }
      table.user-table tbody tr td a .material-icons:not(.circle) {
        background-clip: content-box;
        border-radius: 50%;
        color: #5b6b78;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        text-align: center;
        transition: all 0.3s ease 0s;
        vertical-align: middle;
        width: 32px; }
        table.user-table tbody tr td a .material-icons:not(.circle):hover {
          background: rgba(0, 0, 0, 0.1); }
      table.user-table tbody tr td a span .material-icons {
        top: 0; }
      table.user-table tbody tr td a .material-icons.circle {
        background-color: #313336;
        color: #fff;
        text-align: center;
        width: auto;
        height: auto;
        padding: 7px; }
      table.user-table tbody tr td a .bblack {
        color: #000; }
    table.user-table tbody tr td[rowspan] {
      vertical-align: top; }
      table.user-table tbody tr td[rowspan] span {
        display: inline-block; }
        table.user-table tbody tr td[rowspan] span.span {
          padding-bottom: 14px; }
  table.user-table .circle {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 36px;
    height: 36px; }
  table.user-table .chip {
    height: 36px;
    background: none;
    font-size: 14px;
    padding-left: 65px; }
    table.user-table .chip .dot {
      left: 26px; }

/* settings permissions details */
.large-grid .layout__main.pad .content.form-on-call .bottom-form.just-btn-bottom-form {
  justify-content: flex-end;
  background: transparent; }

.form .rules-table .dropdown-content.active {
  top: 36px !important; }

.rules-table {
  padding: 20px 0;
  position: relative; }
  .rules-table .rules-inner {
    padding-left: 35px; }
    .rules-table .rules-inner .row {
      padding-top: 11px;
      padding-bottom: 11px; }
      .rules-table .rules-inner .row span {
        line-height: 36px;
        font-size: 14px;
        font-style: italic;
        color: #5b6b78; }
  .rules-table .grey-line {
    background: #f2f2f2;
    border-radius: 3px;
    position: relative; }
  .rules-table .rule-padding {
    padding-left: 43px;
    padding-right: 13px; }
  .rules-table .rule-key {
    border: 1px solid #1774cc;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    z-index: 1; }
    .rules-table .rule-key span {
      display: inline-block;
      padding: 0 15px;
      font-size: 14px;
      font-style: italic;
      line-height: 34px; }
      .rules-table .rule-key span:first-child {
        color: #fff;
        background: #1774cc; }
      .rules-table .rule-key span:last-child {
        color: #5b6b78;
        background: #fff;
        margin-left: -3px; }
  .rules-table .rules-table-heading {
    padding-bottom: 20px; }
    .rules-table .rules-table-heading .btn {
      padding: 0 12px 0 6px; }
      .rules-table .rules-table-heading .btn .material-icons {
        margin-right: 5px;
        font-size: 24px; }
      .rules-table .rules-table-heading .btn + .btn {
        margin-left: 8px; }
  .rules-table .icon-block a {
    display: inline-block; }
    .rules-table .icon-block a .material-icons {
      line-height: 34px;
      color: #5b6b78; }

/* group */
.rule-line-group {
  margin-bottom: 20px;
  padding-bottom: 5px; }
  .rule-line-group .btn-flat {
    padding: 0 12px 0 6px;
    background: #fff;
    font-weight: 400; }
    .rule-line-group .btn-flat .material-icons {
      margin-right: 5px;
      font-size: 24px; }
    .rule-line-group .btn-flat + .btn-flat {
      margin-left: 8px; }
  .rule-line-group .row {
    background: #fff;
    border-radius: 3px; }
  .rule-line-group .rules-table-heading.row {
    background: transparent;
    padding-right: 9px;
    margin-bottom: 0; }
    .rule-line-group .rules-table-heading.row .icon-block a {
      padding-right: 4px; }
  .rule-line-group .rule-group-inner .row {
    margin-bottom: 10px;
    position: relative; }
    .rule-line-group .rule-group-inner .row .icon-block a .material-icons {
      opacity: 0.5; }

.rules-table .grey-line {
  position: relative; }
  .rules-table .grey-line:before {
    position: absolute;
    left: -15px;
    top: calc(50% - 2px);
    content: '';
    display: block;
    border-left: 4px solid #1774cc;
    /* height: 4px; */
    border-bottom: 4px solid #1774cc;
    width: 15px; }
  .rules-table .grey-line:after {
    position: absolute;
    left: -15px;
    top: -28px;
    content: '';
    display: block;
    border-left: 4px solid #1774cc;
    height: calc(100% + 30px); }
  .rules-table .grey-line:last-child:after {
    height: 100%;
    top: -50%; }

.rule-group-inner .row-tail {
  position: relative; }
  .rule-group-inner .row-tail:before {
    position: absolute;
    left: -15px;
    top: calc(50% - 2px);
    content: '';
    display: block;
    border-left: 4px solid #1774cc;
    /* height: 4px; */
    border-bottom: 4px solid #1774cc;
    width: 15px; }
  .rule-group-inner .row-tail:after {
    position: absolute;
    left: -15px;
    top: -28px;
    content: '';
    display: block;
    border-left: 4px solid #1774cc;
    height: calc(100% + 30px); }
  .rule-group-inner .row-tail:last-child:after {
    height: 100%; }

.material-icons.standard {
  color: #5b6b78; }

.material-icons.rounded {
  color: #fff;
  background-clip: content-box;
  border-radius: 50%;
  height: 36px;
  line-height: 36px;
  width: 36px;
  text-align: center;
  vertical-align: middle;
  background: #313336; }

.material-icons.info {
  color: #25abfd;
  font-size: 45px; }

.material-icons.no-data {
  font-size: 60px;
  color: #e6e6e6; }

.space-row .kit-caption {
  margin-bottom: 20px;
  height: 36px; }

.space-row .icon {
  margin-right: 20px; }

.cards.visible {
  display: block;
  max-width: 275px; }
  .cards.visible .np {
    width: 275px; }

.np-flash-dialog.static {
  position: static; }

.case-form.is-edit.visible {
  display: block;
  border: none;
  margin: 0; }

.attachments.in-collaboration {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -5px; }
  .attachments.in-collaboration .att-item {
    width: calc(100% / 3 - 5px);
    margin-bottom: 5px;
    margin-right: 5px;
    overflow: hidden; }
    .attachments.in-collaboration .att-item img {
      min-width: 100%;
      min-height: 100%;
      max-width: 150%;
      max-height: 150%; }
  .attachments.in-collaboration.kit {
    padding-top: 12px; }

.modal-inner {
  padding: 18px 30px; }
  .modal-inner p {
    margin: 0 0 10px; }

.standard.modal .modal-footer .btn,
.standard.modal .modal-footer .btn-large,
.standard.modal .modal-footer .btn-flat {
  float: none;
  margin: 0; }
  .standard.modal .modal-footer .btn.btn-fullwidth,
  .standard.modal .modal-footer .btn-large.btn-fullwidth,
  .standard.modal .modal-footer .btn-flat.btn-fullwidth {
    width: 100%; }

.standard.modal.modal-fixed-footer .modal-footer {
  padding: 0 25px;
  height: auto; }

.spinner-white,
.spinner-white-only {
  border-color: #fff; }

.p20 {
  padding: 20px; }

.my-case-menu {
  color: #5b6b78; }
  .my-case-menu strong {
    color: #313336; }
  .my-case-menu p {
    margin: 0; }
  .my-case-menu .time {
    font-size: 12px;
    font-weight: 700; }
  .my-case-menu li {
    padding: 10px 0; }
    .my-case-menu li + li {
      border-top: 1px solid #e6e6e6; }

/* parts kit forms */
.has-warning,
.has-approve {
  position: relative; }
  .has-warning label,
  .has-approve label {
    z-index: 1; }
  .has-warning input,
  .has-approve input {
    padding-right: 40px !important;
    position: relative;
    box-sizing: border-box !important; }
  .has-warning .material-icons,
  .has-approve .material-icons {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 18px;
    z-index: 1;
    display: block; }

.has-warning .material-icons {
  color: #e7741c; }

.has-approve .material-icons {
  color: #30a039; }

.has-error {
  position: relative; }
  .has-error .error-msg {
    display: none;
    font-size: 12px;
    color: #e6172c;
    margin-left: 10px; }
  .has-error label.active .error-msg {
    display: inline-block; }
  .has-error input[type='text']:focus:not([readonly]), .has-error .call-part-modal .input-field:active .select-wrapper input[type='text'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper .has-error input[type='text'].select-dropdown:not([readonly]), .has-error .call-part-modal .input-field input[type='text']:not([readonly]):active, .call-part-modal .input-field .has-error input[type='text']:not([readonly]):active,
  .has-error .has-error input[type='email']:focus:not([readonly]),
  .has-error .has-error .call-part-modal .input-field:active .select-wrapper input[type='email'].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper
  .has-error .has-error input[type='email'].select-dropdown:not([readonly]),
  .has-error .has-error .call-part-modal .input-field input[type='email']:not([readonly]):active, .call-part-modal .input-field
  .has-error .has-error input[type='email']:not([readonly]):active {
    border-bottom: 1px solid #e6172c;
    box-shadow: 0 1px 0 0 #e6172c; }

.disabled-field input[type='text'] {
  color: #e6e6e6;
  border-bottom: 1px dotted #e6e6e6; }

.form .rel .dropdown-content.active {
  top: 36px !important;
  max-height: 280px; }

.drop-select-disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #e6e6e6 !important;
  border: 1px solid #e6e6e6; }
  .drop-select-disabled .material-icons {
    color: #e6e6e6; }

.row-large .case-form .col {
  padding: 0 0.75rem; }

.row-large .programs-sidebar .col {
  padding: 0 0.75rem; }

.form .inline-selection input:not([type]),
.form .inline-selection input[type='text'],
.form .inline-selection input[type='password'],
.form .inline-selection input[type='email'],
.form .inline-selection input[type='url'],
.form .inline-selection input[type='time'],
.form .inline-selection input[type='date'],
.form .inline-selection input[type='datetime'],
.form .inline-selection input[type='datetime-local'],
.form .inline-selection input[type='tel'],
.form .inline-selection input[type='number'],
.form .inline-selection input[type='search'],
.form .inline-selection textarea.materialize-textarea {
  background: transparent;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #313336;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  line-height: 34px;
  padding: 0 26px 0 15px !important;
  position: relative;
  text-align: left;
  box-sizing: border-box; }

.form .inline-selection span.caret {
  color: #5b6b78; }
  .form .inline-selection span.caret:before {
    display: none; }

.form .inline-selection .dropdown-content.select-dropdown {
  top: 36px !important; }

.form .inline-selection.inline-selection-disabled {
  cursor: not-allowed;
  pointer-events: none; }
  .form .inline-selection.inline-selection-disabled input:not([type]),
  .form .inline-selection.inline-selection-disabled input[type='text'],
  .form .inline-selection.inline-selection-disabled input[type='password'],
  .form .inline-selection.inline-selection-disabled input[type='email'],
  .form .inline-selection.inline-selection-disabled input[type='url'],
  .form .inline-selection.inline-selection-disabled input[type='time'],
  .form .inline-selection.inline-selection-disabled input[type='date'],
  .form .inline-selection.inline-selection-disabled input[type='datetime'],
  .form .inline-selection.inline-selection-disabled input[type='datetime-local'],
  .form .inline-selection.inline-selection-disabled input[type='tel'],
  .form .inline-selection.inline-selection-disabled input[type='number'],
  .form .inline-selection.inline-selection-disabled input[type='search'],
  .form .inline-selection.inline-selection-disabled textarea.materialize-textarea {
    color: #e6e6e6;
    border: 1px solid #e6e6e6; }
  .form .inline-selection.inline-selection-disabled span.caret {
    color: #e6e6e6; }

.form .inline-selection.custom-caret {
  border-radius: 3px;
  width: 100%; }
  .form .inline-selection.custom-caret span.caret {
    color: #5b6b78; }
    .form .inline-selection.custom-caret span.caret:before {
      display: inline-block;
      right: 7px; }
  .form .inline-selection.custom-caret .dropdown-content.select-dropdown {
    top: 36px !important; }

/* / end parts kit forms */
.radio-btn-group span {
  display: inline-block;
  margin: 0;
  width: 50%; }

.radio-btn-group label {
  left: auto !important;
  top: 0 !important;
  font-weight: 400;
  color: #5b6b78;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  display: inline-block;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 !important;
  vertical-align: middle;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  display: inline-block; }
  .radio-btn-group label:before, .radio-btn-group label:after {
    visibility: hidden; }
  .radio-btn-group label:hover {
    color: #1774cc;
    background: transparent; }

.radio-btn-group span:first-child:not(:last-child) label {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.radio-btn-group span:last-child:not(:first-child) label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 1px solid transparent; }

.radio-btn-group [type='radio']:checked + label {
  color: #1774cc; }

/*select*/
span.caret {
  font-size: 24px;
  width: 24px;
  height: 24px; }

span.caret:before {
  content: 'keyboard_arrow_down';
  font-family: 'Material Icons';
  font-style: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: #fff;
  position: absolute;
  top: -6px;
  bottom: 0;
  right: 0;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga' 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.dropdown-content.select-dropdown {
  top: 43px !important;
  overflow-y: auto;
  overflow-x: hidden; }
  .dropdown-content.select-dropdown li span {
    font-size: 14px;
    color: #313336;
    display: block;
    line-height: 40px;
    padding: 0 18px 0 18px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    border-top: 1px solid rgba(0, 0, 0, 0.06); }
  .dropdown-content.select-dropdown li.disabled,
  .dropdown-content.select-dropdown li.disabled > span,
  .dropdown-content.select-dropdown li.optgroup {
    color: #e6e6e6;
    background-color: transparent; }

.dropdown-content.select-dropdown li.disabled {
  display: none; }

/*multiselect*/
.dropdown-content.select-dropdown.active li {
  position: relative; }
  .dropdown-content.select-dropdown.active li span {
    border-top: none; }
  .dropdown-content.select-dropdown.active li.selected {
    background-color: rgba(23, 116, 204, 0.1); }
    .dropdown-content.select-dropdown.active li.selected:hover, .dropdown-content.select-dropdown.active li.selected:focus {
      background-color: rgba(23, 116, 204, 0.1); }
  .dropdown-content.select-dropdown.active li.active {
    background-color: transparent; }
    .dropdown-content.select-dropdown.active li.active span {
      color: #1774cc; }
    .dropdown-content.select-dropdown.active li.active:hover, .dropdown-content.select-dropdown.active li.active:focus {
      background-color: rgba(23, 116, 204, 0.1) !important; }
  .dropdown-content.select-dropdown.active li.selected.active {
    background-color: rgba(23, 116, 204, 0.1); }
  .dropdown-content.select-dropdown.active li:hover, .dropdown-content.select-dropdown.active li:focus {
    background-color: rgba(23, 116, 204, 0.1) !important; }

.dropdown-content.select-dropdown.active [type='checkbox'] + label {
  top: 10px;
  right: 0;
  height: 18px;
  position: absolute;
  left: auto !important; }

.dropdown-content.select-dropdown.active [type='checkbox']:checked + label:before {
  top: -3px;
  left: 0px;
  width: 12px;
  height: 22px;
  border: none;
  transform: none;
  backface-visibility: hidden;
  transform-origin: 100% 100%;
  content: 'check';
  font-family: 'Material Icons';
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga' 1;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1774cc; }

.dropdown-content.select-dropdown.active [type='checkbox'] + label:before,
.dropdown-content.select-dropdown.active [type='checkbox']:not(.filled-in) + label:after {
  transition: none;
  transform: none;
  border: none; }

/*new header grid*/
.layout__header.horizontal.search-header .bkw-medium-heading {
  margin: 0; }

.layout__header.horizontal.search-header .reporting-items .btn {
  padding: 0 1.25rem; }

.layout__header.horizontal.search-header .reporting-items .right .btn-flat:last-of-type {
  margin-right: 0; }

.layout__header.horizontal.search-header.all-cases-header .form-wrap .btn-flat {
  right: 5px; }

.margin-0 {
  margin: 0; }

.margin-5 {
  margin-left: -5px;
  margin-right: -5px; }

.margin-10 {
  margin-left: -10px;
  margin-right: -10px; }

.download-icon {
  margin-left: -5px; }

/* mobile fonts */
h1.m-title1 {
  font-size: 28pt;
  line-height: 34pt;
  font-weight: 300;
  letter-spacing: 0.013em; }

h2.m-title2 {
  font-size: 22pt;
  line-height: 28pt;
  font-weight: 400;
  letter-spacing: 0.016em; }

h3.m-title3 {
  font-size: 20pt;
  line-height: 24pt;
  font-weight: 400;
  letter-spacing: 0.019em; }

h4.m-headline {
  font-size: 17pt;
  line-height: 22pt;
  font-weight: 700;
  letter-spacing: -0.024em; }

.m-body {
  font-size: 17pt;
  line-height: 22pt;
  font-weight: 400;
  letter-spacing: -0.024em; }

.m-callout {
  font-size: 16pt;
  line-height: 21pt;
  font-weight: 400;
  letter-spacing: -0.02em; }

.m-subhead {
  font-size: 15pt;
  line-height: 20pt;
  font-weight: 400;
  letter-spacing: -0.016em; }

.m-foonote {
  font-size: 13pt;
  line-height: 18pt;
  font-weight: 400;
  letter-spacing: -0.006em; }

.m-caption1 {
  font-size: 12pt;
  line-height: 16pt;
  font-weight: 400;
  letter-spacing: 0em; }

.m-caption2 {
  font-size: 11pt;
  line-height: 13pt;
  font-weight: 400;
  letter-spacing: 0.006em; }

/*IE fix*/
.message-list__item-image {
  float: left; }

.message-list__item {
  display: block; }

.message-list__item-content {
  overflow: hidden;
  display: block; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .case-detail__patient-actions {
    flex: 0 1 auto; } }

/* Collaboration Messages */
.message-panel-right .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.video-component .btn-group {
  position: relative; }

ul#more_vert {
  left: 0px !important;
  width: 100% !important;
  top: 50px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  ul#more_vert > li a {
    border-top: none; }

/*thumbnails */
a.att-icon {
  background: #f2f2f2;
  display: block;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  justify-content: center;
  color: #1774cc; }
  a.att-icon:hover {
    color: #3a89d4; }
  a.att-icon i {
    font-size: 40px; }

/**/
.case-card {
  -webkit-flex-direction: column;
  flex-direction: column;
  display: block; }

/* IE10 and IE11 */
@media screen and (-ms-high-contrast: active) and (max-width: 1300px), (-ms-high-contrast: none) and (max-width: 1300px) {
  .cd-sidebar > .valign-wrapper .col.s5 .btn {
    padding: 0 0.5rem; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .font-link {
    flex: 0 !important;
    display: none; } }

@media only screen and (-ms-high-contrast: active) and (min-width: 601px), only screen and (-ms-high-contrast: none) and (min-width: 601px) {
  .layout__header.horizontal .m12-large-grid .m1-large-grid,
  #filters-block .m12-large-grid .m1-large-grid {
    width: 8.33333%; }
  .layout__header.horizontal .m12-large-grid .m2-large-grid,
  #filters-block .m12-large-grid .m2-large-grid {
    width: 16.6667%; }
  .layout__header.horizontal .m12-large-grid .m3-large-grid,
  #filters-block .m12-large-grid .m3-large-grid {
    width: 25% !important; }
  .layout__header.horizontal .m12-large-grid .m4-large-grid,
  #filters-block .m12-large-grid .m4-large-grid {
    width: 33.3333%; }
  .layout__header.horizontal .m12-large-grid .m5-large-grid,
  #filters-block .m12-large-grid .m5-large-grid {
    width: 41.6667%; }
  .layout__header.horizontal .m12-large-grid .m6-large-grid,
  #filters-block .m12-large-grid .m6-large-grid {
    width: 50%; }
  .layout__header.horizontal .m12-large-grid .m7-large-grid,
  #filters-block .m12-large-grid .m7-large-grid {
    width: 58.3333%; }
  .layout__header.horizontal .m12-large-grid .m8-large-grid,
  #filters-block .m12-large-grid .m8-large-grid {
    width: 66.6667%; }
  .layout__header.horizontal .m12-large-grid .m9-large-grid,
  #filters-block .m12-large-grid .m9-large-grid {
    width: 75%; }
  .layout__header.horizontal .m12-large-grid .m10-large-grid,
  #filters-block .m12-large-grid .m10-large-grid {
    width: 83.3333%; }
  .layout__header.horizontal .m12-large-grid .m11-large-grid,
  #filters-block .m12-large-grid .m11-large-grid {
    width: 91.6667%; }
  .layout__header.horizontal .m12-large-grid .m12-large-grid,
  #filters-block .m12-large-grid .m12-large-grid {
    width: 100%; } }

/*edge*/
@supports (-ms-ime-align: auto) {
  @media only screen and (min-width: 601px) {
    .layout__header.horizontal .m12-large-grid .m1-large-grid,
    #filters-block .m12-large-grid .m1-large-grid {
      width: 8.33333%; }
    .layout__header.horizontal .m12-large-grid .m2-large-grid,
    #filters-block .m12-large-grid .m2-large-grid {
      width: 16.6667%; }
    .layout__header.horizontal .m12-large-grid .m3-large-grid,
    #filters-block .m12-large-grid .m3-large-grid {
      width: 25% !important; }
    .layout__header.horizontal .m12-large-grid .m4-large-grid,
    #filters-block .m12-large-grid .m4-large-grid {
      width: 33.3333%; }
    .layout__header.horizontal .m12-large-grid .m5-large-grid,
    #filters-block .m12-large-grid .m5-large-grid {
      width: 41.6667%; }
    .layout__header.horizontal .m12-large-grid .m6-large-grid,
    #filters-block .m12-large-grid .m6-large-grid {
      width: 50%; }
    .layout__header.horizontal .m12-large-grid .m7-large-grid,
    #filters-block .m12-large-grid .m7-large-grid {
      width: 58.3333%; }
    .layout__header.horizontal .m12-large-grid .m8-large-grid,
    #filters-block .m12-large-grid .m8-large-grid {
      width: 66.6667%; }
    .layout__header.horizontal .m12-large-grid .m9-large-grid,
    #filters-block .m12-large-grid .m9-large-grid {
      width: 75%; }
    .layout__header.horizontal .m12-large-grid .m10-large-grid,
    #filters-block .m12-large-grid .m10-large-grid {
      width: 83.3333%; }
    .layout__header.horizontal .m12-large-grid .m11-large-grid,
    #filters-block .m12-large-grid .m11-large-grid {
      width: 91.6667%; }
    .layout__header.horizontal .m12-large-grid .m12-large-grid,
    #filters-block .m12-large-grid .m12-large-grid {
      width: 100%; } } }

.font-link {
  flex: 0 !important;
  display: none; }

@media (min-width: 1024px) and (max-width: 1280px) {
  .case-detail__header--desk .hide-on-xlarge-and-up {
    display: none !important; }
  .case-detail__header--desk .hide-on-large-and-down {
    display: inline-block !important; } }

/*moz*/
@-moz-document url-prefix() {
  @media only screen and (min-width: 601px) {
    .layout__header.horizontal .m12-large-grid .m1-large-grid,
    #filters-block .m12-large-grid .m1-large-grid {
      width: 8.33333%; }
    .layout__header.horizontal .m12-large-grid .m2-large-grid,
    #filters-block .m12-large-grid .m2-large-grid {
      width: 16.6667%; }
    .layout__header.horizontal .m12-large-grid .m3-large-grid,
    #filters-block .m12-large-grid .m3-large-grid {
      width: 25% !important; }
    .layout__header.horizontal .m12-large-grid .m4-large-grid,
    #filters-block .m12-large-grid .m4-large-grid {
      width: 33.3333%; }
    .layout__header.horizontal .m12-large-grid .m5-large-grid,
    #filters-block .m12-large-grid .m5-large-grid {
      width: 41.6667%; }
    .layout__header.horizontal .m12-large-grid .m6-large-grid,
    #filters-block .m12-large-grid .m6-large-grid {
      width: 50%; }
    .layout__header.horizontal .m12-large-grid .m7-large-grid,
    #filters-block .m12-large-grid .m7-large-grid {
      width: 58.3333%; }
    .layout__header.horizontal .m12-large-grid .m8-large-grid,
    #filters-block .m12-large-grid .m8-large-grid {
      width: 66.6667%; }
    .layout__header.horizontal .m12-large-grid .m9-large-grid,
    #filters-block .m12-large-grid .m9-large-grid {
      width: 75%; }
    .layout__header.horizontal .m12-large-grid .m10-large-grid,
    #filters-block .m12-large-grid .m10-large-grid {
      width: 83.3333%; }
    .layout__header.horizontal .m12-large-grid .m11-large-grid,
    #filters-block .m12-large-grid .m11-large-grid {
      width: 91.6667%; }
    .layout__header.horizontal .m12-large-grid .m12-large-grid,
    #filters-block .m12-large-grid .m12-large-grid {
      width: 100%; } } }

@media (max-width: 1300px) {
  .cd-sidebar > .valign-wrapper .col.s5 .btn {
    padding: 0 0.5rem; } }

@media only screen and (max-width: 960px) {
  #mobile-sidebar.hide-on-med-and-up {
    display: block !important; } }

@media only screen and (min-width: 961px) {
  #mobile-sidebar.hide-on-med-and-up {
    display: none !important; } }

/* Case Details - new */
.layout__main__split .layout__main__content {
  padding-bottom: 40px; }

.btn-flat.bordered.create-btn {
  color: #1774cc !important;
  width: 100%;
  font-weight: 400;
  line-height: 60px;
  height: 60px;
  margin-bottom: 30px;
  border-color: #e6e6e6;
  transition: 0.2s ease-out; }

.one-line-header .case-form__meta p {
  line-height: 37px; }
  .one-line-header .case-form__meta p.text-thin {
    font-weight: 300; }

.one-line-header .case-form__asignee .chip {
  margin: 2px 0 0 0; }

#case-summary .case-form-body-wrapper,
.case-default-block .case-form-body-wrapper {
  border-bottom: 1px solid #e6e6e6; }
  #case-summary .case-form-body-wrapper:last-child,
  .case-default-block .case-form-body-wrapper:last-child {
    border-bottom: none; }

#case-summary .case-section-title,
.case-default-block .case-section-title {
  margin: 0;
  font-weight: 400;
  color: #313336;
  font-size: 20px; }
  #case-summary .case-section-title.mb5,
  .case-default-block .case-section-title.mb5 {
    margin-bottom: 5px; }
  #case-summary .case-section-title.mb0,
  .case-default-block .case-section-title.mb0 {
    margin-bottom: 0; }

#case-summary .mb-0,
.case-default-block .mb-0 {
  margin-bottom: 0 !important; }

#case-summary .view-btn,
.case-default-block .view-btn {
  color: #1774cc !important;
  width: 100%;
  font-weight: 400;
  line-height: 60px;
  height: 60px;
  display: block;
  text-align: center;
  transition: 0.2s ease-out; }
  #case-summary .view-btn:hover, #case-summary .view-btn:active:hover, #case-summary .view-btn:focus:hover, #case-summary .call-part-modal .input-field:active .select-wrapper input.view-btn.select-dropdown:hover, .call-part-modal .input-field:active .select-wrapper #case-summary input.view-btn.select-dropdown:hover, #case-summary .call-part-modal .input-field:active .select-wrapper a.view-btn.select-dropdown:hover, .call-part-modal .input-field:active .select-wrapper #case-summary a.view-btn.select-dropdown:hover, #case-summary .call-part-modal .input-field input.view-btn:hover:active, .call-part-modal .input-field #case-summary input.view-btn:hover:active,
  .case-default-block .view-btn:hover,
  .case-default-block .view-btn:active:hover,
  .case-default-block .view-btn:focus:hover,
  .case-default-block .call-part-modal .input-field:active .select-wrapper input.view-btn.select-dropdown:hover, .call-part-modal .input-field:active .select-wrapper
  .case-default-block input.view-btn.select-dropdown:hover,
  .case-default-block .call-part-modal .input-field:active .select-wrapper a.view-btn.select-dropdown:hover, .call-part-modal .input-field:active .select-wrapper
  .case-default-block a.view-btn.select-dropdown:hover,
  .case-default-block .call-part-modal .input-field input.view-btn:hover:active, .call-part-modal .input-field
  .case-default-block input.view-btn:hover:active {
    background: #f2f2f2; }

#case-summary .case-section-title,
.case-default-block .case-section-title {
  margin: 5px 0 15px 0;
  font-weight: 400;
  color: #313336;
  font-size: 20px;
  line-height: 25px; }

#case-summary .case-form__body,
.case-default-block .case-form__body {
  padding: 20px 20px 25px; }
  #case-summary .case-form__body.pb15,
  .case-default-block .case-form__body.pb15 {
    padding-bottom: 15px; }
  #case-summary .case-form__body .row,
  .case-default-block .case-form__body .row {
    margin: 0; }
    #case-summary .case-form__body .row.mb30,
    .case-default-block .case-form__body .row.mb30 {
      margin-bottom: 30px; }
    #case-summary .case-form__body .row.mb20,
    .case-default-block .case-form__body .row.mb20 {
      margin-bottom: 20px; }
    #case-summary .case-form__body .row .col,
    .case-default-block .case-form__body .row .col {
      margin: 0;
      line-height: 25px; }
      #case-summary .case-form__body .row .col a.action-link,
      .case-default-block .case-form__body .row .col a.action-link {
        width: 32px;
        height: 32px;
        border-radius: 1000px;
        text-align: center;
        display: inline-block;
        margin-top: -5px; }
        #case-summary .case-form__body .row .col a.action-link:hover,
        .case-default-block .case-form__body .row .col a.action-link:hover {
          background: rgba(0, 0, 0, 0.1); }
        #case-summary .case-form__body .row .col a.action-link .material-icons,
        .case-default-block .case-form__body .row .col a.action-link .material-icons {
          line-height: 32px; }
  #case-summary .case-form__body .summary-label,
  .case-default-block .case-form__body .summary-label {
    color: #5b6b78; }
  #case-summary .case-form__body .summary-data,
  .case-default-block .case-form__body .summary-data {
    color: #000; }
  #case-summary .case-form__body .row.mt30,
  .case-default-block .case-form__body .row.mt30 {
    margin-top: 30px; }

#case-summary .chart,
.case-default-block .chart {
  position: relative;
  margin-bottom: 50px !important;
  max-width: 100%;
  overflow: hidden; }
  #case-summary .chart .line,
  .case-default-block .chart .line {
    display: inline-block;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    padding: 30px 0 0;
    margin-bottom: 30px; }
    #case-summary .chart .line span,
    .case-default-block .chart .line span {
      display: inline-block;
      border-radius: 50%;
      position: absolute; }
  #case-summary .chart .buble1,
  .case-default-block .chart .buble1 {
    background: #313336;
    width: 22px;
    height: 22px;
    top: 20px;
    left: 20px; }
  #case-summary .chart .buble2,
  .case-default-block .chart .buble2 {
    background: #1774cc;
    width: 21px;
    height: 21px;
    top: 20px;
    right: 21px; }
  #case-summary .chart .buble3,
  .case-default-block .chart .buble3 {
    background: #313336;
    width: 17px;
    height: 17px;
    top: 22px;
    right: 93px; }
  #case-summary .chart .buble4,
  .case-default-block .chart .buble4 {
    background: #313336;
    width: 17px;
    height: 17px;
    top: 22px;
    right: 140px; }
  #case-summary .chart .buble5,
  .case-default-block .chart .buble5 {
    background: #e6172c;
    width: 55px;
    height: 55px;
    top: 3px;
    right: 180px; }
  #case-summary .chart .buble6,
  .case-default-block .chart .buble6 {
    background: #313336;
    width: 35px;
    height: 35px;
    top: 12px;
    right: 280px; }
  #case-summary .chart .chart-key p,
  .case-default-block .chart .chart-key p {
    margin: 0;
    color: #5b6b78;
    font-style: italic;
    text-transform: uppercase;
    font-size: 12px; }

#case-summary .case-table,
.case-default-block .case-table {
  margin-bottom: 40px;
  border: 1px solid #e6e6e6;
  border-radius: 3px; }
  #case-summary .case-table .table-head,
  .case-default-block .case-table .table-head {
    padding: 15px 20px;
    background: #f2f2f2;
    border-bottom: 1px solid #e6e6e6; }
    #case-summary .case-table .table-head h5 span.badge.number[class],
    .case-default-block .case-table .table-head h5 span.badge.number[class] {
      display: inline-block;
      vertical-align: middle;
      float: none; }
  #case-summary .case-table .table-body .row.thead,
  .case-default-block .case-table .table-body .row.thead {
    border: none;
    font-weight: 700;
    color: #313336;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: visible; }
    #case-summary .case-table .table-body .row.thead a,
    .case-default-block .case-table .table-body .row.thead a {
      color: #313336; }
      #case-summary .case-table .table-body .row.thead a .material-icons,
      .case-default-block .case-table .table-body .row.thead a .material-icons {
        line-height: 10px;
        vertical-align: middle; }
  #case-summary .case-table .table-body .row,
  .case-default-block .case-table .table-body .row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #e6e6e6;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #5b6b78;
    justify-content: flex-start; }
  #case-summary .case-table .table-body .link-wrapper,
  .case-default-block .case-table .table-body .link-wrapper {
    padding: 0 20px; }
    #case-summary .case-table .table-body .link-wrapper .material-icons,
    .case-default-block .case-table .table-body .link-wrapper .material-icons {
      color: #5b6b78;
      background-clip: content-box;
      border-radius: 50%;
      cursor: pointer;
      height: 32px;
      line-height: 32px;
      text-align: center;
      transition: all 0.3s ease 0s;
      vertical-align: middle;
      width: 32px; }
      #case-summary .case-table .table-body .link-wrapper .material-icons:hover,
      .case-default-block .case-table .table-body .link-wrapper .material-icons:hover {
        background: rgba(0, 0, 0, 0.1); }
    #case-summary .case-table .table-body .link-wrapper:hover,
    .case-default-block .case-table .table-body .link-wrapper:hover {
      background: #f2f2f2;
      cursor: pointer;
      padding: 0 20px; }

#case-summary .row.no-history,
.case-default-block .row.no-history {
  color: #5b6b78;
  font-size: 16px;
  opacity: 0.6; }
  #case-summary .row.no-history i,
  .case-default-block .row.no-history i {
    vertical-align: -10px;
    display: inline-block;
    font-size: 35px;
    opacity: 0.6;
    margin-right: 10px; }

#case-summary .note-list ul,
.case-default-block .note-list ul {
  margin: 0; }
  #case-summary .note-list ul li,
  .case-default-block .note-list ul li {
    list-style-type: none;
    padding-left: 35px;
    position: relative;
    font-size: 14px;
    color: #313336;
    line-height: 22px;
    margin: 12px 0;
    display: inline-block; }
    #case-summary .note-list ul li:before,
    .case-default-block .note-list ul li:before {
      border-radius: 50%;
      box-sizing: content-box;
      display: inline-block !important;
      padding: 0 !important;
      height: 8px;
      width: 8px;
      content: ' ';
      position: absolute;
      top: 7px;
      left: 0px;
      background: #5b6b78; }

#case-summary .download-file-link,
.case-default-block .download-file-link {
  transition: 0.2s ease-out; }
  #case-summary .download-file-link span,
  .case-default-block .download-file-link span {
    text-decoration: none; }
  #case-summary .download-file-link:hover span,
  .case-default-block .download-file-link:hover span {
    text-decoration: underline; }

#case-summary .label,
.case-default-block .label {
  font-size: 12px;
  color: #5b6b78;
  margin: 0 0 -10px; }

#case-summary .case-form.is-edit,
.case-default-block .case-form.is-edit {
  border: 1px solid #313336; }
  #case-summary .case-form.is-edit.light-block,
  .case-default-block .case-form.is-edit.light-block {
    border: 2px solid #e6e6e6; }

#case-summary .collapse-edit .input-field label.active,
.case-default-block .collapse-edit .input-field label.active {
  transform: translateY(-92%);
  line-height: 1.125rem; }

#case-summary .collapse-edit .case-form__header,
.case-default-block .collapse-edit .case-form__header {
  background: #313336; }
  #case-summary .collapse-edit .case-form__header p,
  .case-default-block .collapse-edit .case-form__header p {
    font-weight: 400;
    font-size: 20px;
    margin: 0;
    color: #fff;
    line-height: 33px; }

#case-summary .collapse-edit .case-form__asignee .close-form-icon,
.case-default-block .collapse-edit .case-form__asignee .close-form-icon {
  color: #e6172c;
  margin-right: 20px; }

#case-summary .collapse-edit .case-form__asignee .save-form-icon,
.case-default-block .collapse-edit .case-form__asignee .save-form-icon {
  color: #1774cc; }

#case-summary .collapse-edit .case-form__asignee .close-form-icon,
#case-summary .collapse-edit .case-form__asignee .save-form-icon,
.case-default-block .collapse-edit .case-form__asignee .close-form-icon,
.case-default-block .collapse-edit .case-form__asignee .save-form-icon {
  background: none;
  border: none;
  padding: 0;
  text-decoration: none; }
  #case-summary .collapse-edit .case-form__asignee .close-form-icon:visited, #case-summary .collapse-edit .case-form__asignee .close-form-icon:hover, #case-summary .collapse-edit .case-form__asignee .close-form-icon:active,
  #case-summary .collapse-edit .case-form__asignee .save-form-icon:visited,
  #case-summary .collapse-edit .case-form__asignee .save-form-icon:hover,
  #case-summary .collapse-edit .case-form__asignee .save-form-icon:active,
  .case-default-block .collapse-edit .case-form__asignee .close-form-icon:visited,
  .case-default-block .collapse-edit .case-form__asignee .close-form-icon:hover,
  .case-default-block .collapse-edit .case-form__asignee .close-form-icon:active,
  .case-default-block .collapse-edit .case-form__asignee .save-form-icon:visited,
  .case-default-block .collapse-edit .case-form__asignee .save-form-icon:hover,
  .case-default-block .collapse-edit .case-form__asignee .save-form-icon:active {
    text-decoration: none; }

#case-summary .collapse-edit .case-form__asignee i,
.case-default-block .collapse-edit .case-form__asignee i {
  background-clip: content-box;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
  height: 32px !important;
  line-height: 32px !important;
  transition: 0.3s;
  text-align: center;
  vertical-align: middle;
  width: 32px !important; }

#case-summary .collapse-edit .case-form__asignee button:hover i,
.case-default-block .collapse-edit .case-form__asignee button:hover i {
  background: rgba(255, 255, 255, 0.1); }

#case-summary .collapse-edit .case-form__body,
.case-default-block .collapse-edit .case-form__body {
  padding: 0; }
  #case-summary .collapse-edit .case-form__body .collapsible,
  .case-default-block .collapse-edit .case-form__body .collapsible {
    margin: 0;
    border: none;
    box-shadow: none; }
  #case-summary .collapse-edit .case-form__body .case-section-title,
  .case-default-block .collapse-edit .case-form__body .case-section-title {
    float: left; }
  #case-summary .collapse-edit .case-form__body .input-field .case-section-title,
  .case-default-block .collapse-edit .case-form__body .input-field .case-section-title {
    margin: 15px 0 0; }
  #case-summary .collapse-edit .case-form__body .collapsible-header:before,
  #case-summary .collapse-edit .case-form__body .collapsible-header:after,
  .case-default-block .collapse-edit .case-form__body .collapsible-header:before,
  .case-default-block .collapse-edit .case-form__body .collapsible-header:after {
    content: '';
    display: table; }
  #case-summary .collapse-edit .case-form__body .collapsible-header:after,
  .case-default-block .collapse-edit .case-form__body .collapsible-header:after {
    clear: both; }
  #case-summary .collapse-edit .case-form__body .collapsible-header,
  .case-default-block .collapse-edit .case-form__body .collapsible-header {
    zoom: 1;
    display: block;
    cursor: pointer;
    min-height: 80px;
    line-height: 80px;
    padding: 0 30px;
    background-color: #fff;
    border-bottom: 1px solid #313336;
    color: #313336; }
    #case-summary .collapse-edit .case-form__body .collapsible-header h1,
    .case-default-block .collapse-edit .case-form__body .collapsible-header h1 {
      margin: 0;
      line-height: 80px;
      font-size: 18px;
      color: #313336; }
    #case-summary .collapse-edit .case-form__body .collapsible-header.empty,
    .case-default-block .collapse-edit .case-form__body .collapsible-header.empty {
      min-height: 20px;
      line-height: 20px; }
  #case-summary .collapse-edit .case-form__body .right-collapse-info span,
  .case-default-block .collapse-edit .case-form__body .right-collapse-info span {
    display: inline-block;
    line-height: 80px; }
  #case-summary .collapse-edit .case-form__body .right-collapse-info .alert-info,
  .case-default-block .collapse-edit .case-form__body .right-collapse-info .alert-info {
    float: left;
    margin-right: 10px; }
    #case-summary .collapse-edit .case-form__body .right-collapse-info .alert-info i,
    .case-default-block .collapse-edit .case-form__body .right-collapse-info .alert-info i {
      color: #e7741c;
      margin-right: 5px;
      font-size: 20px;
      line-height: 80px;
      transform: none !important; }
      #case-summary .collapse-edit .case-form__body .right-collapse-info .alert-info i.icon-success,
      .case-default-block .collapse-edit .case-form__body .right-collapse-info .alert-info i.icon-success {
        color: #30a039; }
  #case-summary .collapse-edit .case-form__body .right-collapse-info .collapse-arrow,
  .case-default-block .collapse-edit .case-form__body .right-collapse-info .collapse-arrow {
    line-height: 80px; }
    #case-summary .collapse-edit .case-form__body .right-collapse-info .collapse-arrow i,
    .case-default-block .collapse-edit .case-form__body .right-collapse-info .collapse-arrow i {
      display: inline-block;
      text-align: center;
      margin-right: 0;
      font-size: 26px;
      line-height: 32px;
      border-radius: 50%;
      vertical-align: middle;
      width: 32px;
      height: 32px;
      transition: all 0.3s ease 0s;
      float: none;
      cursor: pointer; }
      #case-summary .collapse-edit .case-form__body .right-collapse-info .collapse-arrow i:hover,
      .case-default-block .collapse-edit .case-form__body .right-collapse-info .collapse-arrow i:hover {
        background: rgba(23, 116, 204, 0.4); }
  #case-summary .collapse-edit .case-form__body .ca-down,
  .case-default-block .collapse-edit .case-form__body .ca-down {
    line-height: 36px; }
  #case-summary .collapse-edit .case-form__body .ca-up,
  .case-default-block .collapse-edit .case-form__body .ca-up {
    display: none !important; }
  #case-summary .collapse-edit .case-form__body .collapsible-header .ca-up,
  .case-default-block .collapse-edit .case-form__body .collapsible-header .ca-up {
    transform: none;
    display: none !important; }
  #case-summary .collapse-edit .case-form__body .collapsible-header .ca-down,
  .case-default-block .collapse-edit .case-form__body .collapsible-header .ca-down {
    transform: none;
    display: inline-block !important; }
  #case-summary .collapse-edit .case-form__body .collapsible-header.active,
  .case-default-block .collapse-edit .case-form__body .collapsible-header.active {
    border-bottom: 1px solid transparent; }
    #case-summary .collapse-edit .case-form__body .collapsible-header.active .ca-up,
    .case-default-block .collapse-edit .case-form__body .collapsible-header.active .ca-up {
      display: inline-block !important;
      transform: none; }
    #case-summary .collapse-edit .case-form__body .collapsible-header.active .ca-down,
    .case-default-block .collapse-edit .case-form__body .collapsible-header.active .ca-down {
      display: none !important;
      transform: none; }
  #case-summary .collapse-edit .case-form__body .collapsible li.active .collapsible-body,
  .case-default-block .collapse-edit .case-form__body .collapsible li.active .collapsible-body {
    border-bottom: 1px solid #313336; }
  #case-summary .collapse-edit .case-form__body .collapsible li:last-child .collapsible-header,
  #case-summary .collapse-edit .case-form__body .collapsible li:last-child .collapsible-body,
  .case-default-block .collapse-edit .case-form__body .collapsible li:last-child .collapsible-header,
  .case-default-block .collapse-edit .case-form__body .collapsible li:last-child .collapsible-body {
    border-bottom: none; }
  #case-summary .collapse-edit .case-form__body .collapsible-body,
  .case-default-block .collapse-edit .case-form__body .collapsible-body {
    padding: 0 0 20px 0; }
  @media only screen and (max-width: 1024px) {
    #case-summary .collapse-edit .case-form__body .row .col.s12,
    .case-default-block .collapse-edit .case-form__body .row .col.s12 {
      width: 100% !important; } }

#case-summary .collapse-edit .collapsible-body .collapse-subheading,
.case-default-block .collapse-edit .collapsible-body .collapse-subheading {
  font-size: 15px;
  color: #5b6b78;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.5rem 2rem; }

#case-summary .collapse-edit .collapsible-body .row .col,
.case-default-block .collapse-edit .collapsible-body .row .col {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0 2rem; }
  #case-summary .collapse-edit .collapsible-body .row .col.link-col,
  .case-default-block .collapse-edit .collapsible-body .row .col.link-col {
    margin-top: 0;
    margin-bottom: 30px; }
    #case-summary .collapse-edit .collapsible-body .row .col.link-col a,
    .case-default-block .collapse-edit .collapsible-body .row .col.link-col a {
      font-weight: 700;
      margin-right: 60px; }
  #case-summary .collapse-edit .collapsible-body .row .col .classic_picker--opened .classic_picker__holder,
  .case-default-block .collapse-edit .collapsible-body .row .col .classic_picker--opened .classic_picker__holder {
    right: 4rem; }
  #case-summary .collapse-edit .collapsible-body .row .col.val-date-left .classic_picker--opened .classic_picker__holder,
  .case-default-block .collapse-edit .collapsible-body .row .col.val-date-left .classic_picker--opened .classic_picker__holder {
    right: auto;
    left: 0; }
  #case-summary .collapse-edit .collapsible-body .row .col.pt10,
  .case-default-block .collapse-edit .collapsible-body .row .col.pt10 {
    padding-top: 10px; }
  #case-summary .collapse-edit .collapsible-body .row .col .case-section-title,
  .case-default-block .collapse-edit .collapsible-body .row .col .case-section-title {
    margin: 15px 0 0; }

#case-summary .collapse-edit .collapsible-body .row .col.mt-0,
.case-default-block .collapse-edit .collapsible-body .row .col.mt-0 {
  margin-top: 0; }

#case-summary .collapse-edit .collapsible-body .row.delete-row,
.case-default-block .collapse-edit .collapsible-body .row.delete-row {
  padding-right: 90px; }
  @media (min-width: 1400px) {
    #case-summary .collapse-edit .collapsible-body .row.delete-row.pr150,
    .case-default-block .collapse-edit .collapsible-body .row.delete-row.pr150 {
      padding-right: 150px; } }
  #case-summary .collapse-edit .collapsible-body .row.delete-row .col,
  .case-default-block .collapse-edit .collapsible-body .row.delete-row .col {
    padding-right: 0; }
    #case-summary .collapse-edit .collapsible-body .row.delete-row .col.val-date:after,
    .case-default-block .collapse-edit .collapsible-body .row.delete-row .col.val-date:after {
      right: 0; }
    #case-summary .collapse-edit .collapsible-body .row.delete-row .col .classic_picker--opened .classic_picker__holder,
    .case-default-block .collapse-edit .collapsible-body .row.delete-row .col .classic_picker--opened .classic_picker__holder {
      right: 2rem;
      top: 0; }
    #case-summary .collapse-edit .collapsible-body .row.delete-row .col.dropdown-box .material-icons,
    .case-default-block .collapse-edit .collapsible-body .row.delete-row .col.dropdown-box .material-icons {
      right: 0; }
  #case-summary .collapse-edit .collapsible-body .row.delete-row .delete,
  .case-default-block .collapse-edit .collapsible-body .row.delete-row .delete {
    position: absolute;
    right: -70px;
    bottom: 0px;
    color: #5b6b78;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 1000px; }
    #case-summary .collapse-edit .collapsible-body .row.delete-row .delete i,
    .case-default-block .collapse-edit .collapsible-body .row.delete-row .delete i {
      line-height: 32px; }
    #case-summary .collapse-edit .collapsible-body .row.delete-row .delete:hover,
    .case-default-block .collapse-edit .collapsible-body .row.delete-row .delete:hover {
      background: rgba(0, 0, 0, 0.1); }

#case-summary .collapse-edit .collapsible-body .input-field.col label,
.case-default-block .collapse-edit .collapsible-body .input-field.col label {
  left: 2rem; }

#case-summary .collapse-edit .collapsible-body .input-field.textarea-field label.active,
.case-default-block .collapse-edit .collapsible-body .input-field.textarea-field label.active {
  transform: translateY(-115%); }

#case-summary .collapse-edit .collapsible-body .checkbox-wrap,
.case-default-block .collapse-edit .collapsible-body .checkbox-wrap {
  line-height: 43px; }
  #case-summary .collapse-edit .collapsible-body .checkbox-wrap.lh1,
  .case-default-block .collapse-edit .collapsible-body .checkbox-wrap.lh1 {
    line-height: 1; }

#case-summary .collapse-edit .collapsible-body .checkbox-wrap [type='checkbox'] + label,
.case-default-block .collapse-edit .collapsible-body .checkbox-wrap [type='checkbox'] + label {
  top: 5px;
  font-weight: 400;
  left: 0 !important;
  padding-left: 35px;
  word-break: break-word; }

#case-summary .collapse-edit .collapsible-body .checkbox-wrap.check-empty [type='checkbox'] + label,
.case-default-block .collapse-edit .collapsible-body .checkbox-wrap.check-empty [type='checkbox'] + label {
  top: 0px; }

#case-summary .collapse-edit .collapsible-body .grey-copy,
.case-default-block .collapse-edit .collapsible-body .grey-copy {
  line-height: 43px;
  color: #5b6b78;
  font-size: 14px;
  display: inline-block; }

#case-summary .collapse-edit .collapsible-body .dark,
.case-default-block .collapse-edit .collapsible-body .dark {
  color: #313336; }

#case-summary .collapse-edit .collapsible-body .select-wrapper span.caret,
.case-default-block .collapse-edit .collapsible-body .select-wrapper span.caret {
  text-align: right;
  right: 8px; }
  #case-summary .collapse-edit .collapsible-body .select-wrapper span.caret:before,
  .case-default-block .collapse-edit .collapsible-body .select-wrapper span.caret:before {
    display: none; }

#case-summary .collapse-edit .collapsible-body input[type='text'].select-dropdown,
.case-default-block .collapse-edit .collapsible-body input[type='text'].select-dropdown {
  font-weight: 400; }

#case-summary .collapse-edit .collapsible-body [type='radio']:not(:checked) + label,
#case-summary .collapse-edit .collapsible-body [type='radio']:checked + label,
.case-default-block .collapse-edit .collapsible-body [type='radio']:not(:checked) + label,
.case-default-block .collapse-edit .collapsible-body [type='radio']:checked + label {
  top: 0px;
  color: #5b6b78;
  font-size: 14px;
  vertical-align: middle;
  left: -2px; }

#case-summary .collapse-edit .collapsible-body [type='radio'] + label:before,
#case-summary .collapse-edit .collapsible-body [type='radio'] + label:after,
.case-default-block .collapse-edit .collapsible-body [type='radio'] + label:before,
.case-default-block .collapse-edit .collapsible-body [type='radio'] + label:after {
  top: -2px;
  margin-left: 0; }

#case-summary .collapse-edit .collapsible-body textarea.materialize-textarea,
.case-default-block .collapse-edit .collapsible-body textarea.materialize-textarea {
  padding: 0; }
  #case-summary .collapse-edit .collapsible-body textarea.materialize-textarea.edit-textarea,
  .case-default-block .collapse-edit .collapsible-body textarea.materialize-textarea.edit-textarea {
    font-weight: 400;
    color: #5b6b78; }

#case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib,
.case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib {
  display: inline-block;
  margin-left: 20px; }
  #case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib label.active,
  #case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib label,
  .case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib label.active,
  .case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib label {
    left: 0; }
  #case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.val-date,
  .case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.val-date {
    min-width: 50%; }
    #case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.val-date:after,
    .case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.val-date:after {
      right: 0; }
  #case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.added-field,
  .case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.added-field {
    min-width: 50%; }
    #case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.added-field .input-field,
    .case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.added-field .input-field {
      margin-top: 0; }
    #case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.added-field input,
    .case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib.added-field input {
      margin-bottom: 0; }
  #case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib .val-warning:after,
  #case-summary .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib .val-approve:after,
  .case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib .val-warning:after,
  .case-default-block .collapse-edit .collapsible-body .stroke-intake-item.active .mix-fields .additional.ib .val-approve:after {
    right: 0; }

#case-summary .collapse-edit .collapsible-body .mix-fields .checkbox-wrap.ib:first-child,
.case-default-block .collapse-edit .collapsible-body .mix-fields .checkbox-wrap.ib:first-child {
  margin-left: 0px; }

#case-summary .collapse-edit .collapsible-body .left-aligned .checkbox-wrap,
.case-default-block .collapse-edit .collapsible-body .left-aligned .checkbox-wrap {
  margin-right: 20px;
  margin-left: 0px; }

#case-summary .collapse-edit .collapsible-body .pad-left-0,
.case-default-block .collapse-edit .collapsible-body .pad-left-0 {
  padding-left: 0 !important; }

#case-summary .collapse-edit .collapsible-body .text-btn.lh-43,
.case-default-block .collapse-edit .collapsible-body .text-btn.lh-43 {
  line-height: 43px;
  display: inline-block; }

#case-summary .collapse-edit .collapsible-body.time-track-block .val-date .material-icons,
.case-default-block .collapse-edit .collapsible-body.time-track-block .val-date .material-icons {
  right: 0; }

#case-summary .collapse-edit .case-form__body-footer,
.case-default-block .collapse-edit .case-form__body-footer {
  padding: 20px;
  border-top: 1px solid #313336; }
  #case-summary .collapse-edit .case-form__body-footer .input-field.col label,
  .case-default-block .collapse-edit .case-form__body-footer .input-field.col label {
    padding-left: 35px;
    font-weight: 400;
    top: 5px;
    left: 0; }
  #case-summary .collapse-edit .case-form__body-footer .row:last-child,
  .case-default-block .collapse-edit .case-form__body-footer .row:last-child {
    margin-top: 2.5rem; }
    #case-summary .collapse-edit .case-form__body-footer .row:last-child.mt0,
    .case-default-block .collapse-edit .case-form__body-footer .row:last-child.mt0 {
      margin-top: 0; }
  #case-summary .collapse-edit .case-form__body-footer.tp0,
  .case-default-block .collapse-edit .case-form__body-footer.tp0 {
    padding-top: 0; }

#case-summary .collapse-edit .collapse-bottom .alert-info,
.case-default-block .collapse-edit .collapse-bottom .alert-info {
  line-height: 50px;
  color: #5b6b78; }
  #case-summary .collapse-edit .collapse-bottom .alert-info i,
  .case-default-block .collapse-edit .collapse-bottom .alert-info i {
    color: #e7741c;
    margin-right: 5px;
    font-size: 20px;
    line-height: 50px;
    display: inline-block;
    vertical-align: -4px;
    transform: none !important; }
    #case-summary .collapse-edit .collapse-bottom .alert-info i.icon-success,
    .case-default-block .collapse-edit .collapse-bottom .alert-info i.icon-success {
      color: #30a039; }
  #case-summary .collapse-edit .collapse-bottom .alert-info .icon-approve,
  .case-default-block .collapse-edit .collapse-bottom .alert-info .icon-approve {
    display: none; }
  #case-summary .collapse-edit .collapse-bottom .alert-info.alert-approve .icon-error,
  .case-default-block .collapse-edit .collapse-bottom .alert-info.alert-approve .icon-error {
    display: none; }
  #case-summary .collapse-edit .collapse-bottom .alert-info.alert-approve i,
  .case-default-block .collapse-edit .collapse-bottom .alert-info.alert-approve i {
    color: #30a039;
    display: inline-block; }

#case-summary .collapse-edit .collapse-bottom .btn,
.case-default-block .collapse-edit .collapse-bottom .btn {
  height: 50px;
  line-height: 50px; }
  #case-summary .collapse-edit .collapse-bottom .btn i,
  .case-default-block .collapse-edit .collapse-bottom .btn i {
    font-size: 24px;
    line-height: 1;
    margin-right: 10px;
    display: inline-block;
    vertical-align: -7px; }
  #case-summary .collapse-edit .collapse-bottom .btn.cancel-link,
  .case-default-block .collapse-edit .collapse-bottom .btn.cancel-link {
    color: #e6172c !important;
    background: transparent;
    box-shadow: none !important; }
    #case-summary .collapse-edit .collapse-bottom .btn.cancel-link:hover,
    .case-default-block .collapse-edit .collapse-bottom .btn.cancel-link:hover {
      background-color: #f2f2f2 !important; }
    #case-summary .collapse-edit .collapse-bottom .btn.cancel-link + .btn,
    .case-default-block .collapse-edit .collapse-bottom .btn.cancel-link + .btn {
      margin-left: 20px; }
    @media (max-width: 520px) {
      #case-summary .collapse-edit .collapse-bottom .btn.cancel-link,
      .case-default-block .collapse-edit .collapse-bottom .btn.cancel-link {
        margin-bottom: 10px; } }

#case-summary .collapse-edit .case-section-subtitle,
.case-default-block .collapse-edit .case-section-subtitle {
  font-size: 16px;
  margin: 0;
  line-height: 20px; }

#case-summary .collapse-edit .collapsible-body.general-not-collapsed .radio-list .row .col,
.case-default-block .collapse-edit .collapsible-body.general-not-collapsed .radio-list .row .col {
  margin-top: 0 !important; }

#case-summary .collapse-edit .collapsible-body.general-not-collapsed > .row,
.case-default-block .collapse-edit .collapsible-body.general-not-collapsed > .row {
  margin-bottom: 1rem; }
  #case-summary .collapse-edit .collapsible-body.general-not-collapsed > .row:last-child,
  .case-default-block .collapse-edit .collapsible-body.general-not-collapsed > .row:last-child {
    margin-bottom: 0; }

#case-summary .collapse-edit .collapsible-body.general-not-collapsed .case-section-title,
.case-default-block .collapse-edit .collapsible-body.general-not-collapsed .case-section-title {
  margin: 0; }

#case-summary .collapse-edit .collapsible-body.general-not-collapsed .note-list li,
.case-default-block .collapse-edit .collapsible-body.general-not-collapsed .note-list li {
  line-height: 25px;
  display: block;
  margin: 0; }

#case-summary .collapse-edit .collapsible-body.general-not-collapsed .rec-no,
.case-default-block .collapse-edit .collapsible-body.general-not-collapsed .rec-no {
  display: block; }

#case-summary .collapse-edit .collapsible-body.general-not-collapsed.active .rec-no,
.case-default-block .collapse-edit .collapsible-body.general-not-collapsed.active .rec-no {
  display: none; }

#case-summary .collapse-edit .collapsible-body.general-not-collapsed .rec-yes,
.case-default-block .collapse-edit .collapsible-body.general-not-collapsed .rec-yes {
  margin-bottom: 1rem; }

#case-summary .collapse-edit .collapsible-body.general-not-collapsed.padded-top,
.case-default-block .collapse-edit .collapsible-body.general-not-collapsed.padded-top {
  margin-top: 28px !important; }

#case-summary .collapse-edit .collapsible-body.general-not-collapsed .val-date.right1 .material-icons,
.case-default-block .collapse-edit .collapsible-body.general-not-collapsed .val-date.right1 .material-icons {
  right: 1em; }

#case-summary .collapse-edit .radio-list,
.case-default-block .collapse-edit .radio-list {
  margin-bottom: 1rem; }
  #case-summary .collapse-edit .radio-list .row,
  .case-default-block .collapse-edit .radio-list .row {
    margin: 0; }
  #case-summary .collapse-edit .radio-list .checkbox-wrap,
  .case-default-block .collapse-edit .radio-list .checkbox-wrap {
    line-height: 25px; }

#case-summary .light-block .case-form__body .row .col,
.case-default-block .light-block .case-form__body .row .col {
  margin: 1rem 0; }

#case-summary .light-block .case-form__body .row:last-child .col,
.case-default-block .light-block .case-form__body .row:last-child .col {
  margin-bottom: 0; }

.select-wrapper + label {
  top: -6px;
  font-size: 0.75rem;
  line-height: 1.125rem; }

.save-form-icon:disabled, .save-form-icon.disabled, .save-form-icon[disabled],
.close-form-icon:disabled,
.close-form-icon.disabled,
.close-form-icon[disabled] {
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(91, 107, 120, 0.5) !important;
  cursor: default; }

input:not([type]):disabled,
input[type='text']:disabled,
input[type='password']:disabled,
input[type='email']:disabled,
input[type='url']:disabled,
input[type='time']:disabled,
input[type='date']:disabled,
input[type='datetime']:disabled,
input[type='datetime-local']:disabled,
input[type='tel']:disabled,
input[type='number']:disabled,
input[type='search']:disabled,
textarea.materialize-textarea:disabled,
input:not([type]).disabled,
input[type='text'].disabled,
input[type='password'].disabled,
input[type='email'].disabled,
input[type='url'].disabled,
input[type='time'].disabled,
input[type='date'].disabled,
input[type='datetime'].disabled,
input[type='datetime-local'].disabled,
input[type='tel'].disabled,
input[type='number'].disabled,
input[type='search'].disabled,
textarea.materialize-textarea.disabled,
input:not([type])[disabled],
input[type='text'][disabled],
input[type='password'][disabled],
input[type='email'][disabled],
input[type='url'][disabled],
input[type='time'][disabled],
input[type='date'][disabled],
input[type='datetime'][disabled],
input[type='datetime-local'][disabled],
input[type='tel'][disabled],
input[type='number'][disabled],
input[type='search'][disabled],
textarea.materialize-textarea[disabled] {
  color: rgba(0, 0, 0, 0.4) !important;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.4) !important;
  cursor: default;
  pointer-events: none; }

.input-field input:disabled + label {
  color: rgba(0, 0, 0, 0.4) !important; }

.val-warning input,
.val-approve input {
  padding-right: 23px !important;
  box-sizing: border-box !important; }

.val-warning:after,
.val-approve:after {
  font-family: 'Material Icons';
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga' 1;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 2.5rem;
  top: 14px;
  font-size: 18px;
  z-index: 1;
  display: block;
  text-align: right; }

.val-warning.text-input:after,
.val-approve.text-input:after {
  top: auto;
  bottom: 16px;
  right: 0.75rem; }

.val-warning:after {
  content: 'error';
  color: #e7741c; }

.val-approve:after {
  content: 'check_circle';
  color: #30a039; }

.single-input.val-warning:after,
.single-input .val-warning:after, .single-input.val-approve:after,
.single-input .val-approve:after {
  right: 0; }

.col.val-warning.val-select {
  padding-right: 60px; }
  .col.val-warning.val-select:after {
    right: 30px; }

.moment-picker-reference.val-warning:after, .moment-picker-reference.val-approve:after {
  right: 3rem; }

.form:not(.has-auto-dropdown) .input-field bw-select-filter .dropdown-box .dropdown-content {
  top: 0px !important; }

.input-field bw-select-filter .dropdown-box label {
  left: 0; }
  .input-field bw-select-filter .dropdown-box label.active {
    left: 0;
    color: #5b6b78; }

.input-field bw-select-filter .dropdown-box .material-icons {
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87); }

.input-field bw-select-filter .dropdown-box .dropdown-content .material-icons {
  right: 10px; }

.input-field bw-select-filter .dropdown-box.val-warning:after, .input-field bw-select-filter .dropdown-box.val-approve:after {
  right: 1.75rem; }

/* Main Patient Details*/
.layout--fix.layout--default.with-tabs .layout__main.pad {
  flex-direction: column; }

.layout--fix.layout--default.with-tabs .case-detail__tabs {
  border-bottom: none; }

@media only screen and (min-width: 601px) and (max-width: 960px) {
  .layout--fix.layout--default.with-tabs .case-detail__tabs {
    display: block; }
    .layout--fix.layout--default.with-tabs .case-detail__tabs .tabs {
      display: block; }
  .layout--fix.layout--default.with-tabs .layout__main__split.split-fullwidth .case-detail__content-section + .case-detail__content-section {
    border-top: none !important; } }

@media only screen and (max-width: 960px) {
  .layout--fix.layout--default.with-tabs .tab-hidden {
    display: none; }
  .layout--fix.layout--default.with-tabs .case-detail__content-section__heading .text-right {
    padding-top: 2px; } }

@media only screen and (max-width: 767px) {
  .layout__header.horizontal.search-header.all-cases-header.patients-main-header {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 15px !important;
    flex: 0 1 auto; }
    .layout__header.horizontal.search-header.all-cases-header.patients-main-header .m13-large-grid {
      width: 100%; }
    .layout__header.horizontal.search-header.all-cases-header.patients-main-header .valign-wrapper {
      display: block; }
      .layout__header.horizontal.search-header.all-cases-header.patients-main-header .valign-wrapper .links {
        font-size: 18px;
        padding-left: 11px;
        padding-top: 0px;
        line-height: 38px; }
      .layout__header.horizontal.search-header.all-cases-header.patients-main-header .valign-wrapper .valign {
        display: inline-block; }
        .layout__header.horizontal.search-header.all-cases-header.patients-main-header .valign-wrapper .valign.back {
          margin-right: 0px; }
          .layout__header.horizontal.search-header.all-cases-header.patients-main-header .valign-wrapper .valign.back a {
            display: inline-block;
            padding: 0 2px 0 7px; }
            .layout__header.horizontal.search-header.all-cases-header.patients-main-header .valign-wrapper .valign.back a span {
              display: none; }
    .layout__header.horizontal.search-header.all-cases-header.patients-main-header .text-right {
      width: 100% !important;
      padding-right: 5px !important; }
      .layout__header.horizontal.search-header.all-cases-header.patients-main-header .text-right .btn {
        width: 100%;
        margin-top: 10px; }
  .case-detail__fullwidth #case-summary .case-table .table-body .row {
    display: block; }
    .case-detail__fullwidth #case-summary .case-table .table-body .row .col {
      float: none;
      width: 100% !important;
      display: block; }
    .case-detail__fullwidth #case-summary .case-table .table-body .row.thead {
      display: none; }
      .case-detail__fullwidth #case-summary .case-table .table-body .row.thead + .link-wrapper .row {
        border-top: none !important; }
    .case-detail__fullwidth #case-summary .case-table .table-body .row .text-right {
      text-align: left; }
  .case-detail__fullwidth #case-summary .case-form.is-done {
    border: 1px solid #e6e6e6;
    margin-bottom: 20px; }
    .case-detail__fullwidth #case-summary .case-form.is-done .case-form__header {
      flex-direction: column; }
      .case-detail__fullwidth #case-summary .case-form.is-done .case-form__header > div {
        flex: 1 0 auto; }
      .case-detail__fullwidth #case-summary .case-form.is-done .case-form__header div + div {
        padding-top: 10px; }
  .case-detail__fullwidth #case-summary .case-form.is-edit {
    margin-bottom: 20px; }
  .case-detail__content-section.case-detail__fullwidth {
    margin: 0;
    padding-bottom: 20px; }
  .layout__main__split.split-fullwidth .case-detail__content-section + .case-detail__content-section {
    border-top: none !important; } }

.patient-det-meta {
  padding: 30px 0 10px; }
  .patient-det-meta h1 {
    line-height: 60px;
    color: #313336; }
  @media only screen and (max-width: 960px) {
    .patient-det-meta {
      padding: 5px 0; }
      .patient-det-meta h1 {
        font-size: 30px;
        line-height: 50px; } }
  @media only screen and (max-width: 767px) {
    .patient-det-meta {
      padding-bottom: 5px !important; } }

.meta-line {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #313336;
  margin-bottom: 0;
  padding: 10px 0 15px; }
  .meta-line .material-icons {
    display: inline-block;
    margin-left: -14px;
    vertical-align: -5px;
    margin-right: 10px; }

@media only screen and (max-width: 960px) {
  .meta-line {
    font-size: 1rem;
    line-height: 30px;
    padding: 5px 0 15px; }
    .meta-line .material-icons {
      vertical-align: -3px;
      font-size: 18px; } }

@media only screen and (max-width: 767px) {
  .meta-line {
    padding: 5px 0; } }

@media (max-width: 1300px) {
  .layout__header.horizontal.search-header.all-cases-header.patients-main-header {
    padding-left: 15px;
    padding-right: calc(100vw / 100 * 6.25); } }

.layout__header.horizontal.search-header.all-cases-header.patients-main-header {
  padding-right: calc(100vw / 100 * 6.25); }
  .layout__header.horizontal.search-header.all-cases-header.patients-main-header .text-right {
    padding-right: 0px; }
  .layout__header.horizontal.search-header.all-cases-header.patients-main-header .single-header .back {
    border: 1px solid #e6e6e6; }

.flex-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-flow: row nowrap; }
  .flex-col .col {
    flex: 1; }
  @media (max-width: 601px) {
    .flex-col {
      flex-flow: column nowrap; } }

.layout__main__split.split-fullwidth {
  width: 100%;
  flex: 1 0 auto;
  border-left: none; }
  .layout__main__split.split-fullwidth .layout__main__selector {
    padding: 0px;
    flex: 1 0 auto; }
  .layout__main__split.split-fullwidth .layout__main__selector__list {
    padding: 0 !important; }
    .layout__main__split.split-fullwidth .layout__main__selector__list .bkw-small-heading {
      color: #5b6b78; }
  .layout__main__split.split-fullwidth .layout__main__content {
    width: 100%;
    padding: 0;
    flex: 0 1 auto; }
  .layout__main__split.split-fullwidth .case-detail__content-section {
    padding-left: calc(100vw / 100 * 6.25);
    padding-right: calc(100vw / 100 * 6.25); }
  @media (min-width: 600px) {
    .layout__main__split.split-fullwidth .case-detail__content-section .wrapper {
      max-width: 100% !important; } }
  .layout__main__split.split-fullwidth .case-detail__content-section + .case-detail__content-section {
    border-top: 1px solid #e6e6e6; }
    .layout__main__split.split-fullwidth .case-detail__content-section + .case-detail__content-section:before {
      display: none; }

.case-detail__fullwidth .case-form-body-wrapper > .row {
  margin: 0; }

.case-detail__fullwidth .case-form-body-wrapper .pad-0 + .pad-0 {
  border-left: 1px solid #e6e6e6; }

@media (max-width: 601px) {
  .case-detail__fullwidth .case-form-body-wrapper .pad-0 + .pad-0 {
    border-left: none;
    border-top: 1px solid #e6e6e6; }
  .case-detail__fullwidth .case-form-body-wrapper .case-form__body {
    padding: 20px 0px 25px; } }

.case-detail__fullwidth .table-body .row {
  margin: 0;
  line-height: 25px; }
  .case-detail__fullwidth .table-body .row .chip {
    margin: 0; }

.case-detail__fullwidth .case-table .table-body .waiting .row {
  font-weight: bold;
  color: #313336 !important; }

.case-detail__fullwidth .case-table .create-btn {
  border: 0;
  margin-bottom: 0;
  border-radius: 0 0 3px 3px; }

.case-detail__fullwidth .case-table span.badge {
  float: none; }

.case-detail__fullwidth .case-table .link-wrapper .col:first-child,
.case-detail__fullwidth .case-table .thead .col:first-child {
  width: 11%; }

.case-detail__fullwidth .case-table .table-body .row {
  border-bottom: 1px solid #e6e6e6;
  border-top: 0 !important; }

.case-detail__fullwidth .case-table .table-body .thead + .link-wrapper .row {
  border-top: 1px solid #e6e6e6 !important; }

.case-detail__fullwidth .case-detail__content-section .dropdown-content.active {
  top: 0 !important; }

.case-detail__fullwidth .body-padd {
  padding: 40px 20px 25px; }

.case-detail__fullwidth .input-field label.active {
  transform: translateY(-80%); }

.case-detail__fullwidth .input-field.textarea-field label.active {
  transform: translateY(-110%); }

.case-detail__fullwidth textarea.materialize-textarea {
  margin-bottom: 0; }

.case-detail__fullwidth .collapse-edit .case-form__body-footer {
  padding: 10px 20px 0 !important; }
  .case-detail__fullwidth .collapse-edit .case-form__body-footer .text-right .btn {
    margin-bottom: 10px !important; }

.case-detail__fullwidth .case-form__body-footer .row:last-child {
  margin-top: 0 !important; }

.case-detail__fullwidth .case-form__meta h1 {
  line-height: 37px;
  font-size: 20px;
  color: #313336;
  margin: 0; }

.case-detail__fullwidth .assign-drop.dropdown-content.active {
  top: 0px !important; }

.case-detail__fullwidth .chip {
  margin-bottom: 0;
  margin-top: 2px; }

.case-detail__fullwidth .create-btn {
  border: 0;
  margin-bottom: 0 !important;
  border-radius: 0 0 3px 3px; }
  .case-detail__fullwidth .create-btn.create-btn-bt {
    border-top: 1px solid #e6e6e6 !important; }
  .case-detail__fullwidth .create-btn.create-btn-thin {
    margin-top: -10px; }

.case-detail__fullwidth .case-detail__content-section__heading .row .col {
  padding: 0; }

.case-form__meta h1 {
  line-height: 37px;
  font-size: 20px;
  color: #313336;
  margin: 0; }

.topline-bar {
  display: block;
  margin: 0;
  width: 100%;
  padding-left: calc(100vw / 100 * 6.25);
  padding-right: calc(100vw / 100 * 6.25);
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  line-height: 40px; }
  .topline-bar .row {
    margin: 0 -0.75rem; }
  .topline-bar .material-icons {
    color: #fff;
    background-clip: content-box;
    border-radius: 50%;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    text-align: center;
    transition: all 0.3s ease 0s;
    vertical-align: -6px;
    width: 32px;
    margin-left: 10px; }
    .topline-bar .material-icons:hover {
      background-color: rgba(0, 0, 0, 0.1); }

.patient-detail__tabs {
  background: #f2f2f2;
  padding-bottom: 0 !important; }
  .patient-detail__tabs .tabs {
    background: #f2f2f2; }

.case-detail__fullwidth #case-summary .collapse-edit .collapsible-body input[type='text'].select-dropdown,
.case-detail__fullwidth .case-default-block .collapse-edit .collapsible-body input[type='text'].select-dropdown {
  color: #313336;
  font-weight: 400; }

.case-detail__fullwidth #case-summary .collapse-edit .collapsible-body .black-copy,
.case-detail__fullwidth .case-default-block .collapse-edit .collapsible-body .black-copy {
  line-height: 42px;
  color: #313336;
  font-size: 14px;
  font-weight: 700; }

.case-detail__fullwidth #case-summary .collapse-edit .collapsible-body .grey-copy,
.case-detail__fullwidth .case-default-block .collapse-edit .collapsible-body .grey-copy {
  line-height: 42px; }

.case-detail__fullwidth #case-summary .collapse-edit .collapsible-body label.select-label,
.case-detail__fullwidth .case-default-block .collapse-edit .collapsible-body label.select-label {
  font-size: 0.75rem;
  color: #5b6b78; }

#case-summary .collapse-edit .collapsible-body .tpa-row .col,
.case-default-block .collapse-edit .collapsible-body .tpa-row .col {
  margin: 0; }

#case-summary .collapse-edit .collapsible-body .tpa-row.mb50 .col,
.case-default-block .collapse-edit .collapsible-body .tpa-row.mb50 .col {
  margin-bottom: 30px; }

#case-summary .collapse-edit .collapsible-body .tpa-row .title,
.case-default-block .collapse-edit .collapsible-body .tpa-row .title {
  font-size: 16px; }

#case-summary .collapse-edit .collapsible-body .tpa-row .text-right,
.case-default-block .collapse-edit .collapsible-body .tpa-row .text-right {
  color: #5b6b78; }

.checkbox-list .checkbox-wrap > span.mob-visible {
  display: none; }

@media (max-width: 1024px) {
  .checkbox-list .checkbox-wrap > span.mob-hidden {
    display: none; }
  .checkbox-list .checkbox-wrap > span.mob-visible {
    display: block; } }

/*med history form*/
#case-summary .collapse-edit.reduced-body .case-form__body .collapsible li.active .collapsible-body .row:first-child .col,
.case-default-block .collapse-edit.reduced-body .case-form__body .collapsible li.active .collapsible-body .row:first-child .col {
  margin-top: -0.3rem; }

#case-summary .collapse-edit.reduced-body .case-form__body .collapsible li.active .collapsible-body .mt-reduced,
.case-default-block .collapse-edit.reduced-body .case-form__body .collapsible li.active .collapsible-body .mt-reduced {
  margin-top: -1rem !important; }

#case-summary .collapse-edit .case-form__body-footer.case-form__body-footer-thin,
.case-default-block .collapse-edit .case-form__body-footer.case-form__body-footer-thin {
  padding: 10px 20px !important; }
  #case-summary .collapse-edit .case-form__body-footer.case-form__body-footer-thin .row,
  .case-default-block .collapse-edit .case-form__body-footer.case-form__body-footer-thin .row {
    margin: 0 !important; }

.checkbox-list .checkbox-wrap > span {
  display: block; }

/*open connect*/
.appstore-link {
  display: inline-block;
  padding: 10px;
  margin: 0 10px 20px; }
  .appstore-link img {
    display: block;
    width: 270px;
    height: auto; }

.case-form.is-done.nc-form input {
  border-bottom-color: #e6e6e6; }
  .case-form.is-done.nc-form input:focus, .case-form.is-done.nc-form .call-part-modal .input-field:active .select-wrapper input.select-dropdown, .call-part-modal .input-field:active .select-wrapper .case-form.is-done.nc-form input.select-dropdown, .case-form.is-done.nc-form .call-part-modal .input-field input:active, .call-part-modal .input-field .case-form.is-done.nc-form input:active {
    border-bottom-color: #1774cc; }

.case-form.is-done.nc-form .input-field {
  margin-top: 10px; }

.btn-print {
  padding: 0 1.25rem;
  text-align: center;
  margin-right: 7px;
  color: #5b6b78 !important;
  border-color: #e6e6e6;
  background-color: transparent; }
  .btn-print .material-icons {
    font-size: 24px;
    color: #5b6b78;
    margin-right: 5px !important;
    line-height: 1;
    vertical-align: -7px; }
  .btn-print span {
    height: 36px;
    line-height: 36px;
    font-weight: 400; }

/*print-calendar*/
.mr-3 {
  margin-right: 3px !important; }

.m-30 {
  margin: 30px 0;
  display: block; }

.schedule-btn {
  display: inline-block; }
  .schedule-btn .btn {
    min-width: 160px; }
  .schedule-btn .add-schedule-drop {
    top: 36px !important; }

/**/
.input-field label.active {
  font-size: 0.75rem;
  transform: translateY(-105%);
  line-height: 1.125rem; }

.input-copy {
  font-size: 14px;
  font-weight: 400;
  color: #e6e6e6;
  line-height: 43px; }
  .input-copy .material-icons {
    line-height: 43px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    color: #e6e6e6; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-24 {
  margin-bottom: 24px !important; }

.hi-row .input-field {
  margin-top: 35px; }

/*table-responsive*/
.table-responsive {
  width: 100%;
  overflow: hidden;
  -ms-overflow-style: none; }
  .table-responsive > .table {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%; }
  .table-responsive.ms-scroll {
    -ms-overflow-style: scrollbar; }

.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
  white-space: nowrap; }

.table-responsive th[data-field='firstname'] {
  padding-right: 20px; }

/* custom scroll js*/
.scrollable.default-skin {
  padding-right: 0 !important;
  padding-bottom: 6px; }
  .scrollable.default-skin .scroll-bar.horizontal {
    height: 6px;
    top: -14px;
    cursor: pointer; }

/*   /table-responsive  */
.stickerBlock {
  z-index: 9999;
  background-color: #fff;
  width: inherit;
  position: fixed;
}

.sticker_wrapper {
  width: 100%; }

.stickerBlockPatientDetail {
  position: fixed !important;
  z-index: 9999;
  background-color: #fff;
  width: calc(100vw - 190px);
  margin-left: 0px !important; }
  .stickerBlockPatientDetail .row .col.s6.text-right {
    padding-right: 16px; }

/* v1 */
.calendar-printable {
  max-width: 11in;
  max-height: 8.5in;
  margin: 0 auto;
  background: #fff; }
  .calendar-printable .calendar-nav {
    margin: 20px 0; }
    .calendar-printable .calendar-nav .col.m8 {
      padding-top: 8px; }
    .calendar-printable .calendar-nav .page-heading-inner {
      margin-bottom: 0; }
    .calendar-printable .calendar-nav .text-right span {
      color: rgba(91, 107, 120, 0.5);
      font-size: 14px;
      line-height: 1;
      margin-bottom: 10px;
      display: inline-block; }
    .calendar-printable .calendar-nav .text-right p {
      color: #313336;
      margin: 0;
      font-size: 24px;
      line-height: 24px;
      text-transform: uppercase;
      font-weight: 700; }
    .calendar-printable .calendar-nav .date {
      font-size: 30px; }
  .calendar-printable .calendar-wrap {
    padding: 0 10px; }
    .calendar-printable .calendar-wrap table {
      table-layout: fixed; }
    .calendar-printable .calendar-wrap tr:first-child > td > .day-grid-event {
      margin-top: 2px; }
    .calendar-printable .calendar-wrap .event {
      background: #1774cc;
      position: relative;
      display: block;
      font-size: 0.85em;
      line-height: 1.3;
      border-radius: 3px;
      border: none;
      font-weight: normal;
      color: #fff;
      text-decoration: none;
      padding: 7px 10px;
      margin: 1px 2px 0; }
      .calendar-printable .calendar-wrap .event.past-event {
        background: #5197d9; }
    .calendar-printable .calendar-wrap .days-table th,
    .calendar-printable .calendar-wrap .days-table td {
      border: 1px solid rgba(91, 107, 120, 0.5);
      padding: 0;
      vertical-align: top; }
    .calendar-printable .calendar-wrap .days-table .day-number {
      font-weight: 700;
      float: right;
      padding: 2px 10px 2px 2px; }
    .calendar-printable .calendar-wrap .days-table .day-top.other-month {
      opacity: 0.3; }
    .calendar-printable .calendar-wrap thead {
      border-top: none;
      border-bottom: none; }
    .calendar-printable .calendar-wrap .days-header tr {
      border: 1px solid #5b6b78; }
    .calendar-printable .calendar-wrap .days-header th {
      border-bottom: none;
      text-align: center;
      padding: 0; }
    .calendar-printable .calendar-wrap .days-header th + th {
      border-left: 1px solid rgba(91, 107, 120, 0.5); }
    .calendar-printable .calendar-wrap .week-table + .week-table thead td {
      border-top: none; }
    .calendar-printable .calendar-wrap .calendar-body {
      border: 1px solid #5b6b78;
      border-top: none; }
    .calendar-printable .calendar-wrap .content span {
      display: block;
      line-height: 1.6;
      font-size: 13px; }
    .calendar-printable .calendar-wrap .content .time,
    .calendar-printable .calendar-wrap .content .name {
      font-weight: 700;
      opacity: 1; }
    .calendar-printable .calendar-wrap .content .title {
      float: left;
      line-height: 25px; }
    .calendar-printable .calendar-wrap .content .tag {
      float: right;
      margin: 0;
      padding: 3px 12px; }
    .calendar-printable .calendar-wrap .all-day-event {
      height: 301px; }

/* calendar print version v2 */
.calendar-print .flex {
  display: flex; }

.calendar-print .flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0; }

.calendar-print .flex-row {
  flex-direction: row; }

.calendar-print .self-end {
  align-self: flex-end; }

.calendar-print .m-b0 {
  margin-bottom: 0; }

.calendar-print .m-b2 {
  margin-bottom: 1rem; }

.calendar-print .m-l2 {
  margin-left: 1rem; }

.calendar-print .pt1 {
  padding-top: 0.5rem; }

.calendar-print p {
  margin: 0 0 1.5rem; }

.calendar-print strong {
  font-weight: 700; }

.calendar-print table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0; }

.calendar-print table,
.calendar-print th,
.calendar-print td {
  border: none; }

.calendar-print table thead {
  border-bottom: 1px solid #e6e6e6; }

.calendar-print table tbody tr td,
.calendar-print table tbody tr th {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px; }

.calendar-print h3 {
  margin: 0 0 1.5rem;
  line-height: 2rem;
  font-size: 1.5rem; }

.calendar-print {
  width: 11in;
  height: 7.5in;
  margin: 0 auto;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.5rem;
  color: #313336;
  letter-spacing: 0.01em; }

.calendar-print .calendar-nav {
  padding: 0 1rem; }

.calendar-print .calendar-nav .cal-title h3 {
  font-weight: 300; }

.calendar-print .calendar-nav .cal-title p {
  display: inline-block;
  font-weight: 300; }

.calendar-print .calendar-nav .cal-page p {
  font-size: 0.625rem;
  float: right; }

.calendar-print .calendar-wrap {
  padding: 0 1rem; }

.calendar-print .calendar-wrap table {
  table-layout: fixed; }

.calendar-print .calendar-wrap tr:last-child > td {
  padding-bottom: 0.25rem; }

.calendar-print .calendar-wrap tr:first-child > td {
  padding-top: 0.25rem; }

.calendar-print .calendar-wrap .event {
  position: relative;
  display: block;
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 10px;
  font-weight: normal;
  color: #fff !important;
  text-decoration: none;
  padding: 0.125rem 0.375rem;
  margin: 0rem 0.25rem;
  border: 1px solid #1774cc; }

.calendar-print .calendar-wrap .event.part1 {
  border-radius: 10px 0 0 10px;
  margin-right: 0;
  border-right: 0; }

.calendar-print .calendar-wrap .event.part2 {
  border-radius: 0 10px 10px 0;
  margin-left: 0;
  border-left: 0; }

.calendar-print .calendar-wrap .event.part-mid {
  border-radius: 0;
  margin-right: 0;
  margin-left: 0;
  border-right: 0;
  border-left: 0; }

.calendar-print .calendar-wrap .days-table th,
.calendar-print .calendar-wrap .days-table td {
  border-left: 1px solid #e6e6e6;
  padding: 0.125rem 0;
  vertical-align: top; }

.calendar-print .calendar-wrap .days-table th:last-child,
.calendar-print .calendar-wrap .days-table td:last-child {
  border-right: 1px solid #e6e6e6; }

.calendar-print .calendar-wrap .days-table .day-number {
  float: right;
  padding: 2px 10px 2px 2px;
  font-size: 0.75rem; }

.calendar-print .calendar-wrap .days-table thead td.other-month,
.calendar-print .calendar-wrap .days-table .other-month-event {
  opacity: 0.5; }

.calendar-print .calendar-wrap .days-table tbody td {
  height: 50px; }

.calendar-print .calendar-wrap thead {
  border-top: none; }

.calendar-print .calendar-wrap tbody {
  border-bottom: 1px solid #e6e6e6; }

.calendar-print .calendar-wrap tbody tr {
  height: auto; }

.calendar-print .calendar-wrap tbody tr:hover {
  background: transparent; }

.calendar-print .calendar-wrap .days-header tr {
  border: 1px solid #e6e6e6; }

.calendar-print .calendar-wrap .days-header tr:hover {
  background: transparent; }

.calendar-print .calendar-wrap .days-header th {
  border-bottom: none;
  text-align: center;
  padding: 0;
  font-size: 0.75rem; }

.calendar-print .calendar-wrap .days-header th + th {
  border-left: 1px solid rgba(91, 107, 120, 0.5); }

.calendar-print .calendar-wrap .week-table + .week-table thead td {
  border-top: none; }

.calendar-print .calendar-wrap .calendar-body {
  border-top: none; }

.calendar-print .calendar-wrap .content p {
  margin-bottom: 0;
  font-size: 8px;
  line-height: 0.75rem;
  color: #5b6b78; }

.calendar-print .calendar-wrap .content p .time {
  opacity: 1; }

.calendar-print .calendar-wrap .content p .icon,
.calendar-print .calendar-wrap .content p .material-icons {
  font-size: 10px;
  line-height: 10px;
  vertical-align: 0; }

.pref-num {
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 6px !important;
  border: 1px solid #5b6b78;
  width: 10px !important;
  height: 10px !important;
  border-radius: 1px;
  text-align: center;
  line-height: 8px !important;
  display: inline-block;
  margin-right: 4px; }

.case-default-block .collapse-edit .demo-form .collapsible-body input.select-dropdown[type='text'] {
  font-weight: 400;
  color: #313336; }

.collapsible.form-collapse .birth-row .col.text-left {
  line-height: 70px !important; }

.collapsible.form-collapse.demo-form > li {
  border: none; }

.demo-form .select-wrapper + label {
  top: 10px; }

.is-dragover {
  background-color: #f2f2f2 !important;
  color: #1774cc !important; }

.width120 {
  width: 120px !important; }

.stickerdate {
  background-color: #fff !important;
  height: 60px; }
  .stickerdate span {
    margin-top: 10px; }

/* video fullscreen nav enhanced*/
.zoom-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  width: 48px;
  text-align: center;
  margin: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .zoom-nav li {
    display: block;
    position: relative;
    vertical-align: top; }
  .zoom-nav li + li {
    margin-top: 20px; }
  .zoom-nav li a {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 1000px;
    background: #fff;
    color: #5b6b78 !important;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
    outline: none; }
    .zoom-nav li a .material-icons {
      line-height: 48px; }
    .zoom-nav li a:hover, .zoom-nav li a.active {
      color: #1774cc !important; }
    .zoom-nav li a.zoom-arrow.disabled {
      color: rgba(91, 107, 120, 0.5) !important;
      cursor: default; }

.zoom-range-wrap {
  width: 48px;
  position: relative;
  z-index: 1;
  height: 110px;
  display: inline-block; }

.zoom-map {
  background: rgba(255, 255, 255, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  right: 30px;
  width: 285px;
  height: 170px;
  margin: 0 0 30px 0; }
  .zoom-map .rel {
    height: 100%; }
  .zoom-map .zoom-range-wrap {
    height: 170px;
    right: 0px;
    text-align: center; }
  .zoom-map .zoom-map-view {
    position: absolute;
    width: 119px;
    height: 77px;
    background: rgba(255, 255, 255, 0.5);
    top: 15%;
    left: 15%;
    text-align: center;
    cursor: pointer; }
    .zoom-map .zoom-map-view .icon {
      line-height: 77px;
      display: inline-block;
      font-size: 40px;
      color: #fff; }
  .zoom-map .zoom-legend {
    width: 100%;
    position: absolute;
    bottom: -20px;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap; }

.video-nav.slideoff {
  bottom: -100px; }

.close-fullscreen.slideoff {
  top: -100px; }

.zoom-nav.slideoff {
  right: -100px; }

.ripple-click {
  width: 100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  display: inline-block;
  border: none;
  background: none;
  color: #0469bd;
  overflow: visible;
  -webkit-transition: color 0.7s;
  transition: color 0.7s;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer; }
  .ripple-click:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.5); }

.ripple-click.cbutton--click::after {
  animation: anim-effect-boris 0.3s forwards; }

@keyframes anim-effect-boris {
  0% {
    transform: scale3d(0.3, 0.3, 1); }
  25%,
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale3d(1.2, 1.2, 1); } }

.zoom-range-wrap {
  width: 48px;
  position: relative;
  z-index: 1;
  height: 110px;
  display: inline-block; }
  .zoom-range-wrap .ui-widget.ui-widget-content {
    border: none;
    display: inline-block;
    width: 10px;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: visible;
    height: 100%; }
  .zoom-range-wrap .ui-corner-all,
  .zoom-range-wrap .ui-corner-bottom,
  .zoom-range-wrap .ui-corner-right,
  .zoom-range-wrap .ui-corner-br {
    border-radius: 15px; }
  .zoom-range-wrap .ui-slider-vertical .ui-slider-handle:before {
    content: 'search';
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    line-height: 48px;
    width: 48px;
    height: 48px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    color: #5b6b78;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
    outline: none;
    text-align: center;
    z-index: 5;
    left: -16px;
    top: 0px;
    display: inline-block;
    cursor: pointer;
    position: absolute; }
  .zoom-range-wrap .ui-slider-vertical .ui-slider-handle:hover:before, .zoom-range-wrap .ui-slider-vertical .ui-slider-handle.active:before {
    color: #1774cc; }
  .zoom-range-wrap .ui-state-focus,
  .zoom-range-wrap .ui-widget-content .ui-state-focus,
  .zoom-range-wrap .ui-state-default,
  .zoom-range-wrap .ui-widget-content .ui-state-default,
  .zoom-range-wrap .ui-state-active,
  .zoom-range-wrap .ui-widget-content .ui-state-active {
    border: none; }
    .zoom-range-wrap .ui-state-focus:focus, .zoom-range-wrap .call-part-modal .input-field:active .select-wrapper input.ui-state-focus.select-dropdown, .call-part-modal .input-field:active .select-wrapper .zoom-range-wrap input.ui-state-focus.select-dropdown, .zoom-range-wrap .call-part-modal .input-field:active .select-wrapper a.ui-state-focus.select-dropdown, .call-part-modal .input-field:active .select-wrapper .zoom-range-wrap a.ui-state-focus.select-dropdown, .zoom-range-wrap .call-part-modal .input-field input.ui-state-focus:active, .call-part-modal .input-field .zoom-range-wrap input.ui-state-focus:active,
    .zoom-range-wrap .ui-widget-content .ui-state-focus:focus,
    .zoom-range-wrap .ui-widget-content .call-part-modal .input-field:active .select-wrapper input.ui-state-focus.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap .ui-widget-content input.ui-state-focus.select-dropdown,
    .zoom-range-wrap .ui-widget-content .call-part-modal .input-field:active .select-wrapper a.ui-state-focus.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap .ui-widget-content a.ui-state-focus.select-dropdown,
    .zoom-range-wrap .ui-widget-content .call-part-modal .input-field input.ui-state-focus:active, .call-part-modal .input-field
    .zoom-range-wrap .ui-widget-content input.ui-state-focus:active,
    .zoom-range-wrap .ui-state-default:focus,
    .zoom-range-wrap .call-part-modal .input-field:active .select-wrapper input.ui-state-default.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap input.ui-state-default.select-dropdown,
    .zoom-range-wrap .call-part-modal .input-field:active .select-wrapper a.ui-state-default.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap a.ui-state-default.select-dropdown,
    .zoom-range-wrap .call-part-modal .input-field input.ui-state-default:active, .call-part-modal .input-field
    .zoom-range-wrap input.ui-state-default:active,
    .zoom-range-wrap .ui-widget-content .ui-state-default:focus,
    .zoom-range-wrap .ui-widget-content .call-part-modal .input-field:active .select-wrapper input.ui-state-default.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap .ui-widget-content input.ui-state-default.select-dropdown,
    .zoom-range-wrap .ui-widget-content .call-part-modal .input-field:active .select-wrapper a.ui-state-default.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap .ui-widget-content a.ui-state-default.select-dropdown,
    .zoom-range-wrap .ui-widget-content .call-part-modal .input-field input.ui-state-default:active, .call-part-modal .input-field
    .zoom-range-wrap .ui-widget-content input.ui-state-default:active,
    .zoom-range-wrap .ui-state-active:focus,
    .zoom-range-wrap .call-part-modal .input-field:active .select-wrapper input.ui-state-active.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap input.ui-state-active.select-dropdown,
    .zoom-range-wrap .call-part-modal .input-field:active .select-wrapper a.ui-state-active.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap a.ui-state-active.select-dropdown,
    .zoom-range-wrap .call-part-modal .input-field input.ui-state-active:active, .call-part-modal .input-field
    .zoom-range-wrap input.ui-state-active:active,
    .zoom-range-wrap .ui-widget-content .ui-state-active:focus,
    .zoom-range-wrap .ui-widget-content .call-part-modal .input-field:active .select-wrapper input.ui-state-active.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap .ui-widget-content input.ui-state-active.select-dropdown,
    .zoom-range-wrap .ui-widget-content .call-part-modal .input-field:active .select-wrapper a.ui-state-active.select-dropdown, .call-part-modal .input-field:active .select-wrapper
    .zoom-range-wrap .ui-widget-content a.ui-state-active.select-dropdown,
    .zoom-range-wrap .ui-widget-content .call-part-modal .input-field input.ui-state-active:active, .call-part-modal .input-field
    .zoom-range-wrap .ui-widget-content input.ui-state-active:active {
      outline: none; }
  .zoom-range-wrap .ui-state-active:before,
  .zoom-range-wrap .ui-widget-content .ui-state-active:before {
    color: #1774cc; }
  .zoom-range-wrap .ui-slider-vertical .ui-slider-range {
    background: #1774cc;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.12); }
  .zoom-range-wrap .ui-slider.ui-slider-vertical {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.12); }

.zoom-range-wrap.zoom-click {
  position: absolute;
  top: 30%;
  left: 20%;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.video-wrapper_zoom {
  cursor: pointer; }

.ui-resizable-ne {
  width: 30px !important;
  height: 30px !important; }

.ui-resizable-se {
  width: 30px !important;
  height: 30px !important; }

.ui-resizable-sw {
  width: 30px !important;
  height: 30px !important; }

.ui-resizable-nw {
  width: 30px !important;
  height: 30px !important; }

.zoom-opacity {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
  opacity: 0; }

.editable_line {
  overflow: hidden; }

/* video - chat*/
.video__split {
  display: flex;
  flex-direction: row;
  overflow: hidden; }
  .video__split .video-wrapper {
    flex: 1 1 auto;
    -webkit-transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: width;
    height: 100%;
    width: 100%;
    position: relative; }
  .video__split .flash-dialog.flash-vchat {
    margin: 0 16px;
    width: 90%;
    padding: 20px;
    font-size: 0.875rem;
    z-index: 101;
    line-height: 24px;
    position: absolute;
    top: 1rem;
    right: 0;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2); }
    .video__split .flash-dialog.flash-vchat .row {
      margin: 0 -1rem; }
      .video__split .flash-dialog.flash-vchat .row .col {
        padding: 0 1rem; }
        .video__split .flash-dialog.flash-vchat .row .col a {
          cursor: pointer; }

.video-top-nav.slideoff {
  top: -100px; }

.video-top-nav {
  position: absolute;
  top: 20px;
  right: 16px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .video-top-nav a {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 1000px;
    background: #fff;
    color: #5b6b78;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
    text-align: center;
    vertical-align: top;
    transition: all 0.3s ease; }
    .video-top-nav a .icon,
    .video-top-nav a .material-icons {
      line-height: 48px; }
    .video-top-nav a:hover {
      color: #1774cc; }
    .video-top-nav a.close-full {
      margin-right: 20px; }

@media only screen and (min-width: 601px) {
  .video-chat-side {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #fff;
    position: relative;
    -webkit-transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: margin;
    margin-right: -320px;
    width: 320px;
    border-left: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10; }
  .video-chat-side.show-chat {
    margin-right: 0;
    border-left: 1px solid #e6e6e6; } }

/*input-field without cases*/
.input-field.no-case {
  padding: 0; }
  .input-field.no-case label {
    left: 0; }

.login p {
  font-size: 14px; }

.row.m0 {
  margin: 0; }
  .row.m0 p {
    margin: 0 0 10px; }

.login h1.reg {
  font-size: 68px !important;
  margin-top: 0;
  padding-top: 1.5rem; }

.login .back {
  color: #fff;
  display: inline-block;
  margin-top: 40px; }
  .login .back .material-icons {
    font-size: 50px; }

.login .valign-wrapper .valign:not(.arrow-forward) + .valign:not(.arrow-forward) {
  margin-left: 37px; }

.login .input-field.val-warning:after {
  right: 10px;
  top: 7px;
  font-size: 24px; }

.login .input-field label:not(.active) {
  font-size: 20px;
  top: 0; }

.login .input-field input {
  background-color: transparent !important; }

.login .input-field label {
  pointer-events: none; }

.login .input-field label.active {
  transform: translateY(-110%); }

.login .btn-flat {
  border: 2px solid rgba(91, 107, 120, 0.5);
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  line-height: 46px;
  color: #fff;
  width: 348px; }

.login p.t-20 {
  font-size: 20px; }

.login p.m0 {
  margin: 0 0 40px; }

.imaging-box .case-form__meta {
  line-height: 36px; }
  .imaging-box .case-form__meta strong {
    color: #313336; }

.imaging-box .case-form__header .ca-down {
  display: none;
  line-height: 32px;
  cursor: pointer;
  height: 32px;
  width: 32px;
  border-radius: 1000px;
  text-align: center; }
  .imaging-box .case-form__header .ca-down:hover {
    background: rgba(0, 0, 0, 0.1); }

.imaging-box .case-form__header.active .ca-down {
  display: inline-block; }

.imaging-box .case-form__header.active .btn {
  display: none; }

@media (max-width: 600px) {
  .imaging-box .case-form__header .btn.iframe-open {
    float: none !important; } }

.inline-icon-link {
  margin-left: 10px;
  width: 32px;
  height: 32px;
  border-radius: 1000px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: -3px; }
  .inline-icon-link .material-icons {
    font-size: 20px;
    line-height: 32px; }
  .inline-icon-link:hover {
    background: rgba(0, 0, 0, 0.1); }

.i-box {
  max-height: 0;
  transition: all ease 0.5s;
  overflow: hidden; }
  .i-box iframe {
    width: 100% !important;
    border: none;
    height: 800px;
    display: block; }
  .i-box > img {
    display: block; }
  .i-box.active {
    max-height: 800px; }

.collapsible-body p.test-row {
  padding-top: 15px; }
  .collapsible-body p.test-row:after {
    clear: both;
    content: '';
    display: block; }
  .collapsible-body p.test-row span {
    float: left;
    width: calc(100% - 130px); }
    .collapsible-body p.test-row span.text-light {
      width: 130px; }
    .collapsible-body p.test-row span .material-icons {
      color: #5b6b78;
      font-size: 18px;
      vertical-align: -2px;
      margin-left: 2px; }
  .collapsible-body p.test-row + .test-row {
    padding-top: 5px; }

a.color-inherit {
  color: inherit; }

.iframe_video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

/*new attachments*/
#upload-attachment {
  display: none; }

#upload-attach-link {
  cursor: pointer; }

/* grid lists*/
.grid-list-row {
  margin: 0 -16px; }

.grid-list-wrap {
  padding: 8px; }

.grid-list-item {
  display: inline-block;
  overflow: hidden;
  border: 8px solid #fff;
  margin: 0;
  border-radius: 0;
  line-height: 1;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top; }
  .grid-list-item img {
    display: block;
    width: 100%;
    height: auto; }

.grid-list-equal,
.grid-list-man {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0; }

/**Equal**/
/* 2 columns */
.grid-list-equal.gl-two-col {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2; }
  @media (max-width: 600px) {
    .grid-list-equal.gl-two-col {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1; } }
  @media (min-width: 601px) and (max-width: 767px) {
    .grid-list-equal.gl-two-col {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; } }

/* 3 columns */
.grid-list-equal.gl-three-col {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3; }
  @media (max-width: 600px) {
    .grid-list-equal.gl-three-col {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1; } }
  @media (min-width: 601px) and (max-width: 767px) {
    .grid-list-equal.gl-three-col {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; } }

/**Masonry**/
/* 2 columns */
.grid-list-man.gl-two-col {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2; }
  @media (max-width: 600px) {
    .grid-list-man.gl-two-col {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1; } }
  @media (min-width: 601px) and (max-width: 767px) {
    .grid-list-man.gl-two-col {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; } }

/* 3 columns */
.grid-list-man.gl-three-col {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3; }
  @media (max-width: 600px) {
    .grid-list-man.gl-three-col {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1; } }
  @media (min-width: 601px) and (max-width: 767px) {
    .grid-list-man.gl-three-col {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; } }

/* 4 columns */
.grid-list-man.gl-four-col {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4; }
  @media (max-width: 600px) {
    .grid-list-man.gl-four-col {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1; } }
  @media (min-width: 601px) and (max-width: 767px) {
    .grid-list-man.gl-four-col {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3; } }

.case-form-body-wrapper .grid-list-item {
  box-shadow: inset 0 0 0 1px #f2f2f2;
  position: relative; }
  .case-form-body-wrapper .grid-list-item .attach-wrap img {
    transition: filter 0.3s ease-in-out;
    cursor: zoom-in; }
  .case-form-body-wrapper .grid-list-item:hover .attach-wrap img {
    filter: blur 4px;
    -webkit-filter: blur(2px); }
  .case-form-body-wrapper .grid-list-item .gl-title {
    padding: 16px;
    word-wrap: break-word; }
    .case-form-body-wrapper .grid-list-item .gl-title p {
      margin-bottom: 0;
      font-size: 14px;
      line-height: 18px; }
    .case-form-body-wrapper .grid-list-item .gl-title .material-icons {
      color: #1774cc;
      vertical-align: -5px;
      margin-right: 10px; }
    .case-form-body-wrapper .grid-list-item .gl-title .gl-title-header {
      font-weight: 700; }
    .case-form-body-wrapper .grid-list-item .gl-title .gl-title-header,
    .case-form-body-wrapper .grid-list-item .gl-title .gl-caption {
      display: inline-block;
      max-width: calc(100% - 40px);
      padding-bottom: 5px;
      box-sizing: content-box;
      border-bottom: 2px solid transparent;
      outline: none; }
  .case-form-body-wrapper .grid-list-item .gl-title-header-wrap .edit-name .material-icons,
  .case-form-body-wrapper .grid-list-item .gl-title-header-wrap .save-name .material-icons,
  .case-form-body-wrapper .grid-list-item .gl-caption-wrap .edit-name .material-icons,
  .case-form-body-wrapper .grid-list-item .gl-caption-wrap .save-name .material-icons {
    opacity: 0;
    transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.5s; }
  .case-form-body-wrapper .grid-list-item .gl-title-header-wrap:hover,
  .case-form-body-wrapper .grid-list-item .gl-caption-wrap:hover {
    cursor: pointer; }
    .case-form-body-wrapper .grid-list-item .gl-title-header-wrap:hover .material-icons,
    .case-form-body-wrapper .grid-list-item .gl-caption-wrap:hover .material-icons {
      opacity: 1; }
  .case-form-body-wrapper .grid-list-item .gl-title-header-wrap.editable .material-icons,
  .case-form-body-wrapper .grid-list-item .gl-caption-wrap.editable .material-icons {
    opacity: 1; }
  .case-form-body-wrapper .grid-list-item .gl-title-header-wrap.editable p,
  .case-form-body-wrapper .grid-list-item .gl-title-header-wrap.editable .gl-title-header,
  .case-form-body-wrapper .grid-list-item .gl-caption-wrap.editable p,
  .case-form-body-wrapper .grid-list-item .gl-caption-wrap.editable .gl-title-header {
    border-color: #1774cc; }
    .case-form-body-wrapper .grid-list-item .gl-title-header-wrap.editable p::selection,
    .case-form-body-wrapper .grid-list-item .gl-title-header-wrap.editable .gl-title-header::selection,
    .case-form-body-wrapper .grid-list-item .gl-caption-wrap.editable p::selection,
    .case-form-body-wrapper .grid-list-item .gl-caption-wrap.editable .gl-title-header::selection {
      background: none;
      /* Safari */ }
    .case-form-body-wrapper .grid-list-item .gl-title-header-wrap.editable p::-moz-selection,
    .case-form-body-wrapper .grid-list-item .gl-title-header-wrap.editable .gl-title-header::-moz-selection,
    .case-form-body-wrapper .grid-list-item .gl-caption-wrap.editable p::-moz-selection,
    .case-form-body-wrapper .grid-list-item .gl-caption-wrap.editable .gl-title-header::-moz-selection {
      background: none;
      /* Firefox */ }
  .case-form-body-wrapper .grid-list-item .gl-caption-wrap {
    margin-top: 14px; }
    .case-form-body-wrapper .grid-list-item .gl-caption-wrap p {
      margin: 0; }
  .case-form-body-wrapper .grid-list-item .gl-author {
    padding: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row; }
    .case-form-body-wrapper .grid-list-item .gl-author .chip {
      height: 40px;
      width: 40px;
      padding: 0;
      margin: 0 10px 0 0;
      line-height: 34px;
      text-align: center;
      color: #fff;
      font-weight: 700;
      font-size: 14px;
      border-radius: 50%;
      display: inline-block; }
    .case-form-body-wrapper .grid-list-item .gl-author .gl-author-info {
      width: calc(100% - 50px);
      line-height: 1.2;
      display: block;
      color: #5b6b78;
      align-self: center; }
      .case-form-body-wrapper .grid-list-item .gl-author .gl-author-info .gl-name {
        font-size: 14px;
        display: block; }
      .case-form-body-wrapper .grid-list-item .gl-author .gl-author-info .gl-time {
        font-size: 12px;
        display: block; }
  .case-form-body-wrapper .grid-list-item .player-container {
    padding: 19px 16px;
    background: #313336;
    cursor: default; }
    .case-form-body-wrapper .grid-list-item .player-container .player {
      padding-top: 18px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      padding-left: 36px; }
      .case-form-body-wrapper .grid-list-item .player-container .player .player-inner {
        color: #e6e6e6;
        width: calc(100% - 48px);
        margin-right: 8px; }
        .case-form-body-wrapper .grid-list-item .player-container .player .player-inner .player-bar span {
          height: 14px;
          width: 14px;
          top: -6px; }
        .case-form-body-wrapper .grid-list-item .player-container .player .player-inner .player-bar {
          background: #5b6b78;
          height: 2px; }
      .case-form-body-wrapper .grid-list-item .player-container .player .act {
        height: 48px;
        width: 48px;
        text-align: center;
        display: inline-block;
        margin-top: -24px; }
        .case-form-body-wrapper .grid-list-item .player-container .player .act .material-icons {
          margin-top: 0;
          font-size: 24px;
          line-height: 48px; }
  .case-form-body-wrapper .grid-list-item .file-placeholder {
    height: 150px;
    background: #e6e6e6;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .case-form-body-wrapper .grid-list-item .file-placeholder span {
      margin: auto;
      font-size: 40px;
      color: #5b6b78; }
  .case-form-body-wrapper .grid-list-item .remove-attr {
    height: 48px;
    width: 48px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 8px;
    left: 8px;
    opacity: 0;
    z-index: 2; }
    .case-form-body-wrapper .grid-list-item .remove-attr .material-icons {
      font-size: 24px;
      height: 48px;
      width: 48px;
      line-height: 48px;
      color: #e6e6e6;
      border-radius: 50%;
      transition: all 0.3s ease-in-out; }
    .case-form-body-wrapper .grid-list-item .remove-attr:hover .material-icons {
      background: rgba(231, 116, 28, 0.26);
      color: #e7741c; }
  .case-form-body-wrapper .grid-list-item .attach-video-wrap video,
  .case-form-body-wrapper .grid-list-item .attach-video-wrap iframe {
    transition: filter 0.3s ease-in-out;
    display: block;
    height: 100% !important; }
  .case-form-body-wrapper .grid-list-item .attach-video-wrap .overlay a i {
    cursor: pointer; }
  .case-form-body-wrapper .grid-list-item .attach-wrap,
  .case-form-body-wrapper .grid-list-item .attach-video-wrap {
    position: relative;
    overflow: hidden; }
    .case-form-body-wrapper .grid-list-item .attach-wrap .overlay,
    .case-form-body-wrapper .grid-list-item .attach-video-wrap .overlay {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1;
      opacity: 0;
      transition: all 0.3s ease-in-out; }
      .case-form-body-wrapper .grid-list-item .attach-wrap .overlay a,
      .case-form-body-wrapper .grid-list-item .attach-video-wrap .overlay a {
        color: #e6e6e6;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        cursor: zoom-in; }
        .case-form-body-wrapper .grid-list-item .attach-wrap .overlay a i,
        .case-form-body-wrapper .grid-list-item .attach-video-wrap .overlay a i {
          font-size: 36px; }
        .case-form-body-wrapper .grid-list-item .attach-wrap .overlay a.removed-link,
        .case-form-body-wrapper .grid-list-item .attach-video-wrap .overlay a.removed-link {
          display: none; }
      .case-form-body-wrapper .grid-list-item .attach-wrap .overlay.video_pause,
      .case-form-body-wrapper .grid-list-item .attach-video-wrap .overlay.video_pause {
        display: none; }
    .case-form-body-wrapper .grid-list-item .attach-wrap:hover .overlay,
    .case-form-body-wrapper .grid-list-item .attach-video-wrap:hover .overlay {
      opacity: 1; }
  .case-form-body-wrapper .grid-list-item:hover .remove-attr {
    opacity: 1; }
  .case-form-body-wrapper .grid-list-item:hover .no-overlay .overlay {
    display: none; }
  .case-form-body-wrapper .grid-list-item .attach-video-wrap .overlay a {
    cursor: default; }
  .case-form-body-wrapper .grid-list-item.gl-removed {
    cursor: default;
    pointer-events: none; }
    .case-form-body-wrapper .grid-list-item.gl-removed .gl-title {
      opacity: 0.26; }
    .case-form-body-wrapper .grid-list-item.gl-removed .gl-author,
    .case-form-body-wrapper .grid-list-item.gl-removed .remove-attr {
      display: none; }
    .case-form-body-wrapper .grid-list-item.gl-removed .attach-wrap .overlay,
    .case-form-body-wrapper .grid-list-item.gl-removed .attach-video-wrap .overlay {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(255, 255, 255, 0.78);
      z-index: 1;
      opacity: 1;
      display: block; }
      .case-form-body-wrapper .grid-list-item.gl-removed .attach-wrap .overlay a,
      .case-form-body-wrapper .grid-list-item.gl-removed .attach-video-wrap .overlay a {
        color: #5b6b78;
        font-size: 18px;
        cursor: default;
        pointer-events: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%; }
        .case-form-body-wrapper .grid-list-item.gl-removed .attach-wrap .overlay a i,
        .case-form-body-wrapper .grid-list-item.gl-removed .attach-video-wrap .overlay a i {
          font-size: 24px;
          vertical-align: -5px;
          margin-right: 5px; }
        .case-form-body-wrapper .grid-list-item.gl-removed .attach-wrap .overlay a.video_play, .case-form-body-wrapper .grid-list-item.gl-removed .attach-wrap .overlay a.video_pause,
        .case-form-body-wrapper .grid-list-item.gl-removed .attach-video-wrap .overlay a.video_play,
        .case-form-body-wrapper .grid-list-item.gl-removed .attach-video-wrap .overlay a.video_pause {
          display: none; }
        .case-form-body-wrapper .grid-list-item.gl-removed .attach-wrap .overlay a.removed-link,
        .case-form-body-wrapper .grid-list-item.gl-removed .attach-video-wrap .overlay a.removed-link {
          display: flex; }

video::-webkit-media-controls-fullscreen-button {
  display: none; }

/* slider - attach-title*/
.slider-item.attach-title:after {
  position: absolute;
  content: 'Show removed files';
  right: 80px;
  top: 6px;
  font-size: 16px;
  color: #313336;
  width: 150px; }

input:checked + .slider-item.attach-title {
  background-color: #30a039; }

input:checked + .slider-item.attach-title:after {
  content: 'Show removed files'; }

.add-bb-icon i.material-icons {
  vertical-align: -6px; }

.add-bb-icon .view-btn {
  border: 2px dashed #1774cc !important; }

/*Modals*/
.modal {
  border-radius: 4px;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px -10px rgba(0, 0, 0, 0.2); }

.btn-danger {
  background: #e6172c; }
  .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .call-part-modal .input-field:active .select-wrapper input.btn-danger.select-dropdown, .call-part-modal .input-field:active .select-wrapper a.btn-danger.select-dropdown, .call-part-modal .input-field input.btn-danger:active {
    background: #e6172c; }

.btn-success {
  background: #30a039; }
  .btn-success:hover, .btn-success:active, .btn-success:focus, .call-part-modal .input-field:active .select-wrapper input.btn-success.select-dropdown, .call-part-modal .input-field:active .select-wrapper a.btn-success.select-dropdown, .call-part-modal .input-field input.btn-success:active {
    background: #30a039; }

.modal.modal-flat {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 4px;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px -10px rgba(0, 0, 0, 0.2);
  will-change: top, opacity; }
  .modal.modal-flat .radio-wrapper {
    margin: 0 0 3rem; }
    .modal.modal-flat .radio-wrapper .checkbox-wrap.ib {
      margin: 0 40px 0 0; }
  .modal.modal-flat .modal-content-inner {
    padding-bottom: 40px; }
  .modal.modal-flat .material-icons.t100 {
    font-size: 100px;
    margin-bottom: 20px; }
  .modal.modal-flat textarea.materialize-textarea {
    padding: 0;
    line-height: 1.2; }
  .modal.modal-flat .textarea-field label.active {
    transform: translateY(-150%); }
  .modal.modal-flat .input-field label {
    pointer-events: none; }
  .modal.modal-flat .btn-flat {
    font-weight: 700; }
  .modal.modal-flat .btn-flat.btn-secondary:hover {
    background: rgba(0, 0, 0, 0.12); }
  .modal.modal-flat .tabs {
    margin-top: 15px;
    height: 50px; }
    .modal.modal-flat .tabs .tab {
      height: 50px; }
      .modal.modal-flat .tabs .tab a {
        line-height: 50px; }
  .modal.modal-flat .tabs-inner {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    height: 380px;
    overflow: auto;
    padding: 0 24px; }
    .modal.modal-flat .tabs-inner .clearfix {
      margin: 0 -5px;
      padding: 15px 0; }
    .modal.modal-flat .tabs-inner .preview {
      float: left;
      width: calc(50% - 10px);
      height: 250px;
      margin: 5px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      border: 3px solid transparent; }
      .modal.modal-flat .tabs-inner .preview:hover {
        border-color: #e6e6e6; }
      .modal.modal-flat .tabs-inner .preview.selected {
        border-color: #1774cc; }
      .modal.modal-flat .tabs-inner .preview img {
        max-width: 120%;
        display: block;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .modal.modal-flat .tabs-inner .preview.app-window {
        padding: 20px;
        background: #f2f2f2; }
        .modal.modal-flat .tabs-inner .preview.app-window img {
          border-radius: 3px;
          overflow: hidden;
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.14), 0 3px 14px rgba(0, 0, 0, 0.12), 0 4px 15px rgba(0, 0, 0, 0.2); }
  .modal.modal-flat .modal-content.bordered-central {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6; }
    .modal.modal-flat .modal-content.bordered-central .chip {
      font-size: 14px; }
    .modal.modal-flat .modal-content.bordered-central .bg-inline {
      background: rgba(48, 160, 57, 0.2);
      padding: 0 2px; }

@media only screen and (max-width: 960px) {
  .modal.modal-flat {
    width: 80%; } }

.modal.modal-flat h1,
.modal.modal-flat h2,
.modal.modal-flat h3,
.modal.modal-flat h4 {
  margin-top: 0; }

.modal.modal-flat h5 {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 1em;
  letter-spacing: 0.04em;
  line-height: 1; }

.modal.modal-flat .close {
  cursor: pointer; }

.modal.modal-flat p {
  margin: 0; }
  .modal.modal-flat p.m-b20 {
    margin-bottom: 20px; }
  .modal.modal-flat p.m-inherit {
    margin: 1rem 0; }

.modal.modal-flat .modal-content {
  padding: 20px 24px 8px; }
  .modal.modal-flat .modal-content + .tabs-inner {
    margin-top: -8px; }
  .modal.modal-flat .modal-content .circle.s100 {
    width: 100px;
    height: 100px;
    margin: 30px auto 50px;
    text-align: center; }
    .modal.modal-flat .modal-content .circle.s100 .material-icons {
      line-height: 100px;
      font-size: 40px; }
      .modal.modal-flat .modal-content .circle.s100 .material-icons.open {
        display: none; }
    .modal.modal-flat .modal-content .circle.s100.warning:hover {
      background: #eb893e !important; }
  .modal.modal-flat .modal-content.unlocked .circle.s100 .material-icons {
    display: none; }
    .modal.modal-flat .modal-content.unlocked .circle.s100 .material-icons.open {
      display: inline-block; }

.modal.modal-flat .modal-close {
  cursor: pointer; }

.modal.modal-flat .modal-footer {
  border-radius: 0 0 2px 2px;
  padding: 15px 24px;
  height: auto;
  width: 100%;
  text-align: right; }
  .modal.modal-flat .modal-footer:after {
    clear: both;
    display: block;
    content: ''; }

.modal.modal-flat .modal-footer .btn,
.modal.modal-flat .modal-footer .btn-large,
.modal.modal-flat .modal-footer .btn-flat,
.modal.modal-flat .modal-footer a.btn-flat:last-child,
.modal.modal-flat .modal-footer a.btn-flat:first-child {
  float: none;
  margin: 6px 0; }

.modal.modal-flat .modal-footer .btn,
.modal.modal-flat .modal-footer .btn-large {
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.2) !important; }

.modal.modal-flat .modal-footer a.btn-flat:last-child {
  width: auto;
  min-width: 90px; }

.modal.modal-flat .modal-footer a.btn-flat:first-child {
  border: none; }

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity; }

.modal.modal-flat.modal-fixed-footer {
  padding: 0;
  height: 70%; }

.modal.modal-flat.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto; }

.modal.modal-flat.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0; }

.modal.modal-flat.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity; }

@media only screen and (min-width: 481px) {
  .modal.modal-xs {
    width: 362px; }
  .modal.modal-sm {
    width: 500px; }
  .modal.modal-md {
    width: 600px; }
  .modal.modal-lg {
    width: 800px; } }

.modal-shadow .modal.modal-top {
  margin-top: 10% !important; }

.modal.modal-flat .tabs-inner.scroll-inside {
  max-height: 407px;
  height: auto;
  overflow: hidden; }
  .modal.modal-flat .tabs-inner.scroll-inside .row {
    max-height: 407px;
    overflow: auto; }

.text-blue {
  color: #1774cc !important; }

.cards-container {
  margin: 0 -15px;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap; }

.support-card {
  margin: 15px;
  flex: 1 0 33.3%;
  min-width: 288px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 3px 4px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2); }
  @media only screen and (min-width: 960px) {
    .support-card {
      flex-basis: 30%; } }
  @media (max-width: 600px) {
    .support-card {
      width: 100%;
      margin: 15px 0; } }
  .support-card:hover {
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.14), 0 3px 14px rgba(0, 0, 0, 0.12), 0 4px 15px rgba(0, 0, 0, 0.2); }
  .support-card .card-content {
    padding: 20px 24px 0; }
  .support-card .img-box {
    width: 160px;
    height: 160px;
    margin: 0 auto 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .support-card .img-box img {
      max-height: 100%; }
  .support-card .h2 {
    margin: 0 0 10px; }
  .support-card .card-content p.text-light {
    color: #5b6b78;
    margin: 0 0 10px;
    min-height: 48px; }
  .support-card .card-action {
    border-top: 1px solid #e6e6e6;
    padding: 5px 8px; }
    .support-card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
      text-transform: none;
      font-weight: 700; }
      .support-card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating).btn-primary, .support-card .card-action .notification-carousel .notifications-carousel__item a.btn-flat:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating), .notification-carousel .notifications-carousel__item .support-card .card-action a.btn-flat:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
        color: #1774cc; }
        .support-card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating).btn-primary:hover, .support-card .card-action .notification-carousel .notifications-carousel__item a.btn-flat:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover, .notification-carousel .notifications-carousel__item .support-card .card-action a.btn-flat:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
          background: rgba(23, 116, 204, 0.12); }
        .support-card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating).btn-primary:focus, .support-card .card-action .notification-carousel .notifications-carousel__item a.btn-flat:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):focus, .notification-carousel .notifications-carousel__item .support-card .card-action a.btn-flat:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):focus, .support-card .card-action .notification-carousel .notifications-carousel__item .call-part-modal .input-field:active .select-wrapper a.btn-flat.select-dropdown:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating), .notification-carousel .notifications-carousel__item .call-part-modal .input-field:active .select-wrapper .support-card .card-action a.btn-flat.select-dropdown:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating), .support-card .card-action .call-part-modal .input-field:active .select-wrapper .notification-carousel .notifications-carousel__item a.btn-flat.select-dropdown:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating), .call-part-modal .input-field:active .select-wrapper .notification-carousel .notifications-carousel__item .support-card .card-action a.btn-flat.select-dropdown:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating), .support-card .card-action .call-part-modal .input-field:active .select-wrapper a.select-dropdown:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating).btn-primary, .call-part-modal .input-field:active .select-wrapper .support-card .card-action a.select-dropdown:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating).btn-primary {
          background: none; }
        .support-card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating).btn-primary:active, .support-card .card-action .notification-carousel .notifications-carousel__item a.btn-flat:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):active, .notification-carousel .notifications-carousel__item .support-card .card-action a.btn-flat:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):active {
          background: rgba(23, 116, 204, 0.4); }

.m-b30 {
  margin-bottom: 30px; }

.m-y30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.modal-att-info {
  opacity: 1 !important;
  display: block !important; }
  .modal-att-info .gl-author {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row; }
    .modal-att-info .gl-author .chip {
      height: 40px;
      width: 40px;
      border-radius: 50%;
      display: inline-block;
      padding: 0;
      margin-right: 1rem; }
      .modal-att-info .gl-author .chip img {
        height: 40px;
        width: 40px;
        float: left;
        margin: 0;
        border-radius: 50%;
        display: block; }
    .modal-att-info .gl-author .gl-author-info {
      width: calc(100% - 56px);
      line-height: 1.2;
      display: block;
      align-self: flex-start; }
      .modal-att-info .gl-author .gl-author-info .gl-name {
        font-size: 1rem;
        display: block; }
      .modal-att-info .gl-author .gl-author-info .gl-time {
        margin-top: 3px;
        display: block; }
      .modal-att-info .gl-author .gl-author-info .gl-caption {
        margin-top: 2rem; }

.card-block,
.login .card-block {
  font-size: 16px;
  border-radius: 2px;
  padding: 3rem 1.5rem 0;
  color: #313336; }
  .card-block .h3,
  .login .card-block .h3 {
    font-weight: 400; }
    .card-block .h3 em,
    .login .card-block .h3 em {
      font-size: 17px;
      color: #5b6b78; }
  .card-block .circle,
  .login .card-block .circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 1.5rem; }
    .card-block .circle .material-icons,
    .login .card-block .circle .material-icons {
      line-height: 40px; }
  .card-block input[type='text'],
  .card-block input[type='number'],
  .login .card-block input[type='text'],
  .login .card-block input[type='number'] {
    font-size: 1rem;
    width: 100%;
    margin-right: 0; }
    .card-block input[type='text']:not(:focus):not(.call-part-modal .input-field:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field input:active),
    .card-block input[type='number']:not(:focus):not(.call-part-modal .input-field:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field input:active),
    .login .card-block input[type='text']:not(:focus):not(.call-part-modal .input-field:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field input:active),
    .login .card-block input[type='number']:not(:focus):not(.call-part-modal .input-field:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field input:active) {
      border-bottom-color: #e6e6e6; }
      .card-block input[type='text']:not(:focus):not(.call-part-modal .input-field:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field input:active).invalid,
      .card-block input[type='number']:not(:focus):not(.call-part-modal .input-field:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field input:active).invalid,
      .login .card-block input[type='text']:not(:focus):not(.call-part-modal .input-field:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field input:active).invalid,
      .login .card-block input[type='number']:not(:focus):not(.call-part-modal .input-field:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper input.select-dropdown):not(.call-part-modal .input-field.select-warning:active .select-wrapper a.select-dropdown):not(.call-part-modal .input-field input:active).invalid {
        border-bottom-color: #e6172c; }
  .card-block label:not(.active),
  .login .card-block label:not(.active) {
    font-size: 1rem;
    top: 0.8rem; }
    .card-block label:not(.active).switch,
    .login .card-block label:not(.active).switch {
      top: 0; }
  .card-block label.active,
  .login .card-block label.active {
    color: #5b6b78 !important;
    transform: translateY(-100%); }
  .card-block .card-options-table,
  .login .card-block .card-options-table {
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
    border-top: 1px solid #e6e6e6; }
  .card-block .stepper,
  .login .card-block .stepper {
    margin: 0; }
  .card-block input:checked + .slider-item,
  .login .card-block input:checked + .slider-item {
    background: #30a039; }
  .card-block .switch,
  .login .card-block .switch {
    margin: 0; }
  .card-block .slider-item:after,
  .login .card-block .slider-item:after {
    display: none; }
  .card-block .setup-table,
  .login .card-block .setup-table {
    padding: 12px 1.5rem;
    margin: 0 -1.5rem; }
    .card-block .setup-table + .setup-table,
    .login .card-block .setup-table + .setup-table {
      border-top: 1px solid #e6e6e6; }
    .card-block .setup-table .input-field,
    .login .card-block .setup-table .input-field {
      margin-top: 0; }
      .card-block .setup-table .input-field input[type='text'],
      .login .card-block .setup-table .input-field input[type='text'] {
        margin-bottom: 10px; }
  .card-block .card-block-footer,
  .login .card-block .card-block-footer {
    margin: 0 -1.5rem;
    padding: 1rem 1.5rem; }
    .card-block .card-block-footer.b-top,
    .login .card-block .card-block-footer.b-top {
      border-top: 1px solid #e6e6e6; }
    .card-block .card-block-footer .col,
    .login .card-block .card-block-footer .col {
      padding: 0; }
  .card-block .h53,
  .login .card-block .h53 {
    height: 53px; }

.gray-light {
  background: #e6e6e6; }

.login h1.login-header.py0 {
  padding: 0; }

.blurred {
  filter: blur(3px); }

.input-field.bordered-form {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  margin: 4px 0 8px; }
  .input-field.bordered-form input {
    border: none !important;
    box-shadow: none !important;
    margin: 0;
    height: 56px;
    line-height: 56px;
    padding: 0 3rem 0 1rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
    .input-field.bordered-form input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #5b6b78;
      opacity: 1; }
    .input-field.bordered-form input::-moz-placeholder {
      /* Firefox 19+ */
      color: #5b6b78;
      opacity: 1; }
    .input-field.bordered-form input:-ms-input-placeholder {
      /* IE 10+ */
      color: #5b6b78;
      opacity: 1; }
    .input-field.bordered-form input:-moz-placeholder {
      /* Firefox 18- */
      color: #5b6b78;
      opacity: 1; }
  .input-field.bordered-form .icon-link {
    position: absolute;
    right: 4px;
    top: 4px; }
    .input-field.bordered-form .icon-link .material-icons {
      line-height: 48px;
      width: 48px;
      height: 48px;
      border-radius: 1000px;
      text-align: center; }
    .input-field.bordered-form .icon-link:hover .material-icons {
      background: rgba(0, 0, 0, 0.12); }
    .input-field.bordered-form .icon-link.gray-dark-text {
      color: #313336; }
    .input-field.bordered-form .icon-link.danger-text {
      color: #e6172c; }
      .input-field.bordered-form .icon-link.danger-text:hover .material-icons {
        background: rgba(230, 23, 44, 0.12); }

ul.keypad {
  display: flex;
  flex-flow: row wrap;
  margin: 10px -1.5rem 0; }
  ul.keypad li {
    width: 33%;
    text-align: center;
    font-size: 24px;
    padding: 0.5rem;
    cursor: pointer;
    margin: 0.5rem 0 0; }
    ul.keypad li span {
      display: block;
      color: #5b6b78;
      font-size: 16px; }
    ul.keypad li:hover, ul.keypad li:active {
      background: #f2f2f2; }

div#modal-keypad.keypad-pexip {
  margin: 17% auto 30px; }
  div#modal-keypad.keypad-pexip a.modal-close {
    background: none;
    margin-left: 90%;
    margin-top: -20px; }
  div#modal-keypad.keypad-pexip div.dialed {
    margin-top: 0;
    height: 40px; }
    div#modal-keypad.keypad-pexip div.dialed > p {
      text-align: center;
      font-size: 1.5rem; }
  div#modal-keypad.keypad-pexip ul.keypad {
    margin: 0; }
    div#modal-keypad.keypad-pexip ul.keypad li {
      border-radius: 100%;
      width: 85px;
      height: 85px;
      margin: auto; }

.btn-flat.btn-primary, .notification-carousel .notifications-carousel__item .btn-flat {
  color: #1774cc;
  font-weight: 700;
  padding: 0 1rem; }
  .btn-flat.btn-primary:hover, .notification-carousel .notifications-carousel__item .btn-flat:hover, .btn-flat.btn-primary:focus, .notification-carousel .notifications-carousel__item .btn-flat:focus, .notification-carousel .notifications-carousel__item .call-part-modal .input-field:active .select-wrapper input.btn-flat.select-dropdown, .call-part-modal .input-field:active .select-wrapper .notification-carousel .notifications-carousel__item input.btn-flat.select-dropdown, .notification-carousel .notifications-carousel__item .call-part-modal .input-field:active .select-wrapper a.btn-flat.select-dropdown, .call-part-modal .input-field:active .select-wrapper .notification-carousel .notifications-carousel__item a.btn-flat.select-dropdown, .notification-carousel .notifications-carousel__item .call-part-modal .input-field input.btn-flat:active, .call-part-modal .input-field .notification-carousel .notifications-carousel__item input.btn-flat:active, .call-part-modal .input-field:active .select-wrapper input.btn-flat.btn-primary.select-dropdown, .call-part-modal .input-field:active .select-wrapper a.btn-flat.btn-primary.select-dropdown, .call-part-modal .input-field input.btn-flat.btn-primary:active {
    background: rgba(23, 116, 204, 0.12); }
  .btn-flat.btn-primary:active, .notification-carousel .notifications-carousel__item .btn-flat:active {
    background: rgba(23, 116, 204, 0.4); }
  .btn-flat.btn-primary i.material-icons, .notification-carousel .notifications-carousel__item .btn-flat i.material-icons {
    font-size: 24px; }
    .btn-flat.btn-primary i.material-icons.left, .notification-carousel .notifications-carousel__item .btn-flat i.material-icons.left {
      margin-right: 0.5rem; }

/* new patient new */
.crumbs {
  font-size: 24px;
  line-height: 32px;
  display: inline-block; }
  .crumbs a {
    color: #5b6b78;
    display: inline-block; }
  .crumbs .link-crumb + .link-crumb::before {
    display: inline-block;
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 24px;
    line-height: 32px;
    color: #5b6b78;
    content: 'keyboard_arrow_right';
    font-family: 'Material Icons';
    vertical-align: top; }
  .crumbs span {
    color: #313336;
    display: inline-block; }

.collapsible.form-collapse-new .collapse-bottom {
  background: #f2f2f2; }
  .collapsible.form-collapse-new .collapse-bottom .alert-info {
    line-height: 1;
    color: #313336;
    display: inline-block;
    font-size: 1rem; }
    .collapsible.form-collapse-new .collapse-bottom .alert-info i {
      font-size: 24px;
      margin-right: 1rem;
      line-height: 50px;
      display: inline-block;
      vertical-align: -5px; }

.collapsible.form-collapse-new .collapsible-header {
  padding: 0 2rem; }
  .collapsible.form-collapse-new .collapsible-header .title {
    font-size: 16px; }
  .collapsible.form-collapse-new .collapsible-header i {
    width: 2rem;
    font-size: 24px;
    line-height: 48px;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem; }

.collapsible.form-collapse-new .val-warning:after,
.collapsible.form-collapse-new .val-approve:after,
.collapsible.form-collapse-new .has-error:after {
  font-size: 24px;
  top: 12px; }

.collapsible.form-collapse-new .alert-info i.material-icons {
  font-size: 24px; }

.input-field.val-warning.select-warning:after,
.input-field.val-success.select-warning:after,
.input-field.has-error.select-warning:after,
.input-field.val-approve.select-warning:after {
  right: 65px; }

.case-detail__content-section input:not([type]),
.case-detail__content-section input[type='text'],
.case-detail__content-section input[type='password'],
.case-detail__content-section input[type='email'],
.case-detail__content-section input[type='url'],
.case-detail__content-section input[type='time'],
.case-detail__content-section input[type='date'],
.case-detail__content-section input[type='datetime'],
.case-detail__content-section input[type='datetime-local'],
.case-detail__content-section input[type='tel'],
.case-detail__content-section input[type='number'],
.case-detail__content-section input[type='search'],
.case-detail__content-section textarea.materialize-textarea,
.form input:not([type]),
.form input[type='text'],
.form input[type='password'],
.form input[type='email'],
.form input[type='url'],
.form input[type='time'],
.form input[type='date'],
.form input[type='datetime'],
.form input[type='datetime-local'],
.form input[type='tel'],
.form input[type='number'],
.form input[type='search'],
.form textarea.materialize-textarea,
.case-default-block input:not([type]),
.case-default-block input[type='text'],
.case-default-block input[type='password'],
.case-default-block input[type='email'],
.case-default-block input[type='url'],
.case-default-block input[type='time'],
.case-default-block input[type='date'],
.case-default-block input[type='datetime'],
.case-default-block input[type='datetime-local'],
.case-default-block input[type='tel'],
.case-default-block input[type='number'],
.case-default-block input[type='search'],
.case-default-block textarea.materialize-textarea,
input:not([type]),
input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='time'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='tel'],
input[type='number'],
input[type='search'],
textarea.materialize-textarea {
  background-color: transparent !important; }

.another_identifier .delete {
  display: inline-block;
  color: #5b6b78;
  width: 48px;
  height: 48px;
  text-align: center;
  border-radius: 1000px; }
  .another_identifier .delete:hover {
    background: rgba(0, 0, 0, 0.1); }
  .another_identifier .delete i {
    line-height: 48px;
    font-size: 24px;
    color: #313336; }

.p20 {
  padding: 1.5rem 20px 20px; }

.checkbox-wrap [type='checkbox'] + label.paragraph {
  font-weight: 400;
  font-size: 1rem;
  line-height: 34px;
  color: #313336;
  padding-left: 3rem; }

.additional-wrap .additional {
  display: none; }

.additional-wrap.active .additional {
  display: block; }

/* video fullscreen - v2 all */
.share-contol-wrap {
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 8px;
  left: 0;
  justify-content: center; }

.share-contol {
  background: #fff;
  color: #313336;
  border-radius: 30px;
  flex: 0 0 auto;
  align-items: center;
  display: flex;
  height: 48px;
  padding: 0 12px; }
  .share-contol a {
    font-size: 24px;
    display: inline-flex;
    color: #313336; }
  .share-contol span {
    font-size: 1rem;
    display: inline-flex;
    font-weight: 700;
    margin: 0 10px; }

.share-contol-top .share-contol {
  margin-right: 20px; }
  .share-contol-top .share-contol a {
    width: 24px;
    box-shadow: none;
    height: 24px;
    background: transparent; }
    .share-contol-top .share-contol a .material-icons {
      line-height: 24px; }
    .share-contol-top .share-contol a:hover {
      color: #313336; }

@media (max-width: 1300px) and (min-width: 1024px) {
  .video-wrapper img {
    max-width: none; } }

.self-view-button .icon-pic-in-pic {
  display: none; }

.self-view-button .icon-pic-in-pic-off {
  display: inline-block; }

.self-view-button.active .icon-pic-in-pic-off {
  display: none; }

.self-view-button.active .icon-pic-in-pic {
  display: inline-block; }

.mic-state-button .mic-off {
  display: none; }

.mic-state-button .mic-on {
  display: inline-block;
  width: 24px; }

.mic-state-button.active .mic-on {
  display: none; }

.mic-state-button.active .mic-off {
  display: inline-block; }

.cam-state-button .cam-off {
  display: none; }

.cam-state-button .cam-on {
  display: inline-block;
  width: 24px; }

.cam-state-button.active .cam-on {
  display: none; }

.cam-state-button.active .cam-off {
  display: inline-block; }

.attach-pdf-name {
  color: #fff;
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 1rem;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: none;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400; }
  .attach-pdf-name:after {
    display: block;
    content: '\e90d';
    font-family: 'blackwell' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5b6b78;
    margin: 1rem auto 0;
    width: 40px; }

.fileshare-fullwidth {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 100px;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  background: #313336; }
  .fileshare-fullwidth img {
    max-width: 100%;
    max-height: 100%; }
  .fileshare-fullwidth iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #313336; }

.video-wrapper .companion .preview-container.fileshare-preview img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.dot.icon-dot {
  margin-left: -10px; }

/* Snackbars */
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 10;
  transform: translateZ(0) scale(1, 1);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 1rem;
  width: 90%; }

#noty_layout__topLeft {
  top: 0.5rem;
  left: 0.5rem;
  width: 368px; }

#noty_layout__topCenter {
  top: 0.5rem;
  left: 50%;
  width: 368px;
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  -ms-transform: translate(-50%) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 60px;
  right: 0.5rem;
  width: 368px; }

#noty_layout__bottom {
  bottom: 0;
  left: 1rem;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 0.5rem;
  left: 0.5rem;
  width: 368px; }

#noty_layout__bottomCenter {
  bottom: 0.5rem;
  left: 50%;
  width: 100%;
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  -ms-transform: translate(-50%) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 0.5rem;
  right: 0.5rem;
  width: 368px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 368px;
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  -ms-transform: translate(-50%, -50%) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 0.5rem;
  width: 368px;
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, -50%) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 0.5rem;
  width: 368px;
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, -50%) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #5b6b78;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden;
  position: relative; }
  .noty_bar .noty_body {
    padding: 0.5rem;
    display: flex;
    flex: 1 0 auto;
    margin: auto; }
  .noty_bar .avz-toast.noty_body {
    flex-direction: column; }
  .noty_bar .noty_buttons {
    padding: 0.5rem; }
  .noty_bar .flash-dialog {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    background-color: rgba(49, 51, 54, 0.9);
    margin: auto;
    min-width: 100%; }
    @media (min-width: 600px) {
      .noty_bar .flash-dialog {
        min-width: 430px;
        max-width: 568px; } }
    @media (min-width: 600px) {
      .noty_bar .flash-dialog.wide {
        min-width: 100%;
        max-width: 100%; } }
    .noty_bar .flash-dialog.blue {
      background-color: #1774cc !important; }
    .noty_bar .flash-dialog.success {
      background-color: #30a039 !important; }
    .noty_bar .flash-dialog p {
      margin: 0;
      font-size: 16px;
      font-weight: 400; }
    .noty_bar .flash-dialog .icon-link {
      padding: 0;
      margin-left: 0.5rem; }
    .noty_bar .flash-dialog .wrapper {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      max-width: 100%;
      margin: 0; }
    .noty_bar .flash-dialog .wrapper__text {
      display: flex;
      flex-direction: row;
      flex: 1 1 auto;
      min-width: 0;
      min-height: 0;
      flex-wrap: wrap;
      max-width: calc(100% - 60px); }
    .noty_bar .flash-dialog .wrapper__actions {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      flex: 1 1 auto;
      min-width: 0;
      min-height: 0; }
    .noty_bar .flash-dialog .btn-flat {
      border: none;
      text-transform: uppercase;
      margin-right: 0; }

.noty_effects_open {
  opacity: 0;
  transform: translate(50%);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_effects_close {
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_fix_effects_height {
  animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: 0.3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  animation: noty_modal_in 0.3s ease-out; }

.noty_modal.noty_modal_close {
  animation: noty_modal_out 0.3s ease-out;
  animation-fill-mode: forwards; }

@keyframes noty_modal_in {
  100% {
    opacity: 0.3; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

.noty_close_button {
  display: none; }

.notification-carousel .notifications-carousel__item {
  height: 3rem;
  line-height: 34px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.125rem; }

/*cards - toast-card*/
.card.toast-card {
  color: #5b6b78;
  border-radius: 3px; }
  .card.toast-card .close {
    position: absolute;
    top: 14px;
    right: 1rem;
    display: none;
    cursor: pointer; }
  .card.toast-card:hover .close {
    display: block; }
  .card.toast-card .card-meta {
    font-size: 0.875rem;
    line-height: 1.125rem;
    padding-right: 30px;
    margin-bottom: 13px; }
    .card.toast-card .card-meta .material-icons {
      vertical-align: -6px;
      margin-right: 0.5rem;
      line-height: 1.125rem; }
  .card.toast-card .card-title {
    color: #313336;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 8px;
    display: block; }
  .card.toast-card .card-content {
    padding: 1rem; }
  .card.toast-card .card-action {
    border: none;
    background: rgba(230, 230, 230, 0.5);
    font-weight: 600;
    padding: 0.5rem;
    min-height: auto; }
  .card.toast-card img.circle {
    width: 40px;
    height: 40px;
    margin-left: 1rem; }
  .card.toast-card.high-priority {
    border: 1px solid #e6172c; }
    .card.toast-card.high-priority .card-action {
      background: rgba(230, 23, 44, 0.12); }

.dot-divider {
  border-radius: 1000px;
  display: inline-block;
  margin: 0 0.5rem;
  width: 5px;
  height: 5px;
  vertical-align: middle; }

.ib {
  display: inline-block; }

/* basscss */
.flex {
  display: flex; }

.flex-column {
  flex-direction: column; }

.flex-row {
  flex-direction: row; }

.flex-wrap {
  flex-wrap: wrap; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-center {
  align-items: center; }

.items-baseline {
  align-items: baseline; }

.items-stretch {
  align-items: stretch; }

.self-start {
  align-self: flex-start; }

.self-end {
  align-self: flex-end; }

.self-center {
  align-self: center; }

.self-baseline {
  align-self: baseline; }

.self-stretch {
  align-self: stretch; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.content-start {
  align-content: flex-start; }

.content-end {
  align-content: flex-end; }

.content-center {
  align-content: center; }

.content-between {
  align-content: space-between; }

.content-around {
  align-content: space-around; }

.content-stretch {
  align-content: stretch; }

.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  /* 1 */
  min-height: 0;
  /* 1 */ }

.flex-regular {
  flex: 1 0 auto; }

.flex-1 {
  flex: 1; }

.flex-none {
  flex: 0 0 auto !important; }

/*24px*/
/*40px*/
/*48px*/
/*56px*/
.p0 {
  padding: 0 !important; }

.p1 {
  padding: 0.5rem !important; }

.p15 {
  padding: 1.5rem !important; }

.p2 {
  padding: 1rem !important; }

.p3 {
  padding: 2rem !important; }

.p4 {
  padding: 4rem !important; }

.pt0 {
  padding-top: 0 !important; }

.pt1 {
  padding-top: 0.5rem !important; }

.pt15 {
  padding-top: 1.5rem !important; }

.pt2 {
  padding-top: 1rem !important; }

.pt3 {
  padding-top: 2rem !important; }

.pt4 {
  padding-top: 4rem !important; }

.pr0 {
  padding-right: 0 !important; }

.pr1 {
  padding-right: 0.5rem !important; }

.pr15 {
  padding-right: 1.5rem !important; }

.pr2 {
  padding-right: 1rem !important; }

.pr3 {
  padding-right: 2rem !important; }

.pr4 {
  padding-right: 4rem !important; }

.pl0 {
  padding-left: 0 !important; }

.pl1 {
  padding-left: 0.5rem !important; }

.pl15 {
  padding-left: 1.5rem !important; }

.pl2 {
  padding-left: 1rem !important; }

.pl3 {
  padding-left: 2rem !important; }

.pl4 {
  padding-left: 4rem !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pb1 {
  padding-bottom: 0.5rem !important; }

.pb15 {
  padding-bottom: 1.5rem !important; }

.pb2 {
  padding-bottom: 1rem !important; }

.pb3 {
  padding-bottom: 2rem !important; }

.pb4 {
  padding-bottom: 4rem !important; }

.px0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.px1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important; }

.px15 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.px2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.px3 {
  padding-left: 2rem !important;
  padding-right: 2rem !important; }

.px4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important; }

.py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.py15 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.py2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.py3 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }

.py4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }

.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: 0.5rem !important; }

.m-2 {
  margin: 1rem !important; }

.m-3 {
  margin: 2rem !important; }

.m-4 {
  margin: 4rem !important; }

.m-3-5 {
  margin: 3.5rem !important; }

.m-t0 {
  margin-top: 0 !important; }

.m-t1 {
  margin-top: 0.5rem !important; }

.m-t15 {
  margin-top: 1.5rem !important; }

.m-t2 {
  margin-top: 1rem !important; }

.m-t3 {
  margin-top: 2rem !important; }

.m-t25 {
  margin-top: 2.5rem !important; }

.m-t35 {
  margin-top: 3rem !important; }

.m-t3-5 {
  margin-top: 3.5rem !important; }

.m-t4 {
  margin-top: 4rem !important; }

.m-r0 {
  margin-right: 0 !important; }

.m-r1 {
  margin-right: 0.5rem !important; }

.m-r15 {
  margin-right: 1.5rem !important; }

.m-r2 {
  margin-right: 1rem !important; }

.m-r3 {
  margin-right: 2rem !important; }

.m-r3-5 {
  margin-right: 3.5rem !important; }

.m-r4 {
  margin-right: 4rem !important; }

.m-l0 {
  margin-left: 0 !important; }

.m-l1 {
  margin-left: 0.5rem !important; }

.m-l2 {
  margin-left: 1rem !important; }

.m-l3 {
  margin-left: 2rem !important; }

.m-l3-5 {
  margin-left: 3.5rem !important; }

.m-l4 {
  margin-left: 4rem !important; }

.m-b0 {
  margin-bottom: 0 !important; }

.m-b1 {
  margin-bottom: 0.5rem !important; }

.m-b15 {
  margin-bottom: 1.5rem !important; }

.m-b2 {
  margin-bottom: 1rem !important; }

.m-b3 {
  margin-bottom: 2rem !important; }

.m-b25 {
  margin-bottom: 2.5rem !important; }

.m-b35 {
  margin-bottom: 3rem !important; }

.m-b3-5 {
  margin-bottom: 3.5rem !important; }

.m-b4 {
  margin-bottom: 4rem !important; }

.m-x0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.m-x1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

.m-x2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.m-x3 {
  margin-left: 2rem !important;
  margin-right: 2rem !important; }

.m-x3-5 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important; }

.m-x4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important; }

.m-y0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-y1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.m-y2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-y3 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important; }

.m-y3-5 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important; }

.m-y4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important; }

.m-xn1 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important; }

.m-xn2 {
  margin-left: -1rem !important;
  margin-right: -1rem !important; }

.m-xn3 {
  margin-left: -2rem !important;
  margin-right: -2rem !important; }

.m-xn4 {
  margin-left: -4rem !important;
  margin-right: -4rem !important; }

.m-yn2 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important; }

.m-l-auto {
  margin-left: auto !important; }

.m-r-auto {
  margin-right: auto !important; }

.m-x-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.w100 {
  width: 100%; }

.h100 {
  height: 100%; }

/** dropdown-search-field */
.input-field.dropdown-search-field {
  position: relative; }

.input-field.dropdown-search-field.simple > input {
  letter-spacing: 0.01em; }

.input-field.dropdown-search-field > input.ng-valid {
  width: 100%; }

.input-field.dropdown-search-field > input {
  margin-bottom: 0;
  padding-right: 50px; }

.input-field.dropdown-search-field .icon-link {
  position: absolute;
  right: 50px;
  top: 0;
  cursor: pointer; }

.input-field.dropdown-search-field > input {
  margin-bottom: 0; }

.input-field.dropdown-search-field > input.ng-valid {
  width: 100%; }

.input-field.dropdown-search-field.simple .icon-link {
  right: 0; }

.input-field.dropdown-search-field.simple > input {
  letter-spacing: 0.01em; }

.input-field.dropdown-search-field + .rel {
  margin-bottom: 30px; }

ul.adv-dropdown {
  margin: 0;
  max-height: 300px;
  overflow: auto; }

.adv-dropdown {
  display: none;
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 10;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.14), 0 3px 14px rgba(0, 0, 0, 0.12), 0 4px 15px rgba(0, 0, 0, 0.2); }

ul.adv-dropdown li a:hover {
  background: #f2f2f2;
  color: #313336 !important; }

ul.adv-dropdown li a {
  line-height: 22px;
  padding: 13px 16px;
  color: #313336;
  display: block;
  text-decoration: none;
  min-height: 48px; }

.adv-dropdown li a {
  text-decoration: none; }

ul.adv-dropdown li.active a {
  color: #1774cc; }

ul.adv-dropdown li.active a:hover {
  color: #1774cc !important; }

ul.adv-dropdown li.selected a {
  background: #f2f2f2;
  color: #313336 !important; }

.input-field.dropdown-search-field .dropdown-placeholder {
  display: none;
  position: absolute;
  height: 100%;
  line-height: 2.5rem;
  padding-top: 0.5rem;
  width: 100%;
  top: 0;
  left: 0;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.4); }

.input-field.dropdown-search-field .dropdown-placeholder.active {
  display: block; }

.invitation-row .btn-delete {
  position: absolute;
  top: 10px;
  right: 5px; }

/** end of dropdown-search-field */
.input-field.advanced-search-field,
.input-field.dropdown-search-field {
  position: relative; }
  .input-field.advanced-search-field > input,
  .input-field.dropdown-search-field > input {
    margin-bottom: 0;
    background: #fff !important; }
    .input-field.advanced-search-field > input.ng-valid,
    .input-field.dropdown-search-field > input.ng-valid {
      padding-right: 75px !important;
      width: calc(100% - 75px); }
  .input-field.advanced-search-field .icon-link,
  .input-field.dropdown-search-field .icon-link {
    position: absolute;
    right: 50px;
    top: 0;
    cursor: pointer; }
    .input-field.advanced-search-field .icon-link.blue-text,
    .input-field.dropdown-search-field .icon-link.blue-text {
      right: 0; }
  .input-field.advanced-search-field.simple .icon-link,
  .input-field.dropdown-search-field.simple .icon-link {
    right: 0; }
  .input-field.advanced-search-field.simple > input,
  .input-field.dropdown-search-field.simple > input {
    letter-spacing: 0.01em; }
  .input-field.advanced-search-field + .rel,
  .input-field.dropdown-search-field + .rel {
    margin-bottom: 30px; }
  .input-field.advanced-search-field .dropdown-placeholder,
  .input-field.dropdown-search-field .dropdown-placeholder {
    display: none;
    position: absolute;
    height: 100%;
    line-height: 2.5rem;
    padding-top: 0.5rem;
    width: 100%;
    top: 1px;
    left: 0;
    letter-spacing: 0.01em;
    color: rgba(0, 0, 0, 0.4);
    white-space: nowrap;
    overflow: hidden;
    z-index: -1; }
    .input-field.advanced-search-field .dropdown-placeholder.active,
    .input-field.dropdown-search-field .dropdown-placeholder.active {
      display: block; }

/* "new" badge for messages page */
.user-desc .material-icons[data-badge]::after {
  align-content: center;
  align-items: center;
  background: #e6172c;
  content: attr(data-badge);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: 'Open Sans', sans-serif;
  justify-content: center;
  position: absolute;
  right: 0px;
  top: -11px;
  left: auto !important;
  width: auto;
  padding: 0 3px;
  margin-left: 14px;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: #fff;
  float: right;
  box-sizing: border-box;
  border-radius: 1000px;
  text-transform: uppercase; }

/*ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .user-desc [data-badge].material-icons::after {
    display: block; } }

.detail-title .material-icons {
  color: #5b6b78;
  vertical-align: -5px; }

.layout-new .message-panel-right .collapsible .collapsible-body.video-body.video-body-sites {
  margin: 0 -20px;
  padding: 0; }
  .layout-new .message-panel-right .collapsible .collapsible-body.video-body.video-body-sites .video-actions-block {
    padding-bottom: 0; }

@media only screen and (max-width: 600px) {
  .layout-new .message-panel-right .collapsible .collapsible-body.video-body.video-body-sites .video-component {
    height: 100%; } }

.layout-new .message-panel-right .video-body-sites .layout__pane__video .cam-preview {
  width: 100%;
  height: 100%;
  position: relative; }
  .layout-new .message-panel-right .video-body-sites .layout__pane__video .cam-preview .cam-preview-inner {
    width: 100%;
    height: 100%;
    background: #000; }
  .layout-new .message-panel-right .video-body-sites .layout__pane__video .cam-preview .cam-preview-video {
    width: 100%;
    height: 100%; }
  .layout-new .message-panel-right .video-body-sites .layout__pane__video .cam-preview .buttons {
    position: absolute;
    bottom: 1rem;
    text-align: center;
    width: 100%; }
    .layout-new .message-panel-right .video-body-sites .layout__pane__video .cam-preview .buttons .btn-left {
      float: left;
      margin-left: 1rem; }
    .layout-new .message-panel-right .video-body-sites .layout__pane__video .cam-preview .buttons .btn-right {
      float: right;
      margin-right: 1rem; }

/*! ng-dialog - v0.4.0 (https://github.com/likeastore/ngDialog) */
@-webkit-keyframes avz-dialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes avz-dialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes avz-dialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes avz-dialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.avz-dialog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.avz-dialog *,
.avz-dialog:after,
.avz-dialog:before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

.avz-dialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.avz-dialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: avz-dialog-fadein 0.5s;
  animation: avz-dialog-fadein 0.5s; }

.avz-dialog.avz-dialog-closing .avz-dialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: avz-dialog-fadeout 0.5s;
  animation: avz-dialog-fadeout 0.5s; }

.avz-dialog-content {
  background: #fff;
  -webkit-backface-visibility: hidden;
  -webkit-animation: avz-dialog-fadein 0.5s;
  animation: avz-dialog-fadein 0.5s; }

.avz-dialog.avz-dialog-closing .avz-dialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: avz-dialog-fadeout 0.5s;
  animation: avz-dialog-fadeout 0.5s; }

.avz-dialog-close:before {
  font-family: Helvetica, Arial, sans-serif;
  content: '\00D7';
  cursor: pointer; }

body.avz-dialog-open {
  overflow: hidden; }

@-webkit-keyframes avz-dialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes avz-dialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes avz-dialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); } }

@keyframes avz-dialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); } }

.avz-dialog.avz-dialog-theme-avizia {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column; }
  .avz-dialog.avz-dialog-theme-avizia .modal-heading {
    padding: 1rem 3.5rem 1rem 1.5rem;
    border-bottom: 1px solid #e6e6e6; }
    .avz-dialog.avz-dialog-theme-avizia .modal-heading.no-border {
      border: none; }
    .avz-dialog.avz-dialog-theme-avizia .modal-heading h4 {
      margin: 0; }
  .avz-dialog.avz-dialog-theme-avizia.avz-dialog-closing .avz-dialog-content {
    -webkit-animation: avz-dialog-flyout 0.5s;
    -ms-animation: avz-dialog-flyout 0.5s;
    animation: avz-dialog-flyout 0.5s; }
  .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content {
    -webkit-animation: avz-dialog-flyin 0.5s;
    -ms-animation: avz-dialog-flyin 0.5s;
    animation: avz-dialog-flyin 0.5s;
    position: relative;
    box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.14), 0 0.375rem 1.875rem rgba(0, 0, 0, 0.12), 0 0.5rem 0.625rem -0.625rem rgba(0, 0, 0, 0.2);
    background-color: #fff;
    width: 800px;
    max-width: calc(100% - 2rem);
    max-height: 800px;
    padding: 0;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity; }
    .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content .modal-content {
      padding: 1rem 1.5rem 0.5rem; }
      .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content .modal-content h4 {
        margin-bottom: 1.5rem; }
    .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content .modal-footer {
      border-radius: 0 0 2px 2px;
      background-color: #fff;
      padding: 1rem 1.5rem;
      height: auto;
      width: 100%;
      position: static; }
      .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content .modal-footer.equal {
        padding: 1.5rem; }
      .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content .modal-footer .btn,
      .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content .modal-footer .btn-flat,
      .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content .modal-footer .btn-large,
      .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content .modal-footer .btn-small {
        float: right;
        margin: 0; }
      .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content .modal-footer:after {
        clear: both;
        display: block;
        content: ''; }
  .avz-dialog.avz-dialog-theme-avizia.modal-sm .avz-dialog-content {
    width: 500px; }
  .avz-dialog.avz-dialog-theme-avizia.modal-md .avz-dialog-content {
    width: 600px; }
  .avz-dialog.avz-dialog-theme-avizia.modal-lg .avz-dialog-content {
    width: 800px; }
  .avz-dialog.avz-dialog-theme-avizia.modal-fixed-footer .avz-dialog-content {
    min-height: 250px;
    display: flex;
    flex-direction: column; }
  .avz-dialog.avz-dialog-theme-avizia.modal-fixed-footer .modal-heading {
    flex: 0 0 auto; }
  .avz-dialog.avz-dialog-theme-avizia.modal-fixed-footer .modal-content {
    flex: 1 1 auto;
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
    padding: 0.5rem 1.5rem; }
  .avz-dialog.avz-dialog-theme-avizia.modal-fixed-footer .modal-footer {
    border-top: 1px solid #e6e6e6;
    flex: 0 0 auto; }
  .avz-dialog.avz-dialog-theme-avizia.modal-fixed-footer.h800 .avz-dialog-content {
    height: 800px; }
  .avz-dialog.avz-dialog-theme-avizia .avz-dialog-close {
    border: none;
    background: transparent;
    cursor: pointer;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    padding: 0; }
    .avz-dialog.avz-dialog-theme-avizia .avz-dialog-close:before {
      content: 'close';
      font-family: 'Material Icons';
      text-rendering: optimizeLegibility;
      font-feature-settings: 'liga' 1;
      font-style: normal;
      text-transform: none;
      border-radius: 1000px;
      width: 48px;
      height: 48px;
      text-align: center;
      line-height: 48px;
      font-size: 1.5rem;
      display: inline-block;
      overflow: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .avz-dialog.avz-dialog-theme-avizia .avz-dialog-close:hover:before, .avz-dialog.avz-dialog-theme-avizia .avz-dialog-close:active:before {
      background: rgba(0, 0, 0, 0.12); }
  .avz-dialog.avz-dialog-theme-avizia.no-close-icon .avz-dialog-close {
    display: none; }
  .avz-dialog.avz-dialog-theme-avizia.modal-alert .avz-dialog-content {
    width: 280px; }
  @media only screen and (max-height: 1200px) {
    .avz-dialog.avz-dialog-theme-avizia.no-scroll.no-max .avz-dialog-content {
      max-height: none; } }
  .avz-dialog.avz-dialog-theme-avizia.no-scroll .avz-dialog-content {
    overflow: visible; }
  .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto; }
    .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-heading {
      display: flex;
      flex: 1 0 auto; }
    .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-content {
      display: flex;
      flex-direction: row;
      padding: 0;
      flex: 1 1 auto;
      overflow: hidden;
      height: auto;
      max-height: none;
      position: relative; }
      @media (max-width: 768px) {
        .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-content {
          flex-wrap: wrap;
          overflow-y: scroll;
          overflow-x: hidden; } }
      .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-content .modal-2col-left {
        width: 265px;
        overflow-y: auto;
        border-right: 1px solid #e6e6e6;
        padding: 1rem 1.5rem;
        flex: 1 0 auto;
        display: flex;
        flex-direction: column; }
        @media (max-width: 768px) {
          .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-content .modal-2col-left {
            float: none;
            width: 100%;
            height: auto;
            border-right: none;
            flex: 1 0 auto; } }
      .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-content .modal-2col-right {
        flex: 1 1 auto;
        overflow-y: auto;
        display: flex; }
        .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-content .modal-2col-right table {
          width: auto; }
          .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-content .modal-2col-right table tbody tr td,
          .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-content .modal-2col-right table tbody tr th {
            white-space: nowrap; }
        @media (max-width: 768px) {
          .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-content .modal-2col-right {
            width: 100%;
            height: auto;
            flex: 1 0 auto;
            overflow-y: auto;
            overflow-x: auto; } }
    .avz-dialog.avz-dialog-theme-avizia.modal-2col .avz-dialog-content .modal-footer {
      position: relative;
      bottom: auto;
      display: flex;
      flex: 1 0 auto; }

@media only screen and (max-height: 1200px) {
  .avz-dialog.avz-dialog-theme-avizia .avz-dialog-content {
    max-height: 70%; }
  .avz-dialog.avz-dialog-theme-avizia.modal-fixed-footer.h800 .avz-dialog-content {
    height: 70%; } }

@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1); }
  20% {
    opacity: 0.24;
    transform: scale(1); }
  80% {
    opacity: 0.16; }
  100% {
    opacity: 0;
    transform: scale(1.5); } }

.avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .avz-dialog-content {
  width: 368px;
  max-height: 95%; }

.avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 4.5rem 1.5rem 2rem; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call h3 {
    font-size: 1.5rem; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .btn-success {
    background: #30a039; }
    .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .btn-success:hover, .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .btn-success:active, .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .btn-success:focus, .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .call-part-modal .input-field:active .select-wrapper input.btn-success.select-dropdown, .call-part-modal .input-field:active .select-wrapper .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call input.btn-success.select-dropdown, .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .call-part-modal .input-field:active .select-wrapper a.btn-success.select-dropdown, .call-part-modal .input-field:active .select-wrapper .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call a.btn-success.select-dropdown, .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .call-part-modal .input-field input.btn-success:active, .call-part-modal .input-field .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call input.btn-success:active {
      background: #30a039; }
    .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .btn-success.m-l15 {
      margin-left: 1.5rem; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .circle {
    height: 7rem;
    width: 7rem;
    margin-bottom: 3.5rem;
    background: #1774cc;
    position: relative; }
    .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .circle img {
      border-radius: 1000px;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .ripple-wave {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    height: 7rem;
    width: 7rem; }
    .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .ripple-wave::before, .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .ripple-wave::after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #1774cc;
      will-change: transform, opacity; }
    .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .ripple-wave::after {
      animation: pulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
      transition: opacity 0.4s, transform 0.4s; }
    .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .ripple-wave .ripple-wave-2 {
      position: absolute;
      height: inherit;
      width: inherit; }
      .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .ripple-wave .ripple-wave-2::before {
        content: '';
        display: block;
        height: inherit;
        width: inherit;
        border-radius: 50%;
        background-color: #1774cc;
        animation: pulse-animation 2s cubic-bezier(0.5, 0, 0.6, 1) infinite;
        animation-delay: 0.24s; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .btn-floating.btn-floating-jumbo {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    min-width: 0;
    padding: 0;
    cursor: pointer; }
    .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .btn-floating.btn-floating-jumbo i {
      line-height: 64px;
      font-size: 2rem !important;
      transition: line-height 0.3s, font-size 0.3s; }
      .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .btn-floating.btn-floating-jumbo i.material-icons {
        margin: 0; }
      .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .btn-floating.btn-floating-jumbo i.add {
        font-size: 1.9rem !important; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .danger:hover {
    background-color: #e6172c !important; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .success:hover {
    background-color: #30a039 !important; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .user-initials {
    font-size: 40px;
    color: #fff;
    z-index: 9999;
    position: relative;
    justify-content: center;
    height: 100%;
    align-items: center;
    display: flex;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
    text-align: center; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .user-description {
    word-break: break-word;
    color: #5b6b78;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 19px;
    text-align: center; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .acpt-btn i {
    color: #fff; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .reject-btn i {
    color: #fff;
    transform: rotate(135deg); }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .call-btn-txt {
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-top: 10px; }
  .avz-dialog.avz-dialog-theme-avizia.incoming-call-modal .inc-call .buttons-wrap-inline {
    display: flex;
    justify-content: space-between; }

/* patient details page - section attachments */
.loader-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .loader-overlay .loaderAndText {
    margin: auto;
    top: auto;
    left: auto;
    text-align: center;
    display: inline-block;
    position: absolute; }
    .loader-overlay .loaderAndText .loader {
      margin: 0; }
    .loader-overlay .loaderAndText .text {
      margin-top: 25px;
      margin-left: 32%; }

/* Appointments page - header */
.dropdown-content.drop-select-search {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #313336;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  top: 0 !important;
  min-height: 36px;
  max-height: 350px;
  overflow-y: auto; }
  .dropdown-content.drop-select-search ul li:first-child {
    min-height: 34px; }
  .dropdown-content.drop-select-search .material-icons {
    top: 5px !important; }
  .dropdown-content.drop-select-search .select-dropdown {
    height: 32px; }
  .dropdown-content.drop-select-search input {
    height: 32px !important;
    padding-right: 30px !important; }

.glyphicon {
  font-feature-settings: 'liga'; }

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4); }

:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.4); }

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.4); }

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4); }

.stickerBlock-overlay {
  position: absolute;
  top: 37px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent !important;
  z-index: 11; }

.avz-dialog .modal-select [type='radio']:checked + label {
  padding-right: 0; }

.avz-dialog .modal-select [type='radio']:not(:checked) + label,
.avz-dialog .modal-select [type='radio']:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px !important;
  line-height: 25px !important;
  font-size: 1rem;
  transition: 0.28s ease;
  -khtml-user-select: none;
  user-select: none;
  color: #313336;
  margin-right: 0.5rem; }

.avz-dialog .modal-select .radio-input input[type='text'] {
  height: 25px !important;
  padding-top: 0 !important; }

.avz-dialog .modal-select input[type='text'] {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  outline: 0;
  height: 2.5rem;
  width: 100%;
  margin: 0 0 2rem 0;
  padding: 0;
  padding-top: 0.5rem;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s;
  font-size: 1rem;
  line-height: 1.5; }

.avz-dialog .checkbox-wrap > span {
  display: inline-block; }

.avz-dialog .checkbox-wrap [type='checkbox'] + label {
  position: relative;
  padding-left: 23px;
  cursor: pointer;
  display: inline-block;
  height: 25px !important;
  line-height: 25px !important;
  padding-left: 35px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  color: #313336;
  font-weight: 400; }

.avz-dialog [type='checkbox'].filled-in + label:before,
.avz-dialog [type='checkbox'].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1; }

.avz-dialog [type='checkbox'].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%; }

.avz-dialog .checkbox-wrap [type='checkbox'].filled-in:not(:checked) + label:after {
  height: 18px;
  width: 18px;
  background-color: transparent;
  border: 2px solid #5b6b78;
  top: 4px; }

.avz-dialog .checkbox-wrap [type='checkbox'].filled-in:checked + label:before {
  top: 4px;
  left: 0px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.avz-dialog .checkbox-wrap [type='checkbox'].filled-in:checked + label:after {
  top: 4px;
  width: 18px;
  height: 18px;
  border: 2px solid #1774cc;
  background-color: #1774cc;
  z-index: 0; }

/*ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .avz-dialog .checkbox-wrap [type='checkbox'] + label {
    line-height: 32px !important; } }

/*edge*/
@supports (-ms-ime-align: auto) {
  .avz-dialog .checkbox-wrap [type='checkbox'] + label {
    line-height: 28px !important; } }

.va-1 {
  vertical-align: -1px; }

.btn i,
.btn .material-icons,
.btn .icon {
  line-height: 1;
  vertical-align: -3px;
  margin-right: 0.5rem; }

#videochatType ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 1rem;
  color: #5b6b78;
  font-style: italic;
  opacity: 1; }

#videochatType ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1rem;
  color: #5b6b78;
  font-style: italic;
  opacity: 1; }

#videochatType :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 1rem;
  color: #5b6b78;
  font-style: italic;
  opacity: 1; }

#videochatType :-moz-placeholder {
  /* Firefox 18- */
  font-size: 1rem;
  color: #5b6b78;
  font-style: italic;
  opacity: 1; }

#videoDiv .actions-wrapper {
  margin-right: 0 !important; }

#videoDiv .material-icons{
  user-select: none;
}

#videoDiv .writing-area .actions-wrapper {
  transform: none; }

#videoDiv .writing-area .actions-wrapper .send {
  opacity: 1;
  color: #1774cc; }

#videoDiv #videochatType {
  height: auto !important; }

#videoDiv #videochatType .writing-area {
  padding: 16px; }

#videoDiv .msg .msg-body .msg-item .meta {
  padding-top: 1rem;
  color: rgba(0, 0, 0, 0.4); }

#videoDiv .msg.my-msg .msg-body .msg-item .meta {
  color: #fff; }

#videoDiv .writing-area .send:hover, #videoDiv .writing-area .send:focus, #videoDiv .writing-area .call-part-modal .input-field:active .select-wrapper input.send.select-dropdown, .call-part-modal .input-field:active .select-wrapper #videoDiv .writing-area input.send.select-dropdown, #videoDiv .writing-area .call-part-modal .input-field:active .select-wrapper a.send.select-dropdown, .call-part-modal .input-field:active .select-wrapper #videoDiv .writing-area a.send.select-dropdown, #videoDiv .writing-area .call-part-modal .input-field input.send:active, .call-part-modal .input-field #videoDiv .writing-area input.send:active {
  background: transparent; }

#dropdown1.video-chat-dropdown {
  width: 25% !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  min-width: 260px; }

#videoDiv {
  background-color: #1774cc; }

.video-preloader {
  height: 100%;
  background-color: #1774cc;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1rem; }

label.invalid {
  font-size: 12.8px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #e6172c !important;
  top: 50px !important; }

label.invalid.active {
  -webkit-transform: translateY(0%) !important;
  transform: translateY(0%) !important; }

/*Validate.js FIX*/
ul.stepper {
  counter-reset: section;
  overflow-y: auto;
  overflow-x: hidden;
  /*max-width: 800px;*/ }

.card-content ul.stepper {
  margin: 1em -24px;
  padding: 0 24px; }

ul.stepper .wait-feedback {
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center; }

ul.stepper .step {
  position: relative; }

ul.stepper .step.feedbacking .step-content > *:not(.wait-feedback) {
  opacity: 0.1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; }

ul.stepper > li:not(:last-of-type) {
  -webkit-transition: margin-bottom 0.4s;
  transition: margin-bottom 0.4s; }

ul.stepper .step .step-title:before {
  position: absolute;
  top: 1.5rem;
  counter-increment: section;
  content: counter(section);
  height: 24px;
  min-width: 24px;
  color: #5b6b78;
  border: 1px solid #5b6b78;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
  left: 0px;
  font-size: 0.875rem;
  display: inline-block; }

ul.stepper .step.active .step-title:before {
  border: none;
  background-color: #1774cc;
  color: #fff;
  font-weight: 400;
  line-height: 24px; }

ul.stepper .step.done .step-title:before {
  background-color: #30a039;
  border: none;
  color: #fff;
  line-height: 24px; }

ul.stepper .step.done .step-title:before {
  content: '\e5ca';
  font-size: 16px;
  font-family: 'Material Icons'; }

ul.stepper .step.wrong .step-title:before {
  content: '\e001';
  font-size: 24px;
  font-family: 'Material Icons';
  background-color: #e6172c !important; }

.connection-test-steper ul.stepper .step-title {
  margin: 0 !important;
  padding: 1.5rem 1rem 1rem 2.25rem !important; }

.connection-test-steper ul.stepper .step:before {
  display: none; }

.row .step-content .preview-wrap {
  height: 310px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden; }
  .row .step-content .preview-wrap .material-icons {
    font-size: 64px;
    margin-bottom: 50px; }
  .row .step-content .preview-wrap .success-test-icon {
    color: #fff;
    width: 72px;
    height: 72px;
    background: #30a039;
    border-radius: 1000px;
    padding-top: 6px; }
    .row .step-content .preview-wrap .success-test-icon::before {
      font-size: 56px;
      margin-left: 15px; }

.row .step-content .failed {
  padding: 0 20px;
  text-align: center; }
  .row .step-content .failed .failed-test-icon {
    color: #fff;
    width: 72px;
    height: 72px;
    background: #e6172c;
    border-radius: 1000px; }
    .row .step-content .failed .failed-test-icon::before {
      font-size: 72px; }

ul.stepper .step-title {
  margin: 0;
  padding: 1.5rem 1rem 1rem 2.25rem;
  display: inline-flex;
  color: #5b6b78; }

ul.stepper .step.active .step-title {
  color: #1774cc; }

ul.stepper .step.done .step-title {
  color: #313336;
  cursor: pointer; }

ul.stepper .step-title:after {
  content: attr(data-step-label);
  display: block;
  position: absolute;
  font-size: 12.8px;
  font-size: 0.8rem;
  color: #313336;
  font-weight: 400; }

ul.stepper .step-content {
  position: relative;
  display: none;
  height: calc(100% - 132px);
  width: inherit;
  overflow: visible;
  margin-left: 36px;
  margin-right: 0; }

ul.stepper > .step:not(:last-of-type):after {
  content: '';
  position: absolute;
  top: 56px;
  left: 11.5px;
  width: 1px;
  height: calc(100% - 40px);
  background-color: rgba(0, 0, 0, 0.14); }

ul.stepper > .step[data-last='true']:after {
  height: 0;
  width: 0; }

ul.stepper > .step[data-last='true'] {
  margin-bottom: 0; }

ul.stepper .step-actions {
  padding-top: 16px;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start; }

ul.stepper .step-actions .btn:not(:last-child),
ul.stepper .step-actions .btn-flat:not(:last-child),
ul.stepper .step-actions .btn-large:not(:last-child) {
  margin-right: 5px; }

ul.stepper .step-content .row {
  margin-bottom: 7px; }

ul.stepper .step.done.error .step-title:before,
ul.stepper .step.active.error .step-title:before {
  background-color: #e6172c;
  content: '!';
  font-size: 16px;
  line-height: 22px;
  font-family: 'Open Sans', sans-serif; }

@media only screen and (min-width: 993px) {
  ul.stepper.horizontal {
    position: relative;
    overflow: hidden;
    width: auto;
    height: auto; }
    ul.stepper.horizontal .step {
      vertical-align: top; }
  .card-content ul.stepper.horizontal {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    overflow: hidden; }
  .card-content ul.stepper.horizontal:first-child {
    margin-top: -24px; }
  ul.stepper.horizontal:before {
    content: '';
    background-color: transparent;
    width: 100%;
    min-height: 84px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    position: absolute;
    left: 0; }
  ul.stepper.horizontal .step {
    margin: 0;
    display: inline-block; }
  ul.stepper.horizontal > .step:last-of-type,
  ul.stepper.horizontal > .step[data-last='true'] {
    width: auto !important; }
  ul.stepper.horizontal .step:not(:last-of-type):after,
  ul.stepper.horizontal > .step.active:not(:last-of-type):after {
    content: '';
    position: absolute;
    right: 8px;
    left: auto;
    display: inline-block;
    width: 24px;
    height: 1px;
    top: 50%; }
  ul.stepper.horizontal .step.done .step-title:before {
    background-color: #30a039; }
  ul.stepper.horizontal .step.done .step-title:before {
    content: '\e5ca';
    font-size: 16px;
    font-family: 'Material Icons'; }
  ul.stepper.horizontal .step.wrong .step-title:before {
    content: '\e001';
    font-size: 24px;
    font-family: 'Material Icons';
    background-color: #e6172c !important; }
  ul.stepper .step.done.error .step-title:before,
  ul.stepper .step.active.error .step-title:before {
    background-color: #e6172c;
    content: '!';
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif; }
  ul.stepper.horizontal .step-title {
    line-height: 30px;
    height: 30px;
    margin: 0;
    padding: 0 40px 0 2.25rem;
    display: inline-flex; }
  ul.stepper.horizontal .step .step-title:before {
    position: absolute;
    top: 3px;
    left: 0;
    counter-increment: section;
    content: counter(section);
    height: 24px;
    min-width: 24px;
    color: #5b6b78;
    border: 1px solid #5b6b78;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    font-weight: 400;
    font-size: 0.875rem; }
  ul.stepper.horizontal .step.error .step-title:before {
    top: 3px; }
  ul.stepper.horizontal .step.done .step-title:before {
    color: #fff;
    border: none;
    line-height: 24px; }
  ul.stepper.horizontal .step.active .step-title:before {
    color: #fff;
    border: none;
    line-height: 24px;
    font-weight: 400; }
  ul.stepper.horizontal .step-title:after {
    top: 15px; }
  ul.stepper.horizontal .step-content {
    position: absolute;
    height: calc(100% - 84px);
    top: 84px;
    left: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 20px 20px 76px 20px; }
  .card-content ul.stepper.horizontal .step-content {
    padding-left: 40px;
    padding-right: 40px; }
  ul.stepper.horizontal .step-actions .btn:not(:last-child),
  ul.stepper.horizontal .step-actions .btn-flat:not(:last-child),
  ul.stepper.horizontal .step-actions .btn-large:not(:last-child) {
    margin-left: 5px;
    margin-right: 0; }
  ul.stepper.horizontal .step-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse; }
  .card-content ul.stepper.horizontal .step-actions {
    padding-left: 40px;
    padding-right: 40px; } }

@media (max-width: 767px) {
  .empty-stepper {
    text-align: left; } }

.empty-stepper ul.stepper.horizontal {
  position: relative;
  overflow: hidden;
  width: auto;
  height: auto; }
  .empty-stepper ul.stepper.horizontal .step {
    vertical-align: top; }

.empty-stepper .card-content ul.stepper.horizontal {
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden; }

.empty-stepper .card-content ul.stepper.horizontal:first-child {
  margin-top: -24px; }

.empty-stepper ul.stepper.horizontal:before {
  content: '';
  background-color: transparent;
  width: 100%;
  min-height: 84px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  position: absolute;
  left: 0; }

.empty-stepper ul.stepper.horizontal .step {
  margin: 0;
  display: inline-block; }

.empty-stepper ul.stepper.horizontal > .step:last-of-type,
.empty-stepper ul.stepper.horizontal > .step[data-last='true'] {
  width: auto !important; }

.empty-stepper ul.stepper.horizontal .step:not(:last-of-type):after,
.empty-stepper ul.stepper.horizontal > .step.active:not(:last-of-type):after {
  content: '';
  position: absolute;
  right: 8px;
  left: auto;
  display: inline-block;
  width: 24px;
  height: 1px;
  top: 50%; }

.empty-stepper ul.stepper.horizontal .step.done .step-title:before {
  background-color: #30a039; }

.empty-stepper ul.stepper.horizontal .step.done .step-title:before {
  content: '\e5ca';
  font-size: 16px;
  font-family: 'Material Icons'; }

.empty-stepper ul.stepper.horizontal .step.wrong .step-title:before {
  content: '\e001';
  font-size: 24px;
  font-family: 'Material Icons';
  background-color: #e6172c !important; }

.empty-stepper ul.stepper .step.done.error .step-title:before,
.empty-stepper ul.stepper .step.active.error .step-title:before {
  background-color: #e6172c;
  content: '!';
  font-size: 16px;
  line-height: 22px;
  font-family: 'Open Sans', sans-serif; }

.empty-stepper ul.stepper.horizontal .step-title {
  line-height: 30px;
  height: 30px;
  margin: 0;
  padding: 0 40px 0 2.25rem;
  display: inline-flex; }

.empty-stepper ul.stepper.horizontal .step .step-title:before {
  position: absolute;
  top: 3px;
  left: 0;
  counter-increment: section;
  content: counter(section);
  height: 24px;
  min-width: 24px;
  color: #5b6b78;
  border: 1px solid #5b6b78;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
  font-size: 0.875rem; }

.empty-stepper ul.stepper.horizontal .step.error .step-title:before {
  top: 3px; }

.empty-stepper ul.stepper.horizontal .step.done .step-title:before {
  color: #fff;
  border: none;
  line-height: 24px; }

.empty-stepper ul.stepper.horizontal .step.active .step-title:before {
  color: #fff;
  border: none;
  line-height: 24px;
  font-weight: 400; }

.empty-stepper ul.stepper.horizontal .step-title:after {
  top: 15px; }

.empty-stepper ul.stepper.horizontal .step-content {
  position: absolute;
  height: calc(100% - 84px);
  top: 84px;
  left: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 20px 20px 76px 20px; }

.empty-stepper .card-content ul.stepper.horizontal .step-content {
  padding-left: 40px;
  padding-right: 40px; }

.empty-stepper ul.stepper.horizontal .step-actions .btn:not(:last-child),
.empty-stepper ul.stepper.horizontal .step-actions .btn-flat:not(:last-child),
.empty-stepper ul.stepper.horizontal .step-actions .btn-large:not(:last-child) {
  margin-left: 5px;
  margin-right: 0; }

.empty-stepper ul.stepper.horizontal .step-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse; }

.empty-stepper .card-content ul.stepper.horizontal .step-actions {
  padding-left: 40px;
  padding-right: 40px; }

ul.stepper.vertical {
  position: relative; }
  ul.stepper.vertical .step.done .step-content {
    height: 100%;
    margin-left: 36px;
    margin-right: 0; }

ul.stepper avz-step-component:not(:last-child) .step.active:after {
  height: calc(100% - 40px); }

ul.stepper avz-step-component:not(:last-of-type) .step:after {
  content: '';
  position: absolute;
  top: 56px;
  left: 11.5px;
  width: 1px;
  height: calc(100% - 40px);
  background-color: rgba(0, 0, 0, 0.14); }

.step-content-wrap .step-content {
  display: none; }

ul.stepper .step.done .step-content {
  display: block; }

ul.stepper.vertical.content-inside avz-step-component:not(:last-child) .step.active:after {
  display: none; }

ul.stepper.vertical.content-inside .step.active .step-content {
  margin: 0; }

.empty-stepper ul.stepper.horizontal .step-title {
  padding-right: 30px; }

.empty-stepper ul.stepper.horizontal .step:not(:last-of-type):after {
  margin-top: -3px; }

.zindx-custom {
  z-index: 10; }

.app-main .responsive-filter-height {
  min-height: auto !important;
  padding: 20px 20px 10px !important; }

.app-main .directory-select {
  min-width: auto;
  max-width: unset; }

.row-large {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 0; }
  .row-large .col {
    padding: 0 5px;
    word-break: break-word; }
    .row-large .col.p20 {
      padding: 0 20px; }

.on-call-popup {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  z-index: 99; }

.invitation-row .dropdown-button:hover::before {
  background: rgba(0, 0, 0, 0.12); }

.invitation-row .dropdown-button:before {
  color: rgba(0, 0, 0, 0.87); }

.invitation-row .input-field.dropdown-search-field .icon-link {
  top: 8px; }

.invitation-row .icon-link .material-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px; }

.equalizer-connect .wizard-equalizer {
  display: block;
  width: 290px; }
  .equalizer-connect .wizard-equalizer .equalizer-container {
    overflow: hidden;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex: 1 0 auto;
    width: 100%;
    align-items: flex-end; }
    .equalizer-connect .wizard-equalizer .equalizer-container .equalizer-bar {
      vertical-align: bottom;
      width: 3px;
      height: 0%;
      margin-right: 5px;
      background: #1774cc;
      background: -moz-linear-gradient(top, #1774cc 0%, #30a039 100%);
      background: -webkit-linear-gradient(top, #1774cc 0%, #30a039 100%);
      background: linear-gradient(to bottom, #1774cc 0%, #30a039 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary', endColorstr='$success',GradientType=0 );
      -webkit-transition: height 0.5s ease-out;
      transition: height 0.5s ease-out;
      border-radius: 2px;
      display: inline-block; }

.note-left-align ol {
  padding-left: 18px; }

/* tuturial modal-content additional styles */
.test-connection-styled .row {
  margin-left: -.75rem;
  margin-right: -.75rem; }
  @media (max-width: 840px) {
    .test-connection-styled .row .step-content .preview-wrap {
      height: auto;
      min-height: 220px; } }
  .test-connection-styled .row .step-content.step-camera .preview-wrap,
  .test-connection-styled .row .step-content.step-test-call .preview-wrap.video-preview {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0; }
    .test-connection-styled .row .step-content.step-camera .preview-wrap video, .test-connection-styled .row .step-content.step-camera .preview-wrap object,
    .test-connection-styled .row .step-content.step-test-call .preview-wrap.video-preview video,
    .test-connection-styled .row .step-content.step-test-call .preview-wrap.video-preview object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.test-connection-styled .sidebar-steps {
  width: 25%; }
  @media (max-width: 840px) {
    .test-connection-styled .sidebar-steps {
      width: 100%; } }

.test-connection-styled .step-content {
  width: 75%; }
  @media (max-width: 840px) {
    .test-connection-styled .step-content {
      width: 100%; } }

.test-connection-styled ul.stepper {
  margin-top: -9px; }
  @media (max-width: 840px) {
    .test-connection-styled ul.stepper {
      display: flex;
      justify-content: space-between;
      margin: 0 0 1rem;
      overflow: visible; } }
  @media (max-width: 767px) {
    .test-connection-styled ul.stepper:before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.14);
      height: 1px; } }
  .test-connection-styled ul.stepper .step-title {
    padding: 1.25rem 1rem 1.25rem 2.25rem !important; }
    @media (max-width: 960px) {
      .test-connection-styled ul.stepper .step-title {
        padding-right: 0 !important; } }
    @media (max-width: 767px) {
      .test-connection-styled ul.stepper .step-title {
        padding: 1rem 0 1rem 1rem !important;
        width: 24px;
        position: relative;
        z-index: 1;
        background: #fff; } }
    @media (max-width: 767px) {
      .test-connection-styled ul.stepper .step-title span {
        display: none; } }
    .test-connection-styled ul.stepper .step-title:before {
      top: 50%;
      transform: translatey(-50%); }
  @media (max-width: 840px) {
    .test-connection-styled ul.stepper avz-step-component:not(:last-of-type) .step:after {
      height: 1px !important;
      width: 15px;
      top: 50%;
      transform: translateY(-50%);
      left: auto;
      right: -33px; } }
  @media (max-width: 789px) {
    .test-connection-styled ul.stepper avz-step-component:not(:last-of-type) .step:after {
      right: -30px; } }
  @media (max-width: 767px) {
    .test-connection-styled ul.stepper avz-step-component:not(:last-of-type) .step:after {
      width: auto;
      right: -10px;
      left: -10px;
      background-color: #fff;
      height: 2px !important; } }
  @media (max-width: 767px) {
    .test-connection-styled ul.stepper avz-step-component:last-child .step:after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: auto;
      right: 0;
      left: -10px;
      background-color: #fff;
      height: 2px; } }
  @media (max-width: 767px) {
    .test-connection-styled ul.stepper li {
      line-height: 1; } }

/* test connection horizontal steps IE fix */
@media all and (max-width: 840px) and (-ms-high-contrast: none), (max-width: 840px) and (-ms-high-contrast: active) {
  .connection-test-stepper ul.stepper {
    flex-direction: row;
    width: 100%; }
  .connection-test-stepper avz-step-component {
    flex: 1; }
  .connection-test-stepper ul.stepper avz-step-component:not(:last-of-type) .step:after {
    opacity: 0; }
  .connection-test-stepper ul.stepper:before {
    opacity: 0; }
  .test-connection-styled .row .step-content .preview-wrap {
    height: 310px; } }

@media only screen and (max-height: 1200px) {
  .avz-dialog.avz-dialog-theme-avizia.tutorial .avz-dialog-content {
    max-height: 90%; } }

.image-message {
  max-width: 480px !important;
  min-width: 260px;
  width: 100% !important;
  height: 100%; }

.inc-call-no-pic {
  transform: scale(0.6); }

.link-expired-page .connect-page {
  height: 100% !important; }

.link-expired-page .expired-content {
  margin: 0 !important; }
  .link-expired-page .expired-content .logo {
    max-width: 140px;
    max-height: 140px;
    width: 100%;
    margin: 30px auto;
    display: block; }
  .link-expired-page .expired-content .text-abz {
    width: 400px;
    margin: 0 auto !important; }
  .link-expired-page .expired-content .doctor {
    max-width: 430px;
    width: 100%;
    margin: 50px auto 60px;
    display: block; }
  .link-expired-page .expired-content h3 {
    font-size: 24px; }
  .link-expired-page .expired-content p {
    color: #000 !important;
    font-size: 16px !important;
    line-height: 24px;
    text-align: center;
    margin: 0 0 50px !important; }

.height-controller {
  min-height: unset !important;
  height: auto; }

.uploader-h-button {
  position: relative;
  z-index: 10; }

.uploader {
  display: flex;
  text-align: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .uploader .cg-busy {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4) !important;
    opacity: 1 !important;
    border-radius: 3px; }
  .uploader .preloader-wrapper.x-small {
    z-index: 9999; }

.select-overflow .validate {
  padding-right: 25px; }
  .select-overflow .validate input {
    padding-right: 25px !important;
    text-overflow: ellipsis; }

.well-alighed-logo {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.max-logo-size {
  max-width: 140px;
  max-height: 140px; }

.modal-shadow .fix-modal-position {
  margin: 0 auto !important;
  border: 0; }

.modal-shadow .avz-dialog {
  height: 930px; }

.search-case-width {
  width: 75%; }

.cases-select input.select-dropdown {
  font-size: 1rem !important; }

.drop-arrow-cases {
  position: absolute;
  right: 0;
  z-index: 999;
  cursor: pointer;
  bottom: 5px;
  pointer-events: none; }

.patient-location {
  max-height: 109px; }

.snippet-icon {
  top: initial;
  bottom: 5px;
  right: 10px;
  width: 48px;
  height: 48px;
  z-index: 1;
  cursor: pointer; }

.shared-elem-position {
  margin-top: 80px; }

.remove-bckg:hover {
  background: unset !important;
  cursor: default !important; }

.centered-link {
  width: fit-content;
  margin: 7px auto; }

.right-link {
  margin-top: -20px; }

/* TV kit */
.tv-note {
  position: absolute;
  top: -105%;
  left: 0;
  width: 100%;
  transition: all 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  z-index: 1; }
  .tv-note .tv-note-row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
    flex: 1 0 auto;
    min-height: 48px; }
  .tv-note avz-spinner-component {
    height: 24px; }
    .tv-note avz-spinner-component .preloader-wrapper.small {
      width: 24px;
      height: 24px; }

.complex-dropdown {
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 360px;
  will-change: width, height;
  width: auto !important;
  background-color: #fff;
  margin: 0;
  max-height: 650px;
  overflow-y: auto;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #313336;
  display: none;
  flex-direction: column;
  opacity: 0; }
  .complex-dropdown .complex-bar {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 0 auto;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e6e6e6;
    padding: 4px 1rem;
    min-height: 56px; }
    .complex-dropdown .complex-bar .complex-text {
      display: flex;
      flex-flow: row nowrap;
      flex: 1 0 auto;
      align-items: center; }
    .complex-dropdown .complex-bar .complex-actions button.icon-link {
      padding: 0; }

.remote-av-settings.remote-av-settings--active .complex-dropdown {
  position: absolute;
  bottom: 64px;
  left: -155px;
  display: flex;
  opacity: 1;
  cursor: default; }

.fz-h3 {
  font-size: 1.5rem; }

.video-nav li a .icon.fz-h3 {
  font-size: 1.5rem; }

.video-wrapper.tv-note-active .companion {
  top: 64px;
  transition: all 0.5s ease-in-out; }

.video-wrapper.tv-note-active .tv-note {
  top: 0; }

.video-wrapper.tv-note-active .close-fullscreen {
  top: 64px; }
  .video-wrapper.tv-note-active .close-fullscreen.slideoff {
    top: -100px; }

.case-search .lps-icon {
  left: 6px;
  top: 13px !important;
  width: 24px; }

.case-search input {
  padding: 0 3rem 0 2rem !important;
  height: 50px !important; }

.case-search .btn-flat-position {
  top: 7px !important; }

.search-input-erasable .btn-flat.cancel-search-btn {
  position: absolute;
  right: 20px;
  top: 0; }

/* /end TV kit */
.cancel-search-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  width: 40px;
  height: 40px;
  margin-top: 5px;
  border-radius: 1000px;
  margin-right: -15px; }
  .cancel-search-btn i {
    position: static !important; }

.btn-flat-position {
  position: static !important;
  float: right !important; }

.search-field-sizing {
  width: calc(100% - 160px); }

@media only screen and (max-width: 960px) {
  .search-field-sizing {
    width: calc(100% - 80px); } }

@media only screen and (max-width: 992px) {
  .hide-on {
    display: none; }
  .btn-flat-position {
    padding-right: 10px !important; }
  .btn-flat-position i {
    margin-right: 0 !important; } }

#case-forms .search-header .activate-filter-btn {
  background: transparent;
  top: unset !important; }
  @media only screen and (max-width: 960px) {
    #case-forms .search-header .activate-filter-btn {
      padding-right: 10px !important; }
      #case-forms .search-header .activate-filter-btn i {
        margin-right: 0; } }

.search-header .activate-filter-btn.active {
  background: rgba(23, 116, 204, 0.12) !important; }

/* connect page - endpoint status tooltip */
.material-tooltip .endpoint-status:before {
  z-index: 2;
  position: relative; }

.material-tooltip .endpoint-status:after {
  background: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1; }

.status-tooltip {
  position: absolute;
  right: -48px;
  bottom: 44px; }

/* /end of connect page - endpoint status tooltip */
.brake-w {
  word-break: break-word; }

.pos-static {
  position: static !important; }

.scroll-notify {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  color: #fff;
  font-size: 0.875rem;
  padding-top: 1.5rem;
  text-align: center;
  opacity: 0;
  transition: all 0.45s ease-in;
  visibility: hidden;
  z-index: 1; }
  .scroll-notify .icon-control_camera {
    margin-bottom: 1rem;
    display: block; }
  .scroll-notify.active {
    opacity: 1;
    visibility: visible; }

.mx-width {
  max-width: 100% !important; }

.overflow-auto {
  overflow: auto; }

.overflow-none {
  overflow: unset !important; }

.overflow-hidden {
  overflow: hidden !important; }

.avz-dialog.super-picker-new .avz-dialog-content {
  min-height: initial !important;
  max-height: 700px;
  overflow: unset; }
  .avz-dialog.super-picker-new .avz-dialog-content .scrolled-table {
    height: 100%;
    max-height: 600px; }
    @media (max-width: 960px) {
      .avz-dialog.super-picker-new .avz-dialog-content .scrolled-table {
        max-height: 100%; } }
  .avz-dialog.super-picker-new .avz-dialog-content:not(.disable-fixed-top) .dropdown-content {
    top: 43px !important; }
  .avz-dialog.super-picker-new .avz-dialog-content .scrolled-side {
    overflow: auto;
    max-height: 280px;
    height: 100%;
    position: relative;
    margin-right: 1.5rem; }
    @media (max-width: 960px) {
      .avz-dialog.super-picker-new .avz-dialog-content .scrolled-side {
        display: none; } }
  @media (max-width: 960px) {
    .avz-dialog.super-picker-new .avz-dialog-content {
      max-width: none !important;
      max-height: none !important;
      margin: 0 !important;
      width: 100% !important;
      height: 100% !important; }
      .avz-dialog.super-picker-new .avz-dialog-content .overflow-none {
        overflow: auto !important; } }
  .avz-dialog.super-picker-new .avz-dialog-content .action-icon {
    width: 48px;
    height: 48px;
    border-radius: 1000px;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    position: absolute;
    z-index: 1;
    color: #5b6b78;
    right: 0;
    top: 0; }
    .avz-dialog.super-picker-new .avz-dialog-content .action-icon:hover {
      background: rgba(0, 0, 0, 0.1);
      cursor: pointer; }

.avz-dialog.super-picker-new tbody tr:hover {
  cursor: pointer; }

.avz-dialog.super-picker-new table {
  white-space: normal; }
  .avz-dialog.super-picker-new table td {
    max-width: 250px; }
    .avz-dialog.super-picker-new table td .badge {
      min-width: auto;
      white-space: nowrap;
      float: none;
      margin-left: 0;
      margin-right: 14px; }
    .avz-dialog.super-picker-new table td .picker-second-column {
      display: block; }

/* super-picker without dropdowns on the left side */
.avz-dialog.super-picker-simple .avz-dialog-content {
  width: 1070px; }
  .avz-dialog.super-picker-simple .avz-dialog-content .modal-content {
    padding: 0; }
  @media (max-width: 960px) {
    .avz-dialog.super-picker-simple .avz-dialog-content {
      max-height: 100%;
      width: 100% !important;
      margin: 0;
      max-width: 100%; }
      .avz-dialog.super-picker-simple .avz-dialog-content .overflow-none {
        overflow: auto !important; } }
  .avz-dialog.super-picker-simple .avz-dialog-content .action-icon {
    width: 48px;
    height: 48px;
    border-radius: 1000px;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    position: absolute;
    z-index: 1;
    color: #5b6b78;
    right: 0;
    top: 0; }
    .avz-dialog.super-picker-simple .avz-dialog-content .action-icon:hover {
      background: rgba(0, 0, 0, 0.1);
      cursor: pointer; }

.avz-dialog.super-picker-simple tbody tr:hover {
  cursor: pointer; }

.super-picker-cols-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
  height: 100%;
  width: 100%;
  flex: 0 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem 1rem 0; }

.super-picker-cols {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  height: 100%;
  flex: 1 1 auto;
  position: relative;
  width: 100%; }

.super-picker-cols .col {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  flex-direction: column; }

@media only screen and (max-width: 960px) and (max-height: 1200px), (max-width: 960px) {
  .avz-dialog.super-picker-simple .avz-dialog-content,
  .avz-dialog.avz-dialog-theme-avizia.modal-fixed-footer.super-picker-simple.h800 .avz-dialog-content {
    height: 100%; } }

@media only screen and (max-width: 960px) {
  .super-picker-cols-wrap {
    display: block;
    height: auto; }
  .super-picker-cols {
    display: block; } }

/* /end - super-picker without dropdowns on the left side */
.available-brake .chip {
  white-space: normal; }

.encourage-mobile-app {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 10000;
  padding: 1rem; }
  @media (min-width: 1024px) {
    .encourage-mobile-app {
      display: none; } }
  .encourage-mobile-app .encourage-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
    overflow-y: auto;
    background-image: linear-gradient(149deg, #3023ae, #c86dd7);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding-bottom: 1rem;
    display: none; }
    .encourage-mobile-app .encourage-inner .close-tablet-gray:focus, .encourage-mobile-app .encourage-inner .call-part-modal .input-field:active .select-wrapper input.close-tablet-gray.select-dropdown, .call-part-modal .input-field:active .select-wrapper .encourage-mobile-app .encourage-inner input.close-tablet-gray.select-dropdown, .encourage-mobile-app .encourage-inner .call-part-modal .input-field:active .select-wrapper a.close-tablet-gray.select-dropdown, .call-part-modal .input-field:active .select-wrapper .encourage-mobile-app .encourage-inner a.close-tablet-gray.select-dropdown, .encourage-mobile-app .encourage-inner .call-part-modal .input-field input.close-tablet-gray:active, .call-part-modal .input-field .encourage-mobile-app .encourage-inner input.close-tablet-gray:active {
      background: transparent !important; }
    .encourage-mobile-app .encourage-inner.tablet {
      display: flex;
      background: #fff;
      position: relative; }
      .encourage-mobile-app .encourage-inner.tablet:after {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        content: '';
        background: url(../../img/enc-tablet.png) no-repeat;
        background-position: 100% 100%;
        background-size: 383px 670px;
        z-index: 1; }
    .encourage-mobile-app .encourage-inner .encourage-header {
      background: #fff;
      padding: 1rem;
      position: relative; }
      .encourage-mobile-app .encourage-inner .encourage-header:after {
        position: absolute;
        top: 100%;
        right: 0;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 530px 1500px 0 0;
        border-color: #fff transparent transparent transparent; }
      .encourage-mobile-app .encourage-inner .encourage-header img {
        display: block;
        margin: 0 auto; }
      .encourage-mobile-app .encourage-inner .encourage-header .icon-link {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 99; }
        .encourage-mobile-app .encourage-inner .encourage-header .icon-link:hover .material-icons, .encourage-mobile-app .encourage-inner .encourage-header .icon-link:focus .material-icons, .encourage-mobile-app .encourage-inner .encourage-header .call-part-modal .input-field:active .select-wrapper input.icon-link.select-dropdown .material-icons, .call-part-modal .input-field:active .select-wrapper .encourage-mobile-app .encourage-inner .encourage-header input.icon-link.select-dropdown .material-icons, .encourage-mobile-app .encourage-inner .encourage-header .call-part-modal .input-field:active .select-wrapper a.icon-link.select-dropdown .material-icons, .call-part-modal .input-field:active .select-wrapper .encourage-mobile-app .encourage-inner .encourage-header a.icon-link.select-dropdown .material-icons, .encourage-mobile-app .encourage-inner .encourage-header .call-part-modal .input-field input.icon-link:active .material-icons, .call-part-modal .input-field .encourage-mobile-app .encourage-inner .encourage-header input.icon-link:active .material-icons {
          color: #fff !important; }
    .encourage-mobile-app .encourage-inner .encourage-img {
      background: url(../../img/encourage-shape.png) no-repeat;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      z-index: 1;
      background-size: 100%; }
    .encourage-mobile-app .encourage-inner .dots {
      margin-top: 0.5rem;
      line-height: 0;
      margin-bottom: 0; }
      .encourage-mobile-app .encourage-inner .dots li {
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #fff;
        opacity: 0.32;
        margin: 0 0 0 5px;
        border-radius: 1000px; }
        .encourage-mobile-app .encourage-inner .dots li.active {
          opacity: 1; }
    .encourage-mobile-app .encourage-inner .encourage-text {
      padding: 0 1rem; }
    .encourage-mobile-app .encourage-inner h3 {
      font-size: 21px;
      font-weight: 700;
      margin-top: 0; }
    .encourage-mobile-app .encourage-inner .pin {
      text-align: center; }
      .encourage-mobile-app .encourage-inner .pin li {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        color: #313336;
        margin: 0 0.5rem;
        background: #fff;
        border-radius: 4px;
        font-weight: 700; }
    @media (max-width: 767px) {
      .encourage-mobile-app .encourage-inner {
        display: flex; }
        .encourage-mobile-app .encourage-inner.tablet {
          display: none; } }
    .encourage-mobile-app .encourage-inner.tablet {
      text-align: left;
      color: #313336;
      font-size: 16px;
      padding-bottom: 2rem; }
      .encourage-mobile-app .encourage-inner.tablet .encourage-header {
        padding: 3.5rem 2rem;
        z-index: 2;
        position: relative;
        background: none; }
        .encourage-mobile-app .encourage-inner.tablet .encourage-header:after {
          display: none; }
        .encourage-mobile-app .encourage-inner.tablet .encourage-header img {
          margin: 0; }
      .encourage-mobile-app .encourage-inner.tablet .encourage-img,
      .encourage-mobile-app .encourage-inner.tablet .encourage-text,
      .encourage-mobile-app .encourage-inner.tablet .dots {
        position: relative;
        z-index: 2; }
      .encourage-mobile-app .encourage-inner.tablet .encourage-img {
        width: 50%; }
      .encourage-mobile-app .encourage-inner.tablet .pin {
        text-align: left;
        margin-bottom: 3rem; }
        .encourage-mobile-app .encourage-inner.tablet .pin li {
          background: #f2f2f2;
          margin: 0 1rem 0 0; }
      .encourage-mobile-app .encourage-inner.tablet h3 {
        font-size: 28px; }
      .encourage-mobile-app .encourage-inner.tablet .gray-mid-text {
        font-size: 18px;
        margin-bottom: 60px; }
      .encourage-mobile-app .encourage-inner.tablet .dots {
        padding-left: 2rem; }
        .encourage-mobile-app .encourage-inner.tablet .dots li {
          background: #1774cc;
          opacity: 0.16;
          width: 0.5rem;
          height: 0.5rem; }
          .encourage-mobile-app .encourage-inner.tablet .dots li.active {
            opacity: 1; }
      .encourage-mobile-app .encourage-inner.tablet .encourage-text {
        padding-left: 2rem; }
    .encourage-mobile-app .encourage-inner .encourage-carousel-tablet .carousel {
      width: 350px;
      margin: 0 auto;
      height: 500px !important;
      z-index: 99; }
      .encourage-mobile-app .encourage-inner .encourage-carousel-tablet .carousel .indicators {
        margin-bottom: -30px; }
      .encourage-mobile-app .encourage-inner .encourage-carousel-tablet .carousel .carousel-item {
        width: 350px; }
        .encourage-mobile-app .encourage-inner .encourage-carousel-tablet .carousel .carousel-item img {
          max-height: 472px; }
    .encourage-mobile-app .encourage-inner .mobile-app-link {
      position: relative;
      z-index: 9; }
  .encourage-mobile-app .encourage-carousel .carousel {
    height: 420px !important;
    width: 205px;
    margin: 0 auto;
    z-index: 9; }
    .encourage-mobile-app .encourage-carousel .carousel .indicators {
      margin-bottom: 10px; }
    .encourage-mobile-app .encourage-carousel .carousel .carousel-item img {
      width: 90%;
      max-height: 370px; }

.graphics-icon-big {
  width: 160px;
  height: 160px;
  font-size: 160px; }

/* add case - patient step */
.large-grid .layout__main.pad.patient-step .content.form-on-call {
  display: block;
  overflow: visible; }

@media (min-width: 600px) {
  .add-patient-demographics .case-detail__content-section .wrapper {
    max-width: 1200px !important; } }

@media (min-width: 1024px) and (max-width: 1300px) {
  .add-patient-demographics .case-detail__content-section .wrapper {
    max-width: 920px !important; } }

.textarea-height {
  height: 100% !important;
  max-height: 250px !important;
  overflow-y: auto !important;
  padding-right: 10px !important; }

.max-text-height {
  max-height: 250px !important; }

#messages-content #upload-secondary {
  margin-bottom: 13px !important; }

.embedded .case-det-page .case-detail__patient-info .bkw-thin-large-heading .send-file {
  display: none !important; }

.embedded #li-case-new-side-chat .chat-wrap .chat-window {
  overflow-x: hidden; }

.embedded .test-row {
  padding: 0 !important;
  margin-top: 10px; }

.embedded .video-actions-message {
  display: none; }

.embedded p.active-row {
  padding: 0 !important; }

.embedded .case-det-page .layout__pane--locked .collapsible {
  overflow-y: auto !important; }

.embedded .case-det-page .layout__pane--locked .collapsible .chat .collapsible-body .messages-content {
  min-height: 300px !important; }

.embedded .video-actions-block {
  padding-bottom: 5px !important; }

.embedded .video-actions-message {
  font-size: 14px;
  min-height: 63px; }

.embedded .case-det-page .layout__pane.layout__pane--locked.show-side {
  margin-right: 0px !important; }

.embedded .detail-nav-left .nav-list li:first-child {
  display: none; }

.embedded avz-navbar-component {
  display: none; }

.embedded .mob-overlay {
  top: 84px; }

.embedded .case-det-page .layout__pane.layout__pane--locked {
  top: 0px;
  position: relative;
  margin-right: -320px;
  display: flex;
  height: 100%; }

.embedded #patient-full-name a {
  display: none; }

.embedded .app-main {
  height: 100vh !important; }

.embedded .case-det-page .layout__main__content {
  height: calc(100vh - 84px) !important; }

.embedded .case-det-page .detail-nav-center.center-wrap {
  margin-left: 120px; }

.embedded .case-det-page .layout__main__selector {
  height: calc(100vh - 84px) !important;
  top: 0;
  position: relative;
  border-right: 1px solid #e6e6e6;
  display: flex; }

.embedded #case-summary .embedded-heading a {
  display: none; }

.embedded .case-det-page .layout__main__selector.show-side {
  left: 0 !important; }

@media (max-width: 960px) {
  .embedded .layout__pane.layout__pane--locked {
    position: fixed !important;
    right: -320px;
    top: 84px !important;
    width: 320px !important;
    transition: all ease 0.5s;
    background: #fff;
    transform: none;
    z-index: 10;
    height: 100vh;
    margin: 0 !important;
    display: none; }
    .embedded .layout__pane.layout__pane--locked.show-side {
      right: 0; }
  .embedded .case-det-page .layout__main__selector {
    position: fixed !important;
    left: -220px;
    top: 84px !important;
    width: 220px !important;
    transition: all ease 0.5s;
    background: #fff;
    transform: none;
    z-index: 10;
    height: calc(100vh - 138px);
    display: none;
    overflow-y: auto; } }

.embedded .detail-nav-left .nav-list li:first-child {
  display: none; }

.embedded .case-det-page .writing-area .actions-wrapper {
  display: none; }

.embedded .case-det-page .expandingArea {
  width: calc(100% - 30px); }

#dropdown-collaborate .material-icons.dot-badge:after,
.alerts-link .material-icons.dot-badge:after {
  left: 20px !important;
  width: auto !important;
  min-width: 16px !important;
  text-align: center !important;
  padding: 0 2px !important;
  right: unset;
  line-height: 11px !important;
  border-radius: 1000px !important; }

#provider_notes bw-select-filter .select-wrapper ul.dropdown-content {
  max-height: 400px; }

/* new color-picker component */
.input-field #color input {
  padding-left: 2rem;
  box-sizing: border-box;
  width: 100% !important;
  height: 3.063rem;
  padding-top: 0.8rem; }

.palette-color-picker-button {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 18px;
  left: 0; }

.palette-color-picker-bubble-container {
  background: #fff;
  z-index: 2;
  opacity: 1;
  padding: 0.5rem;
  display: none;
  overflow: auto;
  box-shadow: 0 0.5rem 0.625rem rgba(0, 0, 0, 0.14), 0 0.1875rem 0.875rem rgba(0, 0, 0, 0.12), 0 0.25rem 0.9375rem rgba(0, 0, 0, 0.2); }

.palette-color-picker-bubble {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 192px; }

.swatch {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0.5rem; }

.swatch.active,
.swatch.selected {
  border: 2px solid #313336; }

/* // new color-picker component */
a.chip,
.dropdown-content a,
.table-body .details a,
.days-nav a,
a.dropdown-button {
  text-decoration: none; }
  a.chip:link, a.chip:visited, a.chip:hover, a.chip:active,
  .dropdown-content a:link,
  .dropdown-content a:visited,
  .dropdown-content a:hover,
  .dropdown-content a:active,
  .table-body .details a:link,
  .table-body .details a:visited,
  .table-body .details a:hover,
  .table-body .details a:active,
  .days-nav a:link,
  .days-nav a:visited,
  .days-nav a:hover,
  .days-nav a:active,
  a.dropdown-button:link,
  a.dropdown-button:visited,
  a.dropdown-button:hover,
  a.dropdown-button:active {
    text-decoration: none;
    outline: none; }

.input-wrap.simple .dropdown-content ul li:nth-child(n + 3) a,
.dropdown-content.drop-select-search ul li:nth-child(n + 3) a {
  border-top: none; }

ul.dropdown-content,
ul.dropdown-content ul,
.dropdown-content ul {
  margin: 0 !important;
  list-style-type: none !important;
  padding-left: 0 !important; }
  ul.dropdown-content li,
  ul.dropdown-content ul li,
  .dropdown-content ul li {
    list-style-type: none !important;
    line-height: 1.5rem !important; }

.case-info-item {
  font-size: 0.875rem;
  color: #5b6b78;
  font-weight: 600; }

.case-info-item-value {
  font-size: 0.875rem;
  color: #313336;
  font-weight: 600; }

.case-info-btn {
  margin-top: 1rem; }

.case-chat-icon {
  font-size: 1.5rem !important;
  right: 13px !important;
  top: 18px !important;
  color: #fff !important; }

@media only screen and (max-width: 767px) {
  .case-chat-icon {
    font-size: 2.5rem;
    right: 13px !important;
    top: 24px !important;
    color: #fff !important; } }

.messages-friends .chip .icon-group:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* styles for enterprise */
.page-heading-inner .tm {
  font-size: 24px; }

.page-heading-inner .tm span {
  font-size: 20px;
  vertical-align: 3px; }

label {
  color: #313336; }

[type='checkbox'].filled-in:not(:checked) + label:after {
  border: 2px solid #5b6b78; }

.query-builder .rules-group-container {
  border: 1px solid rgba(91, 107, 120, 0.5) !important;
  background: #f2f2f2 !important; }

.query-builder .has-error {
  background-color: rgba(230, 23, 44, 0.15) !important;
  border-color: #e6172c !important; }

.swal2-modal {
  font-family: "Open Sans", sans-serif !important; }

.swal2-modal .swal2-title,
.swal2-modal .swal2-content {
  color: #313336 !important; }

.swal2-modal h2.swal2-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.75rem;
  margin: 0 0 1.5rem; }

.swal2-modal .swal2-content {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.75rem !important; }

.swal2-modal .swal2-styled {
  font-size: 16px !important;
  font-weight: 400 !important;
  margin: 1rem 0.5rem 0 !important;
  height: 48px;
  line-height: 48px;
  min-width: 56px;
  padding: 0 1.5rem 2px !important;
  box-sizing: content-box; }

.swal2-confirm.swal2-styled {
  background-color: #1774cc !important;
  border-color: #1774cc !important; }
  .swal2-confirm.swal2-styled:hover {
    background-color: #3a89d4 !important;
    border-color: #3a89d4 !important; }
  .swal2-confirm.swal2-styled:active {
    background-color: #5197d9 !important;
    border-color: #5197d9 !important; }

.swal2-cancel.swal2-styled {
  background-color: #e6172c !important; }
  .swal2-cancel.swal2-styled:hover {
    background-color: #ea3a4c !important;
    border-color: #ea3a4c !important; }
  .swal2-cancel.swal2-styled:active {
    background-color: #ec5161 !important;
    border-color: #ec5161 !important; }

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: #e6172c !important; }

.swal2-icon.swal2-error {
  border-color: rgba(230, 23, 44, 0.4) !important; }

.swal2-icon.swal2-question {
  color: rgba(57, 96, 112, 0.8) !important;
  border-color: rgba(57, 96, 112, 0.4) !important; }

.swal2-icon.swal2-warning {
  color: #e7741c !important;
  border-color: rgba(231, 116, 28, 0.4) !important; }

.swal2-icon.swal2-info {
  color: #25abfd !important;
  border-color: rgba(37, 171, 253, 0.4) !important; }

.swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #30a039 !important; }

.swal2-icon.swal2-success .swal2-success-ring {
  border: 4px solid rgba(48, 160, 57, 0.4) !important; }

.swal2-modal .success-button-link {
  color: #fff !important; }
  .swal2-modal .success-button-link:link, .swal2-modal .success-button-link:visited, .swal2-modal .success-button-link:hover, .swal2-modal .success-button-link:active {
    text-decoration: none;
    color: #fff !important; }

.swal2-modal .swal2-styled:focus, .swal2-modal .call-part-modal .input-field:active .select-wrapper input.swal2-styled.select-dropdown, .call-part-modal .input-field:active .select-wrapper .swal2-modal input.swal2-styled.select-dropdown, .swal2-modal .call-part-modal .input-field:active .select-wrapper a.swal2-styled.select-dropdown, .call-part-modal .input-field:active .select-wrapper .swal2-modal a.swal2-styled.select-dropdown, .swal2-modal .call-part-modal .input-field input.swal2-styled:active, .call-part-modal .input-field .swal2-modal input.swal2-styled:active {
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.swal2-modal .swal2-select {
  color: #313336 !important; }

.switch label input[type='checkbox']:checked + .lever {
  background-color: rgba(23, 116, 204, 0.5) !important; }

ul.timeline {
  position: relative;
  text-align: right;
  padding: 0;
  list-style-type: none; }
  ul.timeline > li {
    position: relative;
    line-height: inherit;
    list-style-type: none; }
  ul.timeline .timeline-body pre {
    white-space: pre-wrap; }

.layout__header h1 a {
  color: #1774cc !important; }
  .layout__header h1 a:visited {
    color: #1774cc !important; }
    .layout__header h1 a:visited:hover {
      color: #3a89d4 !important; }
  .layout__header h1 a:hover {
    color: #3a89d4 !important; }
  .layout__header h1 a:active {
    color: #5197d9 !important; }

.app-header.ent {
  background: #fff;
  letter-spacing: 0; }

.app-header.ent .app-header__logo > img {
  height: auto;
  width: auto;
  max-height: 34px;
  max-width: 200px; }

.app-header.ent nav .nav-wrapper {
  padding: 0 4px;
  border-bottom: 1px solid #e6e6e6; }

.app-header.ent nav {
  height: 54px;
  line-height: 54px; }

.app-header.ent nav .nav-wrapper i {
  height: auto;
  line-height: 1rem; }

.app-header.ent .app-header__logo {
  margin-left: 0;
  padding: 0 12px;
  display: flex;
  height: auto; }

.app-header.ent .app-header__nav > li > a,
.app-header.ent .nav-right li > dt > a,
.app-header.ent ul.right > li > a {
  font-size: 0.75rem;
  color: #5b6b78;
  margin: 0;
  text-transform: capitalize;
  padding: 0 12px;
  height: 54px;
  line-height: 54px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none; }

.app-header.ent .app-header__nav > li > a > i,
.app-header.ent .nav-right li > dt > a > i,
.app-header.ent ul.right > li > a > i {
  height: 1.5rem;
  line-height: 1.5rem;
  display: block;
  color: #5b6b78;
  flex: 0 0 auto; }

.app-header.ent .app-header__nav > li > a i.arrow,
.app-header.ent .nav-right li > dt > a i.arrow,
.app-header.ent ul.right > li > a i.arrow {
  font-size: 1.25rem;
  line-height: 1rem;
  height: 1rem;
  display: inline-block; }

.app-header.ent .app-header__nav > li > a span.title,
.app-header.ent .nav-right li > dt > a span.title,
.app-header.ent ul.right > li > a span.title {
  line-height: 1rem; }

.app-header.ent .app-header__nav > li > a:hover {
  border-radius: 0px; }

.app-header.ent .dropdown-content::before {
  display: none; }

.app-header.ent .divider {
  background: rgba(0, 0, 0, 0.12);
  height: 54px;
  width: 1px;
  overflow: hidden;
  margin: 0 0.75rem 0 0; }

.app-header.ent nav ul li {
  float: left; }

.app-header.ent .dropdown-content {
  font-size: 1rem;
  padding: 0 !important;
  transition: none !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-radius: 0;
  border: none;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.14), 0 3px 14px rgba(0, 0, 0, 0.12), 0 4px 15px rgba(0, 0, 0, 0.2);
  max-height: 650px; }
  @media screen and (max-height: 850px) {
    .app-header.ent .dropdown-content {
      max-height: calc(100vh - 100px); } }

.app-header.ent .dropdown-content a:hover,
.app-header.ent dropdown-content li:hover {
  background-color: #f2f2f2; }

.app-header.ent .dropdown-content .grouped-list {
  margin: 0; }

.app-header.ent .grouped-list dt,
.app-header.ent .grouped-list a {
  padding: 0; }

.app-header.ent .grouped-list a,
.app-header.ent .dropdown-content a {
  font-size: 1rem;
  color: #313336 !important;
  display: block;
  line-height: 22px;
  padding: 13px 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0; }

.app-header.ent .dropdown-content > li a {
  border-top: none;
  margin-left: 0; }

@media only screen and (max-width: 960px) {
  .app-header.ent .app-header__nav {
    display: flex; } }

@media only screen and (max-width: 1280px) {
  .app-header.ent .icons-only {
    display: none; } }

/* / end of styles for enterprise */
.case-detail__header--desk div[class*='gradient'] a.nav-btn {
  color: #fff !important;
  cursor: pointer;
  line-height: 1.2; }
  .case-detail__header--desk div[class*='gradient'] a.nav-btn:hover {
    background: rgba(255, 255, 255, 0.3) !important; }

.case-detail__header--desk div[class*='gradient'] .detail-nav-center {
  color: #fff; }

.case-detail__header--desk div[class*='gradient'] ul.nav-list li a img {
  display: block;
  height: 35px;
  width: 40px;
  margin: auto; }

.case-detail__header--desk div[class*='gradient'] .spinner-blue-only {
  border-color: #fff; }

.change-callback {
  position: relative; }
  .change-callback .inline-name {
    display: inline-block;
    max-width: 90%; }
  .change-callback .icon-link {
    position: absolute;
    top: -4px;
    left: auto;
    margin-left: 0.5rem; }
    .change-callback .icon-link .material-icons {
      width: 32px;
      height: 32px;
      line-height: 32px; }
    .change-callback .icon-link:hover .material-icons,
    .change-callback .icon-link:focus:hover .material-icons,
    .change-callback .call-part-modal .input-field:active .select-wrapper input.icon-link.select-dropdown:hover .material-icons, .call-part-modal .input-field:active .select-wrapper
    .change-callback input.icon-link.select-dropdown:hover .material-icons,
    .change-callback .call-part-modal .input-field:active .select-wrapper a.icon-link.select-dropdown:hover .material-icons, .call-part-modal .input-field:active .select-wrapper
    .change-callback a.icon-link.select-dropdown:hover .material-icons,
    .change-callback .call-part-modal .input-field input.icon-link:hover:active .material-icons, .call-part-modal .input-field
    .change-callback input.icon-link:hover:active .material-icons {
      background: rgba(0, 0, 0, 0.12); }
    .change-callback .icon-link:active .material-icons,
    .change-callback .icon-link:focus .material-icons,
    .change-callback .call-part-modal .input-field:active .select-wrapper input.icon-link.select-dropdown .material-icons, .call-part-modal .input-field:active .select-wrapper
    .change-callback input.icon-link.select-dropdown .material-icons,
    .change-callback .call-part-modal .input-field:active .select-wrapper a.icon-link.select-dropdown .material-icons, .call-part-modal .input-field:active .select-wrapper
    .change-callback a.icon-link.select-dropdown .material-icons,
    .change-callback .call-part-modal .input-field input.icon-link:active .material-icons, .call-part-modal .input-field
    .change-callback input.icon-link:active .material-icons {
      background: transparent; }

[class*=' gradient-'] .links.white-text a,
[class*=' gradient-'] .links.white-text a:last-child {
  color: #fff !important; }

ul.collapsible > li {
  line-height: unset !important; }

/* for the collapsible forms .form-collapse / e.g. add new patient */
/* labels all together */
.input-field label.active {
  transform: translateY(-105%);
  line-height: 1.125rem; }

.select-wrapper + label {
  top: -6px;
  line-height: 1.125rem; }

avz-select-component .input-field .select-wrapper + label {
  top: -6px;
  line-height: 1.125rem; }

#case-summary .collapse-edit .input-field label.active,
.case-default-block .collapse-edit .input-field label.active {
  transform: translateY(-105%);
  line-height: 1.125rem; }

#case-summary .collapse-edit .collapsible-body label.select-label,
.case-default-block .collapse-edit .collapsible-body label.select-label {
  top: -6px;
  line-height: 1.125rem; }

.edit-form-layout {
  position: relative;
  z-index: 2; }

avz-data-table-component .table-wrap {
  border-radius: 4px;
  padding: 0 !important;
  position: relative;
  max-width: 100%;
  overflow: auto; }
  avz-data-table-component .table-wrap table {
    border: 1px solid #e6e6e6;
    word-wrap: normal;
    white-space: nowrap;
    table-layout: auto;
    width: auto;
    min-width: 100%; }

avz-data-table-component table.bordered > thead > tr,
avz-data-table-component table.bordered > tbody > tr,
avz-data-table-component table.striped > thead > tr,
avz-data-table-component table.striped > tbody > tr,
avz-data-table-component table.bordered.striped > thead > tr,
avz-data-table-component table.bordered.striped > tbody > tr {
  border-bottom: 1px solid #e6e6e6 !important; }

avz-data-table-component table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(230, 230, 230, 0.2); }

avz-data-table-component table thead th {
  padding: 1rem;
  border-bottom: 1px solid #1774cc;
  text-align: left; }

avz-data-table-component table tbody tr td {
  padding: 0.5rem 1rem; }

.pagination:after {
  clear: both;
  display: block;
  content: ''; }

.pagination li {
  float: left;
  margin-right: 3px;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
  height: auto; }
  .pagination li a {
    display: inline-block;
    font-size: 16px;
    padding: 0 8px;
    line-height: 36px;
    min-width: 36px; }
    .pagination li a .material-icons {
      color: #313336;
      font-size: 1.5rem;
      margin-right: 0; }
      .pagination li a .material-icons + .material-icons {
        margin-left: -19px; }
    .pagination li a.icon-btn {
      padding: 0;
      width: 36px; }
    .pagination li a:hover {
      text-decoration: none; }
  .pagination li span {
    color: #5b6b78;
    line-height: 36px;
    width: 36px;
    display: inline-block; }
  .pagination li.disabled a {
    color: rgba(0, 0, 0, 0.26); }
    .pagination li.disabled a:hover, .pagination li.disabled a:focus, .pagination li.disabled .call-part-modal .input-field:active .select-wrapper a.select-dropdown, .call-part-modal .input-field:active .select-wrapper .pagination li.disabled a.select-dropdown, .pagination li.disabled a:active {
      background: none; }
    .pagination li.disabled a .material-icons {
      color: rgba(0, 0, 0, 0.26); }
  .pagination li.active {
    background: none; }
    .pagination li.active a {
      color: #1774cc;
      background: rgba(23, 116, 204, 0.4); }
  .pagination li.jump-to {
    margin-left: 60px; }
    .pagination li.jump-to .input-field {
      width: 80px;
      display: inline-block;
      margin: 0; }
      .pagination li.jump-to .input-field input {
        margin: 0;
        height: 30px;
        z-index: 1;
        position: relative; }
      .pagination li.jump-to .input-field label {
        top: 0.2rem;
        z-index: 0; }

.pagination li.pages ul li {
  display: inline-block;
  float: none; }

@media only screen and (max-width: 768px) {
  .pagination {
    width: 100%; }
    .pagination li.prev,
    .pagination li.next {
      width: 10%; }
    .pagination li.pages {
      width: 80%;
      overflow: hidden;
      white-space: nowrap; } }

.page-count {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .page-count .input-field {
    margin-top: 0;
    width: 100px; }
    .page-count .input-field .select-wrapper input.select-dropdown {
      border: none !important;
      box-shadow: none !important;
      margin: 0;
      padding-top: 0;
      text-align: center; }

.right-nav-fixed {
  right: 24px !important; }

#cam-control-panel {
  position: absolute;
  bottom: 20px;
  left: 16px;
  font-size: 1rem;
  opacity: 0.6;
  color: #fff; }
  #cam-control-panel a {
    color: #fff;
    position: relative;
    top: 7px; }
  #cam-control-panel i {
    color: #fff; }

#training-panel {
  color: #5b6b78;
  background-color: #fff;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
  text-align: center;
  padding: 24px;
  width: 500px; }
  #training-panel a {
    font-size: 16px; }
  #training-panel ul {
    float: left;
    margin-left: 24px;
    padding: 0; }
  #training-panel li {
    display: inline-block; }
  #training-panel .bottom-panel {
    text-align: center;
    position: relative; }
    #training-panel .bottom-panel i {
      color: #1774cc;
      font-size: 12px;
      margin: 2px; }
    #training-panel .bottom-panel .fa-circle-o {
      color: #e6e6e6; }
    #training-panel .bottom-panel .left-buttons {
      float: left;
      position: absolute; }
    #training-panel .bottom-panel .right-buttons {
      float: right;
      width: 160px;
      text-align: right; }
    #training-panel .bottom-panel .right-buttons > div {
      position: absolute;
      width: 160px; }
    #training-panel .bottom-panel .center-buttons {
      margin-top: 40px; }
  #training-panel .tutorial-image {
    width: 450px;
    height: 388px; }
  #training-panel div.message {
    height: 5em;
    margin: auto;
    font-size: 14px;
    line-height: 18px;
    padding: 38px 35px;
    letter-spacing: -0.05px; }

[type='checkbox'].filled-in:not(:checked) + label:after {
  top: 2px; }

[type='checkbox'].filled-in:checked + label:before {
  top: 2px; }

[type='checkbox'].filled-in:checked + label:after {
  top: 2px; }

.break-word {
  word-break: break-word; }

.mobile-invite-participiant {
  width: auto !important;
  min-width: auto !important;
  overflow: unset !important; }
  .mobile-invite-participiant .connect-page .top-block .page-content .action-block .parallax-after-caption {
    padding: 140px 1rem 0; }

.mobile-invite-participiant-video {
  width: auto !important;
  min-width: auto !important;
  overflow: unset !important; }
  .mobile-invite-participiant-video .connect-page .top-block .page-content .round {
    width: 100px;
    height: 100px;
    border-radius: 1000px;
    position: static !important;
    margin: 20px auto !important;
    color: #fff; }
  .mobile-invite-participiant-video .parallax-window {
    min-height: 200px;
    background: url(/assets/bg-parallax.jpg) !important;
    background-size: cover;
    text-align: center;
    color: #fff;
    margin-bottom: 30px; }
    .mobile-invite-participiant-video .parallax-window h1 {
      padding-top: 40px; }
  .mobile-invite-participiant-video .android-link {
    display: inline-block; }
    .mobile-invite-participiant-video .android-link img {
      display: block;
      width: 312px;
      height: auto; }
  .mobile-invite-participiant-video .connect-page .top-block .parallax-window + .page-content {
    margin-top: 0 !important; }

.center-wrap-new {
  margin-left: 300px; }

@media only screen and (max-width: 1281px) {
  .center-wrap-new {
    margin-left: 220px; } }

@media only screen and (max-width: 600px) {
  .center-wrap-new {
    margin-left: 70px; } }

.white-space-pre {
  white-space: pre; }

.white-space-pre-wrap {
  white-space: pre-wrap; }

.upload-link.dropzone .dz-message {
  display: none; }

/* cmp-Select */
.cmp-select-container {
  margin-top: .5rem;
  outline: 0 !important;
  position: relative;
  bottom: -1px; }
  .cmp-select-container:focus .cmp-select, .call-part-modal .input-field:active .select-wrapper input.cmp-select-container.select-dropdown .cmp-select, .call-part-modal .input-field:active .select-wrapper a.cmp-select-container.select-dropdown .cmp-select, .call-part-modal .input-field input.cmp-select-container:active .cmp-select {
    text-decoration: none;
    border-bottom: 2px solid #1774cc; }
    .cmp-select-container:focus .cmp-select .label, .call-part-modal .input-field:active .select-wrapper input.cmp-select-container.select-dropdown .cmp-select .label, .call-part-modal .input-field:active .select-wrapper a.cmp-select-container.select-dropdown .cmp-select .label, .call-part-modal .input-field input.cmp-select-container:active .cmp-select .label {
      color: #1774cc; }
  .cmp-select-container.val-warning .cmp-select, .cmp-select-container.val-success .cmp-select, .cmp-select-container.has-error .cmp-select {
    padding-right: 80px; }
  .cmp-select-container.val-warning::after, .cmp-select-container.val-success::after, .cmp-select-container.has-error::after {
    right: 50px; }
  .cmp-select-container .cmp-select {
    color: #313336;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px !important;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    outline: none;
    height: calc(3rem + 1px);
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 2rem 0;
    padding: .5rem 0 0;
    display: block;
    box-sizing: border-box;
    padding-right: 55px;
    -webkit-tap-highlight-color: transparent; }
    .cmp-select-container .cmp-select:hover {
      text-decoration: none;
      border-bottom: 2px solid #5b6b78; }
  .cmp-select-container label {
    color: #5b6b78;
    position: absolute;
    top: 1rem;
    left: 0;
    font-size: 1rem;
    cursor: text;
    transition: .2s ease-out;
    pointer-events: none; }
    .cmp-select-container label.active {
      transform: translateY(-100%);
      font-size: 0.75rem;
      line-height: 1.2; }
  .cmp-select-container .helper-text {
    font-size: 0.75rem;
    margin: -2rem 0 0;
    display: block;
    color: #5b6b78;
    line-height: 1.2;
    height: 2rem;
    padding-top: 3px; }
  .cmp-select-container .multiple-list li.active {
    position: relative; }
    .cmp-select-container .multiple-list li.active:after {
      content: "check";
      font-family: 'Material Icons';
      text-rendering: optimizeLegibility;
      font-feature-settings: "liga" 1;
      font-style: normal;
      text-transform: none;
      line-height: 1;
      font-size: 24px;
      width: 24px;
      height: 24px;
      display: inline-block;
      overflow: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 0.75rem;
      right: 1rem;
      color: #1774cc;
      transform: none;
      margin: 0; }
  .cmp-select-container span.caret {
    color: transparent;
    position: absolute;
    right: 0;
    top: 0;
    bottom: auto;
    width: 48px;
    height: 48px;
    margin: auto 0;
    font-size: 10px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    pointer-events: none; }
    .cmp-select-container span.caret:before {
      width: 48px;
      height: 48px;
      line-height: 48px;
      text-align: center;
      top: 0;
      color: #313336;
      border-radius: 1000px;
      background: none; }
    .cmp-select-container span.caret:hover:before {
      background: rgba(0, 0, 0, 0.12) !important; }
    .cmp-select-container span.caret.disabled {
      color: transparent; }
  .cmp-select-container .dropdown-content ul li {
    display: flex;
    align-items: center;
    padding: .5rem 0; }
    .cmp-select-container .dropdown-content ul li a {
      border: none !important;
      line-height: 25px; }
  .cmp-select-container:hover span.caret:before {
    background: rgba(0, 0, 0, 0.12) !important; }

.input-field.cmp-autocomplite:hover span.display-js {
  border-color: #5b6b78;
  box-shadow: 0 1px 0 0 #5b6b78; }

.input-field.cmp-autocomplite:active span.display-js {
  border-color: #1774cc;
  box-shadow: 0 1px 0 0 #1774cc; }

.input-field.cmp-autocomplite.val-success span.display-js {
  border-color: #30a039;
  box-shadow: 0 1px 0 0 #30a039 !important; }

.input-field.cmp-autocomplite.val-success::after {
  right: 50px; }

.input-field.cmp-autocomplite.has-error span.display-js {
  border-color: #e6172c;
  box-shadow: 0 1px 0 0 #e6172c !important; }

.input-field.cmp-autocomplite.has-error::after {
  right: 50px; }

.input-field.cmp-autocomplite.val-warning::after {
  right: 50px; }

.input-field.cmp-autocomplite.val-success span.display-js,
.input-field.cmp-autocomplite.val-success input, .input-field.cmp-autocomplite.has-error span.display-js,
.input-field.cmp-autocomplite.has-error input {
  padding-right: 80px; }

.input-field.cmp-autocomplite.val-success input, .input-field.cmp-autocomplite.has-error input {
  width: calc(100% - 80px) !important; }

.input-field.cmp-autocomplite span.display-js {
  position: absolute;
  left: 0px;
  top: 9px;
  font-size: 1rem;
  pointer-events: none;
  letter-spacing: normal;
  width: 100%;
  height: 2.5rem;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 2rem 0;
  line-height: 2.5rem;
  padding-right: 50px; }
  .input-field.cmp-autocomplite span.display-js .icon {
    vertical-align: -4px;
    margin-right: .5rem; }
  .input-field.cmp-autocomplite span.display-js .material-icons {
    vertical-align: -6px;
    margin-right: .5rem; }
  .input-field.cmp-autocomplite span.display-js .auto-inner-content {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }

.input-field.cmp-autocomplite input {
  transition: none;
  padding-right: 50px;
  width: calc(100% - 50px); }

.input-field.cmp-autocomplite label {
  width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.input-field.cmp-autocomplite label.active {
  white-space: normal;
  width: 100%; }

.input-field.cmp-autocomplite span.caret {
  color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  bottom: auto;
  width: 48px;
  height: 48px;
  margin: auto 0;
  font-size: 10px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  pointer-events: none; }
  .input-field.cmp-autocomplite span.caret:before {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    top: 0;
    color: #313336;
    border-radius: 1000px;
    background: none; }
  .input-field.cmp-autocomplite span.caret:hover:before {
    background: rgba(0, 0, 0, 0.12) !important; }
  .input-field.cmp-autocomplite span.caret.disabled {
    color: transparent; }

.input-field.cmp-autocomplite:hover span.caret:before {
  background: rgba(0, 0, 0, 0.12) !important; }

.input-field.cmp-autocomplite:hover span.display-js {
  border-color: #5b6b78;
  box-shadow: 0 1px 0 0 #5b6b78; }

.input-field.cmp-autocomplite:active span.display-js {
  border-color: #1774cc;
  box-shadow: 0 1px 0 0 #1774cc; }

.input-field.cmp-autocomplite.val-success span.display-js {
  border-color: #30a039;
  box-shadow: 0 1px 0 0 #30a039 !important; }

.input-field.cmp-autocomplite.val-success::after {
  right: 50px; }

.input-field.cmp-autocomplite.has-error span.display-js {
  border-color: #e6172c;
  box-shadow: 0 1px 0 0 #e6172c !important; }

.input-field.cmp-autocomplite.has-error::after {
  right: 50px; }

.input-field.cmp-autocomplite.val-warning::after {
  right: 50px; }

.input-field.cmp-autocomplite.val-success span.display-js,
.input-field.cmp-autocomplite.val-success input, .input-field.cmp-autocomplite.has-error span.display-js,
.input-field.cmp-autocomplite.has-error input {
  padding-right: 80px; }

.input-field.cmp-autocomplite.val-success input, .input-field.cmp-autocomplite.has-error input {
  width: calc(100% - 80px) !important; }

.input-field.cmp-autocomplite span.display-js {
  position: absolute;
  left: 0px;
  top: 9px;
  font-size: 1rem;
  pointer-events: none;
  letter-spacing: normal;
  width: 100%;
  height: 2.5rem;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 2rem 0;
  line-height: 2.5rem;
  padding-right: 50px; }
  .input-field.cmp-autocomplite span.display-js .icon {
    vertical-align: -4px;
    margin-right: .5rem; }
  .input-field.cmp-autocomplite span.display-js .material-icons {
    vertical-align: -6px;
    margin-right: .5rem; }
  .input-field.cmp-autocomplite span.display-js .auto-inner-content {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }

.input-field.cmp-autocomplite input {
  transition: none;
  padding-right: 50px;
  width: calc(100% - 50px); }

.input-field.cmp-autocomplite label {
  width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.input-field.cmp-autocomplite label.active {
  white-space: normal;
  width: 100%; }

.input-field.cmp-autocomplite span.caret {
  color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  bottom: auto;
  width: 48px;
  height: 48px;
  margin: auto 0;
  font-size: 10px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  pointer-events: none; }
  .input-field.cmp-autocomplite span.caret:before {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    top: 0;
    color: #313336;
    border-radius: 1000px;
    background: none; }
  .input-field.cmp-autocomplite span.caret:hover:before {
    background: rgba(0, 0, 0, 0.12) !important; }
  .input-field.cmp-autocomplite span.caret.disabled {
    color: transparent; }

.input-field.cmp-autocomplite:hover span.caret:before {
  background: rgba(0, 0, 0, 0.12) !important; }

.call-part-modal {
  /* Text inputs */
  /*Input number*/
  /* Search Field */
  /* Textarea */
  /* Autocomplete */
  /* Change Autocomplete styles */
  /*telepfone input*/ }
  .call-part-modal ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .call-part-modal :-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.4); }
  .call-part-modal ::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.4); }
  .call-part-modal :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .call-part-modal input:not([type]),
  .call-part-modal input[type=text],
  .call-part-modal input[type=password],
  .call-part-modal input[type=email],
  .call-part-modal input[type=url],
  .call-part-modal input[type=time],
  .call-part-modal input[type=date],
  .call-part-modal input[type=datetime],
  .call-part-modal input[type=datetime-local],
  .call-part-modal input[type=tel],
  .call-part-modal input[type=number],
  .call-part-modal input[type=search],
  .call-part-modal textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    outline: none;
    height: 2.5rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 2rem 0 !important;
    padding: 0;
    padding-top: .5rem;
    box-shadow: none;
    box-sizing: content-box !important;
    transition: all 0.3s; }
    .call-part-modal input:not([type]):disabled, .call-part-modal input:not([type])[readonly="readonly"],
    .call-part-modal input[type=text]:disabled,
    .call-part-modal input[type=text][readonly="readonly"],
    .call-part-modal input[type=password]:disabled,
    .call-part-modal input[type=password][readonly="readonly"],
    .call-part-modal input[type=email]:disabled,
    .call-part-modal input[type=email][readonly="readonly"],
    .call-part-modal input[type=url]:disabled,
    .call-part-modal input[type=url][readonly="readonly"],
    .call-part-modal input[type=time]:disabled,
    .call-part-modal input[type=time][readonly="readonly"],
    .call-part-modal input[type=date]:disabled,
    .call-part-modal input[type=date][readonly="readonly"],
    .call-part-modal input[type=datetime]:disabled,
    .call-part-modal input[type=datetime][readonly="readonly"],
    .call-part-modal input[type=datetime-local]:disabled,
    .call-part-modal input[type=datetime-local][readonly="readonly"],
    .call-part-modal input[type=tel]:disabled,
    .call-part-modal input[type=tel][readonly="readonly"],
    .call-part-modal input[type=number]:disabled,
    .call-part-modal input[type=number][readonly="readonly"],
    .call-part-modal input[type=search]:disabled,
    .call-part-modal input[type=search][readonly="readonly"],
    .call-part-modal textarea.materialize-textarea:disabled,
    .call-part-modal textarea.materialize-textarea[readonly="readonly"] {
      color: rgba(0, 0, 0, 0.4) !important;
      border-bottom: 1px dotted rgba(0, 0, 0, 0.4) !important; }
    .call-part-modal input:not([type]):disabled + label,
    .call-part-modal input:not([type])[readonly="readonly"] + label,
    .call-part-modal input[type=text]:disabled + label,
    .call-part-modal input[type=text][readonly="readonly"] + label,
    .call-part-modal input[type=password]:disabled + label,
    .call-part-modal input[type=password][readonly="readonly"] + label,
    .call-part-modal input[type=email]:disabled + label,
    .call-part-modal input[type=email][readonly="readonly"] + label,
    .call-part-modal input[type=url]:disabled + label,
    .call-part-modal input[type=url][readonly="readonly"] + label,
    .call-part-modal input[type=time]:disabled + label,
    .call-part-modal input[type=time][readonly="readonly"] + label,
    .call-part-modal input[type=date]:disabled + label,
    .call-part-modal input[type=date][readonly="readonly"] + label,
    .call-part-modal input[type=datetime]:disabled + label,
    .call-part-modal input[type=datetime][readonly="readonly"] + label,
    .call-part-modal input[type=datetime-local]:disabled + label,
    .call-part-modal input[type=datetime-local][readonly="readonly"] + label,
    .call-part-modal input[type=tel]:disabled + label,
    .call-part-modal input[type=tel][readonly="readonly"] + label,
    .call-part-modal input[type=number]:disabled + label,
    .call-part-modal input[type=number][readonly="readonly"] + label,
    .call-part-modal input[type=search]:disabled + label,
    .call-part-modal input[type=search][readonly="readonly"] + label,
    .call-part-modal textarea.materialize-textarea:disabled + label,
    .call-part-modal textarea.materialize-textarea[readonly="readonly"] + label {
      color: rgba(0, 0, 0, 0.4); }
    .call-part-modal input:not([type]):focus, .call-part-modal .input-field:active .select-wrapper input.select-dropdown:not([type]), .call-part-modal .input-field input:not([type]):active, .call-part-modal input:not([type]):active,
    .call-part-modal input[type=text]:focus, .call-part-modal .input-field:active .select-wrapper input[type=text].select-dropdown, .call-part-modal .input-field input[type=text]:active,
    .call-part-modal input[type=text]:active,
    .call-part-modal input[type=password]:focus, .call-part-modal .input-field:active .select-wrapper input[type=password].select-dropdown, .call-part-modal .input-field input[type=password]:active,
    .call-part-modal input[type=password]:active,
    .call-part-modal input[type=email]:focus, .call-part-modal .input-field:active .select-wrapper input[type=email].select-dropdown, .call-part-modal .input-field input[type=email]:active,
    .call-part-modal input[type=email]:active,
    .call-part-modal input[type=url]:focus, .call-part-modal .input-field:active .select-wrapper input[type=url].select-dropdown, .call-part-modal .input-field input[type=url]:active,
    .call-part-modal input[type=url]:active,
    .call-part-modal input[type=time]:focus, .call-part-modal .input-field:active .select-wrapper input[type=time].select-dropdown, .call-part-modal .input-field input[type=time]:active,
    .call-part-modal input[type=time]:active,
    .call-part-modal input[type=date]:focus, .call-part-modal .input-field:active .select-wrapper input[type=date].select-dropdown, .call-part-modal .input-field input[type=date]:active,
    .call-part-modal input[type=date]:active,
    .call-part-modal input[type=datetime]:focus, .call-part-modal .input-field:active .select-wrapper input[type=datetime].select-dropdown, .call-part-modal .input-field input[type=datetime]:active,
    .call-part-modal input[type=datetime]:active,
    .call-part-modal input[type=datetime-local]:focus, .call-part-modal .input-field:active .select-wrapper input[type=datetime-local].select-dropdown, .call-part-modal .input-field input[type=datetime-local]:active,
    .call-part-modal input[type=datetime-local]:active,
    .call-part-modal input[type=tel]:focus, .call-part-modal .input-field:active .select-wrapper input[type=tel].select-dropdown, .call-part-modal .input-field input[type=tel]:active,
    .call-part-modal input[type=tel]:active,
    .call-part-modal input[type=number]:focus, .call-part-modal .input-field:active .select-wrapper input[type=number].select-dropdown, .call-part-modal .input-field input[type=number]:active,
    .call-part-modal input[type=number]:active,
    .call-part-modal input[type=search]:focus, .call-part-modal .input-field:active .select-wrapper input[type=search].select-dropdown, .call-part-modal .input-field input[type=search]:active,
    .call-part-modal input[type=search]:active,
    .call-part-modal textarea.materialize-textarea:focus,
    .call-part-modal textarea.materialize-textarea:active {
      border-bottom: 1px solid #1774cc !important;
      box-shadow: 0 1px 0 0 #1774cc !important; }
      .call-part-modal input:not([type]):focus:disabled, .call-part-modal .input-field:active .select-wrapper input.select-dropdown:not([type]):disabled, .call-part-modal .input-field input:not([type]):disabled:active, .call-part-modal input:not([type]):active:disabled,
      .call-part-modal input[type=text]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=text].select-dropdown:disabled, .call-part-modal .input-field input[type=text]:disabled:active,
      .call-part-modal input[type=text]:active:disabled,
      .call-part-modal input[type=password]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=password].select-dropdown:disabled, .call-part-modal .input-field input[type=password]:disabled:active,
      .call-part-modal input[type=password]:active:disabled,
      .call-part-modal input[type=email]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=email].select-dropdown:disabled, .call-part-modal .input-field input[type=email]:disabled:active,
      .call-part-modal input[type=email]:active:disabled,
      .call-part-modal input[type=url]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=url].select-dropdown:disabled, .call-part-modal .input-field input[type=url]:disabled:active,
      .call-part-modal input[type=url]:active:disabled,
      .call-part-modal input[type=time]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=time].select-dropdown:disabled, .call-part-modal .input-field input[type=time]:disabled:active,
      .call-part-modal input[type=time]:active:disabled,
      .call-part-modal input[type=date]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=date].select-dropdown:disabled, .call-part-modal .input-field input[type=date]:disabled:active,
      .call-part-modal input[type=date]:active:disabled,
      .call-part-modal input[type=datetime]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=datetime].select-dropdown:disabled, .call-part-modal .input-field input[type=datetime]:disabled:active,
      .call-part-modal input[type=datetime]:active:disabled,
      .call-part-modal input[type=datetime-local]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=datetime-local].select-dropdown:disabled, .call-part-modal .input-field input[type=datetime-local]:disabled:active,
      .call-part-modal input[type=datetime-local]:active:disabled,
      .call-part-modal input[type=tel]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=tel].select-dropdown:disabled, .call-part-modal .input-field input[type=tel]:disabled:active,
      .call-part-modal input[type=tel]:active:disabled,
      .call-part-modal input[type=number]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=number].select-dropdown:disabled, .call-part-modal .input-field input[type=number]:disabled:active,
      .call-part-modal input[type=number]:active:disabled,
      .call-part-modal input[type=search]:focus:disabled, .call-part-modal .input-field:active .select-wrapper input[type=search].select-dropdown:disabled, .call-part-modal .input-field input[type=search]:disabled:active,
      .call-part-modal input[type=search]:active:disabled,
      .call-part-modal textarea.materialize-textarea:focus:disabled,
      .call-part-modal textarea.materialize-textarea:active:disabled {
        color: rgba(0, 0, 0, 0.4) !important;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.4) !important; }
    .call-part-modal input:not([type]):focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input.select-dropdown:not([type]):not([readonly]) + label, .call-part-modal .input-field input:not([type]):not([readonly]):active + label,
    .call-part-modal input[type=text]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=text].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=text]:not([readonly]):active + label,
    .call-part-modal input[type=password]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=password].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=password]:not([readonly]):active + label,
    .call-part-modal input[type=email]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=email].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=email]:not([readonly]):active + label,
    .call-part-modal input[type=url]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=url].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=url]:not([readonly]):active + label,
    .call-part-modal input[type=time]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=time].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=time]:not([readonly]):active + label,
    .call-part-modal input[type=date]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=date].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=date]:not([readonly]):active + label,
    .call-part-modal input[type=datetime]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=datetime].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=datetime]:not([readonly]):active + label,
    .call-part-modal input[type=datetime-local]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=datetime-local].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=datetime-local]:not([readonly]):active + label,
    .call-part-modal input[type=tel]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=tel].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=tel]:not([readonly]):active + label,
    .call-part-modal input[type=number]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=number].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=number]:not([readonly]):active + label,
    .call-part-modal input[type=search]:focus:not([readonly]) + label, .call-part-modal .input-field:active .select-wrapper input[type=search].select-dropdown:not([readonly]) + label, .call-part-modal .input-field input[type=search]:not([readonly]):active + label,
    .call-part-modal textarea.materialize-textarea:focus:not([readonly]) + label {
      color: #1774cc; }
    .call-part-modal input:not([type]).valid, .call-part-modal input:not([type]):focus.valid, .call-part-modal .input-field:active .select-wrapper input.select-dropdown:not([type]).valid, .call-part-modal .input-field input:not([type]).valid:active,
    .call-part-modal input[type=text].valid,
    .call-part-modal input[type=text]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=text].valid.select-dropdown, .call-part-modal .input-field input[type=text].valid:active,
    .call-part-modal input[type=password].valid,
    .call-part-modal input[type=password]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=password].valid.select-dropdown, .call-part-modal .input-field input[type=password].valid:active,
    .call-part-modal input[type=email].valid,
    .call-part-modal input[type=email]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=email].valid.select-dropdown, .call-part-modal .input-field input[type=email].valid:active,
    .call-part-modal input[type=url].valid,
    .call-part-modal input[type=url]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=url].valid.select-dropdown, .call-part-modal .input-field input[type=url].valid:active,
    .call-part-modal input[type=time].valid,
    .call-part-modal input[type=time]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=time].valid.select-dropdown, .call-part-modal .input-field input[type=time].valid:active,
    .call-part-modal input[type=date].valid,
    .call-part-modal input[type=date]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=date].valid.select-dropdown, .call-part-modal .input-field input[type=date].valid:active,
    .call-part-modal input[type=datetime].valid,
    .call-part-modal input[type=datetime]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=datetime].valid.select-dropdown, .call-part-modal .input-field input[type=datetime].valid:active,
    .call-part-modal input[type=datetime-local].valid,
    .call-part-modal input[type=datetime-local]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=datetime-local].valid.select-dropdown, .call-part-modal .input-field input[type=datetime-local].valid:active,
    .call-part-modal input[type=tel].valid,
    .call-part-modal input[type=tel]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=tel].valid.select-dropdown, .call-part-modal .input-field input[type=tel].valid:active,
    .call-part-modal input[type=number].valid,
    .call-part-modal input[type=number]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=number].valid.select-dropdown, .call-part-modal .input-field input[type=number].valid:active,
    .call-part-modal input[type=search].valid,
    .call-part-modal input[type=search]:focus.valid, .call-part-modal .input-field:active .select-wrapper input[type=search].valid.select-dropdown, .call-part-modal .input-field input[type=search].valid:active,
    .call-part-modal textarea.materialize-textarea.valid,
    .call-part-modal textarea.materialize-textarea:focus.valid {
      border-bottom: 1px solid #30a039;
      box-shadow: 0 1px 0 0 #30a039; }
    .call-part-modal input:not([type]).valid + label:after,
    .call-part-modal input:not([type]):focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input.select-dropdown:not([type]).valid + label:after, .call-part-modal .input-field input:not([type]).valid:active + label:after,
    .call-part-modal input[type=text].valid + label:after,
    .call-part-modal input[type=text]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=text].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=text].valid:active + label:after,
    .call-part-modal input[type=password].valid + label:after,
    .call-part-modal input[type=password]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=password].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=password].valid:active + label:after,
    .call-part-modal input[type=email].valid + label:after,
    .call-part-modal input[type=email]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=email].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=email].valid:active + label:after,
    .call-part-modal input[type=url].valid + label:after,
    .call-part-modal input[type=url]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=url].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=url].valid:active + label:after,
    .call-part-modal input[type=time].valid + label:after,
    .call-part-modal input[type=time]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=time].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=time].valid:active + label:after,
    .call-part-modal input[type=date].valid + label:after,
    .call-part-modal input[type=date]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=date].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=date].valid:active + label:after,
    .call-part-modal input[type=datetime].valid + label:after,
    .call-part-modal input[type=datetime]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=datetime].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=datetime].valid:active + label:after,
    .call-part-modal input[type=datetime-local].valid + label:after,
    .call-part-modal input[type=datetime-local]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=datetime-local].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=datetime-local].valid:active + label:after,
    .call-part-modal input[type=tel].valid + label:after,
    .call-part-modal input[type=tel]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=tel].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=tel].valid:active + label:after,
    .call-part-modal input[type=number].valid + label:after,
    .call-part-modal input[type=number]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=number].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=number].valid:active + label:after,
    .call-part-modal input[type=search].valid + label:after,
    .call-part-modal input[type=search]:focus.valid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=search].valid.select-dropdown + label:after, .call-part-modal .input-field input[type=search].valid:active + label:after,
    .call-part-modal textarea.materialize-textarea.valid + label:after,
    .call-part-modal textarea.materialize-textarea:focus.valid + label:after {
      content: attr(data-success);
      color: #30a039;
      opacity: 1; }
    .call-part-modal input:not([type]).invalid, .call-part-modal input:not([type]):focus.invalid, .call-part-modal .input-field:active .select-wrapper input.select-dropdown:not([type]).invalid, .call-part-modal .input-field input:not([type]).invalid:active,
    .call-part-modal input[type=text].invalid,
    .call-part-modal input[type=text]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=text].invalid.select-dropdown, .call-part-modal .input-field input[type=text].invalid:active,
    .call-part-modal input[type=password].invalid,
    .call-part-modal input[type=password]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=password].invalid.select-dropdown, .call-part-modal .input-field input[type=password].invalid:active,
    .call-part-modal input[type=email].invalid,
    .call-part-modal input[type=email]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=email].invalid.select-dropdown, .call-part-modal .input-field input[type=email].invalid:active,
    .call-part-modal input[type=url].invalid,
    .call-part-modal input[type=url]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=url].invalid.select-dropdown, .call-part-modal .input-field input[type=url].invalid:active,
    .call-part-modal input[type=time].invalid,
    .call-part-modal input[type=time]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=time].invalid.select-dropdown, .call-part-modal .input-field input[type=time].invalid:active,
    .call-part-modal input[type=date].invalid,
    .call-part-modal input[type=date]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=date].invalid.select-dropdown, .call-part-modal .input-field input[type=date].invalid:active,
    .call-part-modal input[type=datetime].invalid,
    .call-part-modal input[type=datetime]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=datetime].invalid.select-dropdown, .call-part-modal .input-field input[type=datetime].invalid:active,
    .call-part-modal input[type=datetime-local].invalid,
    .call-part-modal input[type=datetime-local]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=datetime-local].invalid.select-dropdown, .call-part-modal .input-field input[type=datetime-local].invalid:active,
    .call-part-modal input[type=tel].invalid,
    .call-part-modal input[type=tel]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=tel].invalid.select-dropdown, .call-part-modal .input-field input[type=tel].invalid:active,
    .call-part-modal input[type=number].invalid,
    .call-part-modal input[type=number]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=number].invalid.select-dropdown, .call-part-modal .input-field input[type=number].invalid:active,
    .call-part-modal input[type=search].invalid,
    .call-part-modal input[type=search]:focus.invalid, .call-part-modal .input-field:active .select-wrapper input[type=search].invalid.select-dropdown, .call-part-modal .input-field input[type=search].invalid:active,
    .call-part-modal textarea.materialize-textarea.invalid,
    .call-part-modal textarea.materialize-textarea:focus.invalid {
      border-bottom: 1px solid #e6172c !important;
      box-shadow: 0 1px 0 0 #e6172c !important; }
    .call-part-modal input:not([type]).invalid + label:after,
    .call-part-modal input:not([type]):focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input.select-dropdown:not([type]).invalid + label:after, .call-part-modal .input-field input:not([type]).invalid:active + label:after,
    .call-part-modal input[type=text].invalid + label:after,
    .call-part-modal input[type=text]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=text].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=text].invalid:active + label:after,
    .call-part-modal input[type=password].invalid + label:after,
    .call-part-modal input[type=password]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=password].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=password].invalid:active + label:after,
    .call-part-modal input[type=email].invalid + label:after,
    .call-part-modal input[type=email]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=email].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=email].invalid:active + label:after,
    .call-part-modal input[type=url].invalid + label:after,
    .call-part-modal input[type=url]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=url].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=url].invalid:active + label:after,
    .call-part-modal input[type=time].invalid + label:after,
    .call-part-modal input[type=time]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=time].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=time].invalid:active + label:after,
    .call-part-modal input[type=date].invalid + label:after,
    .call-part-modal input[type=date]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=date].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=date].invalid:active + label:after,
    .call-part-modal input[type=datetime].invalid + label:after,
    .call-part-modal input[type=datetime]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=datetime].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=datetime].invalid:active + label:after,
    .call-part-modal input[type=datetime-local].invalid + label:after,
    .call-part-modal input[type=datetime-local]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=datetime-local].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=datetime-local].invalid:active + label:after,
    .call-part-modal input[type=tel].invalid + label:after,
    .call-part-modal input[type=tel]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=tel].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=tel].invalid:active + label:after,
    .call-part-modal input[type=number].invalid + label:after,
    .call-part-modal input[type=number]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=number].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=number].invalid:active + label:after,
    .call-part-modal input[type=search].invalid + label:after,
    .call-part-modal input[type=search]:focus.invalid + label:after, .call-part-modal .input-field:active .select-wrapper input[type=search].invalid.select-dropdown + label:after, .call-part-modal .input-field input[type=search].invalid:active + label:after,
    .call-part-modal textarea.materialize-textarea.invalid + label:after,
    .call-part-modal textarea.materialize-textarea:focus.invalid + label:after {
      content: attr(data-error);
      color: #e6172c;
      opacity: 1; }
    .call-part-modal input:not([type]).validate + label,
    .call-part-modal input[type=text].validate + label,
    .call-part-modal input[type=password].validate + label,
    .call-part-modal input[type=email].validate + label,
    .call-part-modal input[type=url].validate + label,
    .call-part-modal input[type=time].validate + label,
    .call-part-modal input[type=date].validate + label,
    .call-part-modal input[type=datetime].validate + label,
    .call-part-modal input[type=datetime-local].validate + label,
    .call-part-modal input[type=tel].validate + label,
    .call-part-modal input[type=number].validate + label,
    .call-part-modal input[type=search].validate + label,
    .call-part-modal textarea.materialize-textarea.validate + label {
      width: 100%;
      pointer-events: none; }
    .call-part-modal input:not([type]) + label:after,
    .call-part-modal input[type=text] + label:after,
    .call-part-modal input[type=password] + label:after,
    .call-part-modal input[type=email] + label:after,
    .call-part-modal input[type=url] + label:after,
    .call-part-modal input[type=time] + label:after,
    .call-part-modal input[type=date] + label:after,
    .call-part-modal input[type=datetime] + label:after,
    .call-part-modal input[type=datetime-local] + label:after,
    .call-part-modal input[type=tel] + label:after,
    .call-part-modal input[type=number] + label:after,
    .call-part-modal input[type=search] + label:after,
    .call-part-modal textarea.materialize-textarea + label:after {
      display: block;
      content: "";
      position: absolute;
      top: 60px;
      opacity: 0;
      transition: .2s opacity ease-out, .2s color ease-out; }
  .call-part-modal input:not([type]),
  .call-part-modal input[type=text],
  .call-part-modal input[type=password],
  .call-part-modal input[type=email],
  .call-part-modal input[type=url],
  .call-part-modal input[type=time],
  .call-part-modal input[type=date],
  .call-part-modal input[type=datetime],
  .call-part-modal input[type=datetime-local],
  .call-part-modal input[type=tel],
  .call-part-modal input[type=number],
  .call-part-modal input[type=search] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .call-part-modal input[type=number]::-webkit-inner-spin-button,
  .call-part-modal input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
    margin: 0;
    -webkit-appearance: none; }
  .call-part-modal input[type=number] {
    -moz-appearance: textfield; }
  .call-part-modal .input-field:hover .select-wrapper input.select-dropdown, .call-part-modal .input-field:hover .select-wrapper a.select-dropdown, .call-part-modal .input-field.select-warning:hover .select-wrapper input.select-dropdown, .call-part-modal .input-field.select-warning:hover .select-wrapper a.select-dropdown {
    border-color: #5b6b78;
    box-shadow: 0 1px 0 0 #5b6b78; }
    .call-part-modal .input-field:hover .select-wrapper input.select-dropdown:disabled, .call-part-modal .input-field:hover .select-wrapper a.select-dropdown:disabled, .call-part-modal .input-field.select-warning:hover .select-wrapper input.select-dropdown:disabled, .call-part-modal .input-field.select-warning:hover .select-wrapper a.select-dropdown:disabled {
      box-shadow: none !important;
      border-color: inherit !important; }
  .call-part-modal .input-field:active .select-wrapper input.select-dropdown:disabled, .call-part-modal .input-field:active .select-wrapper a.select-dropdown:disabled, .call-part-modal .input-field.select-warning:active .select-wrapper input.select-dropdown:disabled, .call-part-modal .input-field.select-warning:active .select-wrapper a.select-dropdown:disabled {
    color: rgba(0, 0, 0, 0.4) !important; }
  .call-part-modal .input-field.select-warning .select-wrapper a.select-dropdown {
    padding-right: 85px; }
  .call-part-modal .input-field {
    position: relative;
    margin-top: .5rem;
    outline: 0 !important; }
    .call-part-modal .input-field input {
      background: none !important; }
      .call-part-modal .input-field input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: rgba(0, 0, 0, 0.4);
        opacity: 1; }
      .call-part-modal .input-field input::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(0, 0, 0, 0.4);
        opacity: 1; }
      .call-part-modal .input-field input:-ms-input-placeholder {
        /* IE 10+ */
        color: rgba(0, 0, 0, 0.4);
        opacity: 1; }
      .call-part-modal .input-field input:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(0, 0, 0, 0.4);
        opacity: 1; }
      .call-part-modal .input-field input:active:disabled {
        color: rgba(0, 0, 0, 0.4) !important; }
      .call-part-modal .input-field input:disabled + label {
        color: rgba(0, 0, 0, 0.4) !important; }
    .call-part-modal .input-field .intl-tel-input input {
      width: calc(100% - 58px); }
    .call-part-modal .input-field .helper-text {
      font-size: 0.875rem;
      margin: -2rem 0 0;
      display: block;
      color: #5b6b78;
      line-height: 1.2;
      height: 2rem;
      padding-top: 3px; }
    .call-part-modal .input-field:hover input, .call-part-modal .input-field:hover textarea.bordered-textarea {
      border-color: #5b6b78;
      box-shadow: 0 1px 0 0 #5b6b78; }
      .call-part-modal .input-field:hover input:disabled, .call-part-modal .input-field:hover textarea.bordered-textarea:disabled {
        box-shadow: none !important;
        border-color: inherit !important; }
    .call-part-modal .input-field:hover textarea.bordered-textarea {
      box-shadow: inset 0 0 0 1px #5b6b78; }
      .call-part-modal .input-field:hover textarea.bordered-textarea + label {
        border-top: 1px solid #5b6b78; }
      .call-part-modal .input-field:hover textarea.bordered-textarea:disabled {
        box-shadow: none !important;
        border-color: #e6e6e6 !important; }
        .call-part-modal .input-field:hover textarea.bordered-textarea:disabled + label {
          border-top-color: transparent; }
    .call-part-modal .input-field:hover input:focus, .call-part-modal .input-field:hover .input-field:active .select-wrapper input.select-dropdown, .call-part-modal .input-field.select-warning:active .select-wrapper .input-field:hover input.select-dropdown, .call-part-modal .input-field:hover input:active, .call-part-modal .input-field:hover textarea.bordered-textarea:focus {
      border-color: #1774cc; }
    .call-part-modal .input-field.val-warning input {
      padding-right: 40px !important;
      width: calc(100% - 40px); }
    .call-part-modal .input-field.val-warning .intl-tel-input input {
      width: calc(100% - 58px); }
    .call-part-modal .input-field.val-warning:after {
      content: "error";
      font-family: 'Material Icons';
      text-rendering: optimizeLegibility;
      font-feature-settings: "liga" 1;
      font-style: normal;
      text-transform: none;
      line-height: 1;
      font-size: 24px;
      width: 24px;
      height: 24px;
      display: inline-block;
      overflow: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 13px;
      right: 10px;
      color: #e7741c; }
    .call-part-modal .input-field.val-warning.select-warning:after {
      right: 50px;
      pointer-events: none; }
    .call-part-modal .input-field.val-warning.has-action input {
      padding-right: 90px;
      width: calc(100% - 90px); }
    .call-part-modal .input-field.val-warning textarea.bordered-textarea {
      padding-right: 40px; }
    .call-part-modal .input-field.val-warning .action-icon {
      right: 40px; }
    .call-part-modal .input-field.has-error label, .call-part-modal .input-field.has-error label.active {
      color: #e6172c !important; }
    .call-part-modal .input-field.has-error input, .call-part-modal .input-field.has-error textarea.bordered-textarea, .call-part-modal .input-field.has-error input:focus, .call-part-modal .input-field.has-error .input-field:active .select-wrapper input.select-dropdown, .call-part-modal .input-field:active .select-wrapper .input-field.has-error input.select-dropdown, .call-part-modal .input-field.has-error input:active, .call-part-modal .input-field.has-error textarea.bordered-textarea:focus {
      border-color: #e6172c !important;
      box-shadow: 0 1px 0 0 #e6172c !important; }
      .call-part-modal .input-field.has-error input + label, .call-part-modal .input-field.has-error textarea.bordered-textarea + label, .call-part-modal .input-field.has-error input:focus + label, .call-part-modal .input-field.has-error .input-field:active .select-wrapper input.select-dropdown + label, .call-part-modal .input-field:active .select-wrapper .input-field.has-error input.select-dropdown + label, .call-part-modal .input-field.has-error input:active + label, .call-part-modal .input-field.has-error textarea.bordered-textarea:focus + label {
        color: #e6172c; }
    .call-part-modal .input-field.has-error input {
      padding-right: 40px;
      width: calc(100% - 40px); }
    .call-part-modal .input-field.has-error .intl-tel-input input {
      width: calc(100% - 58px); }
    .call-part-modal .input-field.has-error .helper-text {
      color: #e6172c; }
    .call-part-modal .input-field.has-error:after {
      content: "error";
      font-family: 'Material Icons';
      text-rendering: optimizeLegibility;
      font-feature-settings: "liga" 1;
      font-style: normal;
      text-transform: none;
      line-height: 1;
      font-size: 24px;
      width: 24px;
      height: 24px;
      display: inline-block;
      overflow: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 13px;
      right: 10px;
      color: #e6172c; }
    .call-part-modal .input-field.has-error.select-warning:after {
      right: 50px;
      pointer-events: none; }
    .call-part-modal .input-field.has-error textarea.bordered-textarea, .call-part-modal .input-field.has-error textarea.bordered-textarea:focus {
      box-shadow: inset 0 0 0 1px #e6172c, inset 0 0 0 1000px white !important; }
      .call-part-modal .input-field.has-error textarea.bordered-textarea + label, .call-part-modal .input-field.has-error textarea.bordered-textarea:focus + label {
        border-top: 1px solid #e6172c; }
    .call-part-modal .input-field.has-error.textarea-error:after {
      display: none; }
    .call-part-modal .input-field.has-error.has-action input {
      padding-right: 90px;
      width: calc(100% - 90px); }
    .call-part-modal .input-field.has-error textarea.bordered-textarea {
      padding-right: 40px; }
    .call-part-modal .input-field.has-error .action-icon {
      right: 40px; }
    .call-part-modal .input-field.has-action .action-icon {
      top: 2px; }
    .call-part-modal .input-field.has-action input {
      padding-right: 40px;
      width: calc(100% - 40px); }
    .call-part-modal .input-field:not(.disable-fixed-top) :not(.customisable-dropdown) .dropdown-content {
      top: -7px !important; }
    .call-part-modal .input-field .dropdown-content {
      width: 100% !important; }
      .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li span > label {
        float: right;
        position: relative;
        top: 0;
        left: auto;
        right: 0;
        width: 24px;
        height: 24px;
        vertical-align: unset;
        line-height: 1;
        margin: 0;
        padding: 0;
        transform: none; }
        .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li span > label:before {
          display: none; }
        .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li span > label:after {
          display: none; }
      .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li.selected {
        color: #313336; }
        .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li.selected span {
          color: #313336; }
      .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li.active, .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li.active.selected {
        color: #1774cc;
        font-weight: 400; }
        .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li.active span, .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li.active.selected span {
          color: #1774cc; }
          .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li.active span label:after, .call-part-modal .input-field .dropdown-content.multiple-select-dropdown li.active.selected span label:after {
            content: "check";
            font-family: 'Material Icons';
            text-rendering: optimizeLegibility;
            font-feature-settings: "liga" 1;
            font-style: normal;
            text-transform: none;
            line-height: 1;
            font-size: 24px;
            width: 24px;
            height: 24px;
            display: inline-block;
            overflow: hidden;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 0;
            right: 0;
            color: #1774cc;
            transform: none;
            margin: 0; }
    .call-part-modal .input-field.max-height .dropdown-content {
      max-height: 18rem; }
    .call-part-modal .input-field li.active, .call-part-modal .input-field li.active.selected {
      font-weight: 400; }
    .call-part-modal .input-field.val-success input {
      border-color: #30a039 !important;
      box-shadow: 0 1px 0 0 #30a039 !important;
      padding-right: 40px;
      width: calc(100% - 40px); }
    .call-part-modal .input-field.val-success .intl-tel-input input {
      width: calc(100% - 58px); }
    .call-part-modal .input-field.val-success:after {
      content: "check_circle";
      font-family: 'Material Icons';
      text-rendering: optimizeLegibility;
      font-feature-settings: "liga" 1;
      font-style: normal;
      text-transform: none;
      line-height: 1;
      font-size: 24px;
      width: 24px;
      height: 24px;
      display: inline-block;
      overflow: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 13px;
      right: 10px;
      color: #30a039; }
    .call-part-modal .input-field.val-success.select-warning:after {
      right: 50px;
      pointer-events: none; }
    .call-part-modal .input-field.val-success .helper-text {
      color: #30a039; }
    .call-part-modal .input-field.val-success.has-action input {
      padding-right: 90px;
      width: calc(100% - 90px); }
    .call-part-modal .input-field.val-success textarea.bordered-textarea {
      padding-right: 40px; }
    .call-part-modal .input-field.val-success .action-icon {
      right: 40px; }
    .call-part-modal .input-field.val-disabled textarea.bordered-textarea + span label {
      background: transparent;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.4) !important; }
      .call-part-modal .input-field.val-disabled textarea.bordered-textarea + span label i {
        color: rgba(0, 0, 0, 0.4) !important; }
    .call-part-modal .input-field.val-disabled input {
      background: rgba(0, 0, 0, 0.06);
      border-color: #e6e6e6 !important;
      color: rgba(0, 0, 0, 0.4) !important; }
      .call-part-modal .input-field.val-disabled input + span label {
        background: transparent;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.4) !important; }
        .call-part-modal .input-field.val-disabled input + span label i {
          color: rgba(0, 0, 0, 0.4) !important; }
    .call-part-modal .input-field.val-readonly textarea.bordered-textarea {
      background: rgba(0, 0, 0, 0.06);
      border-color: #e6e6e6 !important;
      color: rgba(0, 0, 0, 0.4) !important; }
      .call-part-modal .input-field.val-readonly textarea.bordered-textarea + span label {
        background: transparent;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.4) !important; }
        .call-part-modal .input-field.val-readonly textarea.bordered-textarea + span label i {
          color: rgba(0, 0, 0, 0.4) !important; }
    .call-part-modal .input-field.val-readonly input {
      background: rgba(0, 0, 0, 0.06);
      border-color: #e6e6e6 !important;
      color: rgba(0, 0, 0, 0.4) !important; }
      .call-part-modal .input-field.val-readonly input + span label {
        background: transparent;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.4) !important; }
        .call-part-modal .input-field.val-readonly input + span label i {
          color: rgba(0, 0, 0, 0.4) !important; }
    .call-part-modal .input-field textarea.bordered-textarea {
      border: 1px solid #e6e6e6;
      border-radius: 3px;
      height: 115px;
      max-height: 400px;
      min-height: 90px;
      resize: vertical;
      padding: 1.5em 0.75rem 1em;
      letter-spacing: 0;
      margin: 0 0 30px 0;
      outline: none;
      display: block; }
      .call-part-modal .input-field textarea.bordered-textarea + label {
        left: 2px;
        padding-left: 0.75rem;
        width: calc(100% - 4px);
        background: #fff;
        top: 1px;
        padding-top: .3em;
        border-top: 1px solid #fff;
        transition-property: top, font-size; }
        .call-part-modal .input-field textarea.bordered-textarea + label.active {
          padding: 0;
          padding-left: 0.75rem;
          transform: none;
          line-height: 1.5rem; }
        .call-part-modal .input-field textarea.bordered-textarea + label + .helper-text {
          top: auto;
          bottom: 0.5rem;
          left: 1em; }
      .call-part-modal .input-field textarea.bordered-textarea + span label {
        left: 2px;
        padding-left: 0.75rem;
        width: calc(100% - 4px);
        background: #fff;
        top: 2px;
        padding-top: .3em;
        border-top: 1px solid #fff;
        transition-property: top, font-size; }
        .call-part-modal .input-field textarea.bordered-textarea + span label.active {
          padding: 0;
          padding-left: 0.75rem;
          transform: none;
          line-height: 1.5rem; }
        .call-part-modal .input-field textarea.bordered-textarea + span label + .helper-text {
          top: auto;
          bottom: 0.5rem;
          left: 1em; }
      .call-part-modal .input-field textarea.bordered-textarea:focus, .call-part-modal .input-field textarea.bordered-textarea.focus {
        border-color: #1774cc !important;
        box-shadow: inset 0 0 0 1px #1774cc; }
        .call-part-modal .input-field textarea.bordered-textarea:focus + label, .call-part-modal .input-field textarea.bordered-textarea.focus + label {
          color: #1774cc;
          border-top: 1px solid #1774cc; }
      .call-part-modal .input-field textarea.bordered-textarea:disabled {
        background: rgba(0, 0, 0, 0.06);
        border-color: #e6e6e6 !important;
        color: rgba(0, 0, 0, 0.4) !important; }
        .call-part-modal .input-field textarea.bordered-textarea:disabled + label {
          color: rgba(0, 0, 0, 0.4);
          background: none;
          border-top-color: transparent; }
    .call-part-modal .input-field.no-label textarea.bordered-textarea {
      padding-top: 0.75em; }
    .call-part-modal .input-field.col textarea.bordered-textarea {
      padding: 1.5em 1em 1em; }
      .call-part-modal .input-field.col textarea.bordered-textarea + label {
        left: 1.75rem; }
    .call-part-modal .input-field .action-icon {
      width: 48px;
      height: 48px;
      border-radius: 1000px;
      text-align: center;
      line-height: 48px;
      font-size: 24px;
      position: absolute;
      z-index: 1;
      color: #5b6b78;
      right: 0;
      top: 0; }
      .call-part-modal .input-field .action-icon:hover {
        background: rgba(0, 0, 0, 0.1);
        cursor: pointer; }
    .call-part-modal .input-field.advanced-search-field, .call-part-modal .input-field.dropdown-search-field {
      position: relative; }
      .call-part-modal .input-field.advanced-search-field > input, .call-part-modal .input-field.dropdown-search-field > input {
        margin-bottom: 0;
        background: #fff !important; }
        .call-part-modal .input-field.advanced-search-field > input.ng-valid, .call-part-modal .input-field.dropdown-search-field > input.ng-valid {
          padding-right: 75px !important;
          width: calc(100% - 75px); }
      .call-part-modal .input-field.advanced-search-field .icon-link, .call-part-modal .input-field.dropdown-search-field .icon-link {
        position: absolute;
        right: 50px;
        top: 0;
        cursor: pointer; }
        .call-part-modal .input-field.advanced-search-field .icon-link.blue-text, .call-part-modal .input-field.dropdown-search-field .icon-link.blue-text {
          right: 0; }
      .call-part-modal .input-field.advanced-search-field.simple .icon-link, .call-part-modal .input-field.dropdown-search-field.simple .icon-link {
        right: 0; }
      .call-part-modal .input-field.advanced-search-field.simple > input, .call-part-modal .input-field.dropdown-search-field.simple > input {
        letter-spacing: 0.01em; }
      .call-part-modal .input-field.advanced-search-field + .rel, .call-part-modal .input-field.dropdown-search-field + .rel {
        margin-bottom: 30px; }
      .call-part-modal .input-field.advanced-search-field .dropdown-placeholder, .call-part-modal .input-field.dropdown-search-field .dropdown-placeholder {
        display: none;
        position: absolute;
        height: 100%;
        line-height: 2.5rem;
        padding-top: .5rem;
        width: 100%;
        top: 1px;
        left: 0;
        letter-spacing: 0.01em;
        color: rgba(0, 0, 0, 0.4);
        white-space: nowrap;
        overflow: hidden;
        z-index: -1; }
        .call-part-modal .input-field.advanced-search-field .dropdown-placeholder.active, .call-part-modal .input-field.dropdown-search-field .dropdown-placeholder.active {
          display: block; }
    .call-part-modal .input-field .icon-clear {
      cursor: pointer;
      display: none; }
    .call-part-modal .input-field.filtering .icon-clear {
      display: block; }
    .call-part-modal .input-field.inline {
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px; }
      .call-part-modal .input-field.inline input,
      .call-part-modal .input-field.inline .select-dropdown {
        margin-bottom: 1rem; }
    .call-part-modal .input-field.col label {
      left: 0.5rem; }
    .call-part-modal .input-field.col .prefix ~ label,
    .call-part-modal .input-field.col .prefix ~ .validate ~ label {
      width: calc(100% - 3rem - 1rem); }
    @media only screen and (min-width: 481px) {
      .call-part-modal .input-field.col label {
        left: 0.75rem; }
      .call-part-modal .input-field.col .prefix ~ label,
      .call-part-modal .input-field.col .prefix ~ .validate ~ label {
        width: calc(100% - 3rem - 1.5rem); } }
    @media only screen and (min-width: 768px) {
      .call-part-modal .input-field.col label {
        left: 1rem; }
      .call-part-modal .input-field.col .prefix ~ label,
      .call-part-modal .input-field.col .prefix ~ .validate ~ label {
        width: calc(100% - 3rem - 2rem); } }
    @media only screen and (min-width: 1601px) {
      .call-part-modal .input-field.col label {
        left: 1.25rem; }
      .call-part-modal .input-field.col .prefix ~ label,
      .call-part-modal .input-field.col .prefix ~ .validate ~ label {
        width: calc(100% - 3rem - 2.5rem); } }
    .call-part-modal .input-field label {
      color: #5b6b78;
      position: absolute;
      top: 1rem;
      left: 0;
      font-size: 1rem;
      cursor: text;
      transition: .2s ease-out;
      pointer-events: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%; }
      .call-part-modal .input-field label .material-icons {
        vertical-align: -6px;
        margin-right: 5px;
        transition: all .2s ease-out; }
      .call-part-modal .input-field label.active {
        white-space: normal; }
        .call-part-modal .input-field label.active .material-icons {
          font-size: 18px; }
    .call-part-modal .input-field .prefix {
      position: absolute;
      width: 3rem;
      font-size: 2rem;
      transition: color .2s; }
      .call-part-modal .input-field .prefix.active {
        color: #1774cc; }
    .call-part-modal .input-field .prefix ~ input,
    .call-part-modal .input-field .prefix ~ textarea,
    .call-part-modal .input-field .prefix ~ label,
    .call-part-modal .input-field .prefix ~ .validate ~ label,
    .call-part-modal .input-field .prefix ~ .autocomplete-content {
      margin-left: 3rem;
      width: 92%;
      width: calc(100% - 3rem); }
    .call-part-modal .input-field .prefix ~ label {
      margin-left: 3rem; }
    @media only screen and (max-width: 768px) {
      .call-part-modal .input-field .prefix ~ input {
        width: 86%;
        width: calc(100% - 3rem); } }
    @media only screen and (max-width: 480px) {
      .call-part-modal .input-field .prefix ~ input {
        width: 80%;
        width: calc(100% - 3rem); } }
    .call-part-modal .input-field.select-placeholder .select-wrapper + label {
      top: 2.25rem;
      font-size: 1rem;
      transition: all .2s linear; }
      .call-part-modal .input-field.select-placeholder .select-wrapper + label.active {
        transform: translateY(-100%);
        color: #1774cc;
        font-size: 0.75rem; }
    .call-part-modal .input-field.cmp-autocomplite:hover span.display-js {
      border-color: #5b6b78;
      box-shadow: 0 1px 0 0 #5b6b78; }
    .call-part-modal .input-field.cmp-autocomplite:active span.display-js {
      border-color: #1774cc;
      box-shadow: 0 1px 0 0 #1774cc; }
    .call-part-modal .input-field.cmp-autocomplite.val-success span.display-js {
      border-color: #30a039;
      box-shadow: 0 1px 0 0 #30a039 !important; }
    .call-part-modal .input-field.cmp-autocomplite.val-success::after {
      right: 50px; }
    .call-part-modal .input-field.cmp-autocomplite.has-error span.display-js {
      border-color: #e6172c;
      box-shadow: 0 1px 0 0 #e6172c !important; }
    .call-part-modal .input-field.cmp-autocomplite.has-error::after {
      right: 50px; }
    .call-part-modal .input-field.cmp-autocomplite.val-warning::after {
      right: 50px; }
    .call-part-modal .input-field.cmp-autocomplite.val-warning span.display-js,
    .call-part-modal .input-field.cmp-autocomplite.val-warning input, .call-part-modal .input-field.cmp-autocomplite.val-success span.display-js,
    .call-part-modal .input-field.cmp-autocomplite.val-success input, .call-part-modal .input-field.cmp-autocomplite.has-error span.display-js,
    .call-part-modal .input-field.cmp-autocomplite.has-error input {
      padding-right: 80px !important; }
    .call-part-modal .input-field.cmp-autocomplite.val-warning input, .call-part-modal .input-field.cmp-autocomplite.val-success input, .call-part-modal .input-field.cmp-autocomplite.has-error input {
      width: calc(100% - 80px); }
    .call-part-modal .input-field.cmp-autocomplite span.display-js {
      position: absolute;
      left: 0px;
      top: 9px;
      font-size: 1rem;
      pointer-events: none;
      letter-spacing: normal;
      width: 100%;
      height: 2.5rem;
      border-bottom: 1px solid #e6e6e6;
      margin: 0 0 2rem 0;
      line-height: 2.5rem;
      padding-right: 50px; }
      .call-part-modal .input-field.cmp-autocomplite span.display-js .icon {
        vertical-align: -4px;
        margin-right: .5rem; }
      .call-part-modal .input-field.cmp-autocomplite span.display-js .material-icons {
        vertical-align: -6px;
        margin-right: .5rem; }
      .call-part-modal .input-field.cmp-autocomplite span.display-js .auto-inner-content {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
    .call-part-modal .input-field.cmp-autocomplite input {
      transition: none;
      padding-right: 50px;
      width: calc(100% - 50px); }
    .call-part-modal .input-field.cmp-autocomplite label {
      width: calc(100% - 80px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .call-part-modal .input-field.cmp-autocomplite label.active {
      white-space: normal;
      width: 100%; }
  .call-part-modal .input-field input[type=search] {
    display: block;
    line-height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem); }
    .call-part-modal .input-field input[type=search]:focus, .call-part-modal .input-field:active .select-wrapper input[type=search].select-dropdown, .call-part-modal .input-field input[type=search]:active {
      background-color: transparent;
      border: 0;
      box-shadow: none;
      color: #313336; }
      .call-part-modal .input-field input[type=search]:focus + label i, .call-part-modal .input-field:active .select-wrapper input[type=search].select-dropdown + label i, .call-part-modal .input-field input[type=search]:active + label i,
      .call-part-modal .input-field input[type=search]:focus ~ .mdi-navigation-close, .call-part-modal .input-field:active .select-wrapper input[type=search].select-dropdown ~ .mdi-navigation-close, .call-part-modal .input-field input[type=search]:active ~ .mdi-navigation-close,
      .call-part-modal .input-field input[type=search]:focus ~ .material-icons, .call-part-modal .input-field:active .select-wrapper input[type=search].select-dropdown ~ .material-icons, .call-part-modal .input-field input[type=search]:active ~ .material-icons {
        color: #313336; }
    .call-part-modal .input-field input[type=search] + label {
      left: 1rem; }
    .call-part-modal .input-field input[type=search] ~ .mdi-navigation-close,
    .call-part-modal .input-field input[type=search] ~ .material-icons {
      position: absolute;
      top: 0;
      right: 1rem;
      color: transparent;
      cursor: pointer;
      font-size: 2rem;
      transition: .3s color; }
  .call-part-modal #search-block.mt10, .call-part-modal #search-field.mt10, .call-part-modal .search-block.mt10, .call-part-modal .search-input.mt10 {
    margin-top: 10px; }
  .call-part-modal #search-block .search-block, .call-part-modal #search-field .search-block, .call-part-modal .search-block .search-block, .call-part-modal .search-input .search-block {
    padding-top: 22px;
    padding-bottom: 22px; }
  .call-part-modal #search-block ul.autocomplete-content.dropdown-content, .call-part-modal #search-field ul.autocomplete-content.dropdown-content, .call-part-modal .search-block ul.autocomplete-content.dropdown-content, .call-part-modal .search-input ul.autocomplete-content.dropdown-content {
    position: absolute;
    width: 100%;
    left: 0; }
    .call-part-modal #search-block ul.autocomplete-content.dropdown-content li, .call-part-modal #search-field ul.autocomplete-content.dropdown-content li, .call-part-modal .search-block ul.autocomplete-content.dropdown-content li, .call-part-modal .search-input ul.autocomplete-content.dropdown-content li {
      min-height: 0; }
      .call-part-modal #search-block ul.autocomplete-content.dropdown-content li img, .call-part-modal #search-field ul.autocomplete-content.dropdown-content li img, .call-part-modal .search-block ul.autocomplete-content.dropdown-content li img, .call-part-modal .search-input ul.autocomplete-content.dropdown-content li img {
        display: none; }
  .call-part-modal #search-block .dropdown-content li > a, .call-part-modal #search-block .dropdown-content li > span, .call-part-modal #search-field .dropdown-content li > a, .call-part-modal #search-field .dropdown-content li > span, .call-part-modal .search-block .dropdown-content li > a, .call-part-modal .search-block .dropdown-content li > span, .call-part-modal .search-input .dropdown-content li > a, .call-part-modal .search-input .dropdown-content li > span {
    font-size: 0.875rem;
    color: #1774cc;
    display: block;
    line-height: 30px;
    padding: 0 1rem; }
  .call-part-modal #search-block .dropdown-content li + li, .call-part-modal #search-field .dropdown-content li + li, .call-part-modal .search-block .dropdown-content li + li, .call-part-modal .search-input .dropdown-content li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.06); }
  .call-part-modal #search-block .search-input, .call-part-modal #search-field .search-input, .call-part-modal .search-block .search-input, .call-part-modal .search-input .search-input {
    margin-top: 0; }
    .call-part-modal #search-block .search-input .material-icons, .call-part-modal #search-field .search-input .material-icons, .call-part-modal .search-block .search-input .material-icons, .call-part-modal .search-input .search-input .material-icons {
      position: absolute;
      right: 0px;
      top: 6px;
      font-size: 1.5rem;
      color: rgba(91, 107, 120, 0.5);
      z-index: 1;
      width: 30px; }
  .call-part-modal #search-block input[type=text], .call-part-modal #search-field input[type=text], .call-part-modal .search-block input[type=text], .call-part-modal .search-input input[type=text] {
    color: #313336;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    display: block;
    height: 36px;
    line-height: 34px;
    padding: 0 40px 0 15px;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    margin: 0 !important; }
  .call-part-modal #search-block input[type=text]:focus:not([readonly]), .call-part-modal #search-block .input-field:active .select-wrapper input[type=text].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper #search-block input[type=text].select-dropdown:not([readonly]), .call-part-modal #search-block .input-field input[type=text]:not([readonly]):active, .call-part-modal .input-field #search-block input[type=text]:not([readonly]):active, .call-part-modal #search-field input[type=text]:focus:not([readonly]), .call-part-modal #search-field .input-field:active .select-wrapper input[type=text].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper #search-field input[type=text].select-dropdown:not([readonly]), .call-part-modal #search-field .input-field input[type=text]:not([readonly]):active, .call-part-modal .input-field #search-field input[type=text]:not([readonly]):active, .call-part-modal .search-block input[type=text]:focus:not([readonly]), .call-part-modal .search-block .input-field:active .select-wrapper input[type=text].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper .search-block input[type=text].select-dropdown:not([readonly]), .call-part-modal .search-block .input-field.select-warning:active .select-wrapper input[type=text].select-dropdown:not([readonly]), .call-part-modal .input-field.select-warning:active .select-wrapper .search-block input[type=text].select-dropdown:not([readonly]), .call-part-modal .search-block .input-field input[type=text]:not([readonly]):active, .call-part-modal .input-field .search-block input[type=text]:not([readonly]):active, .call-part-modal .search-input input[type=text]:focus:not([readonly]), .call-part-modal .search-input .input-field:active .select-wrapper input[type=text].select-dropdown:not([readonly]), .call-part-modal .input-field:active .select-wrapper .search-input input[type=text].select-dropdown:not([readonly]), .call-part-modal .search-input .input-field.select-warning:active .select-wrapper input[type=text].select-dropdown:not([readonly]), .call-part-modal .input-field.select-warning:active .select-wrapper .search-input input[type=text].select-dropdown:not([readonly]), .call-part-modal .search-input .input-field input[type=text]:not([readonly]):active, .call-part-modal .input-field .search-input input[type=text]:not([readonly]):active {
    border-color: #1774cc;
    box-shadow: none; }
  .call-part-modal #search-block input[type=text]::-webkit-input-placeholder, .call-part-modal #search-field input[type=text]::-webkit-input-placeholder, .call-part-modal .search-block input[type=text]::-webkit-input-placeholder, .call-part-modal .search-input input[type=text]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 0.875rem;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  .call-part-modal #search-block input[type=text]::-moz-placeholder, .call-part-modal #search-field input[type=text]::-moz-placeholder, .call-part-modal .search-block input[type=text]::-moz-placeholder, .call-part-modal .search-input input[type=text]::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 0.875rem;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  .call-part-modal #search-block input[type=text]:-ms-input-placeholder, .call-part-modal #search-field input[type=text]:-ms-input-placeholder, .call-part-modal .search-block input[type=text]:-ms-input-placeholder, .call-part-modal .search-input input[type=text]:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 0.875rem;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  .call-part-modal #search-block input[type=text]:-moz-placeholder, .call-part-modal #search-field input[type=text]:-moz-placeholder, .call-part-modal .search-block input[type=text]:-moz-placeholder, .call-part-modal .search-input input[type=text]:-moz-placeholder {
    /* Firefox 18- */
    font-size: 0.875rem;
    color: rgba(91, 107, 120, 0.5);
    font-weight: 400;
    font-style: italic; }
  .call-part-modal #search-block.text-normal input[type=text]::-webkit-input-placeholder, .call-part-modal #search-field.text-normal input[type=text]::-webkit-input-placeholder, .call-part-modal .search-block.text-normal input[type=text]::-webkit-input-placeholder, .call-part-modal .search-input.text-normal input[type=text]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-style: normal; }
  .call-part-modal #search-block.text-normal input[type=text]::-moz-placeholder, .call-part-modal #search-field.text-normal input[type=text]::-moz-placeholder, .call-part-modal .search-block.text-normal input[type=text]::-moz-placeholder, .call-part-modal .search-input.text-normal input[type=text]::-moz-placeholder {
    /* Firefox 19+ */
    font-style: normal; }
  .call-part-modal #search-block.text-normal input[type=text]:-ms-input-placeholder, .call-part-modal #search-field.text-normal input[type=text]:-ms-input-placeholder, .call-part-modal .search-block.text-normal input[type=text]:-ms-input-placeholder, .call-part-modal .search-input.text-normal input[type=text]:-ms-input-placeholder {
    /* IE 10+ */
    font-style: normal; }
  .call-part-modal #search-block.text-normal input[type=text]:-moz-placeholder, .call-part-modal #search-field.text-normal input[type=text]:-moz-placeholder, .call-part-modal .search-block.text-normal input[type=text]:-moz-placeholder, .call-part-modal .search-input.text-normal input[type=text]:-moz-placeholder {
    /* Firefox 18- */
    font-style: normal; }
  .call-part-modal #search-block .prefix.active, .call-part-modal #search-field .prefix.active, .call-part-modal .search-block .prefix.active, .call-part-modal .search-input .prefix.active {
    color: #1774cc !important; }
  .call-part-modal #search-block .input-field.search-input .prefix ~ input, .call-part-modal #search-field .input-field.search-input .prefix ~ input, .call-part-modal .search-block .input-field.search-input .prefix ~ input, .call-part-modal .search-input .input-field.search-input .prefix ~ input {
    width: 100%; }
  .call-part-modal #search-block .input-field.search-input .prefix ~ .autocomplete-content, .call-part-modal #search-field .input-field.search-input .prefix ~ .autocomplete-content, .call-part-modal .search-block .input-field.search-input .prefix ~ .autocomplete-content, .call-part-modal .search-input .input-field.search-input .prefix ~ .autocomplete-content {
    margin: 0;
    width: 100%; }
  .call-part-modal .input-search-form input[type=text]:focus:not([readonly]) + button i, .call-part-modal .input-search-form .input-field:active .select-wrapper input[type=text].select-dropdown:not([readonly]) + button i, .call-part-modal .input-field:active .select-wrapper .input-search-form input[type=text].select-dropdown:not([readonly]) + button i, .call-part-modal .input-search-form .input-field input[type=text]:not([readonly]):active + button i, .call-part-modal .input-field .input-search-form input[type=text]:not([readonly]):active + button i {
    color: #1774cc !important; }
  .call-part-modal textarea {
    width: 100%;
    height: 3rem;
    background-color: transparent; }
    .call-part-modal textarea.materialize-textarea {
      overflow-y: hidden;
      /* prevents scroll bar flash */
      padding: 1rem 0 1.1rem;
      /* prevents text jump on Enter keypress */
      resize: none; }
  .call-part-modal .hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    /* future version of deprecated 'word-wrap' */
    padding-top: 1.2rem;
    /* prevents text jump on Enter keypress */ }
  .call-part-modal .autocomplete-content {
    margin-top: -15px;
    display: block;
    opacity: 1;
    position: static; }
    .call-part-modal .autocomplete-content li .highlight {
      color: #313336; }
    .call-part-modal .autocomplete-content li img {
      height: 38px;
      width: 38px;
      margin: 5px 15px; }
  .call-part-modal .bg-dark .select-wrapper span.caret:before {
    color: #fff; }
  .call-part-modal .bg-dark .ng-not-empty .select-wrapper + label {
    color: rgba(255, 255, 255, 0.7) !important; }
  .call-part-modal .bg-dark .disabled .helper {
    color: rgba(91, 107, 120, 0.6); }
  .call-part-modal .bg-dark .disabled input:checked ~ .helper {
    color: #5b6b78; }
    .call-part-modal .bg-dark .disabled input:checked ~ .helper:after, .call-part-modal .bg-dark .disabled input:checked ~ .helper:before {
      background-color: #5b6b78; }
    .call-part-modal .bg-dark .disabled input:checked ~ .helper:before {
      box-shadow: 0 0 0 1px #272f37; }
  .call-part-modal .bg-dark .disabled input:checked + .hover:hover {
    background: none; }
  .call-part-modal .bg-dark .disabled .hover:hover {
    background: none; }
  .call-part-modal .bg-dark .input-field label {
    color: #fff !important; }
    .call-part-modal .bg-dark .input-field label .active {
      color: rgba(255, 255, 255, 0.7) !important; }
  .call-part-modal .bg-dark .input-field input, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection {
    border-bottom-color: rgba(255, 255, 255, 0.7); }
    .call-part-modal .bg-dark .input-field input:focus, .call-part-modal .bg-dark .input-field:active .select-wrapper input.select-dropdown, .call-part-modal .bg-dark .input-field input:active, .call-part-modal .bg-dark .input-field input.focus, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection:focus, .call-part-modal .bg-dark .input-field:active .select-wrapper input.customisable-dropdown-selection.select-dropdown, .call-part-modal .bg-dark .input-field:active .select-wrapper a.customisable-dropdown-selection.select-dropdown, .call-part-modal .bg-dark .input-field input.customisable-dropdown-selection:active, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection.focus {
      box-shadow: 0 1px 0 0 #1774cc, inset 0 0 0 #272f37 !important; }
  .call-part-modal .bg-dark .input-field textarea.bordered-textarea + label {
    background: #272f37;
    border-top-color: #272f37; }
  .call-part-modal .bg-dark .input-field textarea.bordered-textarea:focus + label, .call-part-modal .bg-dark .input-field textarea.bordered-textarea.focus + label {
    border-top-color: #1774cc; }
  .call-part-modal .bg-dark .input-field input, .call-part-modal .bg-dark .input-field textarea.bordered-textarea, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection {
    color: #fff; }
    .call-part-modal .bg-dark .input-field input::-webkit-input-placeholder, .call-part-modal .bg-dark .input-field textarea.bordered-textarea::-webkit-input-placeholder, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: rgba(255, 255, 255, 0.5);
      opacity: 1; }
    .call-part-modal .bg-dark .input-field input::-moz-placeholder, .call-part-modal .bg-dark .input-field textarea.bordered-textarea::-moz-placeholder, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(255, 255, 255, 0.5);
      opacity: 1; }
    .call-part-modal .bg-dark .input-field input:-ms-input-placeholder, .call-part-modal .bg-dark .input-field textarea.bordered-textarea:-ms-input-placeholder, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection:-ms-input-placeholder {
      /* IE 10+ */
      color: rgba(255, 255, 255, 0.5);
      opacity: 1; }
    .call-part-modal .bg-dark .input-field input:-moz-placeholder, .call-part-modal .bg-dark .input-field textarea.bordered-textarea:-moz-placeholder, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection:-moz-placeholder {
      /* Firefox 18- */
      color: rgba(255, 255, 255, 0.5);
      opacity: 1; }
    .call-part-modal .bg-dark .input-field input:disabled, .call-part-modal .bg-dark .input-field textarea.bordered-textarea:disabled, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection:disabled {
      color: rgba(255, 255, 255, 0.5) !important;
      border-color: rgba(255, 255, 255, 0.5) !important; }
      .call-part-modal .bg-dark .input-field input:disabled + label, .call-part-modal .bg-dark .input-field textarea.bordered-textarea:disabled + label, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection:disabled + label {
        color: rgba(255, 255, 255, 0.5) !important;
        background: none; }
      .call-part-modal .bg-dark .input-field input:disabled:active, .call-part-modal .bg-dark .input-field textarea.bordered-textarea:disabled:active, .call-part-modal .bg-dark .input-field .customisable-dropdown-selection:disabled:active {
        border-color: rgba(255, 255, 255, 0.5) !important; }
  .call-part-modal .bg-dark .input-field:hover input:not(.focus), .call-part-modal .bg-dark .input-field:hover textarea.bordered-textarea:not(.focus), .call-part-modal .bg-dark .input-field:hover .customisable-dropdown-selection:not(.focus) {
    border-color: #fff;
    box-shadow: 0 1px 0 0 #fff; }
    .call-part-modal .bg-dark .input-field:hover input:not(.focus):disabled, .call-part-modal .bg-dark .input-field:hover textarea.bordered-textarea:not(.focus):disabled, .call-part-modal .bg-dark .input-field:hover .customisable-dropdown-selection:not(.focus):disabled {
      box-shadow: none;
      border-color: none !important; }
  .call-part-modal .bg-dark .input-field:hover textarea.bordered-textarea:not(.focus) {
    box-shadow: inset 0 0 0 1px #fff; }
    .call-part-modal .bg-dark .input-field:hover textarea.bordered-textarea:not(.focus) + label {
      border-top-color: #fff; }
    .call-part-modal .bg-dark .input-field:hover textarea.bordered-textarea:not(.focus):disabled {
      box-shadow: none;
      border-color: rgba(255, 255, 255, 0.5) !important; }
      .call-part-modal .bg-dark .input-field:hover textarea.bordered-textarea:not(.focus):disabled + label {
        border-top-color: transparent !important; }
  .call-part-modal .bg-dark .input-field:hover textarea.bordered-textarea:focus + label {
    border-top-color: #1774cc; }
  .call-part-modal .bg-dark .input-field textarea.bordered-textarea:disabled {
    background: rgba(255, 255, 255, 0.1); }
  .call-part-modal .bg-dark .input-field textarea.bordered-textarea.focus, .call-part-modal .bg-dark .input-field textarea.bordered-textarea:focus {
    box-shadow: inset 0 0 0 1px #1774cc, inset 0 0 0 1000px #272f37 !important; }
  .call-part-modal .bg-dark .input-field.has-error label, .call-part-modal .bg-dark .input-field.has-error label.active {
    color: #e6172c; }
  .call-part-modal .bg-dark .input-field.has-error input, .call-part-modal .bg-dark .input-field.has-error input:focus, .call-part-modal .bg-dark .input-field.has-error .input-field:active .select-wrapper input.select-dropdown, .call-part-modal .input-field:active .select-wrapper .bg-dark .input-field.has-error input.select-dropdown, .call-part-modal .bg-dark .input-field.has-error input:active {
    border-color: #e6172c;
    box-shadow: 0 1px 0 0 #e6172c, inset 0 0 0 #272f37 !important; }
  .call-part-modal .bg-dark .input-field.has-error textarea.bordered-textarea, .call-part-modal .bg-dark .input-field.has-error textarea.bordered-textarea:focus {
    border-color: #e6172c !important;
    box-shadow: inset 0 0 0 1px #e6172c !important; }
    .call-part-modal .bg-dark .input-field.has-error textarea.bordered-textarea + label, .call-part-modal .bg-dark .input-field.has-error textarea.bordered-textarea:focus + label {
      border-top-color: #e6172c; }
  .call-part-modal .bg-dark .input-field.has-error:hover input {
    border-color: #e6172c;
    box-shadow: 0 1px 0 0 #e6172c; }
  .call-part-modal .bg-dark .input-field.has-error:hover textarea.bordered-textarea {
    border-color: #e6172c;
    box-shadow: inset 0 0 0 1px #e6172c; }
    .call-part-modal .bg-dark .input-field.has-error:hover textarea.bordered-textarea + label {
      border-top-color: #e6172c; }
  .call-part-modal .bg-dark .input-field.val-success input, .call-part-modal .bg-dark .input-field.val-success input:focus, .call-part-modal .bg-dark .input-field.val-success .input-field:active .select-wrapper input.select-dropdown, .call-part-modal .input-field:active .select-wrapper .bg-dark .input-field.val-success input.select-dropdown, .call-part-modal .bg-dark .input-field.val-success input:active {
    box-shadow: 0 1px 0 0 #30a039, inset 0 0 0 #272f37 !important; }
  .call-part-modal .adv-dropdown {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 10; }
    .call-part-modal .adv-dropdown .toggle-body-content {
      padding: 1rem 2rem 2rem; }
  .call-part-modal ul.adv-dropdown {
    margin: 0;
    max-height: 300px;
    overflow: auto;
    list-style-type: none;
    padding-left: 0; }
    .call-part-modal ul.adv-dropdown li {
      list-style-type: none;
      line-height: initial; }
      .call-part-modal ul.adv-dropdown li a {
        line-height: 22px;
        padding: 13px 16px;
        color: #313336;
        display: block;
        text-decoration: none;
        min-height: 48px; }
        .call-part-modal ul.adv-dropdown li a:hover {
          background: #f2f2f2;
          color: #313336 !important; }
      .call-part-modal ul.adv-dropdown li.active a {
        color: #1774cc; }
        .call-part-modal ul.adv-dropdown li.active a:hover {
          color: #1774cc !important; }
      .call-part-modal ul.adv-dropdown li.selected a {
        background: #f2f2f2;
        color: #313336 !important; }
  .call-part-modal .search-form {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
    .call-part-modal .search-form .icon-link {
      background: none;
      border: none;
      padding: 0;
      position: absolute;
      right: 0;
      top: 0; }
  .call-part-modal .card.widget .toggle-body .card-action .input-field ul.dropdown-content {
    width: 180px !important; }
  .call-part-modal input:-webkit-autofill,
  .call-part-modal input:-webkit-autofill:hover,
  .call-part-modal input:-webkit-autofill:focus input:-webkit-autofill, .call-part-modal .input-field:active .select-wrapper input.select-dropdown:-webkit-autofill input:-webkit-autofill, .call-part-modal .input-field input:-webkit-autofill:active input:-webkit-autofill,
  .call-part-modal textarea:-webkit-autofill,
  .call-part-modal textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
  .call-part-modal select:-webkit-autofill,
  .call-part-modal select:-webkit-autofill:hover,
  .call-part-modal select:-webkit-autofill:focus {
    border-top: none;
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s; }
  .call-part-modal .dashboard-wrapper .intl-tel-input.allow-dropdown .flag-container, .call-part-modal .dashboard-wrapper .intl-tel-input.separate-dial-code .flag-container, .call-part-modal .dashboard-wrapper .selected-flag {
    outline: none !important;
    -webkit-tap-highlight-color: transparent; }
    .call-part-modal .dashboard-wrapper .intl-tel-input.allow-dropdown .flag-container:hover, .call-part-modal .dashboard-wrapper .intl-tel-input.allow-dropdown .flag-container:focus, .call-part-modal .dashboard-wrapper .intl-tel-input.allow-dropdown .input-field:active .select-wrapper input.flag-container.select-dropdown, .call-part-modal .input-field:active .select-wrapper .dashboard-wrapper .intl-tel-input.allow-dropdown input.flag-container.select-dropdown, .call-part-modal .dashboard-wrapper .intl-tel-input.allow-dropdown .input-field:active .select-wrapper a.flag-container.select-dropdown, .call-part-modal .input-field:active .select-wrapper .dashboard-wrapper .intl-tel-input.allow-dropdown a.flag-container.select-dropdown, .call-part-modal .dashboard-wrapper .intl-tel-input.allow-dropdown .input-field input.flag-container:active, .call-part-modal .input-field .dashboard-wrapper .intl-tel-input.allow-dropdown input.flag-container:active, .call-part-modal .dashboard-wrapper .intl-tel-input.separate-dial-code .flag-container:hover, .call-part-modal .dashboard-wrapper .intl-tel-input.separate-dial-code .flag-container:focus, .call-part-modal .dashboard-wrapper .intl-tel-input.separate-dial-code .input-field:active .select-wrapper input.flag-container.select-dropdown, .call-part-modal .input-field:active .select-wrapper .dashboard-wrapper .intl-tel-input.separate-dial-code input.flag-container.select-dropdown, .call-part-modal .dashboard-wrapper .intl-tel-input.separate-dial-code .input-field:active .select-wrapper a.flag-container.select-dropdown, .call-part-modal .input-field:active .select-wrapper .dashboard-wrapper .intl-tel-input.separate-dial-code a.flag-container.select-dropdown, .call-part-modal .dashboard-wrapper .intl-tel-input.separate-dial-code .input-field input.flag-container:active, .call-part-modal .input-field .dashboard-wrapper .intl-tel-input.separate-dial-code input.flag-container:active, .call-part-modal .dashboard-wrapper .selected-flag:hover, .call-part-modal .dashboard-wrapper .selected-flag:focus, .call-part-modal .dashboard-wrapper .input-field:active .select-wrapper input.selected-flag.select-dropdown, .call-part-modal .input-field:active .select-wrapper .dashboard-wrapper input.selected-flag.select-dropdown, .call-part-modal .dashboard-wrapper .input-field:active .select-wrapper a.selected-flag.select-dropdown, .call-part-modal .input-field:active .select-wrapper .dashboard-wrapper a.selected-flag.select-dropdown, .call-part-modal .dashboard-wrapper .input-field input.selected-flag:active, .call-part-modal .input-field .dashboard-wrapper input.selected-flag:active {
      -webkit-appearance: none;
      outline: none; }
  .call-part-modal .dashboard-wrapper .intl-tel-input {
    display: block !important; }
  .call-part-modal .dashboard-wrapper .intl-tel-input.allow-dropdown input, .call-part-modal .dashboard-wrapper .intl-tel-input.allow-dropdown input[type=text], .call-part-modal .dashboard-wrapper .intl-tel-input.allow-dropdown input[type=tel], .call-part-modal .dashboard-wrapper .intl-tel-input.separate-dial-code input, .call-part-modal .dashboard-wrapper .intl-tel-input.separate-dial-code input[type=text], .call-part-modal .dashboard-wrapper .intl-tel-input.separate-dial-code input[type=tel] {
    width: calc(100% - 58px); }
  .call-part-modal .dashboard-wrapper .intl-tel-input .selected-flag .iti-flag {
    top: auto;
    bottom: 13px; }
  .call-part-modal .dashboard-wrapper .intl-tel-input .selected-flag .iti-arrow {
    bottom: 1rem;
    top: auto; }
  .call-part-modal .dashboard-wrapper .input-field label.active {
    z-index: 1; }
  .call-part-modal .dashboard-wrapper .collapsible-body.content-body ul.country-list {
    margin-left: 0 !important; }
  .call-part-modal .search-action .input-field .action-icon {
    color: #1774cc; }
    .call-part-modal .search-action .input-field .action-icon:hover {
      background: rgba(23, 116, 204, 0.1); }
  .call-part-modal .intl-tel-input {
    width: 100%; }
  .call-part-modal .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .call-part-modal .intl-tel-input .hide {
    display: none; }
  .call-part-modal .intl-tel-input .v-hide {
    visibility: hidden; }
  .call-part-modal .intl-tel-input input,
  .call-part-modal .intl-tel-input input[type=text],
  .call-part-modal .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .call-part-modal .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .call-part-modal .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 2rem;
    padding: 0 0 0 8px;
    margin-top: .7rem; }
  .call-part-modal .intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; }
  .call-part-modal .intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #5b6b78; }
  .call-part-modal .intl-tel-input .selected-flag .iti-arrow.up {
    border-top: none;
    border-bottom: 4px solid #5b6b78; }
  .call-part-modal .intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border: 1px solid #e6e6e6;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .call-part-modal .intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px; }
  .call-part-modal .intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px; }
  @media (max-width: 500px) {
    .call-part-modal .intl-tel-input .country-list {
      white-space: normal; } }
  .call-part-modal .intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e6e6e6; }
  .call-part-modal .intl-tel-input .country-list .country {
    padding: 5px 10px; }
  .call-part-modal .intl-tel-input .country-list .country .dial-code {
    color: #5b6b78; }
  .call-part-modal .intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .call-part-modal .intl-tel-input .country-list .flag-box,
  .call-part-modal .intl-tel-input .country-list .country-name,
  .call-part-modal .intl-tel-input .country-list .dial-code {
    vertical-align: middle; }
  .call-part-modal .intl-tel-input .country-list .flag-box,
  .call-part-modal .intl-tel-input .country-list .country-name {
    margin-right: 6px; }
  .call-part-modal .intl-tel-input.allow-dropdown input,
  .call-part-modal .intl-tel-input.allow-dropdown input[type=text],
  .call-part-modal .intl-tel-input.allow-dropdown input[type=tel],
  .call-part-modal .intl-tel-input.separate-dial-code input,
  .call-part-modal .intl-tel-input.separate-dial-code input[type=text],
  .call-part-modal .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px !important;
    padding-left: 52px;
    margin-left: 0; }
  .call-part-modal .intl-tel-input.allow-dropdown .flag-container,
  .call-part-modal .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
  .call-part-modal .intl-tel-input.allow-dropdown .selected-flag,
  .call-part-modal .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
  .call-part-modal .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    cursor: pointer; }
  .call-part-modal .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
  .call-part-modal .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
  .call-part-modal .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
  .call-part-modal .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
    background-color: transparent; }
  .call-part-modal .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .call-part-modal .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-2 input,
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-3 input,
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-4 input,
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-5 input,
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
  .call-part-modal .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .call-part-modal .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
  .call-part-modal .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
  .call-part-modal .intl-tel-input.iti-container:hover {
    cursor: pointer; }
  .call-part-modal .iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed; }
  .call-part-modal .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: transparent !important; }
  .call-part-modal .circle-delete {
    border-radius: 1000px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .call-part-modal .scroll-participants {
    overflow-y: auto !important; }
  .call-part-modal .chip {
    padding-left: 8px !important; }

.avatar-component {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto; }
  .avatar-component img {
    max-width: 100%;
    height: 40px;
    width: 40px; }
  .avatar-component .icon {
    color: #fff; }
    .avatar-component .icon.icon-avatar-person {
      font-size: 32px;
      align-self: flex-end;
      margin-bottom: -1px; }
    .avatar-component .icon.icon-group {
      font-size: 24px; }
  .avatar-component .avatar-initials {
    color: #fff;
    font-size: 0.875rem;
    text-transform: uppercase; }
  .avatar-component .dot {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 0; }
  .avatar-component .circle {
    display: inline-block;
    flex: 0 0 auto; }
  .avatar-component .badge {
    position: absolute;
    left: 27px;
    top: -3px;
    margin: 0; }
  .avatar-component.avatar-small {
    height: 32px;
    width: 32px; }
    .avatar-component.avatar-small img {
      height: 32px;
      width: 32px; }
    .avatar-component.avatar-small .icon.icon-avatar-person {
      font-size: 24px; }
    .avatar-component.avatar-small .icon.icon-group {
      font-size: 16px; }
    .avatar-component.avatar-small .avatar-initials {
      font-size: 0.625rem; }
    .avatar-component.avatar-small .dot {
      width: 7px;
      height: 7px;
      line-height: 7px;
      border-width: 2px; }
    .avatar-component.avatar-small .badge {
      left: 18px; }
  .avatar-component.avatar-large {
    height: 64px;
    width: 64px; }
    .avatar-component.avatar-large img {
      height: 64px;
      width: 64px; }
    .avatar-component.avatar-large .icon {
      color: #fff; }
      .avatar-component.avatar-large .icon.icon-avatar-person {
        font-size: 56px; }
      .avatar-component.avatar-large .icon.icon-group {
        font-size: 32px; }
    .avatar-component.avatar-large .avatar-initials {
      font-size: 1.5rem; }
    .avatar-component.avatar-large .dot {
      width: 12px;
      height: 12px;
      line-height: 12px;
      border-width: 2px; }
    .avatar-component.avatar-large .badge {
      left: 47px; }

.checkbox {
  margin: 1rem 0 2rem 1rem;
  position: relative; }
  .checkbox .helper {
    color: #5b6b78;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 0;
    border: 2px solid currentColor;
    border-radius: 0.125rem;
    transition: border-color 0.28s ease; }
    .checkbox .helper::before, .checkbox .helper::after {
      position: absolute;
      height: 0;
      width: 0.1875rem;
      background-color: #1774cc;
      display: block;
      transform-origin: left top;
      border-radius: 4px;
      content: '';
      transition: opacity 0.28s ease, height 0s linear 0.28s;
      opacity: 0; }
    .checkbox .helper::before {
      top: 10.4px;
      left: 6.08px;
      transform: rotate(-135deg);
      box-shadow: 0 0 0 1px #fff; }
    .checkbox .helper::after {
      top: 4.8px;
      left: 0;
      transform: rotate(-45deg); }
  .checkbox input:checked ~ .helper {
    color: #1774cc; }
    .checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
      opacity: 1;
      transition: height 0.28s ease; }
    .checkbox input:checked ~ .helper::after {
      height: 8px; }
    .checkbox input:checked ~ .helper::before {
      height: 1rem;
      transition-delay: 0.1s; }
  .checkbox label {
    line-height: 1.5rem;
    padding-left: 2.5rem;
    position: relative;
    cursor: pointer;
    text-align: left;
    color: #313336;
    display: block;
    font-size: 1rem; }
    .checkbox label:hover {
      color: #1774cc; }
  .checkbox .hover {
    position: absolute;
    top: -8px;
    left: -12px;
    width: 40px;
    height: 40px;
    border-radius: 1000px;
    z-index: 1; }
    .checkbox .hover:hover {
      background: rgba(0, 0, 0, 0.1); }
  .checkbox input:checked + .hover:hover {
    background: rgba(23, 116, 204, 0.1); }
  .checkbox.disabled label {
    color: rgba(91, 107, 120, 0.6);
    cursor: default; }
  .checkbox.disabled .helper {
    color: rgba(91, 107, 120, 0.6); }
  .checkbox.disabled .hover:hover {
    background: none; }
  .checkbox.disabled input:checked + .hover:hover {
    background: none; }
  .checkbox.disabled.checkbox input:checked ~ .helper {
    color: rgba(91, 107, 120, 0.6); }
    .checkbox.disabled.checkbox input:checked ~ .helper:before, .checkbox.disabled.checkbox input:checked ~ .helper:after {
      background-color: rgba(91, 107, 120, 0.6); }

.input-field label .material-icons {
  vertical-align: -6px;
  margin-right: 5px;
  transition: all .2s ease-out; }

.input-field label.active .material-icons {
  font-size: 18px; }

.super-picker-new .chip {
  padding-left: 8px !important; }

.search-workflow input {
  font-size: 1rem;
  padding: .5rem 0 0;
  box-sizing: content-box;
  height: 2.5rem; }

.search-workflow .input-field label {
  color: #5b6b78;
  position: absolute;
  top: 1rem;
  left: 0;
  font-size: 1rem;
  cursor: text;
  transition: .2s ease-out;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }
  .search-workflow .input-field label .material-icons {
    vertical-align: -6px;
    margin-right: 5px;
    transition: all .2s ease-out; }
  .search-workflow .input-field label.active {
    font-size: 0.75rem; }
    .search-workflow .input-field label.active .material-icons {
      font-size: 18px; }

.search-workflow .action-icon {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 1000px;
  text-align: center;
  line-height: 48px;
  font-size: 24px;
  z-index: 1;
  color: #5b6b78;
  right: 0;
  top: 0; }
  .search-workflow .action-icon:hover {
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer; }

.text-decoration-none {
  text-decoration: none !important; }

.overflow-y-auto {
  overflow-y: auto; }

.overflow-x-auto {
  overflow-x: auto; }

.overflow-y-hidden {
  overflow-y: hidden; }

.overflow-x-hidden {
  overflow-x: hidden; }

.overflow-y-inherit {
  overflow-y: inherit; }

.overflow-x-inherit {
  overflow-x: inherit; }

/* Epic CAL */
.cal-video-screen {
  position: fixed;
  margin: 0;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #313336;
  padding: 1.5rem 1.5rem 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1 0 auto;
  text-align: center; }

.cal-video-top, .cal-video-middle, .cal-video-bottom {
  display: flex;
  align-items: center; }

.success-text {
  color: #30a039 !important; }

.success-hover {
  background-color: #4fae57 !important; }

.cal-video-top {
  flex: 2 0 auto;
  justify-content: flex-end;
  flex-direction: column; }

.cal-video-middle {
  flex: 1 0 auto;
  justify-content: center;
  flex-direction: column; }

.cal-video-bottom {
  flex: 0 0 auto;
  justify-content: center;
  flex-direction: row; }

.cal-video-screen .icon {
  font-size: 7rem; }

@media only screen and (max-width: 767px) {
  .cal-video-screen .icon {
    font-size: 5rem; } }

.cal-video-logo {
  vertical-align: text-bottom;
  height: 22px; }

/* avz-modal fullscreen mobile */
@media only screen and (max-width: 768px) {
  .modal-fullscreen-mobile .avz-dialog-content {
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important; } }

/* enterprise wysiwyg*/
text-angular .popover {
  height: min-content; }

/* eptz camera zoom */
.zoom-block {
  position: absolute;
  background: rgba(41, 44, 47, 0.3);
  right: 16px;
  bottom: 16px;
  width: 160px;
  height: 120px;
  border: 1px solid rgba(255, 255, 255, 0.3); }

@media only screen and (max-width: 1280px) {
  .zoom-block {
    display: none; } }

@media screen and (max-height: 820px) {
  .zoom-block {
    right: 97px; } }

.zoom-block:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.zoom-block .border-inner {
  position: absolute;
  top: 16px;
  bottom: 16px;
  right: 2px;
  left: 2px;
  background: linear-gradient(to right, #fff 0, #fff 16%, transparent 16%, transparent 84%, #fff 84%, #fff 100%), linear-gradient(to right, #fff 0, #fff 16%, transparent 16%, transparent 84%, #fff 84%, #fff 100%), linear-gradient(to bottom, #fff 0, #fff 28%, transparent 28%, transparent 72%, #fff 72%, #fff 100%), linear-gradient(to bottom, #fff 0, #fff 28%, transparent 28%, transparent 72%, #fff 72%, #fff 100%);
  background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: no-repeat;
  transition: all .3s; }

.zoom-block.minimap .border-inner {
  transform: scale(1); }

.zoom-nav li .eptz-disabled {
  pointer-events: none;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.4) !important;
  color: rgba(0, 0, 0, 0.35) !important;
  cursor: default; }

.eptz-active {
  border: 3px solid #71df54; }

avz-textarea-cmp .input-field {
  position: relative;
  margin-top: .5rem;
  outline: 0 !important; }
  avz-textarea-cmp .input-field .helper-text {
    font-size: 0.875rem;
    margin: -2rem 0 0;
    display: block;
    color: #5b6b78;
    line-height: 1.2;
    height: 2rem;
    padding-top: 3px; }
  avz-textarea-cmp .input-field:hover input, avz-textarea-cmp .input-field:hover textarea.bordered-textarea {
    border-color: #5b6b78;
    box-shadow: 0 1px 0 0 #5b6b78; }
    avz-textarea-cmp .input-field:hover input:disabled, avz-textarea-cmp .input-field:hover textarea.bordered-textarea:disabled {
      box-shadow: none !important;
      border-color: inherit !important; }
  avz-textarea-cmp .input-field:hover textarea.bordered-textarea {
    box-shadow: inset 0 0 0 1px #5b6b78; }
    avz-textarea-cmp .input-field:hover textarea.bordered-textarea + label {
      border-top: 1px solid #5b6b78; }
    avz-textarea-cmp .input-field:hover textarea.bordered-textarea:disabled {
      box-shadow: none !important;
      border-color: #e6e6e6 !important; }
      avz-textarea-cmp .input-field:hover textarea.bordered-textarea:disabled + label {
        border-top-color: transparent; }
  avz-textarea-cmp .input-field:hover input:focus, avz-textarea-cmp .input-field:hover .call-part-modal .input-field:active .select-wrapper input.select-dropdown, .call-part-modal avz-textarea-cmp .input-field:hover .input-field:active .select-wrapper input.select-dropdown, .call-part-modal .input-field.select-warning:active .select-wrapper avz-textarea-cmp .input-field:hover input.select-dropdown, avz-textarea-cmp .call-part-modal .input-field:hover input:active, .call-part-modal avz-textarea-cmp .input-field:hover input:active, avz-textarea-cmp .input-field:hover textarea.bordered-textarea:focus {
    border-color: #1774cc; }
  avz-textarea-cmp .input-field.val-warning:after {
    content: "error";
    font-family: 'Material Icons';
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 13px;
    right: 10px;
    color: #e7741c; }
  avz-textarea-cmp .input-field.val-warning.select-warning:after {
    right: 50px;
    pointer-events: none; }
  avz-textarea-cmp .input-field.val-warning.has-action input {
    padding-right: 90px;
    width: calc(100% - 90px); }
  avz-textarea-cmp .input-field.val-warning textarea.bordered-textarea {
    padding-right: 40px; }
  avz-textarea-cmp .input-field.val-warning .action-icon {
    right: 40px; }
  avz-textarea-cmp .input-field.has-error label, avz-textarea-cmp .input-field.has-error label.active {
    color: #e6172c !important; }
  avz-textarea-cmp .input-field.has-error input, avz-textarea-cmp .input-field.has-error textarea.bordered-textarea, avz-textarea-cmp .input-field.has-error input:focus, avz-textarea-cmp .input-field.has-error .call-part-modal .input-field:active .select-wrapper input.select-dropdown, .call-part-modal .input-field:active .select-wrapper avz-textarea-cmp .input-field.has-error input.select-dropdown, avz-textarea-cmp .call-part-modal .input-field.has-error input:active, .call-part-modal avz-textarea-cmp .input-field.has-error input:active, avz-textarea-cmp .input-field.has-error textarea.bordered-textarea:focus {
    border-color: #e6172c !important;
    box-shadow: 0 1px 0 0 #e6172c !important; }
    avz-textarea-cmp .input-field.has-error input + label, avz-textarea-cmp .input-field.has-error textarea.bordered-textarea + label, avz-textarea-cmp .input-field.has-error input:focus + label, avz-textarea-cmp .input-field.has-error .call-part-modal .input-field:active .select-wrapper input.select-dropdown + label, .call-part-modal .input-field:active .select-wrapper avz-textarea-cmp .input-field.has-error input.select-dropdown + label, avz-textarea-cmp .call-part-modal .input-field.has-error input:active + label, .call-part-modal avz-textarea-cmp .input-field.has-error input:active + label, avz-textarea-cmp .input-field.has-error textarea.bordered-textarea:focus + label {
      color: #e6172c; }
  avz-textarea-cmp .input-field.has-error .helper-text {
    color: #e6172c; }
  avz-textarea-cmp .input-field.has-error:after {
    content: "error";
    font-family: 'Material Icons';
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 13px;
    right: 10px;
    color: #e6172c; }
  avz-textarea-cmp .input-field.has-error textarea.bordered-textarea, avz-textarea-cmp .input-field.has-error textarea.bordered-textarea:focus {
    box-shadow: inset 0 0 0 1px #e6172c, inset 0 0 0 1000px white !important; }
    avz-textarea-cmp .input-field.has-error textarea.bordered-textarea + label, avz-textarea-cmp .input-field.has-error textarea.bordered-textarea:focus + label {
      border-top: 1px solid #e6172c; }
  avz-textarea-cmp .input-field.has-error.textarea-error:after {
    display: none; }
  avz-textarea-cmp .input-field.has-error.has-action input {
    padding-right: 90px;
    width: calc(100% - 90px); }
  avz-textarea-cmp .input-field.has-error textarea.bordered-textarea {
    padding-right: 40px; }
  avz-textarea-cmp .input-field.has-error .action-icon {
    right: 40px; }
  avz-textarea-cmp .input-field.has-action .action-icon {
    top: 2px; }
  avz-textarea-cmp .input-field.val-success:after {
    content: "check_circle";
    font-family: 'Material Icons';
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 13px;
    right: 10px;
    color: #30a039; }
  avz-textarea-cmp .input-field.val-success.select-warning:after {
    right: 50px;
    pointer-events: none; }
  avz-textarea-cmp .input-field.val-success .helper-text {
    color: #30a039; }
  avz-textarea-cmp .input-field.val-success textarea.bordered-textarea {
    padding-right: 40px; }
  avz-textarea-cmp .input-field.val-success .action-icon {
    right: 40px; }
  avz-textarea-cmp .input-field.val-disabled textarea.bordered-textarea + span label {
    background: transparent;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.4) !important; }
    avz-textarea-cmp .input-field.val-disabled textarea.bordered-textarea + span label i {
      color: rgba(0, 0, 0, 0.4) !important; }
  avz-textarea-cmp .input-field.val-readonly textarea.bordered-textarea {
    background: rgba(0, 0, 0, 0.06);
    border-color: #e6e6e6 !important;
    color: rgba(0, 0, 0, 0.4) !important; }
    avz-textarea-cmp .input-field.val-readonly textarea.bordered-textarea + span label {
      background: transparent;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.4) !important; }
      avz-textarea-cmp .input-field.val-readonly textarea.bordered-textarea + span label i {
        color: rgba(0, 0, 0, 0.4) !important; }
  avz-textarea-cmp .input-field textarea.bordered-textarea {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    height: 115px;
    max-height: 400px;
    min-height: 90px;
    resize: vertical;
    padding: 1.5em 0.75rem 1em;
    letter-spacing: 0;
    margin: 0 0 30px 0;
    outline: none;
    display: block; }
    avz-textarea-cmp .input-field textarea.bordered-textarea + label {
      left: 2px;
      padding-left: 0.75rem;
      width: calc(100% - 4px);
      background: #fff;
      top: 1px;
      padding-top: .3em;
      border-top: 1px solid #fff;
      transition-property: top, font-size; }
      avz-textarea-cmp .input-field textarea.bordered-textarea + label.active {
        padding: 0;
        padding-left: 0.75rem;
        transform: none;
        line-height: 1.5rem; }
      avz-textarea-cmp .input-field textarea.bordered-textarea + label + .helper-text {
        top: auto;
        bottom: 0.5rem;
        left: 1em; }
    avz-textarea-cmp .input-field textarea.bordered-textarea + span label {
      left: 2px;
      padding-left: 0.75rem;
      width: calc(100% - 4px);
      background: #fff;
      top: 2px;
      padding-top: .3em;
      border-top: 1px solid #fff;
      transition-property: top, font-size; }
      avz-textarea-cmp .input-field textarea.bordered-textarea + span label.active {
        padding: 0;
        padding-left: 0.75rem;
        transform: none;
        line-height: 1.5rem; }
      avz-textarea-cmp .input-field textarea.bordered-textarea + span label + .helper-text {
        top: auto;
        bottom: 0.5rem;
        left: 1em; }
    avz-textarea-cmp .input-field textarea.bordered-textarea:focus, avz-textarea-cmp .input-field textarea.bordered-textarea.focus {
      border-color: #1774cc !important;
      box-shadow: inset 0 0 0 1px #1774cc; }
      avz-textarea-cmp .input-field textarea.bordered-textarea:focus + label, avz-textarea-cmp .input-field textarea.bordered-textarea.focus + label {
        color: #1774cc;
        border-top: 1px solid #1774cc; }
    avz-textarea-cmp .input-field textarea.bordered-textarea:disabled {
      background: rgba(0, 0, 0, 0.06);
      border-color: #e6e6e6 !important;
      color: rgba(0, 0, 0, 0.4) !important; }
      avz-textarea-cmp .input-field textarea.bordered-textarea:disabled + label {
        color: rgba(0, 0, 0, 0.4);
        background: none;
        border-top-color: transparent; }
  avz-textarea-cmp .input-field.no-label textarea.bordered-textarea {
    padding-top: 0.75em; }
  avz-textarea-cmp .input-field.col textarea.bordered-textarea {
    padding: 1.5em 1em 1em; }
    avz-textarea-cmp .input-field.col textarea.bordered-textarea + label {
      left: 1.75rem; }
  avz-textarea-cmp .input-field .action-icon {
    width: 48px;
    height: 48px;
    border-radius: 1000px;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    position: absolute;
    z-index: 1;
    color: #5b6b78;
    right: 0;
    top: 0; }
    avz-textarea-cmp .input-field .action-icon:hover {
      background: rgba(0, 0, 0, 0.1);
      cursor: pointer; }
  avz-textarea-cmp .input-field .icon-clear {
    cursor: pointer;
    display: none; }
  avz-textarea-cmp .input-field.filtering .icon-clear {
    display: block; }
  avz-textarea-cmp .input-field label {
    color: #5b6b78;
    position: absolute;
    top: 1rem;
    left: 0;
    font-size: 1rem;
    cursor: text;
    transition: .2s ease-out;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }
    avz-textarea-cmp .input-field label .material-icons {
      vertical-align: -6px;
      margin-right: 5px;
      transition: all .2s ease-out; }
    avz-textarea-cmp .input-field label.active {
      white-space: normal; }
      avz-textarea-cmp .input-field label.active .material-icons {
        font-size: 18px; }

/*styles from site.css for enterprise*/
.cal-test-tool {
  border: 1px #000 solid;
  padding: 20px;
  border-radius: 10px; }

.custom-content-area textarea {
  min-height: 300px; }

/* new reassign chip for all cases and case details */
.chip-large {
  background: #e6e6e6;
  border-radius: 63px;
  padding: .5rem 1rem;
  line-height: 24px;
  height: 40px;
  cursor: pointer;
  transition: all .3s ease-out;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: auto !important;
  min-width: auto !important;
  flex: 1 0 auto;
  position: relative; }

.chip-large:hover {
  background: rgba(91, 107, 120, 0.5); }

.chip-large .material-icons {
  color: rgba(91, 107, 120, 0.5);
  margin-left: .5rem; }

/* change-layout for video call */
.change-layout {
  line-height: 3;
  position: absolute;
  top: 20px;
  right: 94px;
  width: 168px;
  height: 48px;
  border-radius: 1000px;
  background: #fff;
  color: #5b6b78 !important;
  box-shadow: 0 0 14px rgba(155, 45, 45, 0.12);
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-decoration: none !important; }

.change-layout:hover {
  color: #1774cc !important;
  text-decoration: none; }

.change-layout.slideoff {
  top: -100px; }

.change-layout i {
  vertical-align: -7px; }

.video-component.video .overlay.hover-action .change-layout {
  top: -48px;
  transition: top 0.3s; }

.video-component.video .overlay.hover-action:hover .change-layout {
  top: 10px; }

.video-floating .video-component.video .overlay .change-layout .material-icons {
  font-size: 40px;
  line-height: 48px; }

#layout-options-dropdown {
  left: auto !important;
  right: 90px !important; }

#layout-options-dropdown li a {
  margin-left: 4px;
  border: none; }

#layout-options-dropdown .material-icons {
  display: none; }

#layout-options-dropdown .selected-layout .material-icons {
  display: block;
  color: #1774cc; }

#layout-options-dropdown span {
  vertical-align: -4px;
  padding-right: 8px;
  font-size: 22px; }

/*Colors*/
.primary { }

.primary-text {
  color: #1774cc !important; }

.primary-hover {
  background-color: #3a89d4 !important; }

.primary-hover-text {
  color: #3a89d4 !important; }

.primary-focus {
  background-color: #5197d9 !important; }

.primary-focus-text {
  color: #5197d9 !important; }

.gray-background {
  background-color: #f2f2f2 !important; }

.gray-background-text {
  color: #f2f2f2 !important; }

.gray-light {
  background-color: #e6e6e6 !important; }

.gray-light-text {
  color: #e6e6e6 !important; }

.gray-mid {
  background-color: #5b6b78 !important; }

.gray-mid-text {
  color: #5b6b78 !important; }

.gray-dark {
  background-color: #313336 !important; }

.gray-dark-text {
  color: #313336 !important; }

.success {
  background-color: #30a039 !important; }

.success-text {
  color: #30a039 !important; }

.success-hover {
  background-color: #4fae57 !important; }

.success-hover-text {
  color: #4fae57 !important; }

.success-focus {
  background-color: #64b86b !important; }

.success-focus-text {
  color: #64b86b !important; }

.warning {
  background-color: #e7741c !important; }

.warning-text {
  color: #e7741c !important; }

.warning-hover {
  background-color: #eb893e !important; }

.warning-hover-text {
  color: #eb893e !important; }

.warning-focus {
  background-color: #ed9755 !important; }

.warning-focus-text {
  color: #ed9755 !important; }

.danger {
  background-color: #e6172c !important; }

.danger-text {
  color: #e6172c !important; }

.danger-hover {
  background-color: #ea3a4c !important; }

.danger-hover-text {
  color: #ea3a4c !important; }

.danger-focus {
  background-color: #ec5161 !important; }

.danger-focus-text {
  color: #ec5161 !important; }

.black {
  background-color: #000 !important; }

.black-text {
  color: #000 !important; }

.white {
  background-color: #fff !important; }

.white-text {
  color: #fff !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

.pink {
  background-color: #f81b73 !important; }

.pink-text {
  color: #f81b73 !important; }

.cherry {
  background-color: #c40934 !important; }

.cherry-text {
  color: #c40934 !important; }

.purple {
  background-color: #9585ed !important; }

.purple-text {
  color: #9585ed !important; }

.deep-purple {
  background-color: #5d51a2 !important; }

.deep-purple-text {
  color: #5d51a2 !important; }

.indigo {
  background-color: #0469bd !important; }

.indigo-text {
  color: #0469bd !important; }

.light-blue {
  background-color: #25abfd !important; }

.light-blue-text {
  color: #25abfd !important; }

.teal {
  background-color: #04a7b0 !important; }

.teal-text {
  color: #04a7b0 !important; }

.green {
  background-color: #30a039 !important; }

.green-text {
  color: #30a039 !important; }

.lime {
  background-color: #71df54 !important; }

.lime-text {
  color: #71df54 !important; }

.yellow {
  background-color: #fcd54e !important; }

.yellow-text {
  color: #fcd54e !important; }

.orange {
  background-color: #ef9c23 !important; }

.orange-text {
  color: #ef9c23 !important; }

.blue-grey {
  background-color: #396070 !important; }

.blue-grey-text {
  color: #396070 !important; }

.blue {
  background-color: #1774cc !important; }

.blue-text {
  color: #1774cc !important; }

.red {
  background-color: #e6172c !important; }

.red-text {
  color: #e6172c !important; }

.grey {
  background-color: #5b6b78 !important; }

.grey-text {
  color: #5b6b78 !important; }

.secondary {
  background-color: #272f37 !important; }

.secondary-text {
  color: #272f37 !important; }

.secondary-hover {
  background-color: #474e55 !important; }

.secondary-hover-text {
  color: #474e55 !important; }

.black {
  background-color: #000 !important; }

.black-text {
  color: #000 !important; }

.white {
  background-color: #fff !important; }

.white-text {
  color: #fff !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

.gradient-vertical-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(to bottom, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(135deg, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-blue {
  background-color: #0469bd !important;
  background: -moz-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -webkit-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -ms-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: linear-gradient(to right, #0469bd 0%, #25abfd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(to bottom, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(135deg, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-teal {
  background-color: #396070 !important;
  background: -moz-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -webkit-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -ms-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: linear-gradient(to right, #396070 0%, #04a7b0 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(to bottom, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(135deg, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-green {
  background-color: #30a039 !important;
  background: -moz-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -webkit-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -ms-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: linear-gradient(to right, #30a039 0%, #71df54 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(to bottom, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(135deg, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-yellow {
  background-color: #ef9c23 !important;
  background: -moz-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -webkit-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -ms-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: linear-gradient(to right, #ef9c23 0%, #fcd54e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(to bottom, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(135deg, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-purple {
  background-color: #5d51a2 !important;
  background: -moz-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -webkit-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -ms-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: linear-gradient(to right, #5d51a2 0%, #9585ed 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(to bottom, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(135deg, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-pink {
  background-color: #c40934 !important;
  background: -moz-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -webkit-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -ms-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: linear-gradient(to right, #c40934 0%, #f81b73 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.des-portal {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100vh;
  overflow: visible; }
  .des-portal .h2 {
    margin-bottom: 15px;
    margin-top: 40px; }
  .des-portal .h4 {
    margin-top: 40px; }
  .des-portal img {
    max-width: 100%; }
  .des-portal .side-nav {
    height: 100%; }
  .des-portal .side-nav a, .des-portal a.btn, .des-portal .table-of-contents a {
    text-decoration: none; }
  .des-portal .side-nav .collapsible-body li a, .des-portal .side-nav.fixed .collapsible-body li a {
    padding-left: 45px;
    height: 30px;
    line-height: 30px; }
  .des-portal .caption {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 30px; }
  .des-portal .section {
    padding-top: 20px; }
  .des-portal a.button-collapse.top-nav {
    position: absolute;
    text-align: center;
    height: 48px;
    width: 48px;
    left: 7.5%;
    top: 0;
    float: none;
    margin-left: 1.5rem;
    color: #fff;
    font-size: 36px;
    z-index: 2; }
    .des-portal a.button-collapse.top-nav i {
      font-size: 32px; }
  .des-portal .header {
    color: #1393bd; }
  .des-portal #logo-container {
    height: 80px;
    margin-bottom: 32px; }
  .des-portal ul.side-nav.fixed li.logo:hover, .des-portal ul.side-nav.fixed li.logo #logo-container:hover {
    background: none; }
  .des-portal ul.side-nav.fixed li.logo {
    text-align: center;
    margin-top: 32px;
    /*margin-bottom: 60px;*/ }
    .des-portal ul.side-nav.fixed li.logo .brand-logo {
      text-align: center;
      justify-content: center;
      align-items: center; }
      .des-portal ul.side-nav.fixed li.logo .brand-logo img {
        max-width: 50%; }
  .des-portal .side-nav .collapsible-header, .des-portal .side-nav.fixed .collapsible-header {
    padding: 0 32px; }
  .des-portal ul.side-nav.fixed li.bold > a {
    font-weight: 700; }
  .des-portal .side-nav .collapsible-body, .des-portal .side-nav.fixed .collapsible-body {
    padding: 0; }
  .des-portal .side-nav .collapsible-header:hover, .des-portal .side-nav.fixed .collapsible-header:hover, .des-portal ul.side-nav.fixed li.active, .des-portal .side-nav a:hover {
    background-color: #e9eef1; }
  .des-portal .waves-ripple {
    background: rgba(19, 147, 189, 0.2); }
  .des-portal header, .des-portal main, .des-portal footer {
    padding-left: 300px; }
    @media (max-width: 960px) {
      .des-portal header, .des-portal main, .des-portal footer {
        padding-left: 0; } }
  .des-portal main {
    overflow: auto; }
  .des-portal #index-banner {
    background: #1393bd;
    color: #fff;
    padding-top: 40px; }
    .des-portal #index-banner .header {
      color: #fff; }
  .des-portal .table-of-contents a.active, .des-portal .table-of-contents a:hover {
    border-color: #1393bd; }
  .des-portal footer.page-footer {
    background: #e9eef1; }
    .des-portal footer.page-footer .footer-copyright {
      color: inherit; }
  .des-portal footer a {
    text-decoration: underline; }
  .des-portal footer input:not([type]), .des-portal footer input[type="text"], .des-portal footer input[type="password"], .des-portal footer input[type="email"], .des-portal footer input[type="url"], .des-portal footer input[type="time"], .des-portal footer input[type="date"], .des-portal footer input[type="datetime"], .des-portal footer input[type="datetime-local"], .des-portal footer input[type="tel"], .des-portal footer input[type="number"], .des-portal footer input[type="search"], .des-portal footer textarea.materialize-textarea {
    color: #333;
    border-bottom-color: #333 !important;
    background: none !important;
    margin-bottom: 0; }
    .des-portal footer input:not([type]):focus, .des-portal footer input[type="text"]:focus, .des-portal footer input[type="password"]:focus, .des-portal footer input[type="email"]:focus, .des-portal footer input[type="url"]:focus, .des-portal footer input[type="time"]:focus, .des-portal footer input[type="date"]:focus, .des-portal footer input[type="datetime"]:focus, .des-portal footer input[type="datetime-local"]:focus, .des-portal footer input[type="tel"]:focus, .des-portal footer input[type="number"]:focus, .des-portal footer input[type="search"]:focus, .des-portal footer textarea.materialize-textarea:focus {
      border-bottom-color: #1393bd !important; }
  .des-portal footer textarea.materialize-textarea {
    padding-bottom: 0; }
  .des-portal footer label {
    color: #333; }
    .des-portal footer label.active {
      color: #333; }
  .des-portal footer .btn {
    margin-top: 20px; }
    .des-portal footer .btn:not(:hover) {
      background: #419fbe; }
    @media (max-width: 960px) {
      .des-portal footer .btn {
        margin-bottom: 20px; } }
  .des-portal footer .has-error .error-msg {
    display: inline-block; }
  .des-portal footer .has-error input:focus {
    border-bottom-color: #F65959 !important; }
  @media (min-width: 960px) {
    .des-portal .container {
      width: 85%; } }
  @media (max-width: 960px) {
    .des-portal #index-banner h1 {
      margin-top: 60px; } }
  .des-portal ul.browser-default li a {
    text-decoration: none; }
    .des-portal ul.browser-default li a:hover {
      text-decoration: underline; }
    .des-portal ul.browser-default li a.inline-icon-link {
      margin-left: 10px;
      width: 32px;
      height: 32px;
      border-radius: 1000px;
      display: inline-block;
      text-align: center;
      text-decoration: none; }
      .des-portal ul.browser-default li a.inline-icon-link:hover {
        background: rgba(19, 147, 189, 0.1); }
      .des-portal ul.browser-default li a.inline-icon-link .material-icons {
        vertical-align: -3px;
        font-size: 20px;
        line-height: 32px; }
  .des-portal .side-nav .collapsible-body > ul:not(.collapsible) > li.active, .des-portal .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
    background: inherit; }
  .des-portal .side-nav .collapsible-body > ul:not(.collapsible) > li.active a, .des-portal .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #1393bd; }
  .des-portal .side-nav li.search .search-wrapper {
    margin: 0 12px; }
  .des-portal .side-nav li.search {
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    margin-top: 1px;
    padding: 1px 0 0 0;
    z-index: 2;
    line-height: 44px; }
    .des-portal .side-nav li.search .card {
      box-shadow: none; }
  .des-portal .side-nav li.search .search-wrapper i.material-icons {
    cursor: pointer; }
  .des-portal .case-detail__content-section .case-detail__content-section__heading .row {
    margin-left: 0;
    margin-right: 0; }
  .des-portal .case-detail__content-section a {
    text-decoration: none; }
  .des-portal .case-detail__content-section + .case-detail__content-section:before {
    display: none; }

.pin-top {
  position: relative; }

.pin-bottom {
  position: relative; }

.pinned {
  position: fixed !important; }

.toc-wrapper {
  margin-top: 42px; }

.form_success {
  display: none; }

@media (max-width: 600px) {
  .note {
    bottom: -600px; }
  .muted .note {
    bottom: 0; } }

.modal-content-inner.endpoint-inner p {
  padding: 0; }

.screen-list {
  display: table; }
  .screen-list li {
    position: relative; }
  .screen-list .Status-label {
    left: 100%;
    margin-left: 1ch;
    position: absolute;
    top: 0; }

.Preview-resizer {
  background: #eee; }

@media (max-width: 960px) {
  .new-layout .container .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  .new-layout .row .col {
    padding: 0 0.75rem; } }

@media (max-width: 480px) {
  .new-layout .container .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  .new-layout .row .col {
    padding: 0 0.5rem; } }

.new-layout .container {
  width: 1300px;
  padding: 0 5rem;
  margin: 0 auto;
  max-width: none;
  box-sizing: border-box; }
  @media (max-width: 1600px) {
    .new-layout .container {
      width: 980px;
      padding: 0 4.5rem; } }
  @media (max-width: 1280px) {
    .new-layout .container {
      width: 960px;
      padding: 0 3.5rem; } }
  @media (max-width: 960px) {
    .new-layout .container {
      width: 100%;
      padding: 0 1rem; } }
  .new-layout .container.fullwidth {
    width: 100%; }

.settings #permissions .btn {
  box-shadow: none !important;
  border: 1px solid #1774cc;
  line-height: 34px;
  padding: 0 12px 0 32px; }
  .settings #permissions .btn.disabled {
    border-color: rgba(91, 107, 120, 0.5); }

.settings #permissions .btn#save {
  padding: 0 1.25rem;
  margin-right: 11px; }

.settings #permissions .btn.btn-danger {
  background: none;
  box-shadow: none !important;
  border: none !important;
  color: transparent;
  overflow: hidden;
  width: 24px;
  padding: 0; }

.settings #permissions i.glyphicon {
  position: relative;
  top: 0px;
  font-style: normal;
  font-weight: 400;
  font-family: 'Material Icons';
  font-size: 24px;
  line-height: 34px;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }
  .settings #permissions i.glyphicon.glyphicon-remove:before {
    content: "cancel";
    color: #5b6b78; }
  .settings #permissions i.glyphicon.glyphicon-plus:before, .settings #permissions i.glyphicon.glyphicon-plus-sign:before {
    content: "add";
    color: #fff; }

.settings #permissions .query-builder .rules-list > ::before, .settings #permissions .query-builder .rules-list > ::after {
  border-color: #1774cc;
  left: -15px;
  width: 15px;
  height: calc(50% + 15px); }

.settings #permissions .query-builder .rules-list > ::before {
  top: -15px;
  border-width: 0 0 4px 4px; }

.settings #permissions .query-builder .rules-list > ::after {
  border-width: 0 0 0 4px; }

.settings #permissions .query-builder .rules-list > :first-child::before {
  top: -16px;
  height: calc(50% + 16px); }

.settings #permissions .query-builder .rule-filter-container {
  width: 30%; }

.settings #permissions .query-builder .rule-operator-container {
  width: 30%;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  font-style: italic;
  color: #5b6b78; }

.settings #permissions .query-builder .rule-value-container {
  width: 30%;
  border-left: none; }

.settings #permissions .query-builder .rules-group-container {
  padding: 10px 10px 6px;
  border: 1px solid transparent;
  background: #f2f2f2; }

.settings #permissions #builder > #builder_group_0 {
  background: transparent;
  border: 1px solid transparent; }
  .settings #permissions #builder > #builder_group_0 > dt > .btn-group.pull-right .btn {
    box-shadow: none !important;
    border: 1px solid #1774cc;
    color: #fff !important;
    background-color: #1774cc; }
    .settings #permissions #builder > #builder_group_0 > dt > .btn-group.pull-right .btn i.glyphicon:before {
      color: #fff; }
    .settings #permissions #builder > #builder_group_0 > dt > .btn-group.pull-right .btn:hover {
      background: #3a89d4; }

.settings #permissions .rules-group-body .rules-group-container .rules-group-container {
  border: 1px solid #e6e6e6; }

.settings #permissions .rules-group-header .btn-group.pull-right > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.settings #permissions .rules-group-header .btn-group.pull-right > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.settings #permissions .rules-group-header .btn-group.pull-right > .btn:last-child:not(:first-child) {
  border-radius: 3px; }

.settings #permissions .rules-group-header .btn-group.pull-right > .btn:nth-child(3) {
  margin-left: 60px;
  margin-right: 11px; }

.settings #permissions .rule-container {
  margin: 15px 0; }
  .settings #permissions .rule-container .glyphicon-remove {
    opacity: 0.5; }

.settings #permissions .group-conditions label {
  padding: 0 15px;
  font-size: 14px;
  font-style: italic;
  line-height: 34px;
  color: #5b6b78;
  background: #fff; }
  .settings #permissions .group-conditions label:hover {
    background-color: rgba(0, 0, 0, 0.1); }
  .settings #permissions .group-conditions label.active {
    color: #fff;
    background: #1774cc; }
    .settings #permissions .group-conditions label.active:hover {
      background: #3a89d4; }

.settings #permissions .pull-right.group-actions .btn:nth-child(1), .settings #permissions .pull-right.group-actions .btn:nth-child(2) {
  position: relative;
  padding-left: 30px;
  box-shadow: none !important;
  border: 1px solid #e6e6e6;
  color: #5b6b78 !important;
  background-color: #fff;
  margin-left: 10px; }
  .settings #permissions .pull-right.group-actions .btn:nth-child(1):hover, .settings #permissions .pull-right.group-actions .btn:nth-child(2):hover {
    background-color: rgba(0, 0, 0, 0.1); }
  .settings #permissions .pull-right.group-actions .btn:nth-child(1) i.glyphicon, .settings #permissions .pull-right.group-actions .btn:nth-child(2) i.glyphicon {
    position: absolute;
    top: 0;
    left: 5px; }
    .settings #permissions .pull-right.group-actions .btn:nth-child(1) i.glyphicon:before, .settings #permissions .pull-right.group-actions .btn:nth-child(2) i.glyphicon:before {
      color: #5b6b78; }

.settings #permissions select {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #313336;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  line-height: 34px;
  padding: 0 26px 0 15px;
  position: relative;
  text-align: left; }

.settings #permissions .rules-group-body {
  margin-left: 30px; }

.settings #permissions .rules-list > .rule-container {
  padding: 10px 10px 10px 55px;
  background: #fff;
  border-color: transparent; }
  .settings #permissions .rules-list > .rule-container .glyphicon-remove {
    opacity: 1; }
  .settings #permissions .rules-list > .rule-container .rule-header {
    padding-right: 11px; }

.settings #permissions .rules-list > .rules-group-container .rule-container {
  padding: 10px;
  background: #fff; }
  .settings #permissions .rules-list > .rules-group-container .rule-container .glyphicon-remove {
    opacity: 0.5; }
  .settings #permissions .rules-list > .rules-group-container .rule-container .rule-header {
    padding-right: 0px; }

.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

.modal.modal-table {
  width: 725px;
  height: auto;
  max-height: 100%; }
  .modal.modal-table td:first-child {
    width: 40%; }
  .modal.modal-table td:nth-child(2) {
    width: 26%; }
  .modal.modal-table td:last-child {
    width: 34%; }

.modal.modal-small {
  width: 40%;
  max-width: 530px;
  min-height: 280px;
  height: auto;
  max-height: 100%; }

.modal.modal-fixed-footer {
  width: 525px;
  min-height: 310px;
  height: auto;
  max-height: 100%; }

.modal.modal-fixed-footer.noone-selected {
  width: 525px;
  min-height: 255px;
  height: auto; }
  .modal.modal-fixed-footer.noone-selected .dropdown-button span {
    display: none; }

.modal.modal-reload {
  width: 530px; }

.modal {
  border-bottom: 2px solid #e6e6e6;
  font-family: 'Open Sans', sans-serif;
  border-radius: 3px;
  overflow-y: visible;
  background: #fff; }

.modal.cd {
  overflow-y: visible; }

.modal .modal-content {
  padding: 0; }

.modal-header.clearfix {
  position: relative;
  padding: 18px 30px; }

.modal-header {
  background: #f2f2f2;
  min-height: 62px;
  border-radius: 3px 3px 0 0; }
  .modal-header h4 {
    float: left;
    padding-right: 40px;
    margin-bottom: 0;
    margin-top: 0; }
  .modal-header .modal-close {
    display: inline-block;
    position: absolute;
    top: 24px;
    right: 29px;
    padding: 0 3px;
    line-height: 15px;
    height: 15px; }
    .modal-header .modal-close i {
      color: #313336;
      font-size: 22px;
      font-weight: 600; }
  .modal-header .modal-close.btn-flat:focus, .modal-header .modal-close.btn-flat:hover {
    background-color: transparent !important;
    box-shadow: none; }

.modal .modal-footer {
  border-radius: 0 0 3px 3px;
  background: #fff; }

.modal-content-inner .t-bold {
  font-weight: 600; }

.modal-content-inner p {
  padding: 22px 35px;
  margin: 0; }

.modal-content-inner table {
  table-layout: auto; }

.modal-content-inner th {
  color: #313336; }

.modal-content-inner td {
  color: #5b6b78; }

.modal-content-inner tr {
  border-bottom: 1px solid #e6e6e6; }

.modal-content-inner tr:last-child {
  border-bottom: none; }

.modal-content-inner td, .modal-content-inner th {
  padding: 12px 5px 6px 10px; }

.modal-content-inner .modal-table {
  padding: 0px 22px 22px; }

.modal-content-text {
  padding: 22px 35px; }
  .modal-content-text .chip {
    font-size: 14px;
    padding-left: 42px;
    position: relative;
    white-space: nowrap; }
  .modal-content-text .dropdown-content .dropdown__body li + li {
    border-top: none; }
  .modal-content-text .dropdown-content .dropdown__body li + li a {
    border-top: 1px solid #e6e6e6; }

.modal .modal-footer a.btn-flat:first-child {
  float: left;
  border: 1px solid #e6e6e6;
  color: #5b6b78;
  font-weight: 600;
  width: auto;
  line-height: 32px; }

.modal .modal-footer a.btn-flat:last-child {
  float: right;
  background-color: #1774cc;
  color: #fff;
  font-weight: 600;
  width: auto;
  line-height: 36px; }

.modal .modal-footer a.btn-flat:hover:last-child {
  background-color: #3a89d4; }

.modal .modal-footer a.btn-flat:focus:last-child {
  background-color: #5197d9; }

.modal.modal-fixed-footer .modal-content-inner p {
  padding: 23px 32px; }

.modal.modal-fixed-footer .modal-footer {
  border-top: none;
  position: absolute;
  bottom: 0;
  padding: 0px 30px;
  margin-bottom: 0px; }

.modal.modal-fixed-footer .modal-content-text {
  padding: 8px 30px 0px; }

.modal.modal-fixed-footer .modal-content {
  position: relative;
  padding-bottom: 60px;
  width: 100%;
  overflow-y: visible; }

.modal-select {
  position: relative; }
  .modal-select > a {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #5b6b78;
    font-weight: 400;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    .modal-select > a span {
      font-weight: normal;
      font-style: italic; }
    .modal-select > a i {
      float: right;
      color: #000000; }
  .modal-select .dropdown-content {
    padding: 0px !important;
    top: 0px !important;
    position: absolute !important;
    min-width: 100%;
    margin-top: -21px; }
  .modal-select .dropdown-content li > a, .modal-select .dropdown-content li > span {
    font-size: 14px;
    color: #313336;
    display: block;
    line-height: 40px;
    padding: 0 18px;
    margin-left: 0 !important; }

.modal.modal-small .modal-reload {
  height: 290px; }

.modal-reload .modal-content-text {
  padding: 25px 20px 0; }
  .modal-reload .modal-content-text .btn, .modal-reload .modal-content-text .btn-flat {
    width: 120px;
    float: right;
    padding: 0; }
  .modal-reload .modal-content-text .btn.btn-red {
    background-color: #e6172c; }
  .modal-reload .modal-content-text .btn.btn-red:hover {
    background-color: #ea3a4c; }
  .modal-reload .modal-content-text .btn.btn-red:focus, .modal-reload .modal-content-text .btn.btn-red:active {
    background-color: #ec5161; }
  .modal-reload .modal-content-text .btn-flat {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #5b6b78;
    font-weight: bold; }
  .modal-reload .modal-content-text .btn-flat:hover {
    background-color: #f2f2f2; }
  .modal-reload .modal-content-text .btn-flat:focus, .modal-reload .modal-content-text .btn-flat:active {
    background-color: #fff; }
  .modal-reload .modal-content-text .row {
    margin-bottom: 30px; }

.modal-reload .left-icon {
  position: relative;
  padding-left: 45px; }
  .modal-reload .left-icon i {
    position: absolute;
    top: 5px;
    left: 0; }
  .modal-reload .left-icon .t-grey {
    color: #5b6b78;
    font-size: 12px;
    line-height: 18px; }
  .modal-reload .left-icon p {
    color: #313336;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    padding: 0; }
  .modal-reload .left-icon .icon-blue {
    color: #1774cc; }
  .modal-reload .left-icon .icon-grey {
    color: #5b6b78; }
  .modal-reload .left-icon .icon-red {
    color: #e6172c; }

@-moz-document url-prefix() {
  .modal-select .dropdown-content {
    top: 234px !important; } }

.custom-modal .modal-select .dropdown-content {
  top: 53px !important; }

.custom-modal.noone-selected .modal-select .dropdown-content {
  top: 53px !important;
  position: absolute !important;
  min-width: 100%; }

.modal-shadow {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 1; }
  .modal-shadow .modal {
    position: relative;
    display: block !important;
    opacity: 1 !important;
    margin: 7% auto 30px;
    top: 0 !important;
    left: 0;
    bottom: 0;
    height: inherit;
    max-height: inherit;
    overflow: visible; }
  .modal-shadow .modal.modal-table {
    max-height: inherit; }
  .modal-shadow.shadow-white {
    background: rgba(255, 255, 255, 0.7); }

.modal-shadow.custom-modal.open {
  display: block;
  z-index: 1003; }

/*modal  select*/
.custom-modal .modal-multiselect .select-wrapper input.select-dropdown {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #5b6b78;
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin-bottom: 20px; }

.custom-modal .modal-multiselect span.caret:before {
  background: #fafafa; }

.custom-modal .modal-multiselect .dropdown-content {
  top: 63px !important; }

.custom-modal .modal-multiselect .input-field {
  margin-top: 0; }

.custom-modal .modal-multiselect span.caret:before {
  color: #5b6b78; }

/* collaboration messages */
#add-person-modal.join-modal.modal-fixed-footer {
  display: none;
  position: relative;
  width: 340px !important;
  bottom: auto !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  background: #fff;
  border-radius: 3px;
  border-bottom: 2px solid #e6e6e6;
  min-height: 290px !important;
  height: inherit !important; }
  #add-person-modal.join-modal.modal-fixed-footer .modal-header .modal-close {
    right: 22px; }
  #add-person-modal.join-modal.modal-fixed-footer p {
    margin-top: 23px; }
  #add-person-modal.join-modal.modal-fixed-footer h4 {
    font-size: 24px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #000;
    background: #f2f2f2;
    border-radius: 3px 3px 0 0;
    text-align: left; }
  #add-person-modal.join-modal.modal-fixed-footer h4 i {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer; }
  #add-person-modal.join-modal.modal-fixed-footer .tabs-outer {
    background: #f2f2f2; }
  #add-person-modal.join-modal.modal-fixed-footer .tabs-wrap {
    padding: 0 15px; }
  #add-person-modal.join-modal.modal-fixed-footer .row {
    margin-bottom: 0; }
    #add-person-modal.join-modal.modal-fixed-footer .row .col {
      padding: 0 30px; }
  #add-person-modal.join-modal.modal-fixed-footer:after {
    display: none; }
  #add-person-modal.join-modal.modal-fixed-footer .modal-footer {
    margin-bottom: 15px;
    background: #fff; }
  #add-person-modal.join-modal.modal-fixed-footer .tabs {
    background: #f2f2f2; }
    #add-person-modal.join-modal.modal-fixed-footer .tabs .tab a {
      line-height: 36px;
      color: #5b6b78;
      padding: 0 15px;
      outline: none; }
    #add-person-modal.join-modal.modal-fixed-footer .tabs li a {
      display: inline-block;
      width: 112px;
      height: auto;
      border-radius: 0;
      background: transparent;
      color: #5b6b78;
      box-shadow: none;
      outline: none;
      margin: 0;
      padding: 0;
      text-transform: none;
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      vertical-align: top; }

#select-people .modal-content-text {
  padding: 0px 30px 10px; }

.checklist {
  max-height: 324px;
  overflow-y: auto;
  border: 2px solid #e6e6e6; }
  .checklist ul {
    margin: 0; }
    .checklist ul li {
      position: relative; }
      .checklist ul li span {
        padding: 0 18px 0 18px;
        display: block; }
  .checklist [type="checkbox"] + label {
    display: block;
    padding-right: 35px;
    padding-left: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #313336;
    display: block;
    line-height: 40px; }
  .checklist [type="checkbox"] + label:before, .checklist [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border-radius: 1px;
    margin-top: 2px;
    transition: none;
    transform: none;
    border: none; }
  .checklist [type="checkbox"]:checked + label:before {
    top: 5px;
    left: auto;
    right: 0;
    width: 12px;
    height: 22px;
    border: none;
    transform: none;
    backface-visibility: hidden;
    transform-origin: 100% 100%;
    content: "check";
    font-family: 'Material Icons';
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1774cc; }
  .checklist input.tabbed {
    outline: none; }
  .checklist li:hover, .checklist li:focus {
    background-color: rgba(233, 238, 241, 0.5); }
  .checklist [type="checkbox"].tabbed:focus + label:after {
    transform: scale(1);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent; }
  .checklist li.selected {
    background-color: rgba(233, 238, 241, 0.5); }
  .checklist [type="checkbox"]:checked + label {
    color: #1774cc; }

/* animations-on-page */
.modal-big {
  border-radius: 0;
  width: 70%;
  max-width: 1140px;
  border-bottom: none; }
  .modal-big .modal-header {
    height: auto;
    background: transparent; }
    .modal-big .modal-header .text-center {
      padding-top: 60px; }
      .modal-big .modal-header .text-center i {
        font-size: 70px; }
        .modal-big .modal-header .text-center i.text-red {
          display: none; }
      .modal-big .modal-header .text-center h1 {
        margin: 20px 0;
        color: #313336; }
  .modal-big .modal-content-inner {
    padding: 20px 10% 50px; }
    .modal-big .modal-content-inner tr {
      border-bottom: none;
      color: #313336; }
    .modal-big .modal-content-inner td {
      color: #313336;
      font-size: 20px;
      line-height: 1; }
    .modal-big .modal-content-inner table {
      table-layout: fixed; }
  .modal-big .bot-block {
    text-align: center;
    padding: 50px 0 10px; }
    .modal-big .bot-block .btn {
      line-height: 60px;
      padding: 0 75px;
      font-size: 20px;
      height: 60px;
      font-weight: 400; }
    .modal-big .bot-block p {
      padding: 20px 0 0; }
    .modal-big .bot-block .underlined-link {
      text-decoration: none;
      color: #5b6b78;
      font-size: 20px;
      line-height: 23px;
      display: inline-block;
      border-bottom: 1px solid #5b6b78;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
      .modal-big .bot-block .underlined-link:hover {
        color: #313336; }

.table-connect tr .material-icons {
  font-family: 'Material Icons' !important;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 1; }

.table-connect tr .icon-arrow-mic, .table-connect tr .icon-arrow-cam {
  display: none; }

.table-connect tr td.col1 {
  text-align: left;
  padding-left: 50px;
  position: relative; }
  .table-connect tr td.col1 .material-icons {
    left: 0;
    top: 11px; }

.table-connect tr td.col2 {
  text-align: right;
  padding-right: 50px;
  position: relative;
  color: #e6172c;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear; }
  .table-connect tr td.col2 .icon-refresh {
    right: 0;
    top: 11px;
    color: rgba(91, 107, 120, 0.5);
    -webkit-animation: spin 1s linear 1;
    -moz-animation: spin 1s linear 1;
    -ms-animation: spin 1s linear 1;
    animation: spin 1s linear 1; }

@-ms-keyframes spin {
   100% {
    -ms-transform: rotate(360deg); } }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.table-connect tr.needcheck-cam.test-active td.col1 .material-icons {
  display: none; }

.table-connect tr.needcheck-cam.test-active td.col1 .material-icons.icon-test {
  left: 0;
  top: 11px;
  color: #1774cc;
  display: inline-block; }

.table-connect tr.needcheck-cam.test-active td.col2 {
  color: #1774cc; }
  .table-connect tr.needcheck-cam.test-active td.col2 .icon-arrow-cam {
    right: 0;
    top: 11px;
    color: #1774cc;
    display: inline-block; }
  .table-connect tr.needcheck-cam.test-active td.col2 .icon-refresh {
    display: none; }
  .table-connect tr.needcheck-cam.test-active td.col2 span.test a {
    display: block; }
    .table-connect tr.needcheck-cam.test-active td.col2 span.test a:hover {
      color: #125a9e; }

.table-connect tr.needcheck-mic.test-active td.col1 .material-icons {
  display: none; }

.table-connect tr.needcheck-mic.test-active td.col1 .material-icons.icon-test {
  left: 0;
  top: 11px;
  color: #1774cc;
  display: inline-block; }

.table-connect tr.needcheck-mic.test-active td.col2 {
  color: #1774cc; }
  .table-connect tr.needcheck-mic.test-active td.col2 .icon-arrow-mic {
    right: 0;
    top: 11px;
    color: #1774cc;
    display: inline-block; }
  .table-connect tr.needcheck-mic.test-active td.col2 .icon-refresh {
    display: none; }
  .table-connect tr.needcheck-mic.test-active td.col2 span.test a {
    display: block; }
    .table-connect tr.needcheck-mic.test-active td.col2 span.test a:hover {
      color: #125a9e; }

.table-connect .icon-ready, .table-connect .ready {
  color: #30a039; }

.table-connect .icon-notready, .table-connect .not-ready {
  color: #e6172c; }

.table-connect {
  /*icon*/ }
  .table-connect span {
    display: inline-block;
    float: right;
    transform: translate(0, 0) scale(1);
    transform-origin: right 50%;
    transition: transform 0.5s ease-in-out; }
  .table-connect .ready, .table-connect .test {
    opacity: 0;
    height: 0;
    width: 0;
    transform: translate(0, 0px) scale(0.5); }
  .table-connect .not-ready {
    opacity: 1;
    height: auto;
    width: auto;
    transform: translate(0, 0) scale(1); }
  .table-connect .icon-test {
    opacity: 1;
    height: auto;
    width: auto;
    transform: translate(0, 0) scale(1); }
  .table-connect .col1 i {
    transform-origin: 50% 50%;
    transition: all 1s ease-in-out; }
  .table-connect .icon-ready, .table-connect .icon-test {
    opacity: 0;
    height: 0;
    width: 0;
    transform: scale(0.5); }
  .table-connect .icon-notready {
    opacity: 1;
    height: auto;
    width: auto;
    transform: scale(1); }
  .table-connect.table-connect__test {
    /*icon*/ }
    .table-connect.table-connect__test .test, .table-connect.table-connect__test .ready {
      opacity: 1;
      height: auto;
      width: auto;
      transform: translate(0, 0) scale(1); }
    .table-connect.table-connect__test .not-ready {
      opacity: 0;
      height: 0;
      transform: translate(0, 0px) scale(0.5); }
    .table-connect.table-connect__test .test-active .ready {
      opacity: 0;
      height: 0;
      transform: translate(0, 0px) scale(0.5); }
    .table-connect.table-connect__test .icon-test, .table-connect.table-connect__test .icon-ready {
      opacity: 1;
      width: auto;
      height: auto;
      transform: scale(1); }
    .table-connect.table-connect__test .icon-notready {
      opacity: 0;
      width: 0;
      height: 0;
      transform: scale(0.5); }
  .table-connect.table-connect__ready {
    /*icon*/ }
    .table-connect.table-connect__ready .col2 {
      color: #30a039; }
    .table-connect.table-connect__ready tr td.col1 {
      text-align: left;
      padding-left: 50px;
      position: relative; }
      .table-connect.table-connect__ready tr td.col1 .material-icons {
        left: 0;
        top: 11px;
        color: #30a039; }
    .table-connect.table-connect__ready .ready {
      opacity: 1;
      height: auto;
      width: auto;
      transform: translate(0, 0) scale(1); }
    .table-connect.table-connect__ready .test, .table-connect.table-connect__ready .not-ready {
      opacity: 0;
      width: 0;
      height: 0;
      transform: translate(0, 0px) scale(0.5); }
    .table-connect.table-connect__ready .icon-ready {
      opacity: 1;
      width: auto;
      height: auto;
      transform: scale(1); }
    .table-connect.table-connect__ready .icon-notready, .table-connect.table-connect__ready .icon-test {
      opacity: 0;
      width: 0;
      height: 0;
      transform: scale(0.5); }

/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+scss+bash */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #000;
  font-family: 'Inconsolata', Monaco, Consolas, 'Andale Mono', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.4;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: rgba(37, 171, 253, 0.5); }

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: rgba(37, 171, 253, 0.5); }

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none; } }

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto; }

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f2f2f2; }

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #5b6b78; }

.token.punctuation {
  color: #5b6b78; }

.namespace {
  opacity: .7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #c40934; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #30a039; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #e7741c;
  background: rgba(255, 255, 255, 0.5); }

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #0469bd; }

.token.function {
  color: #f81b73; }

.token.regex,
.token.important,
.token.variable {
  color: #ef9c23; }

.token.important {
  font-weight: bold; }

.token.entity {
  cursor: help; }

.scrollable {
  position: relative; }

.scrollable:focus {
  outline: 0; }

.scrollable .viewport {
  position: relative;
  overflow: hidden; }

.scrollable .viewport .overview {
  position: absolute; }

.scrollable .scroll-bar {
  display: none; }

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%; }

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%; }

.scrollable .scroll-bar .thumb {
  position: absolute; }

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px; }

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0; }

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*Default skin*/
.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px; }

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px; }

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px; }

.scrollable.default-skin .scroll-bar .thumb {
  background-color: #000;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6; }

/*Gray skin*/
.scrollable.gray-skin {
  padding-right: 17px; }

.scrollable.gray-skin .scroll-bar {
  border: 1px solid #5b6b78;
  background-color: #d3d3d3; }

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: #5b6b78; }

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: #000; }

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px; }

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px; }

.scrollable.modern-skin .scroll-bar {
  border: 1px solid #5b6b78;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #5b6b78;
  -webkit-box-shadow: inset 0 0 5px #5b6b78;
  box-shadow: inset 0 0 5px #5b6b78; }

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: rgba(57, 96, 112, 0.6);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #5b6b78; }

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, rgba(57, 96, 112, 0.6) 0%, #5b6b78 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(57, 96, 112, 0.6)), color-stop(100%, #5b6b78));
  background: -webkit-linear-gradient(left, rgba(57, 96, 112, 0.6) 0%, #5b6b78 100%);
  background: -o-linear-gradient(left, rgba(57, 96, 112, 0.6) 0%, #5b6b78 100%);
  background: -ms-linear-gradient(left, rgba(57, 96, 112, 0.6) 0%, #5b6b78 100%);
  background: linear-gradient(to right, rgba(57, 96, 112, 0.6) 0%, #5b6b78 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(57, 96, 112, 0.6)', endColorstr='#5b6b78',GradientType=1 )"; }

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(rgba(57, 96, 112, 0.6), #5b6b78);
  background-image: -o-linear-gradient(rgba(57, 96, 112, 0.6), #5b6b78);
  background-image: -moz-linear-gradient(rgba(57, 96, 112, 0.6), #5b6b78);
  background-image: -webkit-linear-gradient(rgba(57, 96, 112, 0.6), #5b6b78);
  background-image: -ms-linear-gradient(rgba(57, 96, 112, 0.6), #5b6b78);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(57, 96, 112, 0.6)', endColorstr='#5b6b78',GradientType=0 )"; }

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.hinge {
  animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  animation-duration: .75s; }

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

.bounce {
  animation-name: bounce;
  transform-origin: center bottom; }

@keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  animation-name: flash; }

@keyframes pulse {
  0% {
    transform: scaleX(1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scaleX(1); } }

.pulse {
  animation-name: pulse; }

@keyframes rubberBand {
  0% {
    transform: scaleX(1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scaleX(1); } }

.rubberBand {
  animation-name: rubberBand; }

@keyframes shake {
  0%, to {
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

.shake {
  animation-name: shake; }

@keyframes headShake {
  0% {
    transform: translateX(0); }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    transform: translateX(2px) rotateY(3deg); }
  50% {
    transform: translateX(0); } }

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake; }

@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(0deg); } }

.swing {
  transform-origin: top center;
  animation-name: swing; }

@keyframes tada {
  0% {
    transform: scaleX(1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    transform: scaleX(1); } }

.tada {
  animation-name: tada; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

.wobble {
  animation-name: wobble; }

@keyframes jello {
  0%, 11.1%, to {
    transform: none; }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  animation-name: jello;
  transform-origin: center; }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scaleX(1); } }

.bounceIn {
  animation-name: bounceIn; }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

.bounceInDown {
  animation-name: bounceInDown; }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

.bounceInRight {
  animation-name: bounceInRight; }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translateZ(0); } }

.bounceInUp {
  animation-name: bounceInUp; }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  animation-name: bounceOut; }

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  animation-name: bounceOutDown; }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  animation-name: bounceOutLeft; }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  animation-name: bounceOutRight; }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  animation-name: bounceOutUp; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDownBig {
  animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeftBig {
  animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRight {
  animation-name: fadeInRight; }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRightBig {
  animation-name: fadeInRightBig; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUpBig {
  animation-name: fadeInUpBig; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  animation-name: fadeOutDown; }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  animation-name: fadeOutRightBig; }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  animation-name: fadeOutUp; }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  animation-name: fadeOutUpBig; }

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(-1turn);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip; }

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotateX(-5deg); }
  to {
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotateY(-5deg); }
  to {
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@keyframes flipOutX {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@keyframes flipOutY {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out; }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in; }

@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1; } }

.rotateIn {
  animation-name: rotateIn; }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(45deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  animation-name: rotateInUpRight; }

@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1; }
  to {
    transform-origin: center;
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  animation-name: rotateOut; }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight {
  animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  animation-name: rotateOutUpRight; }

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  animation-name: hinge; }

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }

.jackInTheBox {
  animation-name: jackInTheBox; }

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    transform: none; } }

.rollIn {
  animation-name: rollIn; }

@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut {
  animation-name: rollOut; }

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  animation-name: zoomIn; }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  animation-name: zoomInDown; }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  animation-name: zoomInLeft; }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  animation-name: zoomInRight; }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  animation-name: zoomInUp; }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  animation-name: zoomOut; }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  animation-name: zoomOutDown; }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

.zoomOutLeft {
  animation-name: zoomOutLeft; }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

.zoomOutRight {
  animation-name: zoomOutRight; }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  animation-name: zoomOutUp; }

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }

.slideInDown {
  animation-name: slideInDown; }

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }

.slideInLeft {
  animation-name: slideInLeft; }

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }

.slideInRight {
  animation-name: slideInRight; }

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }

.slideInUp {
  animation-name: slideInUp; }

@keyframes slideOutDown {
  0% {
    transform: translateZ(0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  animation-name: slideOutDown; }

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  animation-name: slideOutLeft; }

@keyframes slideOutRight {
  0% {
    transform: translateZ(0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  animation-name: slideOutRight; }

@keyframes slideOutUp {
  0% {
    transform: translateZ(0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  animation-name: slideOutUp; }

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://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 http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery 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;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.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;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.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;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.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 - 40 */
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 {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  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 rgba(91, 107, 120, 0.5);
  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 {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  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%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000; }

.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: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.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 {
  -ms-touch-action: none;
  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 #e6e6e6; }

.ui-widget-content {
  border: 1px solid #e6e6e6;
  background: #ffffff;
  color: #313336; }

.ui-widget-content a {
  color: #313336; }

.ui-widget-header {
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #313336;
  font-weight: bold; }

.ui-widget-header a {
  color: #313336; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #e6e6e6;
  background: #f6f6f6;
  font-weight: normal;
  color: #313336; }

.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: #313336;
  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 rgba(91, 107, 120, 0.5);
  background: #f2f2f2;
  font-weight: normal;
  color: #313336; }

.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: #313336;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #1774cc; }

.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;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* 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 */
.ui-icon-blank {
  background-position: 16px 16px; }

.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: rgba(91, 107, 120, 0.5);
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #5b6b78;
  box-shadow: 0px 0px 5px #5b6b78; }

/*! Angular Moment Picker - v0.10.1 - http://indrimuska.github.io/angular-moment-picker - (c) 2015 Indri Muska - MIT */
.moment-picker-input {
  cursor: pointer; }

.moment-picker {
  position: absolute;
  z-index: 10000;
  width: auto !important; }

.moment-picker .moment-picker-container {
  color: #313336;
  min-width: 15em;
  background: #fff;
  position: absolute;
  padding: 10px 0 0;
  border: 1px solid rgba(23, 116, 204, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 4px;
  margin-left: -0.5em;
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16); }

.moment-picker .moment-picker-container:before,
.moment-picker .moment-picker-container:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: none;
  position: absolute;
  top: -9px;
  right: 33px; }

.moment-picker .moment-picker-container:before {
  border-bottom-color: #1774cc;
  border-width: 9px; }

.moment-picker .moment-picker-container:after {
  border-bottom-color: #fff;
  margin-top: 1px;
  margin-left: 1px;
  right: 34px; }

.moment-picker .moment-picker-container .btn {
  width: 100%;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none !important; }

.moment-picker.inline {
  display: block;
  position: relative; }

.moment-picker.inline .moment-picker-container {
  position: relative;
  margin: 0; }

.moment-picker.inline .moment-picker-container:before,
.moment-picker.inline .moment-picker-container:after {
  content: none; }

.moment-picker.top .moment-picker-container {
  bottom: 100%;
  margin-top: auto;
  margin-bottom: 4px; }

.moment-picker.top .moment-picker-container:before,
.moment-picker.top .moment-picker-container:after {
  border: 8px solid transparent;
  border-bottom: none;
  top: auto;
  bottom: -9px; }

.moment-picker.top .moment-picker-container:before {
  border-top-color: #1774cc;
  border-width: 9px; }

.moment-picker.top .moment-picker-container:after {
  border-top-color: #1774cc;
  margin-top: auto;
  margin-bottom: 1px; }

.moment-picker.right .moment-picker-container {
  right: 0;
  margin-left: auto;
  margin-right: -0.5em; }

.moment-picker.right .moment-picker-container:before,
.moment-picker.right .moment-picker-container:after {
  left: auto;
  right: 22px; }

.moment-picker.right .moment-picker-container:after {
  margin-left: auto;
  margin-right: 1px; }

.moment-picker table {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 100%;
  table-layout: fixed; }

.moment-picker th {
  font-weight: bold; }

.moment-picker th:first-child,
.moment-picker th:last-child {
  width: 2em; }

.moment-picker th,
.moment-picker td {
  padding: 0;
  text-align: center;
  min-width: 2em;
  height: 2em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.moment-picker th:hover,
.moment-picker td:hover {
  background-color: #f2f2f2; }

.moment-picker th.disabled,
.moment-picker td.disabled,
.moment-picker th.disabled:hover,
.moment-picker td.disabled:hover {
  color: rgba(91, 107, 120, 0.6);
  background: none;
  cursor: default; }

.moment-picker td.today {
  background: rgba(23, 116, 204, 0.1);
  color: #313336;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); }

.moment-picker td.selected {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  border-color: #1774cc;
  background-color: #1774cc; }

.moment-picker td.highlighted {
  background-image: -webkit-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -moz-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -o-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.15)); }

.moment-picker .decade-view td,
.moment-picker .year-view td {
  height: 3.4em; }

.moment-picker .month-view .moment-picker-specific-views th {
  background: none;
  cursor: default; }

.moment-picker .month-view td {
  width: 1.4285714286em; }

.moment-picker .day-view td,
.moment-picker .hour-view td {
  height: 2.3333333333em; }

.moment-picker .minute-view td {
  height: 1.8em; }

.moment-picker-specific-views {
  padding: 0 10px 10px; }

.moment-picker th, .moment-picker td {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #313336;
  border-radius: 1000px;
  text-shadow: none; }

@media (max-width: 374px) {
  .moment-picker th, .moment-picker td {
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 32px; } }

.moment-picker .month-view td {
  width: 40px;
  text-shadow: none; }

@media (max-width: 374px) {
  .moment-picker .month-view td {
    width: 32px;
    height: 32px;
    font-size: 12px; } }

/*current day highlight*/
.moment-picker td.highlighted {
  color: inherit !important;
  background: transparent !important;
  background-image: none !important;
  text-shadow: none; }

.moment-picker td.today.selected, .moment-picker td.today.selected.highlighted {
  color: #fff !important;
  background: #1774cc !important;
  background-image: none; }

.moment-picker td.today.selected:hover, .moment-picker td.today.selected.highlighted:hover {
  color: #fff !important;
  background-color: #0469bd !important;
  background-image: none; }

.moment-picker td.highlighted.selected, .moment-picker td.selected {
  color: #fff !important;
  background-color: #1774cc !important;
  text-shadow: none;
  background-image: none; }

.moment-picker td.highlighted.selected:hover, .moment-picker td.selected:hover {
  color: #fff !important;
  background-color: #0469bd !important;
  text-shadow: none;
  background-image: none; }

.moment-picker td.highlighted.today, .moment-picker td.today {
  background: rgba(23, 116, 204, 0.1) !important;
  color: #313336 !important;
  text-shadow: none !important;
  background-image: none; }

.moment-picker th:hover, .moment-picker td:hover,
.moment-picker td.highlighted.today:hover, .moment-picker td.today:hover {
  background: #e6e6e6 !important; }

.moment-picker th.today.disabled,
.moment-picker td.today.disabled:hover {
  background: rgba(23, 116, 204, 0.1); }

.moment-picker .day-view td, .moment-picker .hour-view td, .moment-picker .decade-view td, .moment-picker .year-view td {
  width: 48px;
  height: 35px;
  line-height: 35px;
  border-radius: 3px; }

.moment-picker thead {
  border: none; }

.moment-picker th {
  font-weight: 400;
  color: rgba(91, 107, 120, 0.6); }

.moment-picker th:first-child, .moment-picker th:last-child {
  width: 37px; }

.moment-picker th.disabled,
.moment-picker td.disabled,
.moment-picker th.disabled:hover,
.moment-picker td.disabled:hover {
  color: rgba(91, 107, 120, 0.6);
  background: transparent !important;
  cursor: default; }

.moment-picker td.disabled.today,
.moment-picker td.disabled.today:hover {
  color: rgba(91, 107, 120, 0.6) !important;
  background: rgba(23, 116, 204, 0.1) !important;
  cursor: default; }

.moment-picker .header-view thead {
  padding-left: 15px;
  padding-right: 15px; }

.header-view-wrapper {
  padding: 0 15px; }

.moment-picker .header-view {
  width: 85%;
  min-width: 85%;
  text-align: center;
  margin: 0 auto; }

.moment-picker .header-view thead th {
  color: #313336;
  width: auto;
  text-shadow: none;
  font-weight: 700; }

.moment-picker .header-view thead th .material-icons {
  line-height: 40px;
  height: 40px;
  display: block; }

.moment-picker .header-view thead th:hover {
  background: none !important; }

.moment-picker .header-view thead th:first-child, .moment-picker .header-view thead th:last-child {
  width: 40px;
  color: #5b6b78;
  font-weight: 400; }

.moment-picker .header-view thead th:first-child:hover, .moment-picker .header-view thead th:last-child:hover {
  background: rgba(23, 116, 204, 0.1) !important; }

.moment-picker .header-view thead th.disabled:first-child:hover, .moment-picker .header-view thead th.disabled:last-child:hover {
  background-color: transparent;
  background: transparent; }

.picker-shadow {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 24px;
  -webkit-box-shadow: 0 16px 24px rgba(23, 116, 204, 0.16);
  -moz-box-shadow: 0 16px 24px rgba(23, 116, 204, 0.16);
  box-shadow: 0 16px 24px rgba(23, 116, 204, 0.16);
  z-index: -1; }

.moment-picker-reference.active input.form-control {
  border-bottom: 1px solid #1774cc;
  box-shadow: 0 1px 0 0 #1774cc; }

.moment-picker-reference {
  position: relative; }

.moment-picker-reference .input-group-addon .material-icons {
  line-height: 48px;
  font-size: 24px;
  width: 48px;
  height: 48px;
  z-index: 1;
  text-align: center;
  color: #5b6b78;
  border-radius: 1000px;
  cursor: pointer; }

.moment-picker-reference .input-group-addon {
  position: absolute;
  right: 0;
  top: 0; }

.moment-picker-reference .input-group-addon:hover .material-icons {
  background: rgba(0, 0, 0, 0.1); }

.moment-picker-reference.active .input-group-addon .material-icons {
  color: #1774cc; }

.form #datetime_picker input:not([type]) {
  font-size: 13px; }

.datepicker-bordered .form input.moment-picker-input:not([type]) {
  border: 1px solid #e6e6e6;
  display: block;
  text-align: right;
  background: #fff;
  color: #313336;
  font-weight: 400;
  font-size: 14px;
  border-radius: 3px;
  position: relative;
  height: 36px;
  line-height: 34px;
  padding: 0 50px;
  box-sizing: border-box; }

.datepicker-bordered .form label.active {
  z-index: 2;
  transform: translateY(0);
  font-size: 1rem;
  top: 8px;
  left: 16px;
  position: absolute;
  color: #5b6b78; }

.datepicker-bordered.datepicker-nolabel .form input.moment-picker-input:not([type]) {
  text-align: left;
  padding: 0 45px 0 15px; }

.datepicker-bordered .form .moment-picker-reference .input-group-addon {
  top: 2px;
  position: absolute;
  right: 6px;
  color: #5b6b78; }

.filter-block .datepicker-bordered .material-icons {
  position: absolute;
  top: 0px;
  right: 0px; }

.moment-picker-reference label.active.left0 {
  left: 0 !important; }

.moment-picker-reference input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #5b6b78; }

.moment-picker-reference input::-moz-placeholder {
  /* Firefox 19+ */
  color: #5b6b78; }

.moment-picker-reference input:-ms-input-placeholder {
  /* IE 10+ */
  color: #5b6b78; }

.moment-picker-reference input:-moz-placeholder {
  /* Firefox 18- */
  color: #5b6b78; }

/* Materializecss Stepper - By Kinark 2016
// https://github.com/Kinark/Materialize-stepper
// CSS v2.1.3
*/
/*Colors*/
.primary {
  background-color: #1774cc !important; }

.primary-text {
  color: #1774cc !important; }

.primary-hover {
  background-color: #3a89d4 !important; }

.primary-hover-text {
  color: #3a89d4 !important; }

.primary-focus {
  background-color: #5197d9 !important; }

.primary-focus-text {
  color: #5197d9 !important; }

.gray-background {
  background-color: #f2f2f2 !important; }

.gray-background-text {
  color: #f2f2f2 !important; }

.gray-light {
  background-color: #e6e6e6 !important; }

.gray-light-text {
  color: #e6e6e6 !important; }

.gray-mid {
  background-color: #5b6b78 !important; }

.gray-mid-text {
  color: #5b6b78 !important; }

.gray-dark {
  background-color: #313336 !important; }

.gray-dark-text {
  color: #313336 !important; }

.success {
  background-color: #30a039 !important; }

.success-text {
  color: #30a039 !important; }

.success-hover {
  background-color: #4fae57 !important; }

.success-hover-text {
  color: #4fae57 !important; }

.success-focus {
  background-color: #64b86b !important; }

.success-focus-text {
  color: #64b86b !important; }

.warning {
  background-color: #e7741c !important; }

.warning-text {
  color: #e7741c !important; }

.warning-hover {
  background-color: #eb893e !important; }

.warning-hover-text {
  color: #eb893e !important; }

.warning-focus {
  background-color: #ed9755 !important; }

.warning-focus-text {
  color: #ed9755 !important; }

.danger {
  background-color: #e6172c !important; }

.danger-text {
  color: #e6172c !important; }

.danger-hover {
  background-color: #ea3a4c !important; }

.danger-hover-text {
  color: #ea3a4c !important; }

.danger-focus {
  background-color: #ec5161 !important; }

.danger-focus-text {
  color: #ec5161 !important; }

.black {
  background-color: #000 !important; }

.black-text {
  color: #000 !important; }

.white {
  background-color: #fff !important; }

.white-text {
  color: #fff !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

.pink {
  background-color: #f81b73 !important; }

.pink-text {
  color: #f81b73 !important; }

.cherry {
  background-color: #c40934 !important; }

.cherry-text {
  color: #c40934 !important; }

.purple {
  background-color: #9585ed !important; }

.purple-text {
  color: #9585ed !important; }

.deep-purple {
  background-color: #5d51a2 !important; }

.deep-purple-text {
  color: #5d51a2 !important; }

.indigo {
  background-color: #0469bd !important; }

.indigo-text {
  color: #0469bd !important; }

.light-blue {
  background-color: #25abfd !important; }

.light-blue-text {
  color: #25abfd !important; }

.teal {
  background-color: #04a7b0 !important; }

.teal-text {
  color: #04a7b0 !important; }

.green {
  background-color: #30a039 !important; }

.green-text {
  color: #30a039 !important; }

.lime {
  background-color: #71df54 !important; }

.lime-text {
  color: #71df54 !important; }

.yellow {
  background-color: #fcd54e !important; }

.yellow-text {
  color: #fcd54e !important; }

.orange {
  background-color: #ef9c23 !important; }

.orange-text {
  color: #ef9c23 !important; }

.blue-grey {
  background-color: #396070 !important; }

.blue-grey-text {
  color: #396070 !important; }

.blue {
  background-color: #1774cc !important; }

.blue-text {
  color: #1774cc !important; }

.red {
  background-color: #e6172c !important; }

.red-text {
  color: #e6172c !important; }

.grey {
  background-color: #5b6b78 !important; }

.grey-text {
  color: #5b6b78 !important; }

.secondary {
  background-color: #272f37 !important; }

.secondary-text {
  color: #272f37 !important; }

.secondary-hover {
  background-color: #474e55 !important; }

.secondary-hover-text {
  color: #474e55 !important; }

.black {
  background-color: #000 !important; }

.black-text {
  color: #000 !important; }

.white {
  background-color: #fff !important; }

.white-text {
  color: #fff !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

.gradient-vertical-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(top, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(to bottom, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-blue {
  background-color: #25abfd !important;
  background: -moz-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -webkit-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: -ms-linear-gradient(-45deg, #25abfd 0%, #0469bd 100%) !important;
  background: linear-gradient(135deg, #25abfd 0%, #0469bd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-blue {
  background-color: #0469bd !important;
  background: -moz-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -webkit-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: -ms-linear-gradient(left, #0469bd 0%, #25abfd 100%) !important;
  background: linear-gradient(to right, #0469bd 0%, #25abfd 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(top, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(to bottom, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-teal {
  background-color: #04a7b0 !important;
  background: -moz-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -webkit-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: -ms-linear-gradient(-45deg, #04a7b0 0%, #396070 100%) !important;
  background: linear-gradient(135deg, #04a7b0 0%, #396070 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-teal {
  background-color: #396070 !important;
  background: -moz-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -webkit-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: -ms-linear-gradient(left, #396070 0%, #04a7b0 100%) !important;
  background: linear-gradient(to right, #396070 0%, #04a7b0 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(top, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(to bottom, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-green {
  background-color: #71df54 !important;
  background: -moz-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -webkit-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: -ms-linear-gradient(-45deg, #71df54 0%, #30a039 100%) !important;
  background: linear-gradient(135deg, #71df54 0%, #30a039 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-green {
  background-color: #30a039 !important;
  background: -moz-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -webkit-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: -ms-linear-gradient(left, #30a039 0%, #71df54 100%) !important;
  background: linear-gradient(to right, #30a039 0%, #71df54 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(top, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(to bottom, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-yellow {
  background-color: #fcd54e !important;
  background: -moz-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -webkit-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: -ms-linear-gradient(-45deg, #fcd54e 0%, #ef9c23 100%) !important;
  background: linear-gradient(135deg, #fcd54e 0%, #ef9c23 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-yellow {
  background-color: #ef9c23 !important;
  background: -moz-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -webkit-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: -ms-linear-gradient(left, #ef9c23 0%, #fcd54e 100%) !important;
  background: linear-gradient(to right, #ef9c23 0%, #fcd54e 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(top, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(to bottom, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-purple {
  background-color: #9585ed !important;
  background: -moz-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -webkit-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: -ms-linear-gradient(-45deg, #9585ed 0%, #5d51a2 100%) !important;
  background: linear-gradient(135deg, #9585ed 0%, #5d51a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-purple {
  background-color: #5d51a2 !important;
  background: -moz-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -webkit-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: -ms-linear-gradient(left, #5d51a2 0%, #9585ed 100%) !important;
  background: linear-gradient(to right, #5d51a2 0%, #9585ed 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-vertical-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(top, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(to bottom, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-diagonal-pink {
  background-color: #f81b73 !important;
  background: -moz-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -webkit-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: -ms-linear-gradient(-45deg, #f81b73 0%, #c40934 100%) !important;
  background: linear-gradient(135deg, #f81b73 0%, #c40934 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

.gradient-horizontal-pink {
  background-color: #c40934 !important;
  background: -moz-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -webkit-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: -ms-linear-gradient(left, #c40934 0%, #f81b73 100%) !important;
  background: linear-gradient(to right, #c40934 0%, #f81b73 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ) !important; }

/*Validate.js FIX*/
label.invalid {
  font-size: 12.8px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #e6172c !important;
  top: 50px !important; }

label.invalid.active {
  -webkit-transform: translateY(0%) !important;
  transform: translateY(0%) !important; }

/*Validate.js FIX*/
ul.stepper {
  counter-reset: section;
  overflow-y: auto;
  overflow-x: hidden; }

.card-content ul.stepper {
  margin: 1em -24px;
  padding: 0 24px; }

@media only screen and (min-width: 993px) {
  ul.stepper.horizontal {
    position: relative;
    overflow: hidden;
    width: auto;
    height: auto; }
    ul.stepper.horizontal .step {
      vertical-align: top; }
  .card-content ul.stepper.horizontal {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    overflow: hidden; }
  .card-content ul.stepper.horizontal:first-child {
    margin-top: -24px; }
  ul.stepper.horizontal:before {
    content: '';
    background-color: transparent;
    width: 100%;
    min-height: 84px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    position: absolute;
    left: 0; } }

ul.stepper .wait-feedback {
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center; }

ul.stepper .step {
  position: relative; }

ul.stepper .step.feedbacking .step-content > *:not(.wait-feedback) {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }

@media only screen and (min-width: 993px) {
  ul.stepper.horizontal .step {
    margin: 0;
    display: inline-block; }
  ul.stepper.horizontal > .step:last-of-type, ul.stepper.horizontal > .step[data-last="true"] {
    width: auto !important; }
  ul.stepper.horizontal .step:not(:last-of-type):after, ul.stepper.horizontal > .step.active:not(:last-of-type):after {
    content: '';
    position: absolute;
    right: 5px;
    left: auto;
    display: inline-block;
    width: 24px;
    height: 1px;
    top: 50%; } }

ul.stepper > li:not(:last-of-type) {
  margin-bottom: 10px;
  -webkit-transition: margin-bottom 0.4s;
  transition: margin-bottom 0.4s; }

ul.stepper .step-title {
  margin: 0 -24px;
  cursor: pointer;
  padding: 15.5px 44px 24px 60px;
  display: inline-flex;
  color: #5b6b78; }

ul.stepper .step.done .step-title {
  color: #313336; }

ul.stepper .step.active .step-title {
  color: #1774cc; }

@media only screen and (min-width: 993px) {
  ul.stepper.horizontal .step.active .step-title:before {
    background-color: #1774cc; }
  ul.stepper.horizontal .step.done .step-title:before {
    background-color: #30a039; }
  ul.stepper.horizontal .step.done .step-title:before {
    content: '\e5ca';
    font-size: 16px;
    font-family: 'Material Icons'; }
  ul.stepper.horizontal .step.wrong .step-title:before {
    content: '\e001';
    font-size: 24px;
    font-family: 'Material Icons';
    background-color: #e6172c !important; }
  ul.stepper.horizontal .step-title {
    line-height: 30px;
    height: 30px;
    margin: 0;
    padding: 0 40px 0 40px;
    display: inline-flex; }
  ul.stepper.horizontal .step:before {
    content: none; }
  ul.stepper.horizontal .step .step-title:before {
    position: absolute;
    top: 5px;
    left: 4px;
    counter-increment: section;
    content: counter(section);
    height: 20px;
    width: 20px;
    color: #5b6b78;
    border: 1px solid #5b6b78;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
    font-size: 12px; }
  ul.stepper.horizontal .step.done .step-title:before {
    color: #fff;
    border: none;
    line-height: 20px; }
  ul.stepper.horizontal .step.active .step-title:before {
    color: #fff;
    border: none;
    line-height: 20px;
    font-weight: 700; } }

ul.stepper .step-title:after {
  content: attr(data-step-label);
  display: block;
  position: absolute;
  font-size: 12.8px;
  font-size: 0.8rem;
  color: #313336;
  font-weight: 400; }

@media only screen and (min-width: 993px) {
  ul.stepper.horizontal .step-title:after {
    top: 15px; } }

ul.stepper .step-content {
  position: relative;
  display: none;
  height: calc(100% - 132px);
  width: inherit;
  overflow: visible;
  margin-left: 41px;
  margin-right: 24px; }

@media only screen and (min-width: 993px) {
  ul.stepper.horizontal .step-content {
    position: absolute;
    height: calc(100% - 84px);
    top: 84px;
    left: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 20px 20px 76px 20px; }
  .card-content ul.stepper.horizontal .step-content {
    padding-left: 40px;
    padding-right: 40px; } }

ul.stepper > .step:not(:last-of-type):after {
  content: '';
  position: absolute;
  top: 50px;
  left: 13.5px;
  width: 1px;
  height: 40%;
  height: calc(100% - 38px);
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

ul.stepper > .step.active:not(:last-child):after {
  height: calc(100% - 35px); }

ul.stepper > .step[data-last="true"]:after {
  height: 0;
  width: 0; }

ul.stepper > .step[data-last="true"] {
  margin-bottom: 0; }

ul.stepper .step-actions {
  padding-top: 16px;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start; }

ul.stepper .step-actions .btn:not(:last-child), ul.stepper .step-actions .btn-flat:not(:last-child), ul.stepper .step-actions .btn-large:not(:last-child) {
  margin-right: 5px; }

@media only screen and (min-width: 993px) {
  ul.stepper.horizontal .step-actions .btn:not(:last-child), ul.stepper.horizontal .step-actions .btn-flat:not(:last-child), ul.stepper.horizontal .step-actions .btn-large:not(:last-child) {
    margin-left: 5px;
    margin-right: 0; }
  ul.stepper.horizontal .step-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse; }
  .card-content ul.stepper.horizontal .step-actions {
    padding-left: 40px;
    padding-right: 40px; } }

ul.stepper .step-content .row {
  margin-bottom: 7px; }