﻿/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,500,300");
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/******************************************************************
Site Name: Abbvie HLink
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/* --- Primary Colors -------------------- */
/* --- Secondary Colors -------------------- */
/* --- Grays -------------------- */
/* --- Powders -------------------- */
/* --- Gradient Backgrounds -------------------- */
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
You'll need to be using Sass 3.2+ for these to work.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
COLOR FUNCTIONS
*********************/
/*
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

USAGE:      box-shadow: 0 0 4px black(0.3);
compiles to:  box-shadow: 0 0 4px rgba(0,0,0,0.3);
*/
/*********************
CSS3 GRADIENTS
*********************/
/*
Be careful with these since they can
really slow down your CSS. Don't overdo it.

@include css-gradient(#dfdfdf,#f8f8f8);
*/
/*********************
BOX SIZING
*********************/
/* apply a natural box layout model to all elements */
/*********************
Clearfix
*********************/
/*
For modern browsers
 1. The space content is one way to avoid an Opera bug when the
    `contenteditable` attribute is included anywhere else in the document.
    Otherwise it causes space to appear at the top and bottom of elements
    that receive the `clearfix` class.
 2. The use of `table` rather than `block` is only necessary if using
    `:before` to contain the top-margins of child elements.
*/
/*********************
Calculate Font Sizes
*********************/
/*********************
Responsive mixins
*********************/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

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

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td, th {
  padding: 0; }

/******************************************************************
Site Name:
Author:

Stylesheet: Web Fonts

Need to import a font or set of icons for your site? Drop them in here.

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE
*********************/
/*  To embed your own fonts, use this syntax and place your fonts inside the /fonts folder.

/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*********************
Hosted Font
*********************/
/*

  Proxima Nova
  400 - Regular
  500 - Medium
  600 - Semibold
  700 - Bold
  
  Roboto Slab
  300 - Light
  400 - Normal
  500 - Medium
  700 - Bold
  

*/
/*********************
Font Stacks
*********************/
/*********************
Font Stacks
*********************/
/* For consistent typography resizing */
/* List Bullet Reset */
/* --- Site: Elements -------------------- */
.sk-icon, .card-block.small .top-border, .card-block.large .top-border, .card-block .card-footer, .card.inner .card_header, .card_footer {
  background-image: url("../Images/icon-sprite.gif"); }

.sk-icon {
  display: inline-block; }
.sk-icon.green-check {
  background-position: -376px -34px;
  width: 30px;
  height: 33px; }
.sk-icon.square {
  height: 26px;
  width: 31px; }
.sk-icon.big-square {
  height: 40px;
  width: 47px; }
.sk-icon.user.square {
  background-position: 0px 0px; }
.sk-icon.note.square {
  background-position: -31px 0px; }
.sk-icon.first-aid.square {
  background-position: -62px 0px; }
.sk-icon.thumb.square {
  background-position: -93px 0px; }
.sk-icon.thumb.big-square {
  background-position: -141px -26px; }
.sk-icon.cross.square {
  background-position: -124px 0px; }
.sk-icon.heart.square {
  background-position: -155px 0px; }
.sk-icon.list.square {
  background-position: -186px 0px; }
.sk-icon.clock.square {
  background-position: -217px 0px; }
.sk-icon.circle-nurse {
  width: 116px;
  height: 145px;
  background-position: 0px -273px; }
.sk-icon.circle-savings {
  width: 117px;
  height: 129px;
  background-position: -116px -273px; }
.sk-icon.circle-injection {
  width: 107px;
  height: 145px;
  background-position: -233px -273px; }
.sk-icon.circle-pharmacy {
  width: 107px;
  height: 146px;
  background-position: -340px -273px; }
.sk-icon.circle-humira {
  width: 142px;
  height: 147px;
  background-position: -446px -273px; }
.sk-icon.circle-service {
  width: 107px;
  height: 143px;
  background-position: -589px -273px; }
.sk-icon.tile-header-full {
  height: 10px;
  width: 473px;
  background-position: 0px -67px; }
.sk-icon.tile-header-small {
  height: 8px;
  width: 228px;
  background-position: 0px -77px; }
.sk-icon.tile-footer-full {
  background-position: 0px -89px;
  bottom: 1px;
  height: 42px;
  width: 471px;
  position: absolute; }


/*  --------------------------------------------------
  Reveal Modals
  -------------------------------------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: .8;
  z-index: 100;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
    display: none;
    top: 100px;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    /*width: 520px;*/
    width: 600px; /*5.0*/
    background: #fff;
    position: absolute;
    z-index: 101;
    /*padding: 30px 40px 34px;*/
    padding: 30px 68px 34px; /*5.0*/
    /* -moz-border-radius: 5px; /*5.0********
  -webkit-border-radius: 5px;
  border-radius: 5px;*/
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.reveal-modal h1 {
  margin-bottom: 35px; }
.reveal-modal h4 {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase; }
.reveal-modal p {
  margin: 10px 0 2px 0; }
.reveal-modal .center_button {
  margin-top: 20px; }
.reveal-modal .center_button .btn {
  margin-top: 22px; }

.list-modal {
  font-size: 25px;
  font-size: 1.5625rem; }
.list-modal .fa {
  font-size: 36px;
  font-size: 2.25rem;
  margin-right: 13px;
  position: relative;
  top: 4px; }
.list-modal .fa-check-circle {
  color: #79bf3b; }

.reveal-modal.small {
  width: 200px;
  margin-left: -140px; }

.reveal-modal.medium {
  width: 400px;
  margin-left: -240px; }

.reveal-modal.large {
  width: 600px;
  margin-left: -340px; }

.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px; }

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #000;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer; }

  /*

  NOTES

  Close button entity is &#215;

  Example markup

  <div id="myModal" class="reveal-modal">
    <h2>Awesome. I have it.</h2>
    <p class="lead">Your couch.  I it's mine.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
    <a class="close-reveal-modal">&#215;</a>
  </div>

  */
/*
  
  Directory
  
  1. Containers 
  2. Global Typography
  3. Lists
  4. Buttons
  5. Dynamic Components
    a. Footnotes
    b. Card
    c. Card Header
    d. Card Footer
    e. Form Functions
    f. Status Icon
    g. Dropzone
    h. PA Status
  6. Custom Layouts
  
  
*/
/*
==================================================
    Containers
==================================================
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #071d49;
  color: #444546;
  font: normal 14px/1em "Open Sans", sans-serif;
  /*background: #000 url("../Images/bg-body-in-focus.jpg") fixed no-repeat center top;
    background-size: cover;*/
  padding-top: 139px; /*5.0*/ }

.container {
  *zoom: 1;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto; }
.container:before, .container:after {
  content: " ";
  display: table; }
.container:after {
  clear: both; }

.group:after, .card .card_content .form_functions:after {
  content: "";
  display: table;
  clear: both; }

/*
==================================================
    Global Typography
==================================================
*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif; /*6.0*/
  /*font-family: Arial, sans-serif;*/ /*5.0*/
}
h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa {
  margin-right: 5px; }
h1 .fa-stack, h2 .fa-stack, h3 .fa-stack, h4 .fa-stack, h5 .fa-stack, h6 .fa-stack {
  margin-right: 5px; }

h1 {
  color: #444546;
  font-size: 25px;
  font-size: 1.5625rem;
  font-family: "Open Sans", sans-serif; /*6.0*/
  /*font-family: Arial, sans-serif;*/ /*5.0*/
  font-weight: 500; }
h1.pricing {
  color: #444546;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Open Sans", sans-serif; /*6.0*/
  /*font-family: Arial, sans-serif;*/ /*5.0*/
  font-weight: 600; }
h1.title {
  color: #444546;
  font-size: 40px;
  font-size: 2.5rem;
  font-family: 'Century Gothic', sans-serif; /*5.0*/
  /*font-family: Arial, sans-serif;*/ /*5.0*/
  font-weight: 500; }

h2 {
  color: #000;
  font-size: 16px;
  /*font-size: 1.125rem;*/
  font-family: "Open Sans", sans-serif; /*6.0*/
  /*font-family: Arial, sans-serif;*/ /*5.0*/
  font-weight: 600; }

h3 {
  color: #666;
  font-size: 14px;
  font-size: 0.85rem;
  font-family: "Open Sans", sans-serif; /*6.0*/
  /*font-family: Arial, sans-serif;*/ /*5.0*/
  font-weight: 500; 
  letter-spacing: 1px;
  text-transform: uppercase; }


h4 {
  margin: 1em 0; }

h5 {
  color: #ddd;
  font-size: 13px;
  /*font-size: 0.875rem;*/
  margin-bottom: .5em; }

p {
  color: #444546;
  font-size: 14px;
  /*font-size: 0.75rem;*/
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.5; }
p.warning {
  color: #b82227; }

strong {
  color: #444546;
  font-family: "Open Sans", sans-serif;
  font-weight: 600; }
strong.teal {
  color: #26a793; }

a {
  color: #0074BB;
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  color: #0074BB;
  text-decoration: underline; }
a.level {
  font-size: 14px;
  font-size: 0.875rem; }
a .fa {
  margin-right: 5px; }

label {
  color: #888;
  font-size: 14px;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 500; }
label.inactive {
  color: #ccc; }
label > span, label > div > span,div > div >span.lbl_style,div > div >label.lbl_style,div.lbl_style, .lbl_style {
  /*color: #666;*/
  color: #2f545d; /*5.0*/
  font-size: 14px;
  font-size: 0.75rem;
  /*font-family: 'Century Gothic', sans-serif;*/ /*5.0*/
  font-family: "Open Sans", sans-serif; /*5.0*/
  font-weight: 500;
  /*letter-spacing: 1px;*/
  text-transform: uppercase; }

.error-message {
  color: #b82227; }
.error-message i {
  /*font-size: 90%;*/
  margin-right: 5px; }

.blue {
  color: #0084c0; }

.purple {
  color: #7d1293; }

.lower {
  text-transform: lowercase; }

/*
==================================================
    Lists
==================================================
*/
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0; }
ul.content-list, ol.content-list {
  list-style: disc;
  padding: 0 20px 1em 20px; }
ul li, ol li {
  margin-bottom: 1em; }
ul.content-list, ol.content-list {
  padding: 0 20px 1em 20px; }
ul.content-list li:before, ol.content-list li:before {
  color: #0074BB;
  /*content: '\2022';*/
  font-size: 32px;
  left: -20px;
  position: relative;
  margin-right: -11px;
  top: 3px; }

dl, dt, dd {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
  padding: 0; }
dl:after, dt:after, dd:after {
  content: "";
  display: table;
  clear: both; }

dl {
  line-height: 2em;
  margin-bottom: 10px; }
dl dt {
  border-top: 1px solid #4c4c4c;
  clear: left;
  float: left;
  width: 70%; }
dl dt:first-child {
  border-top: none; }
dl dt:first-child + dd {
  border-top: none; }
dl dd {
  border-top: 1px solid #4c4c4c;
  float: left;
  text-align: right;
  width: 30%; }

/*
==================================================
    Buttons
==================================================
*/
.btn {
  display: inline-block;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  padding: 0.75em 2.5em;
  text-align: center; }
  .btn_primary:disabled, .btn_secondary:disabled, .btn_plum:disabled, .inactive.btn_primary, .inactive.btn_secondary, .inactive.btn_plum {
  cursor: default !important;
}
.btn.inactive {
    background: #fff;
  border-color: #ddd;
  color: #ddd!important;
  text-shadow: none;  
}
.btn.inactive:hover {
  /*  background: #fff;
  border-color: #ddd;
  color: #ddd!important;*/
  }
.btn:hover {
  cursor: pointer;
  text-decoration: none;}
.btn .fa {
  margin-right: 8px;
  position: relative;
  top: 1px; }
.btn_primary, .btn_secondary, .btn_plum {
  min-width: 160px;
  height: 40px;
  text-align: center;
  border-radius: 0.5em;
  font-family: "Century Gothic", sans-serif;
  font-weight: bold;
  font-size: 16px;
}

.btn_primary {
    background-color: #0074BB;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #0074BB;     
  }
.btn_primary:active {
    background: #00578b;
  }

.btn_primary:hover {
  background-color: #00578b;
  border-color: #00578b;
  color:#fff;
   }

.btn_secondary {
  background-color: #fff;
  color: #0074BB!important;
  border-width: 1px;
  border-style: solid;
  border-color: #0074BB;

  }
.btn_secondary:active {
    background: #fff;
  }
.btn_secondary:hover {
  /*-webkit-box-shadow: inset 0 0 0 1px currentColor;
  box-shadow: inset 0 0 0 1px currentColor;*/
  border-color: #00578b;
    color: #00578b;
   }

.center_button {
  text-align: center; }

.btn_primary:disabled, .btn_primary.inactive {
  background-color: #7f7f7f;
  border-color: #7f7f7f;
}
 
.btn_primary:disabled:hover, .btn_primary.inactive:hover {
  background-color: #7f7f7f;
  border-color: #7f7f7f;
}
.btn_secondary:disabled, .btn_secondary.inactive {
    /*color: #7f7f7f !important;*/
    color: #fff !important;
    border-color: #7f7f7f !important;
}
 
.btn_secondary:disabled:hover, .btn_secondary.inactive:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.fa-mail-reply:before, .fa-reply:before {
    content: "\f112";
}



/*
==================================================
    Dynamic Components
==================================================
*/
/* --- Footntoes -------------------- */
.footnotes {
  border-top: 1px solid #4c4c4c;
  color: #4c4c4c;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Open Sans", sans-serif;
  margin-top: 15px;
  padding-top: 25px; }
.footnotes h5 {
  margin-top: 0; }

/* --- Card -------------------- */
/*.card {
  background: #fff;
  -webkit-box-shadow: 0 0 1px 1px #ddd;
  -moz-box-shadow: 0 0 1px 1px #ddd;
  box-shadow: 0 0 1px 1px #ddd;
  border: 1px solid #ddd;
  padding: 20px;
  position: relative;
  margin: 0 0 20px 0;
   }
.card.inner {
  padding: 0; }
.card .card_content {
  padding-left: 20px;
  padding-right: 20px; }
.card .card_content h1 {
  font-size: 25px;
  font-size: 1.5625rem;
  float: left; 
  margin-left: 10px;
}
.card .card_content .form_functions {
  float: right;
  position: relative;
  right: 0;
  top: 20px; }
.card.purple .card_header {
  background-color: #f2e6f4 !important;
  border-top: 7px solid #7d1293; }
.card.purple h1 .fa {
  color: #0084c0; }
.card.magenta .card_header {
  background-color: #f9e8f0 !important;
  border-top: 7px solid #d0226e; }
.card.magenta h1 .fa {
  color: #0084c0; }
.card.blue .card_header {
  background-color: #e5f2fa !important;
  border-top: 7px solid #0084c0; }
.card.blue h1 .fa {
  color: #0084c0; }
.card.green .card_header {
  background-color: #f1f7eb !important;
  border-top: 7px solid #79bf3b; }
.card.green h1 .fa {
  color: #0084c0; }

.card.outer {
  padding: 1.5em !important;
  min-height: 12.5em; }
.card.outer h3 a {
  color: #444; }

/* Outer card > Header */
/*.card.outer .card_header {
  margin: -1.5em -1.5em 1.5em;
  padding: 1em;
  border-top: 7px solid;
  border-bottom: 1px solid #ddd;
  position: relative;
  background: none !important; }

.card.outer .card_header h3 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-transform: none;
  line-height: normal;
  overflow: hidden; }

.card.outer .card_header h3 .fa {
  margin-right: .75em;
  line-height: 1.25em;
  float: left; }

.card.outer .card_header .card_header_icon {
  position: absolute;
  top: 1em;
  right: 1em; }

.card.outer.incomplete .card_header .card_header_icon i.fa:before {
  content: '\f10c'; }

.card.outer.complete .card_header .card_header_icon i.fa:before {
  content: '\f05d'; }

/* Outer card > Footer */
/*.card.outer .card_footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  width: 100%;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: transparent; }

.card.outer .card_footer p, .card.outer .card_footer .fa {
  color: #888; }

.card.outer .card_footer p {
  margin: 0; }

.card.outer .card_footer .fa {
  margin-right: .25em; }


.card.outer.grey .card_header, .card.outer.gray .card_header {
  border-top-color: #999; }

.card.outer.grey .card_header .fa, .card.outer.gray .card_header .fa {
  color: #999; }

.card.outer.grey .card_footer, .card.outer.gray .card_footer {
  background: #f1f1f1; }


.card.outer.blue .card_header {
  border-top-color: #0084c0; }

.card.outer.blue .card_header .fa {
  color: #0084c0; }

.card.outer.blue .card_footer {
  background: #dbedf6; }


.card.outer.purple .card_header {
  border-top-color: #7d1293; }

.card.outer.purple .card_header .fa {
  color: #7d1293; }

.card.outer.purple .card_footer {
  background: #f0dbf6; }

/* Front and Back */
/*.card .front {
  cursor: pointer;
  line-height: 1.25em;
  position: relative; }
.card .front .status {
  position: absolute;
  bottom: 0;
  left: 0; }
.card .front .status_wrapper {
  border-top: 1px solid #4c4c4c;
  position: absolute;
  bottom: -20px;
  left: -20px;
  width: 225px; }
.card .front .status_wrapper .status {
  float: left;
  position: relative;
  padding: 10px 10px 10px 20px; }
.card .front .status_wrapper .btn_function {
  border-left: 1px solid #4c4c4c;
  float: left;
  padding: 10px 5px 10px 10px; }
.card .back {
  display: none;
  position: relative; }

/* --- Card Header -------------------- */
/*.card_header {
  padding: 25px; }
.card_header p {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0; }
.card_header p strong {
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
  margin-right: 10px; }*/
/*.card_header {
  padding: 25px 30px; }
.card_header a {
  color: #444 !important; }
.card_header p, .card_header a {
  color: #444;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0; }
.card_header p strong, .card_header a strong {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: underline; }
.card_header p strong a {
    font-size: 18px;
}*/
/* --- d. Card Footer -------------------- */
/*.card_footer {
  background-color: #dadada;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#dadada));
  background-image: -webkit-linear-gradient(top, #eee, #dadada);
  background-image: -moz-linear-gradient(top, #eee, #dadada);
  background-image: -o-linear-gradient(top, #eee, #dadada);
  background-image: linear-gradient(to bottom, #eee, #dadada);
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #dcdcdc;
  padding: 15px 20px;
  text-align: center; }
.card_footer .btn {
  margin-left: auto;
  margin-right: auto; }
.card_footer .btn:last-of-type {
  margin-left: 20px; }

/* --- f. Status Icons -------------------- */
/*.status_icon .fa {
  margin-right: 7px; }

/**
==================================================
    Card
==================================================
*/
.card {
  *zoom: 1;
  background: #fff;
  position: relative; }
.card:before, .card:after {
  content: " ";
  display: table; }
.card:after {
  clear: both; }
.card.inner {
  padding: 0; }
.card .card_content {
  *zoom: 1;
  padding-left: 16px;
  padding-right: 16px; }
.card .card_content:before, .card .card_content:after {
  content: " ";
  display: table; }
.card .card_content:after {
  clear: both; }
.card .card_content .card_cta {
  *zoom: 1;
  margin-bottom: 1em; }
.card .card_content .card_cta:before, .card .card_content .card_cta:after {
  content: " ";
  display: table; }
.card .card_content .card_cta:after {
  clear: both; }
.card .card_content h1 {
  font-size: 20px;
  /*font-size: 1.5625rem;*/
  float: left;
  margin-left: 10px;
  font-weight:bold;
}
.card .card_content .form_functions {
  float: right;
  position: relative;
  right: 0;
  top: 20px; }
.card .card_content.fixed {
  padding-top: 86px; }

/**
==================================================
    Inner Card
==================================================
*/
.card.inner {
  /** --- Card Header -------------------- */ }

/**
==================================================
    Outer Card
==================================================
*/
.card.outer {
  position: relative;
  top: 0; }
.card.outer:hover {
  cursor: pointer;
  position: relative;
  top: -4px; }
.card.outer h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: normal;
  overflow: hidden;
  margin: 0;
  padding-top: 20px;
  text-transform: none; }
.card.outer h3 a {
  color: #444546;
  position: relative;
  margin-left: 10px;
  top: -5px; }

.card.outer .card_header h3, .card.outer .card_body, .card.outer .card_footer {
  padding-left: 15px;
  padding-right: 15px; }

.card.outer .card_header {
  background: url("../Images/plum-border.gif") repeat-x white;
  background-position: 0 0;
  border-bottom: 1px solid #f4f4f4;
  margin: -1.5em -1.5em 10px 0;
  padding-bottom: 6px;
  position: relative;
  width: 100%; }
.card.outer .card_header .green-check {
  display: none;
  position: absolute;
  right: 10px;
  top: 13px; }

.card.outer.completed .card_header .green-check {
  display: block; }

.card.outer .card_footer {
  height: 55px;
  padding-bottom: 0;
  padding-top: 20px;
  text-align: left;
  width: 100%; }
.card.outer .card_footer p {
  margin: 0; }
.card.outer .card_footer p, .card.outer .card_footer .fa {
  color: #888; }
.card.outer .card_footer .pdrop .pdrop-selected-text p {
  display: inline;
  width: auto; }
.card.outer .card_footer .pdrop .pdrop-select {
  border: none;
  box-shadow: none;
  padding: 0; }
.card.outer .card_footer .pdrop .pdrop-select .pdrop-arrow {
  left: 8px;
  position: relative;
  right: 0;
  top: 1px;
  transform: none; }
.card.outer .card_footer .pdrop .pdrop-dropdown {
  border-top: 2px solid #ccc;
  left: -17px;
  margin-top: 15px;
  top: auto;
  width: 102%; }
.card.outer .card_footer .pdrop .pdrop-item {
  padding-left: 15px;
  padding-right: 15px; }

.card_content {
  *zoom: 1; }
.card_content:before, .card_content:after {
  content: " ";
  display: table; }
.card_content:after {
  clear: both; }
.card_content h1 {
  position: relative;
  margin-top: 10px; }

/**
==================================================
    Card Header
==================================================
*/
.card.inner .card_header {
  background-position: 0px -131px;
  height: 59px; }
.card.inner .card_header a {
  color: #444546 !important; }
.card.inner .card_header a {
  color: #444546;
  font-size: 14px;
  font-size: 1.125rem;
  margin: 0;
  padding: 13px 0 0 16px; }
.card.inner .card_header p{
  color: #444546;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
  padding: 13px 0 0 16px; }
.card.inner .card_header p strong, .card.inner .card_header a strong {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: underline; }
.card.inner .card_header.fixed {
  position: fixed;
  width: 998px;
  top: 120px;
  z-index: 9999; }

/**
==================================================
    Card Footer
==================================================
*/
.card_footer {
  background-position: 0px -190px;
  bottom: 0;
  height: 83px;
  padding-top: 20px;
  text-align: center;
  width: 100%; }
.card_footer .btn {
  margin-left: auto;
  margin-right: auto; }
.card_footer .btn:last-of-type {
  margin-left: 20px; }

/* Front and Back */
.card .front {
  cursor: pointer;
  line-height: 1.25em;
  position: relative; }
.card .front .status {
  position: absolute;
  bottom: 0;
  left: 0; }
.card .front .status_wrapper {
  border-top: 1px solid #4c4c4c;
  position: absolute;
  bottom: -20px;
  left: -20px;
  width: 225px; }
.card .front .status_wrapper .status {
  float: left;
  position: relative;
  padding: 10px 10px 10px 20px; }
.card .front .status_wrapper .btn_function {
  border-left: 1px solid #4c4c4c;
  float: left;
  padding: 10px 5px 10px 10px; }
.card .back {
  display: none;
  position: relative; }


/* --- g. Dropzone -------------------- */
.dropboxpa {
  background: #f8f8fa;
  border: 2px dashed #ddd;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 20px;
  text-align: center; }
.dropboxpa p {
  color: #999; }

/* --- h. PA Status -------------------- */
.status {
  color: #444546;
  font-size: 13px;
 }
.status .fa {
  font-size: 14px;
  margin-right: 6px; }

.status-ready .fa {
  color: #96084d; }

.status-wait .fa {
  color: #999; }

.status-treatment .fa {
  color: #999; }

/* --- i. Login Header -------------------- */
.login_header {
  /*border-top: 7px solid #5f1572;*/
  height: 242px;
  width: 100%;
  /*background: url(../Images/login-header.png);
  background-size: cover;*/ 
  margin-top:0px;
}

/* --- j. Login Errors -------------------- */
.login_errors {
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 0 1px 1px #ddd;
  -moz-box-shadow: 0 0 1px 1px #ddd;
  box-shadow: 0 0 1px 1px #ddd;
  text-align: center;
  width: 33.3333333%;
  position: relative;
  background: #fff; }

.login_errors h1 {
  line-height: 1em; }

.login_errors .fa {
  font-size: 3em;
  color: #b82227; }

/* --- k. Filtering Sidebar -------------------- */
.filtering_sidebar input[type="search"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1rem;
  margin-bottom:16px;
  border:1px solid #dcd8d8;
  /*padding-left: 3.2em !important;*/ 
  /*background-color:transparent!important;
  border:none!important;*/
}

.filtering_sidebar input.search {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1rem;
  margin-bottom:16px;
  /*padding-left: 3.2em !important;*/ }

.filter_list_head {
  background: #888;
  padding: 6px 10px 6px 20px;
  position: relative; }
.filter_list_head h4 {
  color: #fff;
  font-size: 14px;
  margin: 0;
  text-transform: uppercase; }

.filter_list_clear_all {
  color: #fff;
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 5px; }

.filter_list_clear_all:hover, .filter_list_clear_all:hover .fa{
  color: #ddd;
  text-decoration: none; }

/* Filter List > Rows */
.filter_list_rows {
  background: #fff;
  border: 1px solid #dfdfdf; }
.filter_list_rows li {
  font-size: 13px;
  line-height: normal;
  margin: 0; }
.filter_list_rows li:first-child a {
  border: none;
  margin-top: 5px; }
.filter_list_rows li .checklist {
  padding-left: 18px;  margin-top: 10px;}
.filter_list_rows li .checklist li {
  float: none; }
.filter_list_rows li .checklist label {
  font-size: 13px;
  }
.filter_list_rows a {
  border-top: 1px solid #dfdfdf;
  color: #444546;
  display: block;
  padding: 10px 10px 10px 20px !important; }

.filter_list_rows .fa {
  color: #ccc;
  float: right; }

.ui-autocomplete.ui-menu {
  background: white;
  -webkit-box-shadow: 0 2px 4px 0px #ccc;
  -moz-box-shadow: 0 2px 4px 0px #ccc;
  box-shadow: 0 2px 4px 0px #ccc;
  padding: 1.2em 1.2em 0.1em 1.2em; 
  max-height: 200px;
  overflow-y: auto;
}
.ui-autocomplete.ui-menu li {
  font-size: 14px;
  font-size: 0.875rem;
  color: #444546;
  display: block;
  padding: 10px 4px;
  margin-bottom:0px;
}
.ui-autocomplete.ui-menu li:hover
    {
        text-decoration:underline;
        cursor:pointer;
    }


/* --- l. Patient History Grid -------------------- */
/*[class*="patient_history_"] .fa {
  text-align: center;
  width: 30px;
  height: 30px;
  color: #ccc;
  background: url(../Images/icon-bg-circle-30x30-white-on-transparent.png) center center no-repeat; }

[class*="patient_history_"] .fa-wifi {
  line-height: 34px;
  color: #d0226e; }

[class*="patient_history_"] .fa-plus-square {
  line-height: 32px;
  color: #79bf3b; }

[class*="patient_history_"] .fa-user-md {
  line-height: 31px;
  color: #7d1293; }

*
 *  Patient History Table
 
.patient_history_table, .patient_history_table th, .patient_history_table td {
  border: none;
  line-height: 1.875em;
  vertical-align: top;
  color: #777; }

.patient_history_table th, .patient_history_table td {
  padding: 1em 0 0; }

.patient_history_table tr:first-child td, .patient_history_table tr:first-child th, .patient_history_table tr:first-child .icon span {
  padding-top: 0; }

.patient_history_table .year {
  text-align: left;
  width: 20%; }

.patient_history_table .icon {
  padding: 0;
  text-align: center;
  width: 8%; }

.patient_history_table .icon span {
  margin-right: -1em;
  padding: 1em 0 0;
  border-left: 1px solid #dfdfdf;
  display: inline-block; }

.patient_history_table .icon .fa {
  margin-left: -1em; }

.patient_history_table .date, .patient_history_table .time {
  width: 20%; }

.patient_history_table .event {
  width: 30%; }

*
 *  Patient History Legend
 
.patient_history_legend_head {
  padding: 5px 10px 5px 20px;
  background: #888; }

.patient_history_legend_head h4 {
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff; }

 Patient History Legend > Rows 
.patient_history_legend_rows {
  border: 1px solid #dfdfdf;
  background: #f4f4f4; }

.patient_history_legend_rows li {
  margin: 0;
  padding: 10px;
  border-top: 1px solid #dfdfdf;
  font-size: 14px;
  line-height: 1.875em;
  display: block;
  overflow: hidden;
  color: #444; }

.patient_history_legend_rows li:first-child {
  border: none; }

.patient_history_legend_rows .fa {
  margin-right: .5em;
  float: left;
  display: block; }*/

/* --- m. Required Fields  -------------------- */
.required_fields_indicator {
  margin-top: 0;
  position: absolute;
  right: 1em;
  top: 1em; }

/* --- n. Footnotes -------------------- */
.footnotes {
  *zoom: 1; }

.footnotes:before, .footnotes:after {
  content: " ";
  display: table; }

.footnotes:after {
  clear: both; }

.footnotes .half {
  width: 48%;
  float: left; }

.footnotes .half + .half {
  margin-left: 4%; }

.footnotes h4 {
  font-size: 14px;
  text-transform: uppercase; }

.footnotes h4, .footnotes h5, .footnotes .reference {
  color: #2f545d; }

.footnotes h5, .footnotes p, .footnotes li {
  font-size: 14px; }

/* --- o. Icon Grid -------------------- */
.icon_grid {
  *zoom: 1;
  border: 1px solid #ddd;
  background: #f5f5f5;
  *zoom: 1; }
.icon_grid:before, .icon_grid:after {
  content: " ";
  display: table; }
.icon_grid:after {
  clear: both; }
.icon_grid li {
  font-size: 12px;
  float: left;
  margin: 0;
  padding: 1em;
  text-align: center;
  width: 16.5%; }
.icon_grid img {
  display: block;
  margin: 0 auto 1em; }
.icon_grid .disabled {
  opacity: .35; }
.icon_grid .disabled img {
  opacity: .25; }
  /* may not be necessary if the full-color image is swapped for a greyscale one */ 

/* --- p. Benefit Summary Block -------------------- */
.benefit_summary_block {
  background-color: #fbfbfb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f8f8f8));
  background-image: -webkit-linear-gradient(top, #fbfbfb, #f8f8f8);
  background-image: -moz-linear-gradient(top, #fbfbfb, #f8f8f8);
  background-image: -o-linear-gradient(top, #fbfbfb, #f8f8f8);
  background-image: -ms-linear-gradient(top, #fbfbfb, #f8f8f8);
  background-image: linear-gradient(top, #fbfbfb, #f8f8f8);
  padding: 30px; }

.benefit_summary_block .icon {
  color: #96084d;
  /*margin-right: 1.6666666667%;*/
  width: 8.3333333333%;
  float: left; }

.benefit_summary_block .content {
  overflow: hidden;
  *zoom: 1; }

.benefit_summary_block .content:before, .benefit_summary_block .content:after {
  content: " ";
  display: table; }

.benefit_summary_block .content:after {
  clear: both; }

.benefit_summary_block h2 {
  margin-top: 0; }

.benefit_summary_block .half {
  width: 46%;
  float: left; }

.benefit_summary_block .half + .half {
  margin-left: 8%; }

.benefit_summary_block table {
  margin: 0 0 1em;
  padding: 0;
  border: none;
  width: 100%; }

.benefit_summary_block th, .benefit_summary_block td {
      padding: 1.2em .25em;
  /*border-bottom: 1px solid #d0226e;*/
  vertical-align: top; }

.benefit_summary_block th, .benefit_summary_block .cost_label {
  text-transform: uppercase; }

.benefit_summary_block th, .benefit_summary_block td b, .benefit_summary_block .cost_label, .benefit_summary_block .cost_description, .benefit_summary_block .fine_print {
  font-size: 12px; }

.benefit_summary_block th {
  text-align: left;
  color: #999; }

.benefit_summary_block td, .benefit_summary_block .cost_amount {
  color: #96084d; }

.benefit_summary_block td {
  font-size: 20px;
  text-align: right; }

.benefit_summary_block td b {
  padding-top: 4px;
  display: block; }

.benefit_summary_block p {
  margin: 0 0 .5em;
  line-height: normal; }

/*.benefit_summary_block .cost_label {
  color: #999; }*/

.benefit_summary_block .cost_amount {
  font-size: 40px; }

.benefit_summary_block .cost_description {
  color: #ddd; }

.benefit_summary_block .fine_print {
  padding-top: 1em;
  clear: both; 
  width:95%;
}

/*
==================================================
    Custom Layouts
==================================================
*/
/* --- Task 1 -------------------- */
#landingTabs h1 {
  color: #444444;
  /*font-family: 'Century Gothic', sans-serif;*/ /*5.0*/
  font-family: "Open Sans", sans-serif; /*5.0*/
  /*font-size: 40px;*/
  /*font-size: 46px;*/
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 50px;
  margin-top: 20px;
  text-align: center; }
#landingTabs a {
  color: white;
}
#landingTabs a:hover {
  text-decoration: none; }
#landingTabs ul li {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
#landingTabs ul li:last-child {
  margin-right: 0; }

.hidden {
  display: none; }

.landing-btn {
  /*box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);*/
  color: #fff;
  display: block;
  font-size: 36px;
  height: 200px;
  /*opacity: 0.7;*/
  position: relative;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; 
      margin-top: 30px;
}
.landing-btn:hover {
  cursor: pointer;
  opacity: 1;
  text-decoration: none; }
.landing-btn a:hover {
  text-decoration: none; }
/*.landing-btn a > i {
  display: block;
  font-size: 72px;
  margin-bottom: 30px;
  padding-top: 0px; }*/
.landing-btn .input_prepend {
  margin: 0 auto;
  position: relative;
  /*top: 30px;*/
  /*bottom:100px;*/
  width: 280px; }
.landing-btn .input_prepend .fa {
  color: #666 !important;
  top: 21px; }
.landing-btn .input_prepend input {
  max-width: 225px;
  width: 225px; }

.landing-tab {
  display: none;
  /*padding: 12px 25px 18px 25px;*/ 
  padding: 4px 25px 12px 25px;
}
.landing-tab .fa {
  font-size: 24px;
  margin-right: 8px;
  position: relative;
  top: 2px; }
.landing-tab.disabled {
  opacity: 0.5; }

#newPatientTab {
  border-top: 8px solid #97004D;
  left: 0px;
  position: relative;
  background-color: #97004D;
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#92be29), to(#6EAC33));
  background-image: -webkit-linear-gradient(top, #92be29, #6EAC33);
  background-image: -moz-linear-gradient(top, #92be29, #6EAC33);
  background-image: -o-linear-gradient(top, #92be29, #6EAC33);
  background-image: linear-gradient(to bottom, #92be29, #6EAC33);*/

}
#newPatientTab.landing {
  background: url("../Images/green-square.jpg") no-repeat; }

#myPatientsTab {
  border-top: 8px solid #5E0130 ;
  background-color: #5E0130 ;
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#9a00b8), to(#5d006d));
  background-image: -webkit-linear-gradient(top, #9a00b8, #5d006d);
  background-image: -moz-linear-gradient(top, #9a00b8, #5d006d);
  background-image: -o-linear-gradient(top, #9a00b8, #5d006d);
  background-image: linear-gradient(to bottom, #9a00b8, #5d006d);*/ }
#myPatientsTab.landing {
  background: url("../Images/purple-square.jpg") no-repeat; }

.tab-strip {
  height: 17px;
  position: relative;
  width: 99.9%;
  top: -16px; }
.tab-strip.green {
  background-color: #97004D ; }
.tab-strip.purple {
  background-color: #97004D ; }

.subpage .landing-tab {
  display: block; }

#newPatientsLoadingArea {
  position: relative;
  top: -16px; }

/* --- Task 2 -------------------- */
#priorAuthorization .sidebar {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-bottom: 10px;
  margin-top: 10px; }
#priorAuthorization .sidebar:last-child {
  margin-right: 0; }
#priorAuthorization .main {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  padding-left: 50px; }
#priorAuthorization .main:last-child {
  margin-right: 0; }
#priorAuthorization .main h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  text-transform: uppercase; }
#priorAuthorization .main #validFor {
  margin-bottom: 15px;
  margin-top: 15px; }
#priorAuthorization .main .btn {
  margin-top: 40px; }

#priorAuthorizationForm #pdfViewer {
  display: block;
  width: 100%; }
#priorAuthorizationForm #sigInfo, #priorAuthorizationForm #sigBtn {
  float: left; }
#priorAuthorizationForm #sigBtn {
  margin-left: 70px;
  position: relative;
  top: -5px; }
#priorAuthorizationForm #sigInfo h3 {
  color: #4c4c4c;
  font-weight: 600; }
#priorAuthorizationForm .center_button {
  margin-bottom: 25px; }

/*
==================================================
    TJ Helpers
==================================================
*/
/**
 *  Copied from _OLD_layout.scss and converted to pure CSS
 * ---------------------------------------------------------------------------------------------------- */
/**
 *  Helpers
 */
/* Visuals */
.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.flat {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

hr.empty {
  border: none;
  background: none; }

/* Box Model */
.border {
  border: 1px solid #dcdcdc; }

.no-padding {
  padding: 0; }

.space-right {
  padding-right: 8px; }

.space-left {
  padding-left: 8px; }

/* Text */
.text-center {
  text-align: center; }

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

.uppercase, .uc {
  text-transform: uppercase; }

.fine-print, .fineprint {
  /*font-size: 10px;*/ 
  width:80%;
}

/* Positioning */
.left {
  float: left !important; }

.clear {
  clear: both; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

/* Colors */
.blue {
  color: #0084c0; }

.bright-blue {
  color: #0083c4; }

.bright-red {
  color: #96084d!important; }

.red {
  color: #d20; }

.bright-purple {
  color: #7d1495!important; }

.light-green-bg {
  background: #ecf5e2; }

#mainTemplate .dark-grey, #mainTemplate .dark-gray {
  color: #4c4c4c; }

/* Layout */
.hide {
  display: none; }

.block {
  display: block; }

.spacer {
  margin: 0;
  padding: 5px 0; }

.full-width {
  width: 100%; }

.inline {
  display: inline;
  width: auto; }

.wrap {
  overflow: hidden; }

/* Positioning */
.top-right {
  top: 15px;
  /*right: 15px;*/ 
  right: 25px;
}

.bottom-left {
  bottom: 0;
  left: 0; }

/* Buttons */
.btn {
  margin: .5em 0;
  padding: 0.75em 2.5em;
  display: inline-block;
  color: #fff; }

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

/* Button Actions */
.btn, .btn-function, .btn-action {
  cursor: pointer; }

.btn .fa, .btn-function .fa, .btn-action .fa {
  margin-right: 5px; }

.btn .fa:hover, .btn-function .fa:hover, .btn-action .fa:hover {
  color: inherit; }

/* Button #4 */
.btn-4 {
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: -moz-linear-gradient(top, #eee, #ddd);
  background-image: -o-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(to bottom, #eee, #ddd); }

.btn-4:hover {
  background-color: #676767;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#888), to(#676767));
  background-image: -webkit-linear-gradient(top, #888, #676767);
  background-image: -moz-linear-gradient(top, #888, #676767);
  background-image: -o-linear-gradient(top, #888, #676767);
  background-image: linear-gradient(to bottom, #888, #676767);
  color: white; }

/**
 *  Card Styles
 */
/* Card > Children */
.card-header, .card-content, .card-footer, .card-columns, .clearfix {
  *zoom: 1;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.card-header:before, .card-content:before, .card-footer:before, .card-columns:before, .clearfix:before, .card-header:after, .card-content:after, .card-footer:after, .card-columns:after, .clearfix:after {
  content: " ";
  display: table; }

.card-header:after, .card-content:after, .card-footer:after, .card-columns:after, .clearfix:after {
  clear: both; }

/* Card columns */
[class*="card-col-"] {
  margin-right: 1%;
  margin-left: 1%;
  float: left; }

.card-col-1 {
  width: 6.3333333333%; }

.card-col-2 {
  width: 14.666666667%; }

.card-col-3 {
  width: 23%; }

.card-col-4 {
  width: 31.333333333%; }
  .card-col-md-4{
    width:31%;
}
.card-col-5 {
  width: 41.666666667%; }

.card-col-6 {
  width: 48%; }

.card-col-7 {
  width: 56.333333333%; }

.card-col-8 {
  width: 64.666666667%; }

.card-col-9 {
  width: 73%; }

.card-col-10 {
  width: 81.333333333%; }

.card-col-11 {
  width: 89.666666667%; }

.card-col-12 {
  width: 98%; }

/* Shift */
.shift-1 {
  margin-left: 9.3333333333%; }

.shift-2 {
  margin-left: 17.666666667%; }

.shift-3 {
  margin-left: 26%; }

.shift-4 {
  margin-left: 34.333333333%; }

.shift-5 {
  margin-left: 44.666666667%; }

.shift-6 {
  margin-left: 51%; }

.shift-7 {
  margin-left: 59.333333333%; }

.shift-8 {
  margin-left: 67.666666667%; }

.shift-9 {
  margin-left: 76%; }

.shift-10 {
  margin-left: 84.333333333%; }

.shift-11 {
  margin-left: 92.666666667%; }

.shift-12 {
  margin-left: 100%; }

/* Card columns > Collapsed */
.collapse > .card-row > [class*="card-col-"], .collapsed > .card-row > [class*="card-col-"] {
  margin-right: 0;
  margin-left: 0; }

.collapse > .card-row > .card-col-4, .collapsed > .card-row > .card-col-4 {
  width: 33.33333334%; }

.collapse > .card-row > .card-col-6, .collapsed > .card-row > .card-col-6 {
  width: 50%; }

.collapse > .card-row > .card-col-8, .collapsed > .card-row > .card-col-8 {
  width: 66.6666667%; }

/* Card Header Colors */
.ui-blue {
  border-top-color: #0083c4;
  background: #e5f2fa; }

.ui-red {
  border-top-color: #d31e6b;
  background: #f9e8f0; }

.ui-purple {
  border-top-color: #7d1495;
  background: #f1e7f2; }

/* Card > Content */
.card-content {
  background: #fff; }

.card-content .form_functions {
  top: 25px;
  right: 25px; }

.card-content table {
  margin-bottom: 20px; }

.card-content table, th, td {
  border: none; }

.card-content table tbody tr > td {
  padding: 10px 2px; }

/*.card-content tr + tr th, .card-content tr + tr td {
  border-top: 1px solid #ccc; }*/

.card-content th {
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  color: #aaa; }

.card-content td {
  font-size: 24px;
  text-align: right; }

.card-content .patient-cost {
  font-size: 48px; }

/* Table Red */
/*.card-content .table-red, .card-content .table-red th, .card-content .table-red td {
  border-top-color: #d31e6b; }*/

.card-content .table-red td {
  color: #96084d; }

/**
 *  Dashboard
 */
.dashboard p {
  color: #4c4c4c; }

.dashboard .card:before {
  z-index: 200; }

/* Cards */
.dashboard .card {
  padding: 0; }

.dashboard .card .front, .dashboard .card .back {
  padding: 20px;
  width: 100%;
  height: 100% !important; }

.dashboard .card .back h3:after {
  display: none; }

.dashboard .card-header {
  margin: -20px -20px 0;
  /*padding: 10px 15px;*/
  padding: 10px 15px 5px 10px;
  /*border-top: 4px solid #dfdfdf;*/
  border-bottom: 1px solid #dfdfdf;
  background: url("../Images/plum-border.gif") repeat-x 0px -1px white; }

.dashboard .card-header h3 {
  font-size: 1.125rem;
  font-size: 1.125em;
  text-transform: none; }

.dashboard .card-header a {
  color: #4c4c4c;
  margin-left: 10px;
  display: block;
  float: left;
  width: 78%;
  margin-top: 5px;
  font-weight:bold;
}

.dashboard .mini-footer {
  padding: 3px 15px;
  background-position: 0px -193px;
}

/* Grid */
.dashboard .grid-row {
  /*height: 280px;*/ }

.dashboard [class*="card-height-"] {
  margin-bottom: 15px; }

.dashboard [class*="card-height-"] .card {
  margin-bottom: 0;
  height: 100%; }

.dashboard .card-height-full {
  /*height: 280px;*/
   height: 246px;
}

.dashboard .card-height-half {
  /*height: 130px;*/
  height: 116px;
}

/* Tables */
.dashboard table {
  margin: 20px 0 0; }

.dashboard .patient-cost th, .dashboard .patient-cost td {
  text-align: left;
  width: 50%; }

.dashboard th {
  color: #4c4c4c; }

/* Colors */
.dashboard .purple .card-header {
  border-top-color: #7d1495; }

.dashboard .purple .fa {
  color: #7d1495; }

.dashboard .red .card-header {
  border-top-color: #d31e6b; }

.dashboard .red .fa {
  color: #d31e6b; }

.dashboard .green .card-header {
  border-top-color: #79bf3b; }

.dashboard .green .fa {
  color: #79bf3b; }

.dashboard .green .mini-footer {
  border-top-color: #cdd9c5; }

.dashboard .blue .card-header {
  border-top-color: #0083c4; }

.dashboard .blue .fa {
  color: #0083c4; }

/* ==========================================================================
   Navigation styles
   ========================================================================== */
/* --- Tertiary Nav -------------------- */
#mainHeader {

    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
#mainHeader #tertiaryNav {
  background: #071d49; /*5.0*/
      height: 86px;
 /* border-bottom: solid 7px #96084d;*/ /*5.0*/
  /*padding-bottom:2px;*/ /*5.0*/
}
#mainHeader #tertiaryNav .logo {
  width: 134px;
  float: left;
  margin: 0 25px 0 27px;
  /*padding: 11px 0 10px 0;*/
  /*padding: 25px 35px 25px 0; */
  padding: 29px 35px 0px 0px;

}
#mainHeader #tertiaryNav ul {
  float: right; }
#mainHeader #tertiaryNav ul li {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1em;
  /*padding: 19px 25px;*/
  position: relative;
  margin-bottom: 0;
  /* border-left: 1px solid #ccc;*/ /*5.0*/
  /*border-right: 1px solid #7f7f7f;*/  /*5.0*/
}
#mainHeader #tertiaryNav ul li:first-child {
 /* border-left: 1px solid #ccc;*/ /*5.0*/
  /*border-left: 1px solid #7f7f7f;*/
}
#mainHeader #tertiaryNav ul li a {
  /*color: #96084d; */
  color:#fff ; /*5.0*/
  font-weight: bold;
  font-size: 13px;
}
#mainHeader #tertiaryNav h2 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  float: right;
  margin: 0;
  padding-right: 32px;
  position: relative;
  text-align: right;
  top: 27px; }
#mainHeader #tertiaryNav h2 a, #mainHeader #tertiaryNav h2 {
  color: #444444; }

/* --- Main Nav -------------------- */
#mainHeader #mainNav {
  padding-bottom: 0px;
  padding-top: 0px;
  background-color:#fff;
  /*border-bottom: 6px solid #96084d;*/ /*5.0*/
}
#mainHeader #mainNav.pre_login {
  background: #fff !important; }
#mainHeader #mainNav .logo {
  display: block;
  float: left;
  /*margin-bottom: 5px;*/
  /*padding: 22px 0px;*/
  /*padding-left: 27px;*/
    /*margin-top: 25px;*/
    margin-bottom: 25px;
    text-decoration: none;
     width: 149px;
    height: 23px;
    margin-top: -2px;
}
#mainHeader #mainNav .hlink_logo {
  margin-left: 27px;
  width: 231px; }
#mainHeader #mainNav ul {
  float: right;
  margin-right: 15px;
  position: relative;
  top: 18px; }
#mainHeader #mainNav ul li#userMenu:hover {
  background: #fff; }
#mainHeader #mainNav ul li#userMenu:hover a {
  color: #000 !important; }
#mainHeader #mainNav ul li {
  font-size: 14px;
  font-size: 0.875rem;
  border-left: 1px solid #ddd;
  float: left;
  line-height: 1em;
  margin-bottom: 0;
  padding: 5px 10px;
  position: relative;
  height:26px;
}
#mainHeader #mainNav ul li:hover {
  background: url("../Images/support_border.png") no-repeat bottom;
  height: 26px;
}
#mainHeader #mainNav ul li.username_menu:hover {
  background: none; 
}
#mainHeader #mainNav ul li.username_menu:hover a {

      color: #444!important;
}
#mainHeader #mainNav ul li:hover a {
  color: #0074BB!important;
  text-decoration: none !important; }
#mainHeader #mainNav ul li:hover ul.dropdown {
  display: block !important; }
#mainHeader #mainNav ul li:first-child {
  border-left: none; }
#mainHeader #mainNav ul li:nth-of-type(2) a {
  border-right: none; }
#mainHeader #mainNav ul li:nth-of-type(2) a .fa-chevron-down {
  margin-left: 5px;
  position: relative;
  top: -1px; }
#mainHeader #mainNav ul li a {
  color: #444546;
  display: block; }
#mainHeader #mainNav ul li a span.fa {
  font-size: 13px;
  font-size: 0.8125rem;
  display: inline; }
#mainHeader #mainNav ul li ul.dropdown {
  background: #fff !important;
  -webkit-box-shadow: 0 2px 2px 0px #ddd;
  -moz-box-shadow: 0 2px 2px 0px #ddd;
  box-shadow: 0 2px 2px 0px #ddd;
  display: none;
  min-width: 115px;
  padding: 3px 0 0 0;
  position: absolute;
  top: 24px;
  right: 0px;
  width: 100%;
  z-index: 100; }
#mainHeader #mainNav ul li ul.dropdown li {
  border-left: none;
  border-right: none;
  float: none;
  font-size: 1em;
  padding: 7px 15px;
      height: 28px;
}
#mainHeader #mainNav ul li ul.dropdown li:first-child {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; }
#mainHeader #mainNav ul li ul.dropdown li:hover {
  background: #ddd !important;
  height: 28px;
}
#mainHeader #mainNav ul li ul.dropdown li:hover a {
  background: none !important;
  color: #333 !important; }
#mainHeader #mainNav ul li ul.dropdown li a {
  font-size: 14px;
  /*font-size: 0.75rem;*/
  border: none;
  display: block; }


footer {
  color: #fff;
  clear: both;
  font-size: 12px;
  font-size: 0.785rem;
  margin: 0 auto;
  padding: 20px 0 40px 0;
  max-width: 1000px; }


/* ==========================================================================
   Form styles
   ========================================================================== */
form section {
  /*margin-left: -10px;*/
  padding-bottom: 10px;
  *zoom: 1; }
form section:before, form section:after {
  content: " ";
  display: table; }
form section:after {
  clear: both; }
form footer {
  border-top: 1px solid #ddd;
  margin-top: 1em;
  min-height: 60px;
  padding-top: 1.5em;
  padding-bottom: 0;
  position: relative;
  width: auto; }
form footer .btn {
  border: 1px solid #4c4c4c;
  display: table;
  margin: 0 auto;
  font-size: 20px;
  font-size: 1.25rem;
  background: #fff;
  color: #ddd; }
form footer .btn-next, form footer .btn-prev {
  font-size: 20px;
  font-size: 1.25rem;
  position: absolute;
  top: 1.75em;
  right: 0; }
form footer .btn-next .fa {
  margin-left: .5em; }
form footer .btn-prev {
  right: auto;
  left: 0; }
form footer .btn-prev .fa {
  margin-right: .5em; }

fieldset {
  border: none;
  display: inline;
  float: none !important;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%; }
fieldset legend {
  color: #ddd;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: .5em;
  text-transform: uppercase; }

.req {
  /*color: #f3582a;*/
  color: #008080; /*5.0*/
  font-size: 14px;
  font-weight: 700;
  position: relative;
  top: 1px; 
  top: -2px;
}

ul.radiolist label, ul.large_radiolist label, ul.stacked_radiolist label, ul.checklist label, ul.large_checklist label, ul.stacked_checklist label {
  color: #444546;
  display: inline-block;
  font-size: 14px;

  line-height: 1.125em;
  position: relative;
  width: auto; }

ul.radiolist:after {
  content: "";
  display: table;
  clear: both; }
ul.radiolist li {
  float: left;
  margin-right: 20px;
  min-width: 26%;
  margin-top:15px;
  margin-left: 0px; } 
ul.radiolist label {
  padding-left: 4px;
  top: 2px; }

ul.checklist:after {
  content: "";
  display: table;
  clear: both; }
ul.checklist li {
  float: left;
  margin-right: 20px;
  min-width: 33.3%; }
ul.checklist label {
  top: 1px; }

ul.large_radiolist:after {
  content: "";
  display: table;
  clear: both; }
ul.large_radiolist li {
  float: left;
  margin-left: 20px; }
ul.large_radiolist li label {
  font-size: 20px;
  font-size: 1.25rem; }
ul.large_radiolist li:first-child {
  margin-left: 0; }

ul.stacked_radiolist li {
  margin-bottom: 0; }

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  color: #ccc;
  font-size: 1em; }

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="password"], input[type="number"], input[type="search"], select, textarea, datalist + input {
  font-size: 14px;
  /*font-size: 1rem;*/
  background: #eeeded;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeded 0%, #ffffff 55%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeded), color-stop(55%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeded 0%, #ffffff 55%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeded 0%, #ffffff 55%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeded 0%, #ffffff 55%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeded 0%, #ffffff 55%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeded', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #dcd8d8;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #4c4c4c;
  margin: 8px 0 5px 0;
  outline: none;
  padding: 0.4em 1em; }

::-webkit-input-placeholder {
  color: #ddd; }

:-moz-placeholder {
  color: #ddd; }

::-moz-placeholder {
  color: #ddd; }

:-ms-input-placeholder {
  color: #ddd; }

input[type="search"] {
  font-size: 18px;
  font-size: 1.125rem;
  padding-left: 3em !important; }
input[type="search"]::-webkit-input-placeholder {
  color: #4c4c4c; }
input[type="search"]:-moz-placeholder {
  color: #4c4c4c; }
input[type="search"]::-moz-placeholder {
  color: #4c4c4c; }
input[type="search"]:-ms-input-placeholder {
  color: #4c4c4c; }

input, select {
  display: block;
  width: 100%; }
input.error, select.error, textarea.error {
  border-color: #b82227; }
input.validated, select.validated {
  border-color: #b4be00; }

input.uniform-input.error, select.uniform-multiselect.error, textarea.uniform.error {
  border-color: #b82227; }
input.uniform-input.error + .fa, select.uniform-multiselect.error + .fa, textarea.uniform.error + .fa {
  color: #b82227 !important; }
input.uniform-input.validated, select.uniform-multiselect.validated, textarea.uniform.validated {
  border-color: #b4be00; }
input.uniform-input.validated + .fa, select.uniform-multiselect.validated + .fa, textarea.uniform.validated + .fa {
  color: #b4be00 !important; }

input[disabled] {
  background-color: #CCC !important; }

label {
  color: #4c4c4c;
  display: inline-block;
  font-size: 14px;
  /*font-size: 0.785rem;*/
  float: none;
  margin-bottom: 1em;
  width: 100%; }
label.input_group input {
  display: inline-block;
  margin-right: 20px; }
label.input_group.phone_number input {
  float: left;
  margin-right: 5px;
  width: 70px; }
label.input_group.phone_number input:last-child {
  width: 86px; }

.input_prepend {
  font-size: 20px;
  font-size: 1.25rem;
  position: relative; }
.input_prepend .fa {
  color: #ddd !important;
  position: absolute;
  left: 20px;
  top: 23px; }
.input_prepend input {
  display: inline;
  padding: 0.7em 1.5em 0.75em 2.5em;
  width: 100%; }

.input_append {
  font-size: 20px;
  font-size: 1.25rem;
  position: relative; }
.input_append .fa {
  color: #ddd;
  position: absolute;
  right: 20px;
  top: 23px; }
.input_append input {
  display: inline;
  padding: 0.5em 1.5em 0.75em 2.5em;
  width: 100%; }

/* Date Picker */
label {
  position: relative; }

.datepicker_icon {
  bottom: 18px;
  right: 18px;
  position: absolute;
  z-index: 10;
  font-size: 18px;
  font-size: 1.125rem; }

label.grid-30 .datepicker_icon {
  right: 28px; }

label.disabled .datepicker_icon {
  display: none; }

/* Form Functions */
.form_functions {
  position: absolute;
  text-align: right;
  top: .25em;
  right: 0; }
.form_functions ul:after {
  content: "";
  display: table;
  clear: both; }
.form_functions ul li {
  float: left;
  margin-left: 20px; }

.active_step h4 .fa, .active_step h4 .fa-stack-text {
  color: #0084c0; }

/*
==================================================
    Page specific classes
==================================================
*/
/* Demographic */
.adjacent_field {
  margin-top: 1.15em; }

/* Diagnosis */
.newHumira_fields {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%; }
.newHumira_fields:last-child {
  margin-right: 0; }

/* Insurance */
#additionalInsurance {
  border-top: 1px solid #f5f5f5;
  padding-top: 20px; }

/* Prescripton Choice */
#stepOne {
  min-height: 182px; }

.status_column {
  margin-top: 4px; }
.status_column .status {
  margin-bottom: 1.5em; }
.status_column fieldset {
  padding-bottom: 1.75em; }
.status_column fieldset legend {
  margin-bottom: 0;
  text-transform: none; }

#dosing {
  border-right: 1px solid #f5f5f5; }

#dosing, #additionalDosingInfo {
  margin-top: 5px; }

#prescriberSignature {
  *zoom: 1; }
#prescriberSignature:before, #prescriberSignature:after {
  content: " ";
  display: table; }
#prescriberSignature:after {
  clear: both; }
#prescriberSignature p {
  margin-top: 0; }
#prescriberSignature .status-complete {
  color: #000;
  font-size: 15px;
  font-size: 0.9375rem; }

#chooseMethod ul li {
  padding: 0 0 .5em 0;
  position: relative; }
#chooseMethod ul li p {
  font-size: 14px;
  font-size: 0.875rem;
  margin: .5em 0; }
#chooseMethod ul li .fa.status {
  position: absolute;
  font-size: 32px;
  font-size: 2rem;
  top: .15em;
  right: 28%; }
#chooseMethod ul li.disabled {
  border-color: #f5f5f5 !important;
  color: #f5f5f5 !important; }

/* Prior Authorization */
/* ==========================================================================
   Component styles
   ========================================================================== */
/* --- Accordion -------------------- */

.accordion .accordion-toggle {
  border-bottom: 1px solid #f5f5f5 !important;
  cursor: pointer;
  margin: 0;
  padding: 20px; }
.accordion .accordion-toggle span {
  float: right; }
.accordion .accordion-content {
  display: none; }
.accordion .accordion-content.default {
  display: block; }
.accordion .fa {
  color: #bababa; }

/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("../Images/uniform-sprite_6.1.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
  outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("../Images/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea 

 input.uniform-input,
 select.uniform-multiselect,
 textarea.uniform {
  padding: $input-padding * 3;
  background: url($input-background) repeat-x 0 0;
  outline: 0;

  @include whenActive {
    background: url($input-background-focus) repeat-x 0 0;
  }
}

*/
/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input, input[type="search"], input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
  background-position: 0 -275px;
  line-height: 55px;
  height: 55px;
  margin-left: -3px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden; }
div.selector span {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: right 0;
  cursor: pointer;
  display: block;
  height: 55px;
  line-height: 55px;
  padding-right: 55px;
  width: 100%; }
div.selector.fixedWidth {
  width: 100%; }
div.selector.fixedWidth span {
  width: 100%; 
  text-transform:none;
  font-size:14px !important;
}
div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 50px;
  top: 2px;
  left: 0px;
  width: 100%; }
div.selector.active {
  background-position: 0 -330px; }
div.selector.active span {
  background-position: right -55px; }
div.selector.hover, div.selector.focus {
  background-position: 0 -440px; }
div.selector.hover span, div.selector.focus span {
  background-position: right -165px; }
div.selector.hover.active, div.selector.focus.active {
  background-position: 0 -440px; }
div.selector.hover.active span, div.selector.focus.active span {
  background-position: right -165px; }
div.selector.disabled, div.selector.disabled.active {
  background-position: 0 -495px; }
div.selector.disabled span, div.selector.disabled.active span {
  background-position: right -220px; }

/* Checkbox */
div.checker {
  position: relative; }
div.checker, div.checker span, div.checker input {
  width: 23px;
  height: 23px; }
div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -550px; }
div.checker span.checked {
  background-position: -69px -550px; }
div.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1; }
div.checker.active span {
  background-position: -92px -550px; }
div.checker.active span.checked {
  background-position: -115px -550px; }
div.checker.hover span, div.checker.focus span {
  background-position: -23px -550px; }
div.checker.hover span.checked, div.checker.focus span.checked {
  background-position: -115px -550px; }
div.checker.hover.active span, div.checker.focus.active span {
  background-position: -92px -550px; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked {
  background-position: -138px -550px; }
div.checker.disabled span, div.checker.disabled.active span {
  background-position: -116px -550px; }
div.checker.disabled span.checked, div.checker.disabled.active span.checked {
  background-position: -184px -550px; }

/* Radio */
div.radio {
  position: relative; }
div.radio, div.radio span, div.radio input {
  width: 20px;
  height: 20px; }
div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -573px; }
div.radio span.checked {
  background-position: -60px -573px; }
div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center; }
div.radio.active span {
  background-position: -20px -573px; }
div.radio.active span.checked {
  background-position: -100px -573px; }
div.radio.hover span, div.radio.focus span {
  background-position: -20px -573px; }
div.radio.hover span.checked, div.radio.focus span.checked {
  background-position: -120px -573px; }
div.radio.hover.active span, div.radio.focus.active span {
  background-position: -120px -573px; }
div.radio.hover.active span.checked, div.radio.focus.active span.checked {
  background-position: -120px -573px; }
div.radio.disabled span, div.radio.disabled.active span {
  background-position: -140px -573px; }
div.radio.disabled span.checked, div.radio.disabled.active span.checked {
  background-position: -160px -573px; }

/* Uploader */
div.uploader {
  background-position: 0 -593px;
  height: 55px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
div.uploader span.action {
  background-position: right -813px;
  height: 55px;
  line-height: 55px;
  width: 82px;
  text-align: center;
  float: left;
  display: inline;
  overflow: hidden;
  cursor: pointer; }
div.uploader span.filename {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  cursor: default;
  height: 49px;
  margin: 3px 0 3px 3px;
  line-height: 49px;
  width: 85px;
  padding: 0 10px; }
div.uploader input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  cursor: default;
  width: 100%;
  height: 100%; }
div.uploader.active span.action {
  background-position: right -923px; }
div.uploader.hover, div.uploader.focus {
  background-position: 0 -703px; }
div.uploader.hover span.action, div.uploader.focus span.action {
  background-position: right -868px; }
div.uploader.hover.active span.action, div.uploader.focus.active span.action {
  background-position: right -978px; }
div.uploader.disabled, div.uploader.disabled.active {
  background-position: 0 -648px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  background-position: right -758px; }

/* Buttons */
div.button {
  background-position: 0 -1153px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */ }
div.button a, div.button button, div.button input {
  opacity: 0.01;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute; }
div.button span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 22px;
  text-align: center;
  background-position: right -1033px;
  height: 22px;
  margin-left: 13px;
  padding: 8px 15px 0 2px; }
div.button.active {
  background-position: 0 -1183px; }
div.button.active span {
  background-position: right -1063px;
  cursor: default; }
div.button.hover, div.button.focus {
  background-position: 0 -1213px; }
div.button.hover span, div.button.focus span {
  background-position: right -1093px; }
div.button.disabled, div.button.disabled.active {
  background-position: 0 -1243px; }
div.button.disabled span, div.button.disabled.active span {
  background-position: right -1123px;
  cursor: default; }

div.checker span.checked, div.checker.hover span.checked, div.checker.focus span.checked {
  background-position: -69px -550px !important; }

div.checker.hover.active span, div.checker.focus.active span {
  background-position: -69px -550px !important; }

/* --- Radio -------------------- */
div.radio.hover span, div.radio.focus span {
  background-position: 0 -573px !important; }

div.radio span.checked {
  background-position: -91px -573px !important; }

/* --- Dropdown -------------------- */
div.selector {
  background-position: 0 -276px !important; }

div.selector.hover span, div.selector.focus span {
  background-position: right -55px !important; }

div.selector.hover, div.selector.focus {
  background-position: 0 -331px !important; }

/* INPUT & TEXTAREA */
input.uniform-input, select.uniform-multiselect, textarea.uniform {
  font-size: 14px;
  /*font-family: 'Century Gothic', sans-serif;*/ /*5.0*/
  font-family: "Open Sans", sans-serif; /*5.0*/
  font-weight: 400;
  color: #777;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  height: 38px; 
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
    color: #444546;
}
/*input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus {*/
   input.uniform-input.focus,  select.uniform-multiselect.focus,  textarea.uniform.focus {
  border-color: #426e34;
   }
   input.uniform-input.error,  select.uniform-multiselect.error,  textarea.uniform.error {
  border-color: #b82227 !important;
   }
/*.filterSearch{
font-size: 16px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #777;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  height: 48px; 
  margin-bottom:20px;
}
.filterSearch.hover, .filterSearch.focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 131, 183, 0.75);
  -moz-box-shadow: 0px 0px 4px rgba(0, 131, 183, 0.75);
  box-shadow: 0px 0px 4px rgba(0, 131, 183, 0.75);
  border-color: #0083b7; }

.filterSearch input{width:180px;}*/

/* PRESENTATION */
/* Buttons */
div.button span {
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase; }
div.button.hover span, div.button.focus span {
  color: #555; }
div.button.disabled span, div.button.disabled.active span {
  color: #bbb; }

/* Select */
div.selector {
  font-size: 14px;
  margin-top: 5px; }
div.selector span {
  color: #666; }
div.selector select {
  font-family: "Open Sans", sans-serif;
  font-size: 14px; }
div.selector.disabled span, div.selector.disabled.active span {
  color: #bbb; }

/* Checker */
div.checker {
  margin-right: 0px; }

/* Radio */
div.radio {
  margin-right: 0px;
  vertical-align: top; }

/* Uploader 
div.uploader {
  span.action {
    text-shadow: #fff 0px 1px 0px;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
  }

  span.filename {
    color: #777;
    border-right: solid 1px #bbb;
    font-size: 11px;
  }

  @include whenDisabled {
    span.action {
      color: #aaa;
    }

    span.filename {
      border-color: #ddd;
      color: #aaa;
    }
  }
}

 input.uniform-input {
  &, &:focus {
    background-color: #fff;
  }
}
*/
/* Drop Down Button */
a.mlSelect {
  background: #f7f7f7 url(../Images/bg_mlselect.gif) no-repeat right;
  /* Old browsers */
  background: url(../Images/bg_mlselect.gif) no-repeat right, -moz-linear-gradient(top, #eeeded 0%, #ffffff 55%);
  /* FF3.6+ */
  background: url(../Images/bg_mlselect.gif) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeded), color-stop(55%, #ffffff));
  /* Chrome,Safari4+ */
  background: url(../Images/bg_mlselect.gif) no-repeat right, -webkit-linear-gradient(top, #eeeded 0%, #ffffff 55%);
  /* Chrome10+,Safari5.1+ */
  background: url(../Images/bg_mlselect.gif) no-repeat right, -o-linear-gradient(top, #eeeded 0%, #ffffff 55%);
  /* Opera 11.10+ */
  background: url(../Images/bg_mlselect.gif) no-repeat right, -ms-linear-gradient(top, #eeeded 0%, #ffffff 55%);
  /* IE10+ */
  background: url(../Images/bg_mlselect.gif) no-repeat right, linear-gradient(to bottom, #eeeded 0%, #ffffff 55%);
  /* W3C */
  border: 1px solid #ddd;
  color: #797979;
  display: block;
  font-size: 16px;
  height: 51px;
  line-height: 20px;
  margin-right: 6px;
  margin-top: 8px;
  outline: none;
  padding: 4px 57px 0 12px;
  text-decoration: none; }

a.mlSelect:hover, .dropdown-open {
  border-color: #7d1293; }

.mlSelect .ln1, .mlSelect .ln2 {
  display: block;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap; }

.dropdown-container {
  position: relative; }

.dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: none; }

.dropdown .dropdown-menu, .dropdown .dropdown-panel {
  min-width: 160px;
  max-width: 430px;
  list-style: none;
  background: #FFF;
  border: solid 1px #DDD;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", sans-serif;
  overflow: visible;
  padding: 4px 0;
  margin: 0; }

.dropdown .dropdown-panel {
  padding: 10px; }

.dropdown.dropdown-tip {
  margin-top: 8px; }

.dropdown.dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block; }

.dropdown.dropdown-tip.dropdown-anchor-right:before {
  left: auto;
  right: 9px; }

.dropdown.dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block; }

.dropdown.dropdown-tip.dropdown-anchor-right:after {
  left: auto;
  right: 10px; }

.dropdown.dropdown-scroll .dropdown-menu, .dropdown.dropdown-scroll .dropdown-panel {
  max-height: 358px;
  overflow: auto; }

.dropdown .dropdown-menu LI {
  list-style: none;
  padding: 0 0;
  margin: 0;
  line-height: 18px; }

.dropdown .dropdown-menu LI > A, .dropdown .dropdown-menu LABEL {
  display: block;
  color: #797979;
  text-decoration: none;
  line-height: 20px;
  padding: 5px 15px;
  margin: 0;
  /*white-space: nowrap;*/ }

.dropdown .dropdown-menu LI > A span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.dropdown .dropdown-menu LI > A:hover, .dropdown .dropdown-menu LABEL:hover {
  background-color: #0083b7;
  color: #FFF;
  cursor: pointer; }

.dropdown .dropdown-menu .dropdown-divider {
  font-size: 1px;
  border-top: solid 1px #E5E5E5;
  padding: 0;
  margin: 5px 0; }

/* ==========================================================================
   Plugin styles
   ========================================================================== */
/* --- jqGrid -------------------- */
/*Grid*/
.ui-jqgrid {
  position: relative; }

.ui-jqgrid .ui-jqgrid-view {
  position: relative;
  left: 0;
  top: 0;
  padding: 0; }

.ui-jqgrid-bdiv {
  height: auto !important; }

/* Pager*/
.ui-jqgrid .ui-jqgrid-pager {
  border-left: 0 none !important;
  border-right: 0 none !important;
  border-bottom: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  font-size: 11px; }

.ui-jqgrid .ui-pager-control {
  position: relative; }

.ui-jqgrid .ui-pg-table {
  position: relative;
  padding-bottom: 2px;
  width: auto;
  margin: 0; }

.ui-jqgrid .ui-pg-table td {
  font-weight: normal;
  vertical-align: middle;
  padding: 1px; }

.ui-jqgrid .ui-pg-button {
  height: 19px !important; }

.ui-jqgrid .ui-pg-button span {
  display: block;
  margin: 1px;
  float: left; }

.ui-jqgrid .ui-pg-button:hover {
  padding: 0; }

.ui-jqgrid .ui-state-disabled:hover {
  padding: 1px; }

.ui-jqgrid .ui-pg-input {
  font-size: .8em;
  margin: 0; }

.ui-jqgrid .ui-pg-selbox {
  font-size: .8em;
  line-height: 18px;
  display: block;
  margin: 0; }

.ui-jqgrid .ui-separator {
  height: 18px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 1px;
  float: right; }

.ui-jqgrid .ui-paging-info {
  font-weight: normal;
  height: 19px;
  margin-top: 3px;
  margin-right: 4px; }

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
  padding: 1px 0;
  float: left;
  position: relative; }

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
  cursor: pointer; }

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
  float: left;
  margin: 0 2px; }

.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea {
  margin: 0; }

.ui-jqgrid td textarea {
  width: auto;
  height: auto; }

.ui-jqgrid .ui-jqgrid-toppager {
  border-left: 0 none !important;
  border-right: 0 none !important;
  border-top: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  height: 25px !important;
  white-space: nowrap;
  overflow: hidden; }

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
  padding: 1px 0;
  float: left;
  position: relative; }

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
  cursor: pointer; }

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
  float: left;
  margin: 0 2px; }

/*stops the grid expanding past the bounds of the container, but allows it to shrink below when there are too few columns*/
.ui-jqgrid-htable, .ui-jqgrid-btable, .ui-jqgrid-pager, .ui-jqgrid-view, .ui-jqgrid-bdiv, .ui-jqgrid-hdiv, .ui-jqgrid-hbox, .ui-jqgrid {
  max-width: 100% !important;
  width: 100% !important; }

/*this fixes a bug when you fully scroll to the right when you have many columns in the grid*/
.ui-jqgrid-htable {
  padding-right: 17px; }

.ui-jqgrid-hbox {
  padding-right: 0px !important; }

.ui-jqgrid-htable {
  padding: 0; }

/* Replace sort asc/desc arrows with fontawesome arrows */
.s-ico {
  font-family: FontAwesome;
  font-size: 10px;
  position: relative;
  top: -2px; }
.s-ico .ui-icon-asc.ui-state-disabled, .s-ico .ui-icon-desc.ui-state-disabled {
  display: none; }
.s-ico .ui-icon-asc:after {
  content: "\f077";
  font-family: FontAwesome;
  margin-left: 10px; }
.s-ico .ui-icon-desc:after {
  content: "\f078";
  margin-left: 10px; }

.ui-icon {
  font-family: FontAwesome; }
.ui-icon.ui-icon-search:after {
  content: "\f002"; }
.ui-icon.ui-icon-seek-first:after {
  content: ''; }
.ui-icon.ui-icon-refresh:after {
  content: "\f021"; }
.ui-icon.ui-icon-seek-prev:after {
  content: "\f053    Previous"; }
.ui-icon.ui-icon-seek-next:after {
  content: "Next   \f054"; }
.ui-icon.ui-icon-seek-end:after {
  content: ''; }

.ui-state-disabled .ui-icon {
  color: #999; }

.ui-pg-input {
  display: inline;
  width: auto; }

/* Remove the resize styles - they push the header down */
.ui-jqgrid-resize {
  display: none; }

.ui-jqgrid-resize-mark {
  display: none; }

.alt_row_even {
  background: rgba(125, 18, 147, 0.07); }

/*
==================================================
    Custom jqGrid Styles
==================================================
*/
.ui-jqgrid-hdiv {
  background: #7d1293;
  color: #fff;
  padding: 6px 15px; }
.ui-jqgrid-hdiv th {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 100;
  letter-spacing: 1px;
  text-align: left;
  text-transform: uppercase; }

.ui-row-ltr td {
  padding-bottom: 15px;
  padding-top: 15px; }
.ui-row-ltr td:nth-of-type(2) {
  padding-left: 15px; }

.ui-pager-control {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 30px; }
.ui-pager-control .ui-separator {
  display: none !important; }
.ui-pager-control .ui-icon-seek-prev, .ui-pager-control .ui-icon-seek-next {
  font-size: 14px;
  font-size: 0.875rem; }
.ui-pager-control .ui-icon-seek-prev {
  margin-right: 60px !important; }
.ui-pager-control .ui-icon-seek-next {
  margin-left: 60px !important; }
.ui-pager-control input {
  height: 25px;
  padding: 2px !important;
  width: 40% !important; }
.ui-pager-control .ui-pg-button {
  color: #26a793; }

.lt-ie9 .ui-pager-control input {
  height: 20px; }

.lt-ie9 .ui-icon-seek-prev {
  position: relative;
  top: -1px; }

.lt-ie9 .ui-icon-seek-next {
  position: relative;
  top: -1px; }

/* --- Datepicker  http://fengyuanchen.github.io/datepicker/ -------------------- */
.datepicker-container {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  line-height: 30px;
  float: left;
  position: absolute;
  z-index: 201312; }

.datepicker-arrow, .datepicker-arrow:after {
  border: 5px solid transparent;
  display: block;
  height: 0;
  width: 0; }

.datepicker-arrow {
  border-bottom-color: #9cf;
  margin: 0 10px;
  position: relative; }

.datepicker-arrow:after {
  border-bottom-color: #fff;
  content: " ";
  left: -5px;
  position: absolute;
  top: -4px; }

.datepicker-content {
  border: 1px solid #ccc;
  border-top-color: #9cf;
  box-shadow: 0 0 3px #ccc;
  width: 210px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.datepicker-prev, .datepicker-next {
  font-size: 18px; }

.datepicker-content ul:before, .datepicker-content ul:after {
  content: "";
  display: table; }

.datepicker-content ul:after {
  clear: both; }

.datepicker-content ul {
  margin: 0;
  padding: 0;
  width: 102%;
  *zoom: 1; }

.datepicker-content li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px; }

.datepicker-content .col-1 {
  width: 30px; }

.datepicker-content .col-2 {
  width: 60px; }

.datepicker-content .col-3 {
  width: 90px; }

.datepicker-content .col-4 {
  width: 120px; }

.datepicker-content .col-5 {
  width: 150px; }

.datepicker-content .col-6 {
  width: 180px; }

.datepicker-content .col-7 {
  width: 210px; }

.datepicker-content li:hover {
  background-color: #eee; }

.datepicker-content .selected, .datepicker-content .selected:hover {
  color: #36f; }

.datepicker-content .disabled, .datepicker-content .disabled:hover {
  color: #ccc; }

.datepicker-years li, .datepicker-months li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px; }

.datepicker-week li, .datepicker-week li:hover {
  background-color: #fff;
  cursor: default; }

/* --- Multiselect -------------------- */
/*.ui-multiselect {
  padding: 2px 0 2px 4px;
  text-align: left; }

.ui-multiselect span {
  background: none;
  position: relative;
  top: -55px;
  z-index: 9999; }

.ui-multiselect span.ui-icon {
  float: right; }

.ui-multiselect-single .ui-multiselect-checkboxes input {
  left: -9999px;
  position: absolute !important;
  top: auto !important; }

.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important; }

.ui-multiselect-header {
  *zoom: 1;
  margin-bottom: 3px;
  padding: 3px 0 3px 4px; }
.ui-multiselect-header:before, .ui-multiselect-header:after {
  content: " ";
  display: table; }
.ui-multiselect-header:after {
  clear: both; }

.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  padding-right: 0;
  text-align: right; }

.ui-multiselect-header span.ui-icon {
  float: left; }

.ui-multiselect-header ul {
  font-size: 0.9em; }

.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0; }

.ui-multiselect-header a {
  text-decoration: none; }

.ui-multiselect-header a:hover {
  text-decoration: underline; }

.ui-multiselect-menu {
  background: #f6f6f6;
  border: 1px solid #dcd8d8;
  border-top: none;
  display: none;
  padding: 3px;
  position: absolute;
  text-align: left;
  z-index: 10000; }

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: auto; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid;
  font-weight: bold;
  text-align: center; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  margin: 1px 0;
  padding: 3px;
  text-decoration: none; }

.ui-multiselect-checkboxes label {
  border: 1px solid transparent;
  cursor: default;
  display: block;
  padding: 3px 1px; }

.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px; }

.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none; }*/



/* --- Dropzone -------------------- */
.dropboxpa
{
    background: #f8f8fa;
    border: 2px dashed #ddd;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px;
    text-align: center;
}

    .dropboxpa p
    {
        color: #999;
    }

    .dropboxpa .fallback
    {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }

        .dropboxpa .fallback input[type="file"]
        {
            font-size: 14px;
            font-size: 0.875rem;
            margin-left: auto;
            margin-right: auto;
            max-width: 300px;
        }

    .dropboxpa .dz-preview
    {
        font-size: 14px;
        font-size: 0.875rem;
    }

        .dropboxpa .dz-preview img
        {
            display: none;
        }

        .dropboxpa .dz-preview .dz-size
        {
            display: none;
        }

    .dropboxpa .dz-details, .dropboxpa .dz-progress, .dropboxpa .dz-error-message
    {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }

    .dropboxpa .dz-details
    {
        position: relative;
        top: 24px;
    }

        .dropboxpa .dz-details .dz-filename
        {
            position: relative;
            text-align: left;
        }

            .dropboxpa .dz-details .dz-filename span
            {
                left: 20px;
                position: relative;
            }

            .dropboxpa .dz-details .dz-filename + .dz-remove
            {
                position: absolute;
                right: 8px;
                top: -1px;
            }

        .dropboxpa .dz-details .fa-paperclip
        {
            left: 10px;
            position: relative;
        }

    .dropboxpa .dz-progress
    {
        background: white;
        border: 1px solid #ddd;
        height: 32px;
    }

        .dropboxpa .dz-progress .dz-upload
        {
            background-color: #FCEAF6;
            display: block;
            height: 30px;
            width: 0%;
        }

    .dropboxpa .dz-error-message
    {
        margin-top: 8px;
        color: #b82227;
    }

        .dropboxpa .dz-error-message + .dz-remove
        {
            display: none;
        }
/*# sourceMappingURL=main.css.map */
.image_text_overlay, .image_text_overlaysmall {
    display: inline;
    position: relative;
}
.image_text_overlay p {
    color: white;
    display: block;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    /*text-shadow: 0 1px 1px #bbb;*/
    text-transform: uppercase;
    top: -214px;
    width: 100%;
        z-index:100;
        font-weight: bold;
  }

.image_text_overlaysmall p {
    color: white;
    display: block;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    /*text-shadow: 0 1px 1px #bbb;*/
    top: -214px;
    width: 100%;
        z-index:100;
        font-weight: bold;
  }

/*Patient History*/
[class*="patient_history_"] .fa {
  text-align: center;
  width: 30px;
  height: 30px;
  color: #ccc;
  background: url(../Images/icon-bg-circle-30x30-white-on-transparent.png) center center no-repeat;
}
[class*="patient_history_"] .fa-wifi {
  line-height: 34px;
  color: #96084d;
}
[class*="patient_history_"] .fa-plus-square {
  line-height: 32px;
  color: #79bf3b;
}
[class*="patient_history_"] .fa-user-md {
  line-height: 31px;
  color: #426e34;
}


.patient_history_table {
  border: none;
  color: #777;
  line-height: 1.875em;
  margin-top: 10px;
  & tbody > tr { padding-top: 10px; }
  td { vertical-align: top; }
  table tbody tr:last-of-type { 
    .icon { border-left: none; }
  }
  .date { 
    font-weight: bold;
    padding-left: 1em;
    vertical-align: top; 
    width: 25%;
  }
  .icon { 
    border-left: 1px solid #dfdfdf;
    position: relative; 
    vertical-align: top;
    span {
      left: -15px; 
      position: relative;
    }
  }
  .event { padding-bottom: 15px; }
  table {
    border-collapse: separate;
  }
}



/* Patient History Legend > Rows */
.patient_history {
  *zoom: 1; }
.patient_history:before, .patient_history:after {
  content: " ";
  display: table; }
.patient_history:after {
  clear: both; }

[class*="patient_history_"] .fa {
  text-align: center;
  width: 30px;
  height: 30px;
  color: #ccc;
  background: url(../Images/icon-bg-circle-30x30-white-on-transparent.png) center center no-repeat; }

[class*="patient_history_"] .fa-wifi {
  line-height: 34px;
  color: #96084d; }

[class*="patient_history_"] .fa-plus-square {
  line-height: 32px;
  color: #79bf3b; }

[class*="patient_history_"] .fa-user-md {
  line-height: 31px;
  color: #426e34; }

.patient_history_table {
  border: none;
  color: #777;
  line-height: 1.875em;
  margin-top: 10px; }
.patient_history_table tbody > tr {
  padding-top: 10px; }
.patient_history_table td {
  vertical-align: top; }
.patient_history_table table tbody tr:last-of-type .icon {
  border-left: none; }
.patient_history_table .date {
  font-weight: bold;
  padding-left: 1em;
  vertical-align: top;
  width: 25%; }
.patient_history_table .icon {
  border-left: 1px solid #dfdfdf;
  /*position: relative;*/
  vertical-align: top; }
.patient_history_table .icon span {
  left: -15px;
  position: relative;

}
.patient_history_table .event {
  padding-bottom: 15px; }
.patient_history_table table {
  border-collapse: separate; }

/* Patient History Legend */
.patient_history_legend_head {
  background: #888;
  padding: 5px 10px 5px 20px; }
.patient_history_legend_head h4 {
  color: #fff;
  font-size: 14px;
  margin: 0;
  text-transform: uppercase; }

/* Patient History Legend > Rows */
.patient_history_legend_rows {
  background: #f4f4f4;
  border: 1px solid #dfdfdf; }
.patient_history_legend_rows li {
  border-top: 1px solid #dfdfdf;
  color: #444546;
  display: block;
  font-size: 14px;
  line-height: 1.875em;
  overflow: hidden;
  margin: 0;
  padding: 10px; }
.patient_history_legend_rows li:first-child {
  border: none; }
.patient_history_legend_rows .fa {
  display: block;
  float: left;
  margin-right: .5em; }
/* --- Multiselect -------------------- */
.ui-multiselect {
  padding: 2px 0 2px 4px;
  text-align: left; }

.ui-multiselect span {
  background: none;
  position: relative;
  top: -55px;
  z-index: 9999; }

.ui-multiselect span.ui-icon {
  float: right; }

.ui-multiselect-single .ui-multiselect-checkboxes input {
  left: -9999px;
  position: absolute !important;
  top: auto !important; }

.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important; }

.ui-multiselect-header {
  *zoom: 1;
  margin-bottom: 3px;
  padding: 3px 0 3px 4px; }
.ui-multiselect-header:before, .ui-multiselect-header:after {
  content: " ";
  display: table; }
.ui-multiselect-header:after {
  clear: both; }

.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  padding-right: 0;
  text-align: right; }

.ui-multiselect-header span.ui-icon {
  float: left; }

.ui-multiselect-header ul {
  font-size: 0.9em; }

.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0; }

.ui-multiselect-header a {
  text-decoration: none; }

.ui-multiselect-header a:hover {
  text-decoration: underline; }

.ui-multiselect-menu {
  background: #f6f6f6;
  border: 1px solid #dcd8d8;
  border-top: none;
  display: none;
  padding: 3px;
  position: absolute;
  text-align: left;
  z-index: 95; }

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: auto; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  border-bottom: 1px solid;
  font-weight: bold;
  text-align: center; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  margin: 1px 0;
  padding: 3px;
  text-decoration: none; }

.ui-multiselect-checkboxes label {
  border: 1px solid transparent;
  cursor: default;
  display: block;
  padding: 3px 1px; }

.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px; }

.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none; }

/* --- Tag Spans -------------------- */
.tag_span {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-bottom-width: 2px;
  border-left: 4px solid #79bf3b;
  display: inline-block;
  float: left;
  margin: 10px 30px 0px 0px;
  padding: 7px 10px;
  position: relative;
  text-transform: none;
  z-index: 90; }
.tag_span .fa {
  float: right;
  left: 10px;
  position: relative;
  z-index: 5000; }
.tag_span .fa:hover {
  cursor: pointer !important; }
.tag_span .arrow_box {
  border-bottom-color: transparent;
  border-left-color: #f5f5f5;
  border-right-color: transparent;
  border-top-color: transparent;
  border-width: 15px;
  border-style: solid;
  height: 0;
  position: absolute;
  right: -30px;
  top: 0;
  width: 0; }

.tag_span.two_lines .fa {
  left: 15px;
  top: -8px; }
.tag_span.two_lines .arrow_box {
  border-width: 23px;
  right: -46px; }

.tag_span.three_lines .fa {
  left: 19px;
  top: -15px; }
.tag_span.three_lines .arrow_box {
  border-width: 31px;
  right: -62px; }

.tag_span.four_lines .fa {
  left: 22px;
  top: -24px; }
.tag_span.four_lines .arrow_box {
  border-width: 39px;
  right: -78px; }
.workarea{
  display:block;
  min-width:1000px;
}
.supportBtm {
    position:absolute;
    bottom:0px;
}
.absolute {
    position: absolute; 
}

#featuresModal{padding:30px 20px 34px;}
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../Images/ajax-loader.gif") center center no-repeat; }

/*
/* Icons */
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 48px;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; 
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25; }
.slick-prev:before, .slick-next:before {
  font-family: FontAwesome;
  font-size: 66px;
  line-height: 1;
  color: #999;
  opacity: .4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 0; 
  background:url("../Images/left_arrow.png") 0 0 !important;}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px; }
.slick-prev:before {
  content: ""; }
[dir="rtl"] .slick-prev:before {
  content: ""; }

.slick-next {
  right: -15px; 
  background:url("../Images/right_arrow.png") 0 0 !important;}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto; }
.slick-next:before {
  /*content: "\2190";*/
  content: "";
  }
[dir="rtl"] .slick-next:before {
  content: ""; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -40px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
.slick-dots li {
  background: #fff;
  border: 1px #ccc solid;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 5px;
  padding: 0;
  cursor: pointer; }
.slick-dots li button {
  border: 0;
  background: transparent;
  /*display: block;*/
  display:none;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\00B7";
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #ccc;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active {
  background: #ccc;
  border-color: #ccc; }
.slick-dots li.slick-active button:before {
  color: #ccc;
  opacity: 0.75; }

.slick-slider.features-carousel {
  margin: 10px 0 !important; }
.slick-slider.features-carousel .slick-list {
  margin-left: 45px;
  width: 480px; }

.slick-slide img {
    width: 200px;
    /*height: 160px;*/ 
}

.slick-initialized .slick-slide {
    outline:none;
}

.slick-slider.features-carousel.slick-dotted {
  margin-bottom: 80px; }

.example-box {
  background: #000;
  color: #fff;
  display: table;
  height: 435px;
  font-size: 2em;
  line-height: 200px;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  width: 480px; 
  /*border:grey;
  border-style:solid;
  border-width:2px;*/
}
 .example-box p  {
    color: #fff;
    text-align: left;
    font-size: 14px;
}
.example-box .tableCell{
    display:table-cell;
    vertical-align:middle;
    color:black;
}
.example-box .tableCell:first-child{
  padding-right: 10px;
  color:black;
}
.featureModal .width50{
   width:100%;
   float:left; 
 }

 .featureModal h2{
  text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0px;
  color: #868489;
 }
 .featureModal .featureName{
   margin-bottom:15px;
     font-size:1em;
 }
 .featureModal .btn{
   font-size:13px !important;
 }
 /*.featureModal .listStyle{
   padding-left:15px;
   position:relative;
 }
 .featureModal .listStyle:before {
    position: absolute;
    top: -7px;
    left: 0px;
     content: "•";
    font-family: FontAwesome;
    font-size: 23px;
    text-align: center;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

.featureModal .listStyle span{
    float: left;
    display: inline-block;
}

.featureModal .listStyle span:last-child{
   width: 94%;
   margin-left: 5px;
}
 
.features-carousel-captions {
  display:none !important;
}

  /*.features-carousel-captions div.slick-current{
    min-width: 500px;
 }*/

 .btn.inactive {
  background: #7f7f7f;
  border-color: #7f7f7f;
  color: #fff!important;
  /*text-shadow: none;  */
}

.btn.inactive:hover {
  background: #7f7f7f !important;
  border-color: #7f7f7f;
  color: #fff!important;
  cursor: default !important;
  text-shadow: none;  
  }

.btn.abv-icon-btn.btn-outline-primary:disabled:hover {
    box-shadow: none;
}

.no-cursor {
    cursor: default !important;
    text-decoration: none !important;
}