/*
Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin-left: 0;
    margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

@charset "UTF-8";
/* Imports */
/*******************************************************
	Patient Portal Core Styles
	
	By Mitch Malone
	
	March 4th, 2013
********************************************************/
/* Imports */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

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

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
  max-width: 1080px;
  margin: 0 auto;
  position: relative; }
  .container.sign-up {
    max-width: 600px;
    position: relative;
    margin: 2em auto; }

body {
  background: white; }

* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

img {
  max-width: 100%; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11 {
  display: inline-block;
  float: left;
  position: relative;
  margin-right: 3%; }

.grid_12 {
  display: inline-block;
  width: 100%;
  float: left;
  position: relative;
  margin-right: 0; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.last {
  margin-right: 0; }

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 {
  width: 5.58333333%; }

.grid_2 {
  width: 14.166666667%; }

.grid_3 {
  width: 22.75%; }

.grid_4 {
  width: 31.333%; }

.grid_5 {
  width: 37.91666666%; }

.grid_6 {
  width: 48.4999999%; }

.grid_7 {
  width: 57.08333333%; }

.grid_8 {
  width: 65.666666%; }

.grid_9 {
  width: 74.2499999%; }

.grid_10 {
  width: 82.8333333%; }

.grid_11 {
  width: 91.41666666%; }

.right {
  float: right; }

.left {
  float: left; }

.alignleft {
  text-align: left !important; }

.alignright {
  text-align: right !important; }

.aligncenter {
  text-align: center !important; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

.centered {
  margin: 0 auto;
  float: none;
  max-width: 1080px; }
  .centered.push-two {
    margin: 2em auto; }
  .centered.push-three {
    margin: 3em auto; }

.clear-both {
  clear: both; }

.header-normal {
  font-weight: 400; }

i.inline-icon.messages:before {
  display: inline;
  color: #14a0d2;
  padding-right: 10px;
  font-size: 25px; }

.actions i {
  position: relative;
  top: 2px; }

.patient-docs {
  min-height: 550px; }

/*****************************************
	Typography
*******************************************/
/* variables */
body {
  font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
  -webkit-font-smoothing: antialiased; }

h4 {
  margin-bottom: 0; }

h3 {
  margin-top: 0; }

p:first-child {
  margin-top: 0; }

hr.fancy-hr {
  box-shadow: 0 1px 0 white; }

.caught-up {
  padding: 3em;
  text-align: center; }
  .caught-up h3 {
    margin: 0;
    font-size: 3em;
    font-weight: 300; }

.nm {
  margin: 0 !important; }

.label {
  background: #aaaaaa;
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: 900;
  text-shadow: 0 -1px 0 #444;
  color: white;
  padding: 3px 10px;
  border-radius: 30px;
  margin: 0 5px; }
  .label.label-info {
    background: #F7941D;
    text-shadow: 0 -1px 0 #a85e06; }

.button {
  padding: 5px 25px;
  border-radius: 30px;
  display: inline-block;
  border: 1px solid #cfcfcf;
  box-shadow: inset 0 1px 0 white;
  text-decoration: none;
  background: whitesmoke;
  color: #444;
  font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial, "Helvetica-Neue", Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  -webkit-transition: all ease 0.1s;
  -moz-transition: all ease 0.1s;
  -ms-transition: all ease 0.1s; }
  .button:hover {
    background: #f0f0f0;
    text-decoration: none;
    cursor: pointer; }
  .button:focus {
    outline: 0;
    background: #f0f0f0; }
  .button:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2); }
  .button:disabled {
    background: #f1f1f1;
    border: 0;
    color: #bebebe;
    font-weight: 500;
    box-shadow: 0 0 0 transparent;
    cursor: auto; }
  .button.disabled {
    background: #f1f1f1;
    border: 0;
    color: #bebebe;
    text-shadow: 0 0 0 transparent;
    font-weight: 500;
    box-shadow: 0 0 0 transparent;
    cursor: auto; }
  .button.primary {
    background: #14A0D2;
    color: white;
    border: 1px solid #0d6b8c;
    box-shadow: inset 0 1px 0 #74d1f2;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }
    .button.primary:hover {
      background: #128ebb;
      cursor: pointer; }
    .button.primary:active {
      box-shadow: inset 0 1px 5px #0b5975; }
    .button.primary:focus {
      background: #128ebb; }
    .button.primary:disabled {
      background: #f1f1f1;
      text-shadow: 0 0 0 transparent;
      border: 0;
      color: #bebebe;
      font-weight: 500;
      box-shadow: 0 0 0 transparent;
      cursor: auto; }
    .button.primary.disabled {
      background: #f1f1f1;
      border: 0;
      color: #bebebe;
      font-weight: 500;
      box-shadow: 0 0 0 transparent;
      cursor: auto;
      text-shadow: 0 0 0 transparent; }
  .button.link {
    background: transparent;
    box-shadow: 0 0 0 transparent;
    border: 0;
    color: #aaaaaa; }
    .button.link:active {
      box-shadow: 0px 0px 0px transparent; }
    .button.link:hover {
      color: #444; }
    .button.link:focus {
      color: #444; }
    .button.link:disabled {
      border: 0;
      color: #b7b7b7;
      font-weight: 500;
      font-style: italic;
      box-shadow: 0 0 0 transparent; }
    .button.link.disabled {
      border: 0;
      color: #b7b7b7;
      font-weight: 500;
      font-style: italic;
      box-shadow: 0 0 0 transparent; }
    .button.link.skinny {
      padding: 0; }
  .button.small {
    padding: 5px 20px;
    font-size: .8em;
    font-weight: 400; }
    .button.small:disabled {
      background: #f1f1f1;
      border: 0;
      color: #bebebe;
      font-weight: 500;
      box-shadow: 0 0 0 transparent;
      cursor: auto; }

.move-down {
  position: relative;
  top: 1em; }

.cut-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll; }
  .cut-list.short {
    max-height: 15em; }
  .cut-list li {
    padding: 0.5em 20px; }

.card-button-group.two-buttons .button {
  width: 50%;
  box-shadow: 0 0 0 transparent;
  border-top: 0;
  margin: 0; }
  .card-button-group.two-buttons .button:first-of-type {
    border-radius: 0 0 0 3px; }
  .card-button-group.two-buttons .button:last-of-type {
    border-radius: 0 0 3px 0; }

.download-statement {
  position: absolute;
  right: 0;
  top: 0; }
  .download-statement i.document:before {
    color: #777;
    position: relative;
    top: 3px;
    margin-right: 5px; }
  .download-statement:hover {
    text-decoration: none;
    border-bottom: 1px solid #aaa; }

.button-group.two-buttons .button {
  float: left;
  border-radius: 0;
  box-shadow: inset 0 1px 0 white;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0; }
  .button-group.two-buttons .button:active {
    background: white;
    box-shadow: inset 0 1px 5px #d0d0d0; }
  .button-group.two-buttons .button:first-of-type {
    border-radius: 30px 0 0 30px;
    border-left: 1px solid #cfcfcf; }
  .button-group.two-buttons .button:last-of-type {
    border-radius: 0px 30px 30px 0; }
  .button-group.two-buttons .button.active {
    background: #eee;
    font-weight: bold; }

.button-group.three-buttons .button {
  width: 33.3333333%;
  float: left;
  border-radius: 0;
  box-shadow: 0 0 0 transparent;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-left: 0; }
  .button-group.three-buttons .button.active {
    background: #eee; }
    .button-group.three-buttons .button.active:after {
      content: "6";
      font-family: "fontello";
      margin-left: 10px; }
  .button-group.three-buttons .button:first-of-type {
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #e5e5e5; }
  .button-group.three-buttons .button:last-of-type {
    border-radius: 0px 3px 3px 0; }

.button-group.four-buttons {
  margin-top: 0.5em; }
  .button-group.four-buttons .button {
    width: 25%;
    float: left;
    text-align: center;
    border-radius: 0;
    box-shadow: 0 0 0 transparent;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 0;
    box-shadow: inset 0 1px 0 white; }
    .button-group.four-buttons .button.active {
      background: #eee;
      font-weight: bold; }
    .button-group.four-buttons .button:first-of-type {
      border-radius: 30px 0 0 30px;
      border-left: 1px solid #e5e5e5; }
    .button-group.four-buttons .button:last-of-type {
      border-radius: 0px 30px 30px 0; }

.button-group.five-buttons .button {
  width: 20%;
  float: left;
  border-radius: 0;
  box-shadow: 0 0 0 transparent;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-left: 0; }
  .button-group.five-buttons .button.active {
    background: #eee; }
    .button-group.five-buttons .button.active:after {
      content: "6";
      font-family: "fontello";
      margin-left: 10px; }
  .button-group.five-buttons .button:first-of-type {
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #e5e5e5; }
  .button-group.five-buttons .button:last-of-type {
    border-radius: 0px 3px 3px 0; }

code {
  background: #444;
  display: block;
  color: white;
  padding: 1em;
  border-radius: 3px; }

.button-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .button-list li .button {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: .85em; }
    .button-list li .button.active {
      background: #eee; }
      .button-list li .button.active:after {
        content: "6";
        font-family: "fontello";
        margin-left: 10px; }

.label.new {
  margin: 1%;
  padding: 2px 10px;
  font-size: .6em;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  background: #e55;
  border-radius: 15px; }

a {
  color: #14A0D2;
  text-decoration: none; }
  a:hover, a:active, a:focus {
    text-decoration: underline; }
  a.close:hover {
    text-decoration: none; }

.hide {
  display: none !important; }

ul.no-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.no-list.has-icons li {
    position: relative;
    padding-left: 2.5em;
    margin-bottom: 1.5em; }
    ul.no-list.has-icons li i:before {
      font-size: 1.75em;
      position: absolute;
      left: 0;
      top: 2px; }
    ul.no-list.has-icons li i.transmit:before {
      color: #14A0D2; }
    ul.no-list.has-icons li i.view:before {
      color: #F7941D; }
    ul.no-list.has-icons li i.download:before {
      color: #7acc7e; }
    ul.no-list.has-icons li i.login:before {
      color: #F26649; }
  ul.no-list.faq-list li {
    margin-bottom: 3em; }
    ul.no-list.faq-list li ul li {
      margin-bottom: 1em; }
    ul.no-list.faq-list li:last-of-type {
      margin-bottom: 0; }
  ul.no-list li {
    margin-bottom: 1em; }
    ul.no-list li:last-of-type {
      margin-bottom: 0; }
  ul.no-list.check-list li i.check-two:before {
    font-size: 1em;
    margin-right: 0.5em;
    position: relative;
    left: 0;
    top: 0; }
  ul.no-list.small-list li {
    margin-bottom: 0.25em; }

.lined-link-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .lined-link-list li:last-of-type a {
    border: 0; }
  .lined-link-list li a {
    display: block;
    padding: 1em;
    border-bottom: 1px solid #e5e5e5; }
    .lined-link-list li a:hover {
      text-decoration: none;
      background: whitesmoke; }
  .lined-link-list.truncate li a .truncated {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    display: inline-block; }
    .lined-link-list.truncate li a .truncated.third {
      width: 33.333333%; }
    .lined-link-list.truncate li a .truncated.half {
      width: 50%; }
    .lined-link-list.truncate li a .truncated.three-fourths {
      width: 75%; }

.push-right-one {
  margin-right: 1em !important;
  display: inline-block; }

.push-right-two {
  margin-right: 2em; }

.push-right-three {
  margin-right: 3em; }

.max-height-thirty {
  max-height: 30em;
  overflow-y: scroll; }

.note {
  font-size: .8em;
  color: #777777;
  margin: 0;
  font-weight: 400; }

.section {
  margin-bottom: 2em; }

.fancy-img {
  border: 5px solid white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

ul.edit-list {
  list-style: none;
  padding: 0; }
  ul.edit-list li {
    padding: 15px; }
    ul.edit-list li:last-of-type {
      margin-bottom: 0; }
    ul.edit-list li.edit-line {
      background-color: #d1f0fb; }
    ul.edit-list li a:hover {
      text-decoration: none; }

ul.selection-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 300px;
  overflow-y: scroll;
  border: 1px solid #8bd8f4; }
  ul.selection-list li:last-of-type a {
    border-bottom: 0; }
  ul.selection-list li a {
    display: block;
    background: #c3ebf9;
    border-bottom: 1px solid #8bd8f4;
    padding: 10px;
    color: #14A0D2; }

.tag {
  float: left;
  background: whitesmoke;
  margin-right: 1%;
  font-size: .85em;
  border: 1px solid #ddd; }
  .tag span.tag-label {
    float: left;
    background: whitesmoke;
    padding: 5px 10px; }
  .tag a {
    display: block;
    background: whitesmoke;
    padding: 5px 10px;
    float: left;
    border-left: 1px solid #ddd; }
    .tag a i:before {
      color: #c4c3c3;
      font-size: .85em; }
    .tag a:hover {
      text-decoration: none; }
      .tag a:hover i:before {
        color: #444; }

.big-thanks {
  font-weight: 300;
  margin: 0;
  font-size: 2.5em; }

.lead {
  font-weight: 400;
  margin: 0 0 0.25em 0;
  font-size: 2em; }

.corner-btn {
  position: absolute;
  top: 10px;
  right: 10px; }

.breadcrumbs {
  margin-bottom: 1em;
  width: 100%;
  float: left; }
  .breadcrumbs ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .breadcrumbs ul li {
      float: left;
      color: #aaaaaa;
      font-size: 0.85em; }
      .breadcrumbs ul li.current a {
        color: #F7941D; }
      .breadcrumbs ul li .divider {
        margin: 0 5px; }
      .breadcrumbs ul li a {
        color: #aaaaaa; }
        .breadcrumbs ul li a:hover {
          text-decoration: none; }

.tip-content {
  position: absolute;
  font-size: 0.8em;
  color: white;
  background: rgba(0, 0, 0, 0.8);
  padding: 1em;
  border-radius: 3px;
  top: -7em;
  left: 0;
  opacity: 0;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s; }
  .tip-content.open {
    opacity: 1; }

.tooltip {
  position: relative;
  background: #444;
  color: white;
  font-size: 0.7em;
  padding: 8px;
  border-radius: 3px;
  position: absolute;
  top: -4em;
  display: none; }
  .tooltip.open {
    display: block; }

.tooltip:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.tooltip:after {
  border-color: rgba(68, 68, 68, 0);
  border-top-color: #444;
  border-width: 6px;
  left: 2em;
  margin-left: -6px; }

.tip {
  position: relative; }
  .tip:after {
    content: attr(data-tip);
    position: absolute;
    z-index: 3000;
    min-width: 150px;
    text-align: center;
    background: #444;
    color: white;
    padding: 8px;
    border-radius: 3px;
    font-size: 0.85em;
    transform: scale(0);
    -webkit-transform: scale(0);
    bottom: 130%;
    left: -20px;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s; }
  .tip:hover:after {
    transform: scale(1);
    -webkit-transform: scale(1); }

.letter {
  width: 70%;
  background: white;
  border: 1px solid #e5e5e5;
  margin: 50px auto;
  padding: 2em;
  box-sizing: border-box;
  position: relative; }

.letter::before,
.letter::after {
  box-sizing: border-box;
  position: absolute;
  content: '';
  border: 1px solid #e5e5e5;
  height: 3px; }

.letter::before {
  width: 99%;
  left: .5%;
  bottom: -3px; }

.box-fluid::after {
  width: 98%;
  left: 1%;
  bottom: -5px; }

.pill {
  display: inline-block;
  background: #e8f7fd;
  border: 1px solid #8bd8f4;
  float: left;
  border-radius: 3px;
  margin: 0 0.5em 0.5em 0; }
  .pill .pill-content {
    padding: 5px 15px;
    float: left;
    color: #14A0D2; }
  .pill .pill-delete {
    padding: 10px;
    float: left;
    background: #8bd8f4;
    font-size: 0.7em; }
    .pill .pill-delete:hover {
      background: #a2e0f6;
      text-decoration: none; }
      .pill .pill-delete:hover i.close:before {
        text-decoration: none; }

dl.floated-max-ten {
  margin: 0; }
  dl.floated-max-ten dt {
    float: left;
    max-width: 10em;
    font-weight: bold; }
  dl.floated-max-ten dd {
    margin: 0 0 1em 11em; }

.big-option {
  width: 100%;
  float: left;
  text-align: center; }
  .big-option h3 {
    font-size: 0.8em;
    margin: 0;
    text-transform: uppercase;
    display: inline;
    padding: 0 15px 5px 15px;
    border-bottom: 1px solid #ddd;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s; }
    .big-option h3 i.check:before {
      display: none;
      transition: all ease 0.2s;
      -webkit-transition: all ease 0.2s;
      -moz-transition: all ease 0.2s;
      margin-right: 0; }
  .big-option h4 {
    font-weight: 400;
    font-size: 1em;
    margin: 0.5em 0 0 0; }
  .big-option .charge {
    display: block;
    font-size: 2.5em;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s; }
  .big-option.two-options .option {
    padding: 2em 1em;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    border: 3px solid #e5e5e5;
    border-radius: 3px; }
    .big-option.two-options .option:hover {
      background: #e8f7fd;
      border: 3px solid #8bd8f4;
      cursor: pointer; }
    .big-option.two-options .option.selected {
      border: 3px solid #8bd8f4; }
      .big-option.two-options .option.selected h3 i.check:before {
        display: inline-block;
        margin-left: 5px; }
      .big-option.two-options .option.selected .charge {
        color: #14A0D2; }

/* Helpers */
.mb {
  margin-bottom: 1em; }

.mt {
  margin-top: 1em; }

.mr {
  margin-right: 1em; }

.ml {
  margin-left: 1em; }

/* Overflow Y */
.card-content.max-height-20 {
  max-height: 20em;
  overflow-y: scroll; }

/* Definition list */
.def-list {
  display: table; }
  .def-list.righty .def-row .def-item:first-child {
    text-align: right; }
  .def-list .def-row {
    display: table-row; }
    .def-list .def-row .def-item {
      display: table-cell;
      padding: 0.5em 0; }
      .def-list .def-row .def-item:first-child {
        padding-right: 2em;
        font-weight: 600; }

.combo-box {
  position: relative;
  display: inline-block; }
  .combo-box .button {
    border-radius: 3px;
    padding-right: 2.5em;
    position: relative; }
    .combo-box .button:after {
      content: "D";
      font-family: "fontello";
      position: absolute;
      right: 1em;
      top: 6px; }
  .combo-box ul {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-width: 15em;
    list-style: none;
    margin: 0px;
    padding: 0;
    position: absolute;
    display: none;
    z-index: 20; }
    .combo-box ul li a {
      display: block;
      font-size: 0.9em;
      padding: 0.5em; }
    .combo-box ul li#show-about-line {
      display: none; }
  .combo-box.open .button {
    border-radius: 3px 3px 0 0;
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15); }
    .combo-box.open .button.link {
      box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15);
      background: whitesmoke;
      border-radius: 3px 3px 0 0; }
  .combo-box.open ul {
    display: block;
    border-radius: 0 3px 3px 3px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    background-clip: content-box;
    top: 29px; }
  .combo-box.righty ul {
    border-radius: 3px 0 3px 3px;
    right: 0; }

.card-header .combo-box .button {
  color: #09475e;
  text-shadow: 0 1px 0 #2eb9eb; }

.card-header .combo-box.open .button {
  background: #1395c4; }

.card-header .combo-box.open ul {
  top: 28px; }

.card-header .combo-box.righty ul {
  right: -1px; }

/* Indicators */
.indicator {
  padding: 0.5em 1em;
  margin: 0 5px;
  font-size: 0.8em;
  font-weight: bold;
  background: #eee;
  color: #aaaaaa;
  border-radius: 5px;
  position: relative;
  top: -2px; }
  .indicator.primary {
    background: #F7941D;
    color: white; }

/* Wells */
.well {
  background: whitesmoke;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  border: 1px solid #ccc;
  padding: 1em;
  border-radius: 3px; }
  .well.small {
    font-size: 0.8em; }
  .well.active {
    border-radius: 0 3px 3px 0px;
    border-left-width: 5px;
    border-left-color: #14A0D2; }
  .well.inactive {
    background: #fafafa;
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15);
    border: 0;
    color: #aaaaaa;
    font-style: italic;
    border-radius: 3px; }
  .well.pending {
    border-left: 5px solid #F7941D;
    border-radius: 0 3px 3px 0;
    background: white; }
  .well i.goto:before {
    font-size: 1.75em;
    position: relative;
    top: 4px; }

.small-heading {
  font-weight: 600;
  font-size: 0.8em;
  padding: 0.75em; }

.small-text {
  font-size: 0.8em;
  padding: 0 0.75em; }

.lab-comment {
  margin: 0 0 1em 0; }

.pt {
  padding-top: 0.5em !important; }

.study-comment .small-heading {
  padding: 0 !important; }

.study-comment .small-text {
  padding: 0.5em 0 0 0 !important; }

.date-wrapper {
  display: inline-block;
  padding: .5em 1em;
  background-color: #edeff1;
  margin: 10px 0; }

.trans {
  opacity: 0; }

.inl-blk {
  display: inline-block; }

.date-div {
  position: absolute;
  width: 170px;
  padding: 0 7px;
  min-height: 25px;
  background-color: #fff;
  color: #5e5e5e;
  font-weight: 400;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 transparent;
  font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s; }

/*****************************************
	Sections

*******************************************/
.top {
  width: 100%;
  float: left;
  display: block;
  position: fixed;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #e5e5e5;
  background: white;
  z-index: 300; }
  .top.unstick {
    position: absolute; }

.menu-btn {
  display: none;
  font-size: 0.85em;
  font-weight: bold;
  text-transform: uppercase; }
  .menu-btn.open:before {
    content: "Menu"; }
  .menu-btn.close:before {
    content: "Close"; }

.wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  float: left;
  display: block; }

.logo-area {
  margin: 0;
  display: inline-block;
  font-size: 1em;
  padding: 15px 20px;
  float: left;
  font-weight: 500;
  color: #14A0D2; }
  .logo-area:hover {
    text-decoration: none; }

.beta-logo:after {
  content: "beta";
  color: #444;
  font-weight: bold;
  font-size: 0.8em;
  position: relative;
  top: -4px;
  left: 4px; }

.current-user {
  color: #444; }
  .current-user a {
    color: #444;
    padding: 18px 16px 16px;
    display: block;
    font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial;
    font-weight: 400; }
    .current-user a i.dropdown:before {
      font-size: 0.85em;
      position: absolute;
      top: 1.75em;
      right: 0px; }
    .current-user a:hover {
      text-decoration: none; }
    .current-user a span.name {
      white-space: nowrap;
      overflow-x: hidden;
      text-overflow: ellipsis;
      max-width: 145px;
      font-size: 0.85em;
      display: inline-block; }

.main-header {
  width: 20%;
  height: 100%;
  position: absolute;
  border-right: 1px solid #e5e5e5;
  background: white; }
  .main-header .name-area {
    padding: 30px 10%; }
  .main-header .logo {
    font-size: 1.5em;
    color: #444;
    text-decoration: none;
    float: left; }
    .main-header .logo img {
      max-width: 40px;
      margin-right: 5%;
      border-radius: 3px;
      float: left; }
    .main-header .logo span {
      float: left;
      display: block;
      margin-top: 5px;
      width: 100%; }
      .main-header .logo span.note {
        font-size: .5em; }

.main-content {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  background: #fafafa;
  padding: 5em 1em 6em 1em; }
  .main-content.hero {
    background-image: url("/img/kareo-bg-2.png");
    background-color: whitesmoke;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: left;
    padding: 5em 1em 3em 1em; }
    .main-content.hero.signin {
      padding: 8em 1em 8em 1em; }
      .main-content.hero.signin h1.headline {
        font-weight: 300;
        font-size: 3em;
        margin: 0; }
      .main-content.hero.signin h2.subheadline {
        font-size: 1em;
        font-weight: 400;
        color: #919090;
        text-shadow: 0 1px 0 white; }
    .main-content.hero .card {
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); }

.main-footer {
  width: 100%;
  float: left;
  padding: 20px 0;
  padding: 2em;
  background: white;
  position: relative;
  border-top: 1px solid #e5e5e5; }
  .main-footer a {
    padding: 0 0.25em;
    font-size: 0.85em; }

.page-title {
  margin-bottom: 1em; }
  .page-title h1 {
    font-size: 1.35em;
    font-weight: 400;
    margin: 0 0 0 0; }
    .page-title h1 i.your-health:before {
      color: #444; }
  .page-title a:hover {
    text-decoration: none; }
  .page-title a i:before {
    color: #c4c3c3 !important;
    top: 4px;
    margin-right: 0.25em; }

.lab-avatar {
  padding: 1em 1em 1em 3.5em;
  background: white;
  box-shadow: 0 1px 3px #d5d5d5;
  border-radius: 3px;
  width: 95%;
  float: right;
  position: relative; }
  .lab-avatar img.doc-thumb {
    position: absolute;
    left: -1em;
    border: 3px solid white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    margin-right: 8px;
    width: 60px; }

.top-group {
  float: right; }
  .top-group.admin-nav {
    margin-right: 4em; }

.nav-group {
  float: left;
  position: relative;
  right: 0; }

.main-nav {
  display: inline-block;
  float: left;
  position: relative;
  left: 0; }
  .main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left; }
    .main-nav ul li {
      float: left;
      position: relative; }
      .main-nav ul li a {
        padding: 18px 16px;
        display: block;
        font-size: 0.85em;
        color: #444;
        font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial;
        font-weight: 400;
        text-decoration: none;
        transition: ease all 0.2s;
        border-bottom: 5px solid white; }
        .main-nav ul li a.active {
          border-bottom: 5px solid #F7941D;
          font-weight: 600;
          color: #F7941D; }
        .main-nav ul li a:hover {
          color: #F7941D;
          border-bottom: 5px solid #F7941D; }

.demo-info {
  padding: 10px 10%; }
  .demo-info strong {
    margin-right: 3%; }

.skinny {
  padding: 0 !important; }

.thick {
  padding: 20px;
  display: block; }

.current-balance {
  font-size: 2.25em;
  display: block;
  line-height: 1; }

.health-update a {
  display: block;
  width: 100%;
  float: left;
  background: white; }
  .health-update a:hover {
    background: whitesmoke; }
  .health-update a .left {
    padding: 1em 0 1em 1em; }

.profile-image {
  max-width: 90px !important; }

.card {
  display: block;
  text-decoration: none;
  background: white;
  margin-bottom: 25px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
  .card.small {
    width: 70%;
    margin: 0 auto;
    float: none; }
  .card.fixed {
    position: fixed;
    margin-right: 2%; }
  .card.doctor-card .card-content {
    width: 50%;
    max-width: 315px;
    float: left;
    border: 0; }
  .card .card-header {
    background: #14A0D2;
    border: 1px solid #107da3;
    box-shadow: inset 0 1px #5cc9f0;
    padding: 10px 20px;
    border-radius: 3px 3px 0 0;
    position: relative; }
    .card .card-header h2 {
      margin: 0;
      font-size: 1.2em;
      color: white;
      font-weight: 400;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
      display: inline-block; }
    .card .card-header a:hover {
      text-decoration: none; }
    .card .card-header a.header-link {
      color: #073646;
      text-shadow: 0 1px 0 #5cc9f0;
      position: absolute;
      right: 20px;
      top: 13px; }
  .card .card-content {
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative; }
    .card .card-content:last-of-type {
      border-radius: 0 0 3px 3px;
      border-bottom: 0; }
    .card .card-content .meds {
      margin-bottom: 1em; }
      .card .card-content .meds:last-of-type {
        margin-bottom: 0; }
      .card .card-content .meds .meds-header {
        padding: 0.5em 0; }
        .card .card-content .meds .meds-header.open i.dropdown:before {
          -webkit-transform: rotate(0deg) !important;
          -moz-transform: rotate(0deg) !important;
          -ms-transform: rotate(0deg) !important;
          -o-transform: rotate(0deg) !important; }
        .card .card-content .meds .meds-header.open .med-name {
          overflow-x: inherit;
          white-space: normal;
          text-overflow: inherit; }
        .card .card-content .meds .meds-header:hover {
          cursor: pointer; }
        .card .card-content .meds .meds-header .med-name {
          margin: 0;
          position: relative;
          z-index: 100;
          background: white;
          display: inline-block;
          padding-right: 1em;
          font-size: 1em;
          max-width: 90%;
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .card .card-content .meds .meds-header hr {
          position: absolute;
          width: 100%;
          top: 0.25em;
          border-top: 1px dashed #e5e5e5; }
        .card .card-content .meds .meds-header i.dropdown:before {
          float: right;
          position: relative;
          top: 5px;
          background: white;
          transition: ease all 0.2s;
          font-size: 1em;
          /* Safari */
          -webkit-transform: rotate(90deg);
          /* Firefox */
          -moz-transform: rotate(90deg);
          /* IE */
          -ms-transform: rotate(90deg);
          /* Opera */
          -o-transform: rotate(90deg); }
        .card .card-content .meds .meds-header i.dropdown.open:before {
          -webkit-transform: rotate(0deg) !important;
          /* Firefox */
          -moz-transform: rotate(0deg);
          /* IE */
          -ms-transform: rotate(0deg);
          /* Opera */
          -o-transform: rotate(0deg);
          top: 6px; }
      .card .card-content .meds dl {
        font-size: 0.85em;
        display: none; }
        .card .card-content .meds dl dt {
          float: left;
          margin-right: 1em;
          color: #aaaaaa;
          font-style: italic; }
        .card .card-content .meds dl dd {
          margin: 0 0 0.5em 9em; }
    .card .card-content img {
      max-width: 100%; }
      .card .card-content img.doc-image {
        max-width: 80%; }
    .card .card-content h3.inline {
      display: inline-block; }
    .card .card-content .view-style {
      padding: 0 0 0 30px;
      color: #c4c3c3; }
      .card .card-content .view-style.active {
        color: #444; }
      .card .card-content .view-style:hover {
        text-decoration: none;
        color: #14A0D2; }
    .card .card-content.feeds .no-list li {
      width: 100%;
      float: left;
      display: block; }
      .card .card-content.feeds .no-list li a {
        padding: 10px;
        width: 100%;
        float: left;
        display: block;
        border-radius: 5px; }
        .card .card-content.feeds .no-list li a .label {
          position: relative;
          top: 1em; }
        .card .card-content.feeds .no-list li a:hover {
          text-decoration: none;
          background: whitesmoke; }
        .card .card-content.feeds .no-list li a i:before {
          color: #14A0D2; }
        .card .card-content.feeds .no-list li a .right i:before {
          margin-left: .5em; }
  .card .card-note {
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: .8em;
    color: #919090; }
  .card .card-button {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 10px 25px;
    border-radius: 0 0 3px 3px;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: whitesmoke;
    color: #444;
    box-shadow: 0 0 0 transparent; }
    .card .card-button:active {
      box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1); }
  .card .add-item {
    padding: 20px;
    background: #f8f8d8;
    border-left: 1px solid #e8e882;
    border-right: 1px solid #e8e882;
    border-bottom: 1px solid #e8e882; }
  .card .card .card-header {
    background: whitesmoke;
    border: 1px solid #e5e5e5;
    padding: 10px; }
    .card .card .card-header h4 {
      margin: 0; }
    .card .card .card-header i:before {
      color: #919090;
      top: -20px; }
  .card .card .card-content {
    padding: 10px; }
  .card .card .card-note {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5; }
  .card .panel.error-message {
    border-radius: 0; }
  .card .panel.success {
    border-radius: 0; }

.three-card-rows .grid_4.card:nth-of-type(3n+4) {
  margin-right: 0; }

.placeholder {
  color: #919090;
  border: 1px dashed #c4c3c3;
  padding: 40px 20px;
  text-align: center; }

.avatar {
  margin: 0; }
  .avatar img {
    height: 60px;
    border-radius: 3px;
    float: left;
    margin-right: 1em; }

.data {
  color: #14A0D2; }

.prescriptions {
  margin-bottom: 30px; }
  .prescriptions:last-of-type {
    margin-bottom: 0; }

.view-details-header {
  padding: 10px; }
  .view-details-header.active {
    background-color: #d1f0fb; }

.view-details {
  background-color: #d1f0fb;
  padding: 20px;
  margin-top: 9px; }

.profile h3 {
  margin: 0; }

.profile h4 {
  margin: 0; }

.profile p {
  margin: 0 0 10px 0; }

.profile .section {
  border-top: 1px solid #e5e5e5;
  padding: 20px;
  margin: 0; }

.edit-profile-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3% 5%; }
  .edit-profile-btn i.edit:before {
    color: #c4c3c3; }
  .edit-profile-btn:hover {
    text-decoration: none; }
    .edit-profile-btn:hover i.edit:before {
      color: #919090; }

.panel {
  padding: 0.75em 1em;
  background: #ecf5f9;
  border: 1px solid #bae8f8;
  border-radius: 3px;
  color: #14A0D2; }
  .panel i.check:before {
    left: 0;
    margin-right: 5px; }
  .panel.secure h3 {
    color: #14A0D2;
    margin: 0;
    font-weight: 300; }
  .panel.secure i.lock:before {
    color: #14A0D2;
    margin-right: 5px; }
  .panel.gray {
    background: whitesmoke;
    border-color: #e5e5e5;
    text-shadow: 0 1px 0 white;
    color: #919090; }
    .panel.gray i.warning:before {
      content: "W";
      color: #aaaaaa;
      text-shadow: 0 1px 0 white;
      font-size: 1em; }
    .panel.gray.placeholder {
      text-align: center;
      padding: 4em 0; }
      .panel.gray.placeholder i.warning:before {
        content: "W";
        color: #d0d0d0;
        text-shadow: 0 1px 0 white;
        font-size: 4em;
        display: block; }
  .panel.success {
    background: #7acc7e;
    border: 1px solid #3ea243;
    box-shadow: inset 0 1px 0 #c4e8c6;
    color: #296b2c;
    text-shadow: 0 1px 0 #b1e1b4; }
    .panel.success i.check:before {
      left: 0;
      color: #296b2c;
      position: relative;
      font-size: 20px;
      top: 2px;
      margin-right: 5px; }
    .panel.success i.close:before {
      color: #296b2c; }
  .panel.warning {
    background: #f8f8d8;
    border: 1px solid #e8e882;
    color: #868618;
    text-shadow: 0 1px 0 white; }
    .panel.warning i.warning:before {
      content: "W";
      color: #868618;
      position: relative;
      font-size: 1.5em;
      top: 2px;
      margin-right: 5px; }
    .panel.warning i.close:before {
      color: #cdbc00; }
  .panel.error-message {
    background: #F26649;
    border: 1px solid #c72e0e;
    box-shadow: inset 0 1px 0 #f7a290;
    color: #681807;
    text-shadow: 0 1px 0 #f7a290;
    font-size: 1em; }
    .panel.error-message i.warning:before {
      content: "W";
      color: #97230b;
      position: relative;
      font-size: 1.5em;
      top: 2px;
      margin-right: 5px; }
    .panel.error-message i.close:before {
      color: #97230b; }

.steps ol {
  list-style: none;
  padding: 0;
  margin: 0px; }
  .steps ol li {
    float: left;
    background: whitesmoke;
    padding: 10px;
    font-size: .8em;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5; }
    .steps ol li:first-of-type {
      border-left: 1px solid #e5e5e5;
      border-radius: 3px 0 0 3px; }
    .steps ol li:last-of-type {
      border-radius: 0 3px 3px 0; }
    .steps ol li.active {
      background: #14A0D2;
      color: white;
      border: 1px solid #0b5975; }

.steps.five-steps li {
  width: 20%;
  float: left; }

.steps.four-steps li {
  width: 25%;
  float: left; }

.steps.three-steps li {
  width: 33.333333%;
  float: left; }

.health-info .no-list li {
  margin-bottom: 0; }
  .health-info .no-list li:last-of-type a {
    border-top: 1px solid #e5e5e5;
    font-size: 0.8em;
    padding: 0.75em; }
  .health-info .no-list li a {
    display: block;
    padding: 1em; }
    .health-info .no-list li a:hover {
      text-decoration: none;
      background: whitesmoke; }

.date {
  float: right;
  color: #919090;
  font-size: 0.85em; }

.practice {
  color: #919090;
  font-size: 0.85em; }

.allergies li {
  display: block;
  float: left;
  width: 100%; }
  .allergies li .allergy-name {
    width: 75%;
    float: left; }
  .allergies li .reaction {
    float: left;
    width: 25%;
    font-size: 0.85em; }
    .allergies li .reaction.mild {
      color: #7acc7e; }
      .allergies li .reaction.mild:after {
        background: #7acc7e; }
    .allergies li .reaction.moderate {
      color: #F7941D; }
      .allergies li .reaction.moderate:after {
        background: #F7941D; }
    .allergies li .reaction.severe {
      color: #F26649; }
      .allergies li .reaction.severe:after {
        background: #F26649; }

.immunization {
  margin-top: 13px;
  display: block; }

.notification-drop {
  position: absolute;
  right: 3.5em;
  top: 1em; }
  .notification-drop .ball-area {
    position: absolute;
    right: 0em;
    text-align: right; }
    .notification-drop .ball-area .ball {
      padding: 4px 10px;
      margin-left: 5px;
      background: #e55;
      color: white;
      border-radius: 30px;
      border: 1px solid #c91414;
      box-shadow: inset 0px 1px 0px #f7b2b2;
      font-size: 0.8em;
      font-weight: bold; }
      .notification-drop .ball-area .ball:hover {
        text-decoration: none; }
  .notification-drop .dropdown {
    position: relative;
    background: #444;
    z-index: 300;
    width: 500px;
    left: 1em;
    top: 3em;
    border-radius: 3px; }
    .notification-drop .dropdown ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .notification-drop .dropdown ul li:first-of-type a {
        border-radius: 3px 3px 0 0; }
      .notification-drop .dropdown ul li:last-of-type a {
        border-radius: 0 0 3px 3px; }
      .notification-drop .dropdown ul li h3 {
        margin: 0;
        color: white;
        font-size: 0.85em;
        padding: 1em;
        border-bottom: 1px solid #373737;
        box-shadow: 0 1px 0 #515151; }
      .notification-drop .dropdown ul li a {
        color: white;
        padding: 1em;
        display: block;
        font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial;
        font-weight: 400;
        text-align: left; }
        .notification-drop .dropdown ul li a:hover {
          text-decoration: none;
          background: #515151; }
  .notification-drop .dropdown:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .notification-drop .dropdown:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #444;
    border-width: 10px;
    left: 94%;
    margin-left: -10px; }

.user-drop-area {
  width: 200px;
  position: relative;
  float: left;
  display: block; }

.notification-drop-area {
  float: left;
  position: relative;
  width: 60px;
  left: 2em; }

.user-drop {
  position: absolute;
  top: 0em;
  left: 0; }
  .user-drop .ball-area {
    position: absolute;
    right: 0em;
    width: 300px;
    text-align: right; }
    .user-drop .ball-area .ball {
      padding: 4px 10px;
      margin-left: 5px;
      background: #e55;
      color: white;
      border-radius: 30px;
      border: 1px solid #c91414;
      box-shadow: inset 0px 1px 0px #f7b2b2;
      font-size: 0.8em;
      font-weight: bold; }
      .user-drop .ball-area .ball:hover {
        text-decoration: none; }
  .user-drop .drop {
    position: absolute;
    background: #444444;
    z-index: 300;
    width: 200px;
    left: -1em;
    top: 4.5em;
    border-radius: 3px; }
    .user-drop .drop ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .user-drop .drop ul hr {
        margin: 0;
        border-top: 1px solid #373737;
        box-shadow: 0 1px 0 #515151; }
      .user-drop .drop ul li:first-of-type a {
        border-radius: 3px 3px 0 0; }
      .user-drop .drop ul li:last-of-type a {
        border-radius: 0 0 3px 3px; }
      .user-drop .drop ul li h3 {
        margin: 0;
        color: white;
        font-size: 0.85em;
        padding: 1em;
        border-bottom: 1px solid #373737;
        box-shadow: 0 1px 0 #515151; }
      .user-drop .drop ul li a {
        color: white;
        padding: 1em;
        display: block;
        text-align: left;
        font-size: 0.85em;
        font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial;
        font-weight: 400; }
        .user-drop .drop ul li a:hover {
          text-decoration: none;
          background: #515151; }
  .user-drop .drop:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .user-drop .drop:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #444;
    border-width: 10px;
    left: 2.25em;
    margin-left: -10px; }

.account-settings h4 {
  margin: 0 0 0.5em 0; }

.tos {
  max-height: 300px;
  overflow-y: scroll; }

.lab-name {
  max-width: 33.33333%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap; }

.health-profile {
  margin-bottom: 2em;
  background: white;
  box-shadow: 0 1px 6px #e5e5e5;
  border-radius: 3px; }
  .health-profile img {
    float: left;
    width: 75px;
    border-radius: 3px 0 0 3px;
    margin-right: 1em; }
  .health-profile h2 {
    font-size: 1em;
    margin: 5px 0 1px 0; }
  .health-profile p {
    margin: 0;
    font-size: 0.8em; }
    .health-profile p em {
      color: #14A0D2; }

.account-profile img {
  width: 120px;
  float: left;
  margin-right: 1em;
  border-radius: 3px; }

.payment-controls {
  padding: 1em;
  background: whitesmoke;
  border-radius: 3px;
  border: 1px solid #eee; }

.payment-info {
  width: 33.333333%;
  float: left;
  padding: 20px; }
  .payment-info h3 {
    margin: 0;
    font-size: 0.85em; }
  .payment-info p {
    margin: 0;
    font-size: 1.5em; }

.statement-header h2 {
  font-size: 2.5em;
  margin: 0; }

.statement-header .button {
  position: absolute;
  top: 2.35em;
  right: 2em; }

.payment-breakdown {
  margin-bottom: 2em; }
  .payment-breakdown h2 {
    margin-top: 0;
    font-weight: 500; }
  .payment-breakdown.plus .patient-breakdown-header .amount span:before {
    content: "";
    margin-right: 0.5em;
    font-size: 0.8em;
    position: relative;
    top: -2px; }
  .payment-breakdown.plus .details .no-list li.payment {
    color: #55be5a; }
    .payment-breakdown.plus .details .no-list li.payment.total .detail-name:before {
      content: ""; }
    .payment-breakdown.plus .details .no-list li.payment.total .amount {
      left: 22.5em; }
      .payment-breakdown.plus .details .no-list li.payment.total .amount:before {
        content: ""; }
    .payment-breakdown.plus .details .no-list li.payment .detail-name:before {
      content: "6";
      font-family: "fontello";
      margin-right: 0.5em; }
    .payment-breakdown.plus .details .no-list li.payment .amount {
      left: 21.5em;
      top: 0.5em; }
      .payment-breakdown.plus .details .no-list li.payment .amount:before {
        content: "";
        margin-right: 0.5em;
        font-size: 0.8em;
        position: relative;
        top: -2px; }
  .payment-breakdown.plus .details .no-list li .amount:before {
    content: "";
    margin-right: 0.5em;
    font-size: 0.8em;
    position: relative;
    top: -2px; }
  .payment-breakdown.minus .patient-breakdown-header .amount span:before {
    content: "";
    margin-right: 0.5em;
    font-size: 0.8em;
    position: relative;
    top: -2px; }
  .payment-breakdown.minus .details .no-list li .amount:before {
    content: "";
    margin-right: 0.5em;
    font-size: 0.8em;
    position: relative;
    top: -2px; }
  .payment-breakdown:last-of-type {
    margin-bottom: 0; }
  .payment-breakdown .details {
    display: none;
    border-radius: 3px; }
    .payment-breakdown .details .detail-item {
      margin-bottom: 0.5em;
      background: #fafafa; }
      .payment-breakdown .details .detail-item h4 {
        margin: 0;
        font-size: 1em;
        font-weight: 400;
        border-radius: 3px 3px 0 0;
        padding: 1em;
        color: #444;
        background: #f1f1f1;
        border: 1px solid #ddd;
        box-shadow: inset 0 1px 0 white; }
        .payment-breakdown .details .detail-item h4:hover {
          cursor: pointer; }
      .payment-breakdown .details .detail-item .no-list.charge-list {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        display: none; }
        .payment-breakdown .details .detail-item .no-list.charge-list li img {
          width: 50px;
          float: left;
          margin-right: 0.5em;
          border-radius: 3px; }
        .payment-breakdown .details .detail-item .no-list.charge-list li h5 {
          margin: 0;
          font-size: 1em; }
      .payment-breakdown .details .detail-item .no-list li {
        position: relative;
        padding: 1em;
        margin: 0;
        border-bottom: 1px dashed #e5e5e5; }
        .payment-breakdown .details .detail-item .no-list li:last-of-type {
          border-bottom: 0; }
        .payment-breakdown .details .detail-item .no-list li.total {
          font-weight: bold; }
        .payment-breakdown .details .detail-item .no-list li ul {
          list-style: none;
          padding: 0;
          margin: 0; }
          .payment-breakdown .details .detail-item .no-list li ul li {
            padding: 0.5em 0 0;
            border-bottom: 0; }
      .payment-breakdown .details .detail-item .amount {
        position: absolute;
        left: 22.5em;
        min-width: 12em;
        text-align: right;
        top: 1em; }
      .payment-breakdown .details .detail-item .detail-name {
        display: block;
        max-width: 25em; }
  .payment-breakdown .patient-breakdown-header {
    margin-bottom: 0.5em; }
    .payment-breakdown .patient-breakdown-header h3 {
      display: inline-block;
      position: relative;
      z-index: 10;
      background: white;
      padding-right: 0.5em;
      margin: 0;
      font-size: 1em;
      overflow-x: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 90%;
      color: #14A0D2; }
    .payment-breakdown .patient-breakdown-header hr {
      position: absolute;
      width: 28em;
      top: -3px;
      border-top: 1px dashed #e5e5e5; }
    .payment-breakdown .patient-breakdown-header .amount {
      position: absolute;
      left: 25em;
      min-width: 12em;
      text-align: right;
      top: 0px; }
      .payment-breakdown .patient-breakdown-header .amount span {
        background: white;
        padding: 0 0.5em; }
      .payment-breakdown .patient-breakdown-header .amount.owed {
        left: 23em; }
    .payment-breakdown .patient-breakdown-header i.dropdown:before {
      float: none;
      display: inline-block;
      padding: 0.5em;
      background: white;
      position: relative;
      font-size: 1em;
      top: -3px;
      transition: all ease 0.2s;
      -webkit-transition: all ease 0.2s;
      -moz-transition: all ease 0.2s;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg); }
    .payment-breakdown .patient-breakdown-header i.dropdown.open:before {
      -webkit-transform: rotate(0deg) !important;
      -moz-transform: rotate(0deg) !important;
      -ms-transform: rotate(0deg) !important;
      -o-transform: rotate(0deg) !important; }
    .payment-breakdown .patient-breakdown-header:hover {
      cursor: pointer; }

.truste-badge {
  position: absolute;
  right: 2em;
  top: 1em; }

.norton-badge {
  position: absolute;
  right: 14em;
  top: 0.5em;
  width: 90px; }

.pay-card h2 {
  margin: 0;
  font-size: 1.25em; }

dl.receipt dt {
  float: left;
  font-weight: bold; }

dl.receipt dd {
  margin-left: 9em;
  margin-bottom: 1em; }

ul.previous-payments li {
  margin-bottom: 0; }
  ul.previous-payments li a {
    display: block;
    color: #444;
    padding: 0.75em;
    border: 1px solid transparent; }
    ul.previous-payments li a h3 {
      margin: 0;
      font-size: 1em; }
    ul.previous-payments li a p {
      margin: 0;
      font-size: 0.85em; }
      ul.previous-payments li a p.practice-name {
        max-width: 100%;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    ul.previous-payments li a:hover {
      text-decoration: none;
      background: whitesmoke;
      border-top: 1px solid #dcdbdb;
      border-bottom: 1px solid #dcdbdb;
      box-shadow: inset 0 1px 0 white; }

.empty-loading-profile-img {
  padding: 4.65em;
  background: whitesmoke;
  box-shadow: inset 0 1px 20px #d5d5d5; }

/***********************************
	Messages
***********************************/
.loading-message {
  margin: 0 auto;
  font-style: italic;
  width: 50%; }

.inner-message {
  font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial;
  font-size: 16px; }

.inbox-select {
  width: auto;
  margin: 0;
  position: absolute;
  top: 4px;
  left: 9em;
  padding: 3px 35px 3px 8px; }

.message-container {
  width: 100%;
  float: left;
  background: white;
  border-radius: 3px;
  box-shadow: 0 1px 3px #d8d8d8; }
  .message-container .message-control {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 1.25em; }
    .message-container .message-control .button-group {
      position: absolute;
      right: 1em;
      top: 9px; }
      .message-container .message-control .button-group a {
        padding: 1px 10px; }
  .message-container .message-nav {
    width: 12em;
    float: left; }
    .message-container .message-nav ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .message-container .message-nav ul li a {
        padding: 1em;
        display: block;
        color: #444; }
        .message-container .message-nav ul li a.selected {
          color: #F7941D;
          font-weight: bold; }
        .message-container .message-nav ul li a:hover {
          text-decoration: none;
          background: whitesmoke; }
  .message-container .message-main-content {
    margin-left: 12em;
    border-left: 1px solid #eee;
    min-height: 12em; }
    .message-container .message-main-content .message-list {
      width: 100%;
      margin-left: 0;
      border-left: 0; }
    .message-container .message-main-content .message-control {
      width: 100%;
      float: left; }
    .message-container .message-main-content .loading-message {
      padding: 1em; }
  .message-container .message-content-area .new-message {
    padding: 1em 2em; }
  .message-container .message-content-area .message-send {
    padding: 1em 2em;
    border-top: 1px solid #eee;
    width: 100%;
    float: left; }
  .message-container .message-content-area .message-subject {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee; }
    .message-container .message-content-area .message-subject h2 {
      margin: 0;
      font-size: 1em;
      padding: 1em 2em; }
  .message-container .message-content-area .messages {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee; }
    .message-container .message-content-area .messages:last-of-type {
      border-bottom: 0; }
    .message-container .message-content-area .messages ol {
      padding: 0;
      margin: 0;
      list-style: none; }
      .message-container .message-content-area .messages ol li {
        display: block;
        float: left;
        width: 100%;
        padding: 2em;
        position: relative;
        border-bottom: 1px solid #e5e5e5; }
        .message-container .message-content-area .messages ol li .message-header {
          width: 100%;
          float: left; }
          .message-container .message-content-area .messages ol li .message-header img {
            float: left;
            width: 60px;
            margin-right: 1em; }
          .message-container .message-content-area .messages ol li .message-header .from-name {
            font-size: 1em;
            margin: 0; }
          .message-container .message-content-area .messages ol li .message-header .to-name {
            font-size: 0.8em;
            font-weight: 400;
            margin: 0; }
          .message-container .message-content-area .messages ol li .message-header .info-reply {
            position: absolute;
            right: 3em;
            top: 3em;
            font-size: 0.75em; }
            .message-container .message-content-area .messages ol li .message-header .info-reply a {
              margin-left: 1em; }
        .message-container .message-content-area .messages ol li .message-content {
          width: 100%;
          float: left;
          margin-top: 2em; }
        .message-container .message-content-area .messages ol li:last-of-type {
          border-bottom: 0; }
        .message-container .message-content-area .messages ol li:hover {
          cursor: pointer; }
  .message-container .message-list {
    margin-left: 12em;
    border-left: 1px solid #eee;
    min-height: 20em; }
    .message-container .message-list ol {
      padding: 0;
      margin: 0;
      list-style: none; }
      .message-container .message-list ol li a {
        padding: 0.5em;
        display: block;
        width: 100%;
        border-bottom: 1px solid #eee;
        float: left;
        position: relative;
        font-weight: bold; }
        .message-container .message-list ol li a .name-from {
          width: 25%;
          overflow-x: hidden;
          float: left;
          margin-right: 5%;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .message-container .message-list ol li a .subject-line {
          max-width: 48%;
          float: left;
          margin-right: 2%;
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .message-container .message-list ol li a .time-received {
          position: absolute;
          right: 0;
          top: 0;
          background: white;
          padding: 0.5em; }
        .message-container .message-list ol li a .sent-to-name {
          width: 15%;
          overflow-x: hidden;
          float: left;
          margin-right: 5%;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .message-container .message-list ol li a .sent-message-content {
          max-width: 40%;
          float: left;
          margin-right: 8%;
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .message-container .message-list ol li a .sent-subject-line {
          width: 10%;
          float: left;
          margin-right: 5%;
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .message-container .message-list ol li a.seen {
          background: #fafafa;
          color: #aaaaaa;
          font-weight: 400;
          cursor: pointer; }
          .message-container .message-list ol li a.seen .time-received {
            background: #fafafa; }
      .message-container .message-list ol li .message-header {
        width: 100%;
        float: left; }
        .message-container .message-list ol li .message-header .from-name {
          font-size: 1em;
          margin: 0; }
        .message-container .message-list ol li .message-header .to-name {
          font-size: 0.8em;
          margin: 0; }
        .message-container .message-list ol li .message-header .message-time {
          text-align: right;
          padding-right: 10px;
          font-size: 0.75em; }
      .message-container .message-list ol li .message-content {
        padding: 1em; }
      .message-container .message-list ol li .expanded-message-container {
        width: 100%;
        float: left; }
      .message-container .message-list ol li.no-messages {
        padding: 1em; }

.select-practice-list li a i.check:before {
  color: #aaaaaa; }

/* Care Plans */
.care-plan {
  list-style: none;
  padding: 0 0 0 0em;
  margin: 2em 0 2em 2em;
  position: relative; }
  .care-plan li {
    position: relative;
    padding-bottom: 2em;
    border-left: 3px solid #d0d0d0; }
    .care-plan li.complete {
      border-color: #14A0D2; }
      .care-plan li.complete:before {
        background: #14A0D2;
        border: 3px solid #14A0D2; }
    .care-plan li.current:before {
      background: #fafafa;
      border: 3px solid #14A0D2; }
    .care-plan li:last-of-type {
      padding-bottom: 2em; }
      .care-plan li:last-of-type:after {
        content: "";
        width: 1em;
        height: 3px;
        background: #d0d0d0;
        position: absolute;
        bottom: 0;
        left: -10px; }
    .care-plan li:before {
      content: "";
      height: 0.75em;
      width: 0.75em;
      border-radius: 4em;
      background: #fafafa;
      border: 3px solid #d0d0d0;
      position: absolute;
      left: -11px; }
    .care-plan li .care-plan-date {
      position: absolute;
      font-size: 0.8em;
      left: -8em;
      top: 0px;
      width: 5em;
      text-align: right; }
    .care-plan li .care-plan-item {
      position: relative;
      top: -2px;
      padding: 0 3em 1em 2em; }
      .care-plan li .care-plan-item h3 {
        color: #919090;
        font-weight: 400;
        font-size: 0.8em;
        margin: 0; }
      .care-plan li .care-plan-item p {
        margin: 0; }

/* About Page */
.about-item {
  width: 20%;
  float: left;
  padding: 1em;
  position: relative; }
  .about-item img {
    position: relative;
    border: 4px solid white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-transition: ease all 0.2s;
    -moz-transition: ease all 0.2s;
    transition: ease all 0.2s; }
    .about-item img:hover {
      bottom: 5px;
      cursor: pointer; }
  .about-item .blurb {
    border: 1px solid #111111;
    box-shadow: inset 0 1px 0 #777777, 0 1px 8px rgba(0, 0, 0, 0.15);
    position: absolute;
    width: 20em;
    font-size: 0.8em;
    background: #444;
    color: white;
    padding: 10px;
    border-radius: 3px;
    bottom: 16em;
    right: -2.5em;
    display: none; }
    .about-item .blurb h3 {
      margin: 0 0 0.5em 0; }
  .about-item .blurb:after, .about-item .blurb:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .about-item .blurb:after {
    border-color: rgba(68, 68, 68, 0);
    border-top-color: #444;
    border-width: 10px;
    left: 50%;
    margin-left: -10px; }
  .about-item .blurb:before {
    border-color: rgba(34, 34, 34, 0);
    border-top-color: #222;
    border-width: 11px;
    left: 50%;
    margin-left: -11px; }

.pre-reg-insurance-panel {
  border: 1px solid #ddd;
  border-radius: 3px; }
  .pre-reg-insurance-panel .header {
    padding: 1em;
    background: #eee;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: inset 0 1px 0 white; }
    .pre-reg-insurance-panel .header h3 {
      font-size: 1em;
      margin: 0; }
    .pre-reg-insurance-panel .header a.close {
      position: absolute;
      right: 1em; }
      .pre-reg-insurance-panel .header a.close i.close:before {
        color: #aaaaaa;
        text-shadow: 0 1px 0 white; }
  .pre-reg-insurance-panel .content {
    padding: 1em;
    background: whitesmoke;
    border-bottom: 1px solid #e5e5e5; }
    .pre-reg-insurance-panel .content h4 {
      margin: 0 0 10px 0; }
    .pre-reg-insurance-panel .content:last-of-type {
      border-bottom: 0; }

.pre-reg-medical-history .button.small {
  width: 100%;
  margin-bottom: 1em; }
  .pre-reg-medical-history .button.small:last-child {
    margin-bottom: 0; }
  .pre-reg-medical-history .button.small.selected {
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15); }

.guest-bar {
  position: relative;
  z-index: 3000;
  padding: 0.5em 1.75em;
  background: #eeeda5;
  color: #52510f;
  border-bottom: 1px solid #d2d028;
  font-size: 0.8em; }
  .guest-bar select {
    margin: 0 0 0 0.5em;
    padding: 3px; }
  .guest-bar a {
    margin-top: 5px; }

.guest-view .main-content {
  padding-top: 8em; }

/* Fixed Layout */
.container.fixed .page-title {
  position: fixed;
  z-index: 200;
  background: #fafafa;
  padding: 1em;
  top: 60px; }
  .container.fixed .page-title h1 {
    margin-left: 160px; }
  .container.fixed .page-title .note {
    margin-left: 160px; }
  .container.fixed .page-title .shadow-bar {
    opacity: 0;
    width: 920px; }
    .container.fixed .page-title .shadow-bar.on {
      background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 7px);
      background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 7px);
      background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 7px);
      height: 10px;
      position: absolute;
      bottom: -10px;
      left: 155px;
      opacity: 1;
      transition: all ease 0.2s;
      -webkit-transition: all ease 0.2s; }
      .container.fixed .page-title .shadow-bar.on:after {
        background-image: linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0));
        background-image: -webkit-linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0));
        background-image: -moz-linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0));
        width: 30px;
        height: 7px;
        position: absolute;
        left: 0;
        content: ""; }
      .container.fixed .page-title .shadow-bar.on:before {
        background-image: linear-gradient(to left, #fafafa, rgba(255, 255, 255, 0));
        width: 30px;
        height: 7px;
        position: absolute;
        right: 0;
        content: ""; }

.container.fixed .local-navigation ul {
  position: fixed;
  top: 10em;
  margin: 1em 0 0 0; }
  .container.fixed .local-navigation ul:before {
    top: 0;
    right: -1px; }
  .container.fixed .local-navigation ul:after {
    right: -1px; }

.container.fixed .column.last {
  top: 5em;
  left: 160px;
  padding: 1em;
  max-width: 100%;
  float: none;
  margin: 0; }

.cmuds .page-title .card-content {
  position: fixed;
  background: #fafafa;
  z-index: 50;
  width: 100%;
  padding: 1em 0;
  top: 3.7em;
  margin-right: 1px; }
  .cmuds .page-title .card-content #show-about-btn {
    display: none; }

.cmuds .main-patient-info {
  top: 4em; }
  .cmuds .main-patient-info .shadow-bar {
    opacity: 0; }
    .cmuds .main-patient-info .shadow-bar.on {
      background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 7px);
      background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 7px);
      background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 7px);
      height: 10px;
      position: fixed;
      width: 230px;
      z-index: 40;
      top: 153px;
      opacity: 1;
      transition: all ease 0.2s;
      -webkit-transition: all ease 0.2s; }
      .cmuds .main-patient-info .shadow-bar.on:after {
        background-image: linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0));
        background-image: -webkit-linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0));
        background-image: -moz-linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0));
        width: 20px;
        height: 7px;
        position: absolute;
        left: 0;
        content: ""; }
      .cmuds .main-patient-info .shadow-bar.on:before {
        background-image: linear-gradient(to left, #fafafa, rgba(255, 255, 255, 0));
        width: 20px;
        height: 7px;
        position: absolute;
        right: 0;
        content: ""; }
  .cmuds .main-patient-info .card-content {
    position: fixed;
    top: 9.7em;
    max-width: 216px; }
    .cmuds .main-patient-info .card-content.scrollable {
      overflow-y: scroll; }
      .cmuds .main-patient-info .card-content.scrollable ::-webkit-scrollbar {
        display: none; }

.cmuds .main-health-info {
  top: 4.5em;
  padding: 0 20px 0 0px;
  left: -18px; }
  .cmuds .main-health-info .card {
    left: 20px;
    top: 10px; }
  .cmuds .main-health-info .shadow-bar {
    opacity: 0; }
    .cmuds .main-health-info .shadow-bar.on {
      background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 7px);
      background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 7px);
      background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 7px);
      height: 10px;
      position: fixed;
      width: 820px;
      z-index: 40;
      top: 153px;
      opacity: 1;
      transition: all ease 0.2s;
      -webkit-transition: all ease 0.2s; }
      .cmuds .main-health-info .shadow-bar.on:after {
        background-image: linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0));
        background-image: -webkit-linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0));
        background-image: -moz-linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0));
        width: 20px;
        height: 7px;
        position: absolute;
        left: 0;
        content: ""; }
      .cmuds .main-health-info .shadow-bar.on:before {
        background-image: linear-gradient(to left, #fafafa, rgba(255, 255, 255, 0));
        width: 20px;
        height: 7px;
        position: absolute;
        right: 0;
        content: ""; }

/* Medical History */
.medical-history ol {
  border-left: 3px solid #14A0D2;
  list-style: none;
  margin-left: 5em; }
  .medical-history ol li {
    position: relative;
    margin-bottom: 3em; }
    .medical-history ol li .history-year {
      position: absolute;
      left: -9.5em;
      top: -5px;
      background: #F7941D;
      font-weight: bold;
      padding: 0.85em 0.5em;
      border-radius: 3em;
      font-size: 0.8em;
      color: white; }
    .medical-history ol li .history-item .history-item-name {
      font-weight: 400;
      color: #14A0D2;
      margin-bottom: 0.25em; }
    .medical-history ol li .history-item .def-list {
      font-size: 0.85em; }
    .medical-history ol li:before {
      content: "";
      position: absolute;
      width: 1em;
      height: 1em;
      background: #14A0D2;
      border: 4px solid white;
      border-radius: 3em;
      left: -3.35em; }

/******************************************************
	Navigation
******************************************************/
.local-navigation ul {
  list-style: none;
  padding: 2em 0;
  margin: 5em 0 0 0;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.03) 0%, #fafafa 20px);
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.03) 0%, #fafafa 20px);
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 20px);
  border-right: 1px solid #ccc; }
  .local-navigation ul:before {
    background-image: linear-gradient(#fafafa, rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(#fafafa, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(#fafafa, rgba(255, 255, 255, 0));
    height: 2.5em;
    width: 100%;
    content: "";
    position: absolute;
    right: 0;
    top: 5em; }
  .local-navigation ul:after {
    background-image: linear-gradient(rgba(255, 255, 255, 0), #fafafa);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fafafa);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #fafafa);
    height: 2.5em;
    width: 100%;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0; }
  .local-navigation ul li a {
    display: block;
    font-size: 0.8em;
    padding: 10px 20px 10px 0;
    position: relative;
    color: #919090;
    text-align: right;
    text-shadow: 0 1px 0 white; }
    .local-navigation ul li a.selected {
      color: #14A0D2; }
      .local-navigation ul li a.selected:after {
        right: -1px;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .local-navigation ul li a.selected:before {
        right: -1px;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .local-navigation ul li a.selected:after {
        border-color: rgba(250, 250, 250, 0);
        border-right-color: #fafafa;
        border-width: 8px;
        margin-top: -8px; }
      .local-navigation ul li a.selected:before {
        border-color: rgba(221, 221, 221, 0);
        border-right-color: #ccc;
        border-width: 9px;
        margin-top: -9px; }
  .local-navigation ul li.divide {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 0.5em 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.13); }
    .local-navigation ul li.divide:after {
      background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #fafafa 100%);
      background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, #fafafa 100%);
      background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 0%, whitesmoke 100%);
      height: 2.5em;
      width: 100%;
      content: "";
      position: absolute;
      left: 0; }

/*****************************************
	Icons
*******************************************/
i:before {
  font-family: "fontello";
  line-height: 1;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400; }

i.blue:before {
  color: #14A0D2; }

i.orange:before {
  color: #F7941D; }

i.green:before {
  color: #7acc7e; }

i.health:before {
  content: "H";
  color: #2a9970;
  font-size: 1em;
  margin-right: 10px; }

i.messages:before {
  content: "M";
  color: #444;
  font-size: 1.75em;
  margin-right: 20px;
  position: relative;
  top: 5px; }

i.video:before {
  content: "J";
  color: white; }

i.document:before {
  content: "S";
  color: #444;
  font-size: 1.75em; }

i.account:before {
  content: "A";
  color: #444;
  font-size: 1.75em;
  margin-right: 20px;
  position: relative;
  top: 5px; }

i.payments:before {
  content: "P";
  color: #444;
  font-size: 1.75em;
  margin-right: 20px;
  position: relative;
  top: 5px; }

i.labs:before {
  content: "9";
  color: #444;
  font-size: 2.5em;
  margin-right: 20px;
  position: relative;
  top: 5px; }

i.search:before {
  content: "F";
  color: #444; }

i.new-vitals:before {
  content: "V";
  color: white;
  font-size: 2em;
  margin-right: 8px;
  position: relative;
  top: 5px; }

i.new-medical-bill:before {
  content: "S";
  color: white;
  font-size: 2em;
  margin-right: 8px;
  position: relative;
  top: 5px; }

i.new-labs:before {
  content: "9";
  color: white;
  font-size: 2em;
  margin-right: 8px;
  position: relative;
  top: 5px; }

i.appointments:before {
  content: "C";
  color: #444;
  font-size: 1.75em;
  margin-right: 20px;
  position: relative;
  top: 2px; }

i.prescriptions:before {
  content: "1";
  color: #444;
  font-size: 1em;
  margin-right: 10px; }

i.health-team:before {
  content: "T";
  color: #2a9970;
  font-size: 1.5em;
  margin-right: 10px;
  position: relative;
  top: 5px; }

i.love:before {
  content: "L";
  color: pink; }

i.edit:before {
  content: "G";
  color: #0b5975;
  font-size: 1.5em;
  position: relative;
  top: 7px; }

i.add:before {
  content: "4";
  color: white;
  font-size: 1.5em;
  position: relative;
  top: 2px;
  margin-right: 10px; }

i.delete:before {
  content: "X";
  color: #e55;
  font-size: 1.25em;
  position: relative;
  top: 0px; }

i.trash:before {
  content: "5";
  color: #2a9970;
  font-size: 1.5em;
  position: relative;
  top: 10px; }

i.check:before {
  content: "3";
  color: #919090;
  font-size: 1.5em;
  position: relative;
  top: 2px; }

i.check-two:before {
  content: "6";
  color: #919090;
  font-size: 1.5em;
  position: relative;
  top: 3px;
  left: 8px; }

i.green-check:before {
  content: "6";
  color: green;
  font-size: 1.5em;
  position: relative;
  top: 3px;
  left: 8px; }

i.med-dot:before {
  content: "D";
  color: #c4c3c3;
  font-size: .65em;
  position: relative; }

i.next:before {
  content: "2";
  display: inline-block;
  color: #aaaaaa;
  /* Safari */
  -webkit-transform: rotate(180deg);
  /* Firefox */
  -moz-transform: rotate(180deg);
  /* IE */
  -ms-transform: rotate(180deg);
  /* Opera */
  -o-transform: rotate(180deg);
  position: relative;
  top: -2px;
  font-size: 1.5em; }

i.list:before {
  content: "7";
  font-size: 1.35em; }

i.check:before {
  content: "6";
  font-size: 1.35em;
  color: #14A0D2;
  margin-right: 0.5em; }

i.close:before {
  content: "X";
  font-size: 1em;
  color: #14A0D2; }

i.print:before {
  content: "B";
  font-size: 1.25em;
  color: #14A0D2; }

i.dropdown:before {
  content: "D";
  font-size: 1.35em; }

i.lock:before {
  content: "H";
  font-size: 1.35em; }

i.timetable:before {
  content: "8";
  font-size: 1.75em; }

i.your-health:before {
  content: "L";
  color: #09475e;
  position: relative;
  top: 1px;
  right: 9px;
  font-size: 1.15em; }

i.health-team:before {
  content: "T";
  color: #09475e;
  position: relative;
  top: 2px; }

i.your-payments:before {
  content: "P";
  color: #09475e;
  position: relative;
  right: 5px;
  top: 2px; }

i.email:before {
  content: "E";
  color: #444;
  font-size: 1.25em;
  margin-right: 0.5em;
  position: relative;
  top: 2px; }

i.website:before {
  content: "O";
  color: #444;
  font-size: 1.25em;
  margin-right: 0.5em;
  position: relative;
  top: 2px; }

i.phone-num:before {
  content: "Q";
  color: #444;
  font-size: 1.25em;
  margin-right: 0.5em;
  position: relative;
  top: 2px; }

.credit-card:before {
  content: "<";
  color: #919090;
  position: absolute;
  top: 1.65em;
  left: 0.25em;
  font-size: 2em; }

i.cc:before {
  content: "<"; }

.credit-card-name:before {
  content: ">";
  color: #14A0D2;
  position: absolute;
  top: 1.65em;
  left: 0.25em;
  font-size: 2em; }

i.user:before {
  content: ">"; }

i.password:before {
  content: "H"; }

i.signin-key:before {
  content: "^";
  display: block;
  font-size: 3em; }

i.createaccount:before {
  content: "U";
  display: block;
  font-size: 3em; }

i.exp-date:before {
  content: "C"; }

i.birthday:before {
  content: "#"; }

i.home-address:before {
  content: "Y";
  margin: 0 8px 0 3px; }

i.phone:before {
  content: "Q";
  margin: 0 4px 0 0; }

i.push-left {
  margin-left: 10px; }

i.push-right {
  margin-right: 10px; }

i.goto:before {
  content: "`";
  font-size: 2em; }

i.view:before {
  content: "«"; }

i.download:before {
  content: "»"; }

i.transmit:before {
  content: "K"; }

i.login:before {
  content: "^"; }

/*****************************************
	Tables
*******************************************/
table.main-table {
  width: 100%;
  border-collapse: collapse; }
  table.main-table thead th {
    text-align: left;
    padding: 0.75em;
    font-size: 0.8em; }
  table.main-table tbody tr td {
    padding: 0.75em;
    border-top: 1px solid #eaeaea;
    font-size: 0.8em; }
    table.main-table tbody tr td.view-all {
      padding: 0; }
      table.main-table tbody tr td.view-all a {
        display: block;
        padding: 0.75em; }
        table.main-table tbody tr td.view-all a:hover {
          text-decoration: none;
          background: whitesmoke; }
  table.main-table tfoot tr td {
    border-top: 1px solid #eaeaea;
    padding: 0.75em;
    font-size: 0.8em;
    font-weight: bold; }
  table.main-table.payment-table tbody tr td.status.paid {
    font-style: italic;
    color: #919090; }
  table.main-table.payment-table tbody tr td.status.payment-due {
    color: orange; }

.small-table {
  width: 100%;
  border-collapse: collapse; }
  .small-table thead th {
    text-align: left;
    padding: 12px 8px;
    font-size: 0.85em;
    border-bottom: 1px solid #e5e5e5; }
  .small-table tbody tr:hover td {
    background: #fafafa;
    cursor: pointer; }
  .small-table tbody td {
    font-size: 0.85em;
    padding: 12px 8px;
    border-bottom: 1px solid #e5e5e5; }
  .small-table tfoot td {
    font-size: 0.85em;
    padding: 12px 8px;
    font-weight: bold; }

/*****************************************
	Forms
*******************************************/
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="date"],
input[type="password"],
input[type="search"] {
  width: 100%;
  padding: 7px 7px 7px 7px;
  color: #5e5d5d;
  font-weight: 400;
  margin: 10px 0;
  border: 1px solid #c4c3c3;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 transparent;
  font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="phone"]:focus,
  input[type="date"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus {
    border: 1px solid #14A0D2;
    outline: 0;
    box-shadow: inset 0 0 0 transparent, 0 0px 5px rgba(20, 160, 210, 0.4);
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s; }
  input[type="text"]:disabled,
  input[type="email"]:disabled,
  input[type="phone"]:disabled,
  input[type="date"]:disabled,
  input[type="password"]:disabled,
  input[type="search"]:disabled {
    background: whitesmoke;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    cursor: no-drop; }
  input[type="text"].max-1,
  input[type="email"].max-1,
  input[type="phone"].max-1,
  input[type="date"].max-1,
  input[type="password"].max-1,
  input[type="search"].max-1 {
    max-width: 100px; }
  input[type="text"].xxsmall,
  input[type="email"].xxsmall,
  input[type="phone"].xxsmall,
  input[type="date"].xxsmall,
  input[type="password"].xxsmall,
  input[type="search"].xxsmall {
    max-width: 3em; }
  input[type="text"].xsmall,
  input[type="email"].xsmall,
  input[type="phone"].xsmall,
  input[type="date"].xsmall,
  input[type="password"].xsmall,
  input[type="search"].xsmall {
    max-width: 5em; }
  input[type="text"].small,
  input[type="email"].small,
  input[type="phone"].small,
  input[type="date"].small,
  input[type="password"].small,
  input[type="search"].small {
    max-width: 10em; }
  input[type="text"].medium,
  input[type="email"].medium,
  input[type="phone"].medium,
  input[type="date"].medium,
  input[type="password"].medium,
  input[type="search"].medium {
    max-width: 20em; }
  input[type="text"].long,
  input[type="email"].long,
  input[type="phone"].long,
  input[type="date"].long,
  input[type="password"].long,
  input[type="search"].long {
    max-width: 30em; }
  input[type="text"].skinny,
  input[type="email"].skinny,
  input[type="phone"].skinny,
  input[type="date"].skinny,
  input[type="password"].skinny,
  input[type="search"].skinny {
    margin: 0;
    padding: 3px !important; }
  input[type="text"].no-margin,
  input[type="email"].no-margin,
  input[type="phone"].no-margin,
  input[type="date"].no-margin,
  input[type="password"].no-margin,
  input[type="search"].no-margin {
    margin: 0; }

.sign-in-group input[type="text"],
.sign-in-group input[type="email"],
.sign-in-group input[type="phone"],
.sign-in-group input[type="date"],
.sign-in-group input[type="password"],
.sign-in-group input[type="search"] {
  width: 100%;
  max-width: 100%; }

/* Append buttons to form fields */
.input-append input {
  width: calc(100% - 6em);
  width: -webkit-calc(100% - 6em);
  float: left;
  border-radius: 3px 0 0 3px; }

.input-append .button {
  float: left;
  border-radius: 0 30px 30px 0;
  padding: 9px 15px;
  position: relative;
  top: 10px;
  font-size: 0.8em;
  font-weight: 400;
  border-left: 0; }

.input-append.no-margin input {
  margin: 0; }

.input-append.no-margin .button {
  top: 0; }

/* Prepend icons to form fields */
.input-prepend .input {
  overflow: hidden; }
  .input-prepend .input input {
    float: left;
    border-radius: 0 3px 3px 0; }

.input-prepend .prepend {
  float: left;
  border: 1px solid #c4c3c3;
  border-right: 0;
  border-radius: 3px 0 0 3px;
  background: whitesmoke;
  width: 3em;
  margin-top: 10px;
  padding: 6px 0;
  text-align: center; }

.input-group.search input {
  border-radius: 30px 0 0 30px;
  float: left;
  width: 75%; }

.input-group.search .button {
  float: left;
  border-radius: 0 30px 30px 0;
  padding: 7px 15px;
  margin: 10px 0;
  border-left: 0; }

.input-group.inline {
  display: table;
  width: 100%; }
  .input-group.inline .input-group-row {
    display: table-row; }
    .input-group.inline .input-group-row .input-group-item {
      display: table-cell;
      padding: 8px; }

.control-group i.error-icon {
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  position: absolute;
  bottom: 2.25em;
  right: 3%; }

.control-group i.check {
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  position: absolute;
  bottom: 1.1em;
  right: 1%; }

.control-group .error-text {
  opacity: 0;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s; }

.styledRadio, .styledCheckbox {
  float: left;
  display: inline-block;
  position: relative;
  top: -0.65em; }

.iconed-input input {
  max-width: 20em;
  padding-left: 2.75em; }

.iconed-input img {
  display: block; }

.iconed-input .expires {
  min-width: 9em; }
  .iconed-input .expires:first-of-type {
    margin-right: 2em; }

label {
  display: block;
  color: #444; }

select {
  width: 100%;
  text-indent: 0.01px;
  text-overflow: '';
  font-size: 1em;
  margin: 10px 0;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  border-radius: 3px;
  width: 100%;
  padding: 7px 12% 7px 7px;
  color: #919191;
  font-weight: 400;
  border: 1px solid #c4c4c4;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial;
  background-image: url("data:arrow.png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQkIxRjIwM0I0MkYxMUUyOTk5OUQ2NDQ5MzEzMjg1RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQkIxRjIwNEI0MkYxMUUyOTk5OUQ2NDQ5MzEzMjg1RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJCQjFGMjAxQjQyRjExRTI5OTk5RDY0NDkzMTMyODVGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJCQjFGMjAyQjQyRjExRTI5OTk5RDY0NDkzMTMyODVGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6049nQAAAIRJREFUeNpi/P//PwMlgAXGYGRkdAZSWUD8k4AediCeBrR4L5gHcgHUFQJAvAAkRACD1AjA9SEZAAI8QLwaj+ZVQMyNYjGaATCX7MKieScQ88MU4TMABOSA+DSS5pNALIusgJABIKAJxA+A+B4Qa6BLEmMACJgBsQk2CZg+RkrTAUCAAQB27HBLU6jtxQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: 95% center; }
  select:focus {
    outline: 0;
    border: 1px solid #14A0D2;
    color: #14A0D2; }
  select:hover {
    cursor: pointer; }
  select.xsmall {
    max-width: 5em;
    padding: 7px; }
  select.small {
    max-width: 10em;
    padding: 7px; }
  select.medium {
    max-width: 20em; }
  select.long {
    max-width: 30em; }

textarea {
  width: 100%;
  padding: 7px;
  font-size: 0.85em;
  margin: 10px 0;
  font-family: "Open Sans", "Helvetica-Neue", Helvetica, Arial, "Helvetica-Neue", Helvetica, Arial;
  border: 1px solid #c4c4c4;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  color: #444;
  min-height: 10em;
  resize: none; }
  textarea:focus {
    border-color: #14A0D2;
    outline: 0; }
  textarea.note-area {
    border: 0;
    padding: 20px 0;
    font-size: 1em;
    line-height: 1.5;
    color: #444; }
  textarea#reply-textarea {
    transition: ease all 0.2s;
    -webkit-transition: ease all 0.2s; }
  textarea.small {
    max-width: 10em;
    min-height: 10em; }
  textarea.medium {
    max-width: 23.5em;
    min-height: 10em; }
  textarea.long {
    max-width: 35em;
    min-height: 10em; }

.inline-form label {
  float: left;
  margin-right: 1em;
  position: relative;
  top: 1em;
  min-width: 10em; }

form fieldset {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding: 1em 0; }

.checkbox {
  width: 100%;
  float: left; }
  .checkbox label {
    float: left;
    margin-left: 10px; }
  .checkbox input {
    float: left;
    margin-top: 5px; }
  .checkbox.sm-text-field input[type="text"] {
    float: none;
    width: 100px;
    position: relative;
    top: -0.65em;
    margin-left: 1em; }
  .checkbox.sm-text-field input[type="radio"] {
    margin-top: 1em; }

.payment-method-selection select {
  margin: 0 0 0 3.5em; }

.item {
  margin-bottom: 1em; }

.combobox {
  position: relative;
  max-width: 20em; }
  .combobox .button {
    border-radius: 3px;
    width: 100%;
    font-size: 0.85em;
    text-align: left;
    padding: 8px;
    font-weight: 300;
    color: #919090; }
    .combobox .button span {
      white-space: nowrap; }
    .combobox .button i.dropdown:before {
      position: absolute;
      right: 1px;
      padding: 5px 10px;
      background: whitesmoke;
      top: 5px; }
    .combobox .button:hover {
      background: whitesmoke; }
    .combobox .button:active {
      box-shadow: 0 0 0 transparent; }
  .combobox ul {
    list-style: none;
    display: none;
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 2em;
    border-radius: 0 0 3px 3px;
    width: 100%;
    background: whitesmoke;
    border-right: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 0;
    margin: 0; }
    .combobox ul li a {
      padding: 0.5em;
      display: block;
      font-size: .85em;
      text-decoration: none;
      border: 1px solid transparent; }
      .combobox ul li a:hover {
        background: #14A0D2;
        color: white; }

.lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("img/dark-bg.png");
  background: rgba(0, 0, 0, 0.75);
  display: none;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s; }
  .lightbox.open {
    display: block;
    z-index: 5000;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s; }
  .lightbox .modal {
    width: 35em;
    background: white;
    margin: 5em auto;
    padding: 0em;
    border-radius: 3px;
    box-shadow: 0 1px 10px black;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s; }
    .lightbox .modal .card {
      box-shadow: 0 0 0 transparent;
      margin-bottom: 0; }
      .lightbox .modal .card .card-header a.close {
        position: absolute;
        right: 1em;
        top: 0.25em;
        font-weight: bold;
        color: #0c607e;
        text-shadow: 0 1px 0 #5cc9f0;
        font-size: 1.5em; }
        .lightbox .modal .card .card-header a.close i.close:before {
          color: #0c607e;
          text-shadow: 0 1px 0 #5cc9f0; }

.meter {
  background: whitesmoke;
  position: relative;
  width: 100%;
  float: left;
  display: block;
  padding: 0.25em;
  border-radius: 30px;
  border: 1px solid #dcdbdb;
  box-shadow: inset 0 1px 0 white;
  margin-bottom: 1em; }
  .meter .bar {
    background: #7acc7e;
    border: 1px solid #45b44b;
    box-shadow: inset 0 1px 0 #b1e1b4;
    display: block;
    float: left;
    padding: 0.75em;
    border-radius: 30px 0 0 30px; }
  .meter .bar-amount {
    position: absolute;
    left: 1.25em;
    top: 8px;
    font-size: 0.8em;
    color: rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.pagination {
  width: 100%;
  float: left; }
  .pagination .button {
    float: left; }
    .pagination .button.forward {
      border-radius: 0px 30px 30px 0px;
      border-left: 0; }
    .pagination .button.back {
      border-radius: 30px 0px 0px 30px; }
  .pagination .page-label {
    float: left;
    margin: 0.25em 0.5em; }
  .pagination input[type="text"] {
    float: left;
    width: 3em;
    padding: 5px 7px;
    margin: 0; }
  .pagination .page-count {
    float: left;
    margin: 0.25em 0.5em; }

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

	First time experience
	
*******************************************/
.fte .page-title {
  width: 100%;
  float: left;
  padding: 20px 0;
  background: white; }
  .fte .page-title.landing-page {
    padding: 100px 0;
    text-align: center; }
    .fte .page-title.landing-page a {
      text-align: center;
      float: none;
      top: 0; }
      .fte .page-title.landing-page a.button {
        color: white !important; }
  .fte .page-title .big-lead {
    font-size: 3em;
    text-align: center;
    font-weight: 300;
    margin: 0; }

.fte .main-content {
  width: 100%;
  float: left;
  padding: 20px 0 100px 0;
  left: 0;
  position: relative;
  border: 0;
  height: auto; }

.fte .main-footer {
  width: 100%;
  float: left;
  padding: 20px 0; }

.fte .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px; }

.fte .panel {
  background: #bae8f8;
  color: #14A0D2; }

.fte fieldset {
  background: white;
  padding: 60px 20px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 0;
  border-left: 0;
  border-top: 0;
  margin: 0; }

/*****************************************
	
	Media Queries
	
*******************************************/
@media screen and (max-width: 960px) {
  .menu-btn {
    display: block;
    position: relative;
    float: right;
    top: 0.5em;
    padding: 1em; }
    .menu-btn:hover {
      text-decoration: none; }
  .top-group {
    position: absolute;
    width: 100%;
    top: 1.25em; }
  .notification-drop-area {
    left: 0;
    float: left;
    width: 100%; }
  .notification-drop {
    left: 0;
    width: 100%;
    top: 0; }
    .notification-drop .ball-area {
      right: 6em; }
    .notification-drop .dropdown {
      width: 100%;
      top: 2.75em;
      z-index: 700;
      border-radius: 0;
      left: 0; }
      .notification-drop .dropdown:after {
        left: auto;
        right: 6.25em; }
  .nav-group {
    position: absolute;
    left: 0;
    width: 100%;
    top: 44px;
    border-top: 1px solid #e5e5e5;
    background: white;
    display: none; }
    .nav-group .current-user {
      position: relative;
      top: 0em;
      left: 0;
      float: left;
      width: 100%; }
      .nav-group .current-user .drop {
        position: relative;
        background: #444444;
        z-index: 300;
        width: 100%;
        left: 0;
        top: 0;
        border-radius: 0; }
        .nav-group .current-user .drop:after {
          left: 2em; }
    .nav-group .user-drop-area {
      width: 100%;
      position: relative;
      top: 0;
      float: left;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
    .nav-group .main-nav {
      display: inline-block;
      float: left;
      position: relative;
      left: 0;
      width: 100%;
      background: white;
      z-index: 1000;
      border-bottom: 1px solid #e5e5e5; }
      .nav-group .main-nav ul {
        width: 100%; }
        .nav-group .main-nav ul li {
          float: left;
          width: 33.333333%;
          text-align: center; } }

@media screen and (max-width: 960px) and (max-width: 630px) {
  .nav-group .main-nav ul li {
    width: 100%;
    text-align: left; }
    .nav-group .main-nav ul li a i.your-health:before {
      left: 0;
      margin-right: 14px; }
    .nav-group .main-nav ul li a i.health-team:before {
      left: 0; }
    .nav-group .main-nav ul li a i.your-payments:before {
      left: 0;
      margin-right: 12px; }
  .card .card-content .meds header dl.prescription-date {
    position: relative;
    display: block;
    width: 100%;
    float: left;
    top: 0.75em;
    margin-bottom: 0.75em;
    z-index: 100;
    padding-left: 0;
    font-size: 0.85em;
    text-align: left; }
    .card .card-content .meds header dl.prescription-date dd {
      margin: 0 0 0.5em 8em;
      float: none; }
  .truste-badge {
    position: relative;
    display: block;
    float: left;
    clear: both;
    right: auto;
    top: 0;
    margin-top: 1.5em;
    margin-right: 2em; }
  .norton-badge {
    position: relative;
    float: left;
    display: block;
    right: auto;
    top: 0;
    margin-top: 1em; } }

@media screen and (max-width: 960px) and (min-width: 1200px) {
  table.main thead th {
    padding: 1.5em;
    font-size: 1em; }
  table.main tbody td {
    padding: 1.5em;
    font-size: 1em; } }

@media screen and (max-width: 880px) {
  .container.fixed .page-title {
    left: 0; }
    .container.fixed .page-title h1 {
      margin-left: 0; }
    .container.fixed .page-title .note {
      margin-left: 0; }
    .container.fixed .page-title .shadow-bar.on {
      left: 0;
      width: 100%; }
  .container.fixed .local-navigation {
    display: none; }
  .container.fixed .column.last {
    left: 0;
    width: 100%; } }

@media screen and (max-width: 800px) {
  .download-statement {
    position: relative;
    left: 0;
    margin-top: 0.5em;
    display: block;
    border-bottom: 0;
    background: whitesmoke;
    width: 100%;
    padding: 0.5em;
    border-radius: 3px; }
    .download-statement:hover {
      border: 0;
      background: #ededed; }
  .cmuds .page-title .card-content {
    top: 3.8em;
    padding: 0.5em 0; }
    .cmuds .page-title .card-content #show-about-btn {
      display: inline-block; }
  .cmuds .main-patient-info .card-content {
    max-width: 15em;
    right: -15em;
    background: #444;
    height: 100%;
    color: white;
    top: 8.5em;
    transition: right ease 0.2s;
    -webkit-transition: right ease 0.2s; }
  .cmuds .main-patient-info.show .card-content {
    right: 0; }
  .cmuds .main-health-info {
    left: 0;
    padding: 0 5px; }
    .cmuds .main-health-info .shadow-bar.on {
      left: 0;
      top: 139px; }
    .cmuds .main-health-info .card {
      left: 0;
      top: 0; }
  .combo-box ul li#show-about-line {
    display: list-item; } }

@media screen and (max-width: 800px) {
  .column {
    width: 100%;
    margin-right: 0; }
  .card.doctor-card {
    width: 100%; }
    .card.doctor-card .card-content ul {
      font-size: .85em; }
  .steps ol li {
    text-align: center; }
    .steps ol li span {
      display: none; }
  .steps.four-steps ol li {
    width: 16.6666667%; }
    .steps.four-steps ol li.active {
      width: 50%; }
  .steps.five-steps ol li {
    width: 12.5%; }
    .steps.five-steps ol li.active {
      width: 50%; } }

@media screen and (max-width: 695px) {
  .cmuds .page-title .card-content {
    top: 3.8em; }
  .cmuds .main-health-info .shadow-bar.on {
    top: 134px; }
  .def-list {
    font-size: 0.8em; }
  .page-title a {
    display: inline; }
  .care-plan {
    margin-left: 1em; }
    .care-plan li .care-plan-date {
      position: relative;
      left: 2.5em;
      margin-bottom: 1em;
      width: auto;
      text-align: left; }
    .care-plan li .care-plan-item {
      padding-right: 0; } }

@media screen and (max-width: 695px) {
  #print-statement-btn {
    display: none; }
  .payment-breakdown header hr {
    width: 100%; }
  .payment-breakdown header .amount {
    position: relative;
    left: 0;
    float: right;
    min-width: 1em; }
    .payment-breakdown header .amount.owed {
      left: -1.5em; }
  .payment-breakdown .details .detail-item h4 .amount {
    position: relative;
    left: -1.5em;
    float: right;
    min-width: 1em;
    top: 0; }
  .payment-breakdown .details .detail-item .detail-name {
    max-width: 18em; }
  .payment-breakdown .details .detail-item .amount {
    position: relative;
    left: -1.5em;
    float: right;
    min-width: 3em;
    text-align: right;
    top: -1.35em; }
  .payment-breakdown.plus .details .no-list li.payment .amount {
    position: relative;
    left: -1.5em;
    float: right;
    min-width: 3em;
    text-align: right;
    top: -1.35em; } }

@media screen and (max-width: 625px) {
  .cmuds .page-title .card-content .note {
    display: none; }
  .cmuds .page-title .card-content #show-about-btn {
    margin-left: 1em; } }

@media screen and (max-width: 580px) {
  .cmuds .page-title .card-content {
    top: 3.8em; }
  .cmuds .main-health-info .shadow-bar.on {
    top: 134px; } }

@media screen and (max-width: 525px) {
  .cmuds .page-title .card-content {
    top: 3.7em; }
    .cmuds .page-title .card-content a {
      margin: 0; }
  .cmuds .main-health-info .shadow-bar.on {
    top: 134px; }
  .def-list {
    display: block; }
    .def-list .def-row {
      display: block; }
      .def-list .def-row .def-item {
        display: block;
        padding: 0.5em; }
  .payment-breakdown {
    font-size: 0.8em; }
  .notification-drop {
    right: 1em;
    width: 100%; }
    .notification-drop .dropdown {
      width: 100%;
      border-radius: 0; }
  .grid_3,
  .grid_4,
  .grid_6 {
    width: 100%;
    margin-right: 0; }
  .main-content {
    padding: 5em 0.5em 3em; }
    .main-content.hero.signin h1.headline {
      font-size: 2em; }
  .card.health-info .card-content {
    padding: 0em; }
    .card.health-info .card-content p {
      padding: 1em;
      margin: 0; }
    .card.health-info .card-content a {
      display: block;
      width: 100%;
      padding: 0.5em 1em;
      float: left; }
      .card.health-info .card-content a:hover {
        text-decoration: none; }
      .card.health-info .card-content a .date {
        float: left;
        display: block;
        width: 100%; }
  .card .card-header {
    padding: 0.5em 1em; }
  .card .card-content {
    padding: 1em; }
  .page-title h1 {
    font-size: 1.25em; }
  .page-title a {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-bottom: 1.5em; } }

@media screen and (max-width: 500px) {
  .card.doctor-card .card-content {
    width: 100%; }
    .card.doctor-card .card-content ul {
      font-size: .8em; } }

@media screen and (max-width: 450px) {
  .cmuds .page-title .note {
    display: none; }
  .cmuds .page-title .combo-box {
    margin: 0; }
  .cmuds .main-health-info .well {
    margin-bottom: 1em; } }

@media screen and (max-width: 400px) {
  .cmuds .main-patient-info .card-content {
    top: 9.5em; }
  .notification-drop .dropdown ul li a {
    font-size: 0.8em; }
  .user-drop .drop ul li a {
    font-size: 0.8em; }
  .current-user a {
    padding: 1em; }
  nav.main-nav ul li a {
    padding: 1em; }
  .main-content .item {
    margin-bottom: 1em; }
  .main-content .panel {
    font-size: 0.85em;
    padding: 0.75em; }
  .main-content .card {
    width: 100%; }
    .main-content .card .card-header {
      font-size: 0.85em; }
    .main-content .card .card-content {
      font-size: 0.85em; }
    .main-content .card.health-info .card-content {
      padding: 0em; }
      .main-content .card.health-info .card-content p {
        padding: 1em;
        margin: 0; }
      .main-content .card.health-info .card-content a {
        display: block;
        width: 100%;
        padding: 0.5em 1em;
        float: left; }
        .main-content .card.health-info .card-content a:hover {
          text-decoration: none; }
        .main-content .card.health-info .card-content a .date {
          float: left;
          display: block;
          width: 100%; } }

/******************************************
	Admin for Doctor facing interface
*******************************************/
body.admin .main-content {
  width: 100%;
  float: left;
  padding: 5em 1em 8em;
  left: 0; }
  body.admin .main-content .panel-gray {
    background: #e8e8e8;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 white;
    color: #8f8f8f;
    text-shadow: 0 1px 0 white;
    padding: 1em; }

body.admin .container {
  width: 960px;
  margin: 0 auto; }

.status.active {
  font-weight: bold;
  color: #444; }

.enroll-header {
  text-align: center;
  margin-bottom: 3em; }
  .enroll-header h1 {
    font-weight: 500;
    font-size: 2.75em;
    margin: 0; }
  .enroll-header p {
    margin: 0; }
  .enroll-header h2 {
    font-size: 1.25em;
    font-weight: 500;
    margin: 0.5em 0 1.75em 0; }

.admin-steps {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left; }
  .admin-steps li {
    float: left;
    width: 31.33333%;
    border-radius: 3px;
    box-shadow: 0 1px 3px #d5d5d5;
    padding: 2em;
    height: 250px;
    position: relative;
    background: white;
    text-align: center;
    margin-right: 3%; }
    .admin-steps li .done {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.9);
      border-radius: 3px;
      top: 0;
      left: 0; }
      .admin-steps li .done:after {
        content: "6";
        font-family: "fontello";
        position: relative;
        top: 1em;
        color: #444;
        font-size: 5em; }
    .admin-steps li p {
      margin: 0; }
    .admin-steps li:first-of-type img {
      margin: 0em 0 1em 0; }
    .admin-steps li:last-of-type {
      margin: 0; }
    .admin-steps li .number {
      position: absolute;
      z-index: 100;
      top: -18px;
      left: 44%;
      background: #64d4ab;
      padding: 6px 14px;
      box-shadow: inset 0 1px 0 #c8f0e1, 0 1px 7px rgba(0, 0, 0, 0.2);
      font-size: 1em;
      border: 1px solid #32b585;
      border-radius: 30px;
      color: white;
      font-weight: bold; }

.doc-dashboard {
  box-shadow: 0 1px 3px #d5d5d5;
  border-radius: 4px;
  background: #444; }
  .doc-dashboard .panel {
    border-top: 0;
    border-right: 0;
    border-left: 0; }
  .doc-dashboard .side-nav {
    width: 25%;
    float: left;
    max-height: 400px;
    overflow-y: scroll; }
    .doc-dashboard .side-nav h4 {
      padding: 0.5em 1em;
      margin: 0;
      border-bottom: 1px solid #333;
      color: white; }
    .doc-dashboard .side-nav ul {
      padding: 0;
      margin: 0; }
      .doc-dashboard .side-nav ul li a {
        padding: 0.5em 1em;
        display: block;
        color: #777; }
        .doc-dashboard .side-nav ul li a img {
          width: 25px;
          margin-right: 8px;
          border-radius: 3px; }
        .doc-dashboard .side-nav ul li a:hover {
          background: #555;
          text-decoration: none;
          color: white; }
        .doc-dashboard .side-nav ul li a.selected {
          position: relative;
          background: #3498db;
          color: white;
          font-weight: bold;
          z-index: 200; }
  .doc-dashboard .content-area {
    margin-bottom: 0;
    width: 75%;
    float: left;
    background: white;
    min-height: 400px;
    border-radius: 0 3px 3px 0; }
    .doc-dashboard .content-area .no-selection {
      font-size: 2em;
      display: block;
      text-align: center;
      padding: 2em 0; }
    .doc-dashboard .content-area.card .card-content {
      border-left: 0;
      border-right: 0;
      padding: 1em 1em 1em 3em; }
      .doc-dashboard .content-area.card .card-content:last-of-type {
        border-bottom: 0; }
    .doc-dashboard .content-area table {
      width: 100%; }
      .doc-dashboard .content-area table td {
        vertical-align: top; }

.patient-list-header {
  padding: 1em;
  background: white;
  margin-bottom: 1em;
  border-radius: 3px;
  box-shadow: 0 1px 3px #d5d5d5; }

.crop-area {
  width: 35em;
  height: 300px;
  overflow: hidden; }
  .crop-area img:hover {
    cursor: move; }

.crop-block {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 130px;
  height: 100%;
  top: 0;
  z-index: 3000; }
  .crop-block.left {
    left: 0; }
  .crop-block.right {
    right: 0; }

.patient-list {
  background: white;
  border-radius: 3px;
  box-shadow: 0 1px 3px #d5d5d5; }
  .patient-list h3 {
    padding: 1em;
    font-size: 1em;
    border-bottom: 1px solid #e5e5e5;
    margin: 0; }
  .patient-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 20em;
    overflow-y: scroll; }
    .patient-list ul li {
      padding: 0.5em 1em;
      border-bottom: 1px dashed #e5e5e5; }
      .patient-list ul li:last-of-type {
        border-bottom: 0; }

#preview {
  max-width: none; }

.sweet-or {
  border: 0;
  height: 0.5em;
  margin: 1em 0 0.5em;
  display: inline-block;
  width: 40%;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); }
  .sweet-or:before {
    content: "OR";
    height: 30px;
    width: 30px;
    color: #aaa;
    box-shadow: 0 1px 5px #ccc;
    border-radius: 3em;
    font-weight: bold;
    display: inline-block;
    position: relative;
    top: -1em;
    font-size: 1em;
    padding: .35em 0.25em 0.15em 0.25em;
    background: white; }

.admin-app .container {
  width: 980px; }

.admin-app .card.dashboard-card .date-range .button {
  margin-top: 2.2em; }

.admin-app .card.dashboard-card .payment-date-controls label {
  float: left;
  margin-right: 1em;
  margin-top: 0.25em; }

.admin-app .card.dashboard-card .payment-date-controls .button-group {
  margin-top: 0;
  float: right;
  width: 37em; }

.admin-app .card.dashboard-card .payments-ar h2 {
  font-size: 1.25em;
  margin: 0; }

.admin-app .card.dashboard-card .payments-ar .button-group {
  position: absolute;
  right: 0;
  top: 0; }

.admin-app .card.dashboard-card .payments-ar .ar-item {
  text-align: center;
  padding: 2em 0;
  border-right: 1px solid #e5e5e5;
  margin: 0;
  width: 25%; }
  .admin-app .card.dashboard-card .payments-ar .ar-item:last-of-type {
    border-right: 0; }
  .admin-app .card.dashboard-card .payments-ar .ar-item h3 {
    font-weight: 300;
    margin: 0;
    font-size: 1em; }
  .admin-app .card.dashboard-card .payments-ar .ar-item p {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0; }

.admin-app .card.dashboard-card .dashboard-module {
  text-align: center;
  padding: 2em 0;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }
  .admin-app .card.dashboard-card .dashboard-module:last-of-type {
    border-bottom: 0; }
  .admin-app .card.dashboard-card .dashboard-module .trend .up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #7acc7e;
    position: relative;
    top: -1em;
    right: 0.5em; }
  .admin-app .card.dashboard-card .dashboard-module .trend .down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #F26649;
    position: relative;
    top: 1em;
    right: 0.5em; }
  .admin-app .card.dashboard-card .dashboard-module h2 {
    margin: 0;
    font-weight: 300;
    font-size: 1em; }
  .admin-app .card.dashboard-card .dashboard-module .amount {
    font-size: 2em;
    font-weight: bold; }

.add-doc-content-item {
  background: white;
  padding: 1em;
  box-shadow: 0 1px 3px #ddd;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 2em; }
  .add-doc-content-item h3 {
    font-size: 0.8em;
    margin-top: 1em;
    margin-bottom: 0.5em; }
  .add-doc-content-item a {
    font-size: 0.8em;
    display: block; }
  .add-doc-content-item img {
    border-radius: 3px; }

.doc-content-item {
  padding: 0;
  text-align: center;
  margin: 0;
  padding: 1em;
  width: 33.333333%; }
  .doc-content-item h3 {
    font-size: 0.8em;
    margin: 1em 0 0.5em 0;
    padding: 0 0.5em; }
  .doc-content-item a {
    font-size: 0.8em;
    display: block; }
  .doc-content-item img {
    border-radius: 3px; }

.total-patient-percentage {
  font-size: 5em;
  font-weight: bold;
  line-height: 1; }
  .total-patient-percentage span {
    font-size: 0.4em;
    position: relative;
    top: -1em; }

.dashboard-patient-list h3 {
  padding: 1em;
  font-size: 1em;
  border-bottom: 1px solid #e5e5e5;
  margin: 0; }

.dashboard-patient-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 20em;
  overflow-y: scroll; }
  .dashboard-patient-list ul li {
    padding: 0.5em 1em; }

.stripe-status {
  position: absolute;
  right: 0em;
  top: 0em;
  padding: 0.75em 1.5em;
  border-radius: 30px;
  font-size: 0.8em;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s; }
  .stripe-status .active {
    background: #55be5a;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 0.2em 0.75em;
    font-size: 0.7em;
    text-shadow: 0 -1px 0 #307d34;
    color: white; }

.payment-item span {
  font-size: 2.25em;
  font-weight: bold; }
  .payment-item span span {
    font-size: 0.5em;
    margin-right: 0.15em;
    position: relative;
    top: -0.65em;
    font-weight: 400; }

/* Icons */
i.photo:before {
  content: "A";
  color: #14A0D2;
  font-size: 4em; }

i.get-paid:before {
  content: "P";
  color: #7acc7e;
  font-size: 3em; }

i.invite:before {
  content: "T";
  color: #14A0D2;
  font-size: 4em; }

i.made-payment-activity:before {
  content: "P";
  color: #7acc7e;
  font-size: 1.75em;
  margin-right: 0.5em;
  position: relative;
  top: 4px; }

i.sent-bill-activity:before {
  content: "E";
  color: #F7941D;
  font-size: 1.75em;
  margin-right: 0.5em;
  position: relative;
  top: 4px; }

i.sent-message-activity:before {
  content: "M";
  color: #14A0D2;
  font-size: 1.75em;
  margin-right: 0.5em;
  position: relative;
  top: 4px; }

i.bills:before {
  content: "P";
  color: #919090;
  display: block;
  font-size: 40px; }

i.messages:before {
  content: "M";
  color: #919090;
  display: block;
  font-size: 1.75em;
  margin: 0; }

i.activity-feed:before {
  content: "C";
  color: #919090;
  display: block;
  font-size: 40px; }

i.patient-profile-icon:before {
  content: ">";
  color: #919090;
  display: block;
  font-size: 40px; }

i.birthday:before {
  content: "#";
  margin-right: 5px; }

i.location:before {
  content: "Y";
  margin: 0 8px 0 3px; }

i.phone-number:before {
  content: "Q";
  margin-right: 5px; }

i.reload:before {
  content: "["; }

/* Activity Feed */
.activity-feed-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .activity-feed-list.profile li {
    padding: 1em; }
  .activity-feed-list li {
    background: white;
    border-bottom: 1px solid #eee;
    font-size: 0.85em;
    width: 100%;
    float: left;
    display: block; }
    .activity-feed-list li.no-matches {
      padding: 1em;
      color: #919090;
      font-style: italic; }
    .activity-feed-list li a {
      color: #444;
      padding: 1em;
      width: 100%;
      float: left;
      display: block; }
      .activity-feed-list li a:hover {
        background: whitesmoke; }
    .activity-feed-list li:last-of-type {
      border-bottom: 0; }
    .activity-feed-list li .activity {
      float: left;
      width: 66.666666%;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .activity-feed-list li time {
      float: left;
      text-align: right;
      width: 33.333333%; }
    .activity-feed-list li.new-activities-bar {
      margin: 0;
      padding: 0;
      background: #ffffcc;
      text-align: center; }
      .activity-feed-list li.new-activities-bar a {
        display: block;
        padding: 1em; }

.patient-module {
  text-align: center;
  padding: 2.5em 0;
  border-bottom: 1px solid #eaeaea;
  position: relative; }
  .patient-module h3 {
    margin: 0;
    font-weight: 300;
    font-size: 1em; }
  .patient-module p {
    margin: 0;
    font-weight: bold;
    font-size: 1.5em; }
    .patient-module p .sub {
      font-size: 0.5em;
      font-weight: 400;
      position: relative;
      top: -0.75em; }

.patient-profile {
  background: #444;
  width: 100%;
  float: left; }
  .patient-profile .profile-sidebar {
    width: 25%;
    width: 7em;
    float: left;
    position: relative; }
    .patient-profile .profile-sidebar ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .patient-profile .profile-sidebar ul li:first-of-type a {
        border-radius: 3px 0 0 0; }
      .patient-profile .profile-sidebar ul li a {
        padding: 1.5em 0;
        display: block;
        font-size: 0.8em;
        color: #919090;
        text-align: center;
        font-weight: bold;
        transition: background-color ease 0.2s;
        -webkit-transition: background-color ease 0.2s;
        -moz-transition: background-color ease 0.2s; }
        .patient-profile .profile-sidebar ul li a:hover {
          text-decoration: none;
          color: white; }
          .patient-profile .profile-sidebar ul li a:hover i:before {
            color: white !important; }
        .patient-profile .profile-sidebar ul li a.active {
          color: white;
          background: #14A0D2;
          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
          .patient-profile .profile-sidebar ul li a.active i:before {
            color: white !important; }
  .patient-profile .profile-content {
    width: 75%;
    width: calc(100% - 7em);
    float: left;
    background: white;
    min-height: 28em;
    border-radius: 0 3px 3px 0; }
    .patient-profile .profile-content .activity-feed-controls {
      width: 100%;
      float: left;
      padding: 1em;
      border-bottom: 1px solid #eee; }

.patient-profile-header {
  width: 100%;
  float: left;
  background: whitesmoke;
  padding: 1em 0 0.25em 2em;
  border-radius: 0 3px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 0;
  box-shadow: inset 0 1px 0 white; }
  .patient-profile-header img {
    position: absolute;
    width: 8em;
    top: 1em;
    border: 5px solid white;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
  .patient-profile-header ul {
    list-style: none;
    margin: 0 0 0 11em;
    padding: 0;
    font-size: 0.8em;
    color: #848484;
    text-shadow: 0 1px 0 white; }
    .patient-profile-header ul li {
      margin-bottom: 0.5em; }
      .patient-profile-header ul li.name {
        font-size: 1.5em;
        color: #444;
        margin-bottom: 0.25em; }

.patient-profile-info {
  padding: 2em 1em 2em 2em;
  width: 100%;
  float: left;
  border-top: 1px solid #eee; }
  .patient-profile-info:first-of-type {
    border-bottom: 0; }
  .patient-profile-info .provider-photo {
    width: 5em;
    border: 5px solid white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    margin-right: 1em; }
  .patient-profile-info.insurance-info .insurance-info-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .patient-profile-info.insurance-info .insurance-info-list li {
      display: block;
      padding: 0 2em 0 0; }
      .patient-profile-info.insurance-info .insurance-info-list li h4 {
        font-weight: 400;
        margin: 0;
        font-size: 1.2em; }
      .patient-profile-info.insurance-info .insurance-info-list li h5 {
        font-weight: 400;
        margin: 0;
        font-size: 1em; }
      .patient-profile-info.insurance-info .insurance-info-list li h6 {
        font-weight: 400;
        color: #919090;
        margin: 0;
        font-size: 0.85em; }
      .patient-profile-info.insurance-info .insurance-info-list li ul.insurance-contact {
        list-style-type: square !important;
        border-top: 1px solid #eee;
        margin: 0.5em 0;
        padding: 0.5em 0;
        font-size: 0.85em; }
        .patient-profile-info.insurance-info .insurance-info-list li ul.insurance-contact li {
          padding: 0; }

.steps {
  width: 70%;
  margin: 2em auto 6.5em;
  border-top: 1px solid #e5e5e5;
  padding: 0;
  position: relative;
  text-align: center; }
  .steps h2 {
    text-align: center;
    position: relative;
    margin: 0 auto;
    top: -1.2em;
    display: inline;
    background: #fafafa;
    font-size: 0.85em;
    padding: 0 1em; }
  .steps ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    border-top: 5px solid #F7941D;
    top: 2em; }
    .steps ul li {
      float: left;
      width: 25%;
      text-align: center;
      position: relative;
      top: -1.5em; }
      .steps ul li.complete h3 {
        padding: 0.25em 0.55em; }
        .steps ul li.complete h3 i.check:before {
          margin: 0;
          font-size: 1.25em;
          left: 0;
          top: 1px; }
      .steps ul li.active h3 {
        background: #F7941D;
        color: white; }
      .steps ul li.step1 {
        text-align: left; }
      .steps ul li.step2 {
        right: 3%; }
      .steps ul li.step3 {
        left: 3%; }
      .steps ul li.step4 {
        text-align: right; }
      .steps ul li h3 {
        border: 5px solid #F7941D;
        border-radius: 30em;
        display: inline-block;
        font-size: 1em;
        padding: 0.25em 0.75em;
        margin: 0;
        background: white;
        color: #F7941D; }
      .steps ul li h4 {
        margin: 5px 0;
        font-size: 0.8em;
        font-weight: 400; }
      .steps ul li span {
        font-size: 0.8em;
        padding: 0 1em; }

.patient-email-message {
  padding: 2em;
  background: whitesmoke;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  color: #848484;
  text-shadow: 0 1px 0 white; }
  .patient-email-message .button.small {
    position: absolute;
    top: 3em;
    right: 3em; }

.edit-email-message textarea {
  min-height: 20em; }

.reload-panel {
  width: calc(100% - 115px);
  float: left; }

/* Stripe buttons */
.stripe-connect {
  display: inline-block;
  margin-bottom: 1px;
  background-image: -webkit-linear-gradient(#28A0E5, #015E94);
  background-image: -moz-linear-gradient(#28A0E5, #015E94);
  background-image: -ms-linear-gradient(#28A0E5, #015E94);
  background-image: linear-gradient(#28A0E5, #015E94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 30px;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.stripe-connect span {
  display: block;
  position: relative;
  padding: 0 12px 0 44px;
  height: 30px;
  background: #1275FF;
  background-image: -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  font-size: 14px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.stripe-connect span:before {
  content: '';
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px; }

.stripe-connect:active {
  background: #005D93; }

.stripe-connect:active span {
  color: #EEE;
  background: #008CDD;
  background-image: -webkit-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -moz-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -ms-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); }

.stripe-connect.light-blue {
  background: #b5c3d8;
  background-image: -webkit-linear-gradient(#b5c3d8, #9cabc2);
  background-image: -moz-linear-gradient(#b5c3d8, #9cabc2);
  background-image: -ms-linear-gradient(#b5c3d8, #9cabc2);
  background-image: linear-gradient(#b5c3d8, #9cabc2);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

.stripe-connect.light-blue span {
  color: #556F88;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #f0f5fa;
  background-image: -webkit-linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
  background-image: -moz-linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
  background-image: -ms-linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
  background-image: linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
  -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff; }

.stripe-connect.light-blue:active {
  background: #9babc2; }

.stripe-connect.light-blue:active span {
  color: #556F88;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #d7dee8;
  background-image: -webkit-linear-gradient(#d7dee8, #e7eef6);
  background-image: -moz-linear-gradient(#d7dee8, #e7eef6);
  background-image: -ms-linear-gradient(#d7dee8, #e7eef6);
  background-image: linear-gradient(#d7dee8, #e7eef6);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05); }

.stripe-connect.dark {
  background: #252525;
  background: rgba(0, 0, 0, 0.5) !important; }

/* Images*/
.stripe-connect span:before, .stripe-connect.blue span:before {
  background-image: url("data:image/png;base64,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"); }

.stripe-connect.light-blue span:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAADIElEQVRIDbWVTWgTQRTHZ2Z3s5vdpsm2aZp+iKKNCgZsK4iWik0tClqwHozS9iYo4nfw0KNU8ebBm+JNESktBfEgWg+KB0FbiqhFMS1SKyk0lTY1zcd+jG82TSkNoXtoXngk+2bm92b/780EU0pRKWxwcJAjpQAzZrKqSigZ3G3ISsnguka8/FpZWrrOtwi8cI4jpJkiuodgTKAkhqbrC9lM5ms6o936/ObJ+7Vriv3GHFe/Cm8LX76nejwR2elEgsOBOI5DGD6UmpyuG750OtWuZbNLALMFp4axzYK3h690V6oVkXJ3ORJF0QITDIphQMHWTdNEqZSE3IroK7bT9XFMSG7n1T7vDaXMhWRZRhBcPw8ReAuHYVhJCwaLBGBPOc1FSdopSU4Lwuay3ve45FTfhdMfE8ll4U8srkxMTquLC4s/irAKwvDSiiWLw+HgeB40xkyHHHwu/lfouXZ7ePjhnafVlWptczAQhKFfbNyWYZTrc9XtikFjIOiOFSfIoAjyCfeP9kR+tp662AXAZ+AfbIFhEqUrAu8LNjw32SMksJLAwWVd4/V6UW1Njeqv9vW3n7n6JRQKrXbXRkkwMrE1OXyi7YFJcWDs29RxaBGetSDhCQKtkCiJVqHhOzhLyGOAdm8Ezo/ndxI923m4f3/jru8v346GpmPzTXCd5ZJA9/AcD8W2ZGPy2LY8nC0Y217vj17q7Xw3HZs79Gjg9c2sbkACMA4jSZJQRnJK7NGOUUSoBT/WG+mDWv4jFI8ih/ip4+DeqK5p16HpeVYDZjwkYBLZNYypacHravzhjKY3GXBQTPDxiSnkUVWkyMpqe0L9kbtMztiFw3TNgleoHqdOWRmhxtREBHR2CIKlM4sxM0yKAlv9UbtwqFnSggsAEggPx9t6LFgPlxfyV7oTvSc77hYMFgmAzHGLdqBp94vZ+aWFxUSyPpXRVN0wnHAEsMARw6VI6WBgS6yjpXEIOANFWAVhapozeOU/dAeMNoDXgXvAneCt4Anw3+CvwEfAbdvQyPiRvA6TsIr5phnc5zOF9+sm4XnBjJcMvsgtJ/8DyYLwNvinaNYAAAAASUVORK5CYII="); }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .stripe-connect span:before, .stripe-connect.blue span:before {
    background-image: url("data:image/png;base64,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"); }
  .stripe-connect.light-blue span:before {
    background-image: url("data:image/png;base64,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"); } }

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

	Errors
	
*********************************************/
.error input[type='text'],
.error input[type='email'],
.error input[type='password'],
.error textarea,
.error select {
  border-color: #e55 !important;
  box-shadow: 0 0px 6px #F26649 !important;
  padding: 7px 35px 7px 7px; }

.error i {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  opacity: 1; }
  .error i:before {
    content: "X";
    color: #F26649; }

.error .error-text {
  opacity: 1;
  color: #e55;
  font-size: 0.85em;
  margin: 0;
  display: block;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s; }

.error-msg {
  color: #e55; }

.no-error i {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  opacity: 1; }
  .no-error i:before {
    content: "6";
    color: #14A0D2; }

.error-bubble {
  position: absolute;
  top: -1.25em;
  left: 1em;
  background: #fff;
  border: 1px solid #F26649;
  border-radius: 3px;
  text-align: center;
  padding: 1em 2em;
  box-shadow: 0 1px 5px #F26649;
  width: auto;
  display: block;
  font-size: 0.8em;
  color: #F26649; }
  .error-bubble a.close {
    position: absolute;
    top: 0;
    right: 0.5em; }
    .error-bubble a.close i.close:before {
      color: #F26649; }

.error-bubble:after, .error-bubble:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.error-bubble:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  left: 50%;
  margin-left: -10px; }

.error-bubble:before {
  border-color: rgba(238, 85, 85, 0);
  border-top-color: #e55;
  border-width: 11px;
  left: 50%;
  margin-left: -11px; }

@media print {
  .top {
    display: none; }
  .main-content {
    padding: 2em; }
  .panel.success {
    display: none; }
  .panel.error {
    display: none; }
  .button {
    display: none; }
  .statement-header h2 {
    font-size: 1.5em; }
  .statement-header a {
    display: none; }
  .page-title h1 {
    font-size: 12pt; }
  .payment-breakdown {
    font-size: 70%; }
    .payment-breakdown h2 {
      display: none; }
    .payment-breakdown .details {
      display: block; }
      .payment-breakdown .details .detail-item .no-list.charge-list {
        display: block; }
        .payment-breakdown .details .detail-item .no-list.charge-list img {
          display: none; }
  .card .card-header {
    border: 1px solid #eee;
    padding: 10px;
    font-size: 12pt; }
  .card .card-content {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px; }
  .main-footer {
    display: none; } }

.stripe-card-container {
  height: 38px;
  float: left;
  width: 24em;
  background: white;
  border: 1px solid #c4c4c4;
  border-radius: 0 3px 3px 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 transparent;
  padding: 0 7px;
  cursor: text;
  margin-top: 10px; }

.card-details input[type="text"] {
  max-width: 24em; }

.choose-document .well {
  padding: 0px;
  background: #f8f9fa;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: none; }

.choose-document .drop-target {
  border: #d3d3d3 dashed;
  border-radius: 3px;
  color: #a2a3ac; }

.choose-document .pl {
  padding: 2em !important; }

.choose-document .drop-target.pl {
  padding: 5em !important; }

.choose-document #upload a {
  text-decoration: underline; }

.choose-document .attached-file {
  padding: 6px 30px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  border: 1px solid #c4c4c4;
  border-radius: 30px;
  font-size: 12px;
  background: #f8f9fa;
  position: relative; }
  .choose-document .attached-file .close-icon {
    position: absolute;
    top: 7px;
    right: 8px;
    cursor: pointer; }

.attch-file-btn {
  padding: 6px 30px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  border: 1px solid #c4c4c4;
  border-radius: 30px;
  font-size: 12px;
  background: #f8f9fa;
  position: relative; }

.attachments-links .attachment-link {
  padding: 6px 30px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  border: 1px solid #c4c4c4;
  border-radius: 30px;
  font-size: 12px;
  background: #f8f9fa;
  position: relative; }

.message-list .subject-line, .message-list .sent-subject-line {
  padding-left: 25px;
  position: relative; }
  .message-list .subject-line span.fa.fa-paperclip, .message-list .sent-subject-line span.fa.fa-paperclip {
    left: 4px;
    top: 4px; }

.message-list .seen i.ki:before {
  color: #aaaaaa; }

.message-list .attachments-links a.attachment-link {
  display: inline-block;
  width: auto;
  padding: 6px 30px;
  border: 1px solid #c4c4c4; }

span.fa.fa-paperclip {
  font-size: 15px;
  position: absolute;
  left: 10px;
  top: 8px; }