/*
 * Greenway UI
 * Version 0.0.35
 * Built Tue Mar 07 2017 4:41:37 PM
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic);
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@font-face {
  font-family: 'atlas-icons';
  src: url("../assets/fonts/atlas-icons.eot?-tg31vv");
  src: url("../assets/fonts/atlas-icons.eot?#iefix-tg31vv") format("embedded-opentype"), url("../assets/fonts/atlas-icons.woff?-tg31vv") format("woff"), url("../assets/fonts/atlas-icons.ttf?-tg31vv") format("truetype"), url("../assets/fonts/atlas-icons.svg?-tg31vv#atlas-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Utilities are prefixed as follows: u-<utilityName> */
.u-floatLeft {
  float: left !important; }

.u-floatRight {
  float: right !important; }

.u-imageReplacement {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.u-imageReplacement:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.u-hidden {
  display: none !important;
  visibility: hidden; }

.u-visuallyHidden,
.u-screenReaderOnly {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.u-visuallyHidden.is-focusable:active,
.u-visuallyHidden.is-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.u-invisible {
  visibility: hidden; }

.u-clearFix:before,
.u-clearFix:after,
.u-clearfix:before,
.u-clearfix:after {
  content: " ";
  display: table; }

.u-clearFix:after,
.u-clearfix:after {
  clear: both; }

.u-clearFix,
.u-clearFix {
  *zoom: 1; }

.u-verticalAlignTop {
  vertical-align: top; }

.u-rightPadding10px {
  padding-right: 1rem; }

.u-rightMargin15px {
  margin-right: 1.5rem; }

.u-rightMargin10px {
  margin-right: 1.0rem; }

.u-leftMargin5px {
  margin-left: 0.5rem; }

.u-leftMargin10px {
  margin-left: 1rem; }

.u-leftMargin15px {
  margin-left: 1.5rem; }

.u-leftMargin20px {
  margin-left: 2rem; }

.u-leftPadding15px {
  padding-left: 1.5rem; }

.u-rightPadding15px {
  padding-right: 1.5rem; }

.u-topMargin5px {
  margin-top: 0.5rem; }

.u-topMargin15px {
  margin-top: 1.5rem; }

.u-topMargin20px {
  margin-top: 2rem; }

.u-rightMargin20px {
  margin-right: 2rem; }

.u-lineHeightOne {
  line-height: 1; }

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

.u-widthAuto {
  width: auto; }

.u-noWrap {
  white-space: nowrap; }

.u-wrap {
  white-space: normal; }

.u-fontWeightLight {
  font-weight: 300; }

.u-fontWeightBold {
  font-weight: 600; }

.u-displayInlineBlock {
  display: inline-block; }

.u-displayInline {
  display: inline; }

.u-displayNone {
  display: none; }

.u-displayTable {
  display: table !important; }

.u-darkerText {
  color: #323232; }

.u-height100Percent {
  height: 100%; }

.is-disabled {
  pointer-events: none; }

.label {
  font-size: 1.3rem;
  color: #969696; }

.categoryLabel {
  font-size: 1.6rem;
  font-weight: 300;
  color: #969696; }

@media (width: 768px) {
  .dataEntrySubtitle {
    font-size: 1.4rem; } }

@media (max-width: 700px) {
  .dataEntrySubtitle {
    font-size: 1.4rem; } }

@media (max-width: 660px) {
  .dataEntrySubtitle {
    font-size: 1.4rem; } }

.phoneOnly {
  display: none; }
  @media (max-width: 700px) {
    .phoneOnly {
      display: inline-block; } }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .imageReplacement a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/* For naming of variables, we use <property>[-value &| --componentName] */
/* Border Radius */
/* Break Points */
/* z-index */
/* For naming of variables, we use <property>[-value &| --componentName] */
/* Font Family */
/* Font Sizes */
/* Font Weights */
/* Line heights */
/* Element Defaults */
html {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 62.5%; }

body {
  font-size: 14px;
  font-size: 1.4rem; }

strong {
  font-weight: 600; }

h1 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 300; }

h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300; }

h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300; }

h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600; }

h5 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600; }

h6 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: italic; }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/

.icon {
  height: 4.4rem;
  width: 4.4rem;
  background-size: 3.2rem 3.2rem;
  background-position: center center;
  background-repeat: no-repeat; }

.icon--filters {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M4,4l8,12v12l8-7v-5l8-12H4z'/%3E%3C/svg%3E"); }
  @media (min-width: 1025px) {
    .icon--filters:hover {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' white' d=' M4,4l8,12v12l8-7v-5l8-12H4z'/%3E%3C/svg%3E"); } }
  @media (max-width: 1024px) {
    .icon--filters:active {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' white' d=' M4,4l8,12v12l8-7v-5l8-12H4z'/%3E%3C/svg%3E"); } }

/* SVG images */
/*--//Smaller problem icon (yellow)
$problemIcon-small: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxkZWZzPgo8L2RlZnM+CjxjaXJjbGUgZmlsbD0iI0U4QzIxMyIgY3g9IjgiIGN5PSI4IiByPSI4Ii8+CjxyZWN0IHg9IjYiIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjExIi8+CjxnPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuMywzaDIuNUMxMC43LDMsMTIsMy43LDEyLDUuOWMwLDIuMS0xLjMsMy0zLjIsM0g2LjMgTTguNyw4YzEuNSwwLDIuMi0wLjcsMi4yLTIuMQoJCWMwLTEuNC0wLjgtMS45LTIuMy0xLjlINi4zdjRIOC43eiIvPgo8L2c+Cjwvc3ZnPg==);--*/
/*-- MEDICATIONS FORMULARY - HEADER, ICON for LOADING FORMULARY --*/
/*-- MEDICATIONS FORMULARY - HEADER, ICON for PREFFERED --*/
/*-- MEDICATIONS FORMULARY - HEADER, ICON for ON FORMULARY --*/
/*-- MEDICATIONS FORMULARY - HEADER, ICON for NO FORMULARY --*/
/*-- MEDICATIONS FORMULARY - HEADER, ALERT-DANGEROUS --*/
/*-- MEDICATIONS FORMULARY - HEADER, ALERT-SAFE --*/
/*-- MEDICATIONS FORMULARY - SELECTED --*/
/*-- MEDICATIONS FORMULARY - HEADER, INFO (white outline) --*/
/*-- MEDICATIONS FORMULARY - HEADER, INFO (blue outline) --*/
/*-- MEDICATIONS FORMULARY - HEADER, INFO SELECTED (white fill) --*/
/*-- MEDICATIONS FORMULARY - HEADER, INFO LEFT-EDITOR (blue fill) --*/
/*-- DISCONTINUED RX: DISCONTINUED BY PATIENT (inactive) --*/
/*-- DISCONTINUED RX: DISCONTINUED BY PATIENT (active) --*/
/*-- DISCONTINUED RX: DISCONTINUED BY PROVIDER (inactive) --*/
/*-- DISCONTINUED RX: DISCONTINUED BY PROVIDER (active) --*/
/*-- DISCONTINUED RX: PRESCRIPTION COMPLETED (inactive) --*/
/*-- DISCONTINUED RX: PRESCRIPTION COMPLETED (active) --*/
/*-- DISCONTINUED RX: ENTERERD IN ERROR (inactive) --*/
/*-- DISCONTINUED RX: ENTERERD IN ERROR (active) --*/
/*-- DISCONTINUED RX: DRILL DOWN ARROW --*/
/*-- RX SUMMARY: RX ICON --*/
/*-- RX SUMMARY: eRX ICON --*/
/*-- RX SUMMARY: PHARMACY ICON --*/
/* For naming of variables, we use <property>[-value &| --componentName] */
/* Color Values */
/* Black --> White */
/* Other Colors */
/* Widget RGB Colors */
/* Alert RGB Colors */
/* Specific Widget Colors */
/* Miscellanious Colors */
/* Greenway Colors */
/* Key component colors */
/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
ul,
ol {
  line-height: 1.7; }

ul {
  list-style: square; }

.list--noBullets {
  margin-left: 0;
  padding: 0;
  float: left;
  width: 100%;
  list-style: none; }

.list--form {
  margin: 0;
  padding-left: 0;
  float: left;
  width: 100%;
  list-style: none; }
  .list--form li {
    margin-bottom: 0.5em; }

.list--formHorizontal li {
  display: inline-block;
  margin-right: .75em; }
  .list--formHorizontal li:last-of-type {
    margin-right: 0; }

.itemEditorRight .list--formHorizontal {
  width: 100%;
  margin-left: .5rem;
  margin-top: 0rem;
  margin-bottom: 0rem; }

dt {
  font-weight: 600; }

dd {
  margin-left: 0;
  margin-bottom: .5em; }
  dd:last-of-type {
    margin-bottom: 0; }

.commaSeparatedList {
  display: inline;
  list-style: none;
  padding: 0; }
  .commaSeparatedList li {
    display: inline; }
    .commaSeparatedList li:after {
      content: ", "; }
    .commaSeparatedList li:last-child:after {
      content: ""; }

.listItems {
  padding-left: 0rem; }

.listItem {
  min-height: 4.5rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 1.4rem 2rem 1rem 2.4rem;
  display: block;
  cursor: pointer;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2); }
  @media (min-width: 1025px) {
    .listItem:hover {
      background-color: #005eab; } }
  @media (max-width: 1024px) {
    .listItem:active {
      background-color: #005eab; } }
  .listItem.drilldown-category {
    padding: 1.4rem 2rem 1rem 2.4rem; }
  .listItem .subtext {
    font-size: 80%;
    font-style: italic; }

.itemEditorRight .listItem {
  color: white; }

@media (max-width: 660px) {
  .drawer .patientChart li {
    width: 33%; } }

@media (max-width: 375px) {
  .drawer .patientChart li {
    width: 50%; } }

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

html {
  font-size: 62.5%; }

body {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #666666; }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
/* div */
.alert {
  padding: 1em 1.5em;
  background-color: #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  color: #666666;
  overflow: hidden; }
  .alert h4 {
    margin: 0 0 .1em;
    font-size: 18px;
    font-size: 1.8rem; }
  .alert p {
    margin: 0; }

/* div */
.alert--error {
  background-color: white; }

/* div */
.alert--info {
  background-color: white; }

/* div */
.alert--success {
  background-color: #f2f9ee; }

/* div */
.alert--warning {
  background-color: #fbd7c9; }

/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
/* span */
.badge {
  display: inline-block;
  margin: 0 .25em;
  padding: .3em .7em;
  border-radius: 50%;
  background-color: #17ab00;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
  vertical-align: baseline;
  white-space: nowrap;
  color: white; }

/* span */
.badge--alt {
  background-color: #005eab; }

/* span */
.badge--important {
  background-color: #ab1800;
  color: white; }

/* span */
.badge--subtle {
  background-color: #cccccc;
  color: #333333; }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
/* ul or ol */
.mediaList li {
  display: list-item;
  padding: 0 0 .75em 0; }

.mediaList .media,
.mediaList .media-body {
  overflow: hidden;
  zoom: 1; }

.mediaList .media a {
  text-decoration: none;
  color: #333333; }

.mediaList .media-image {
  float: left;
  margin-right: 1em; }

.mediaList .media-nav {
  float: right;
  padding-top: .1em;
  font-size: 30px;
  font-size: 3rem;
  color: color-grayLight; }

.mediaList h4 {
  font-size: 18px;
  font-size: 1.8rem; }

.mediaList p {
  margin: .5em 0;
  line-height: 1.2;
  color: #999999; }

/* ul or ol */
.mediaList--bordered {
  border: 1px solid #eeeeee;
  border-radius: 5px; }
  .mediaList--bordered li {
    padding: .75em .75em .25em;
    border-bottom: 1px solid #eeeeee; }
    .mediaList--bordered li:last-of-type {
      border-bottom: none; }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
.modal-open {
  overflow: hidden; }

/* div */
.modal {
  display: none;
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3000;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.is-open {
    display: block; }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

/* div */
.modal-dialog {
  position: relative;
  width: 98%;
  margin: 1%;
  margin-top: 6rem; }
  @media (min-width: 45em) {
    .modal-dialog {
      width: 40em;
      margin: 2em auto; } }

/* div */
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

/* div */
.modal-header {
  padding: .5em 1em;
  border-bottom: 1px solid #eeeeee;
  /* button */ }
  .modal-header .close {
    float: right;
    margin: 0;
    height: auto;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    color: #333333; }

/* h4 */
.modal-title {
  margin: 0;
  line-height: 1.7; }

/* div */
.modal-body {
  position: relative;
  padding: .25em 1em .5em; }

/* div */
.modal-footer {
  margin-top: 1em;
  padding: .5em 1em;
  text-align: right;
  border-top: 1px solid #eeeeee; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

/* div */
@media (min-width: 65em) {
  .modal--jumbo .modal-dialog {
    width: 95%; } }

/* div */
@media (min-width: 65em) {
  .modal--lg .modal-dialog {
    width: 60em; } }

/* div */
@media (min-width: 45em) {
  .modal--sm .modal-dialog {
    width: 20em; } }

.popup-clickAway {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10; }

.search {
  height: 3.0rem;
  padding: 0;
  margin: 0 1.0rem 1.0rem 1.0rem;
  position: relative; }
  .search input {
    padding-right: 2.5rem;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.drawer .search {
  margin-top: 0.5rem; }

.search-field {
  background-color: white;
  color: black;
  line-height: 2.0rem;
  padding: 0.5rem 1.0rem;
  margin: 0;
  border: 0.1rem solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
  background-clip: padding-box;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0; }
  .search-field:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }

.search-button {
  text-indent: -999.9rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xNiwyQzguMywyLDIsOC4zLDIsMTZzNi4zLDE0LDE0LDE0czE0LTYuMywxNC0xNFMyMy43LDIsMTYsMnogTTIyLjYsMjRsLTQuMy00LjMKCQljLTEuMSwwLjgtMi40LDEuMy0zLjgsMS4zQzEwLjksMjEsOCwxOC4xLDgsMTQuNVMxMC45LDgsMTQuNSw4czYuNSwyLjksNi41LDYuNWMwLDEuNC0wLjUsMi44LTEuMywzLjhsNC4zLDQuM0wyMi42LDI0eiIvPgoJPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE0LjUsMTBDMTIsMTAsMTAsMTIsMTAsMTQuNXMyLDQuNSw0LjUsNC41czQuNS0yLDQuNS00LjVTMTcsMTAsMTQuNSwxMHoiLz4KPC9nPgo8L3N2Zz4=);
  background-size: 3.2rem 3.2rem;
  background-repeat: no-repeat;
  height: 3.2rem;
  width: 3.2rem;
  position: absolute;
  top: 0;
  right: -0.2rem;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .search-button:hover {
      opacity: 1.0; } }
  @media (max-width: 1024px) {
    .search-button:active {
      opacity: 1.0; } }

.search--dark .search-field {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border-color: rgba(255, 255, 255, 0.4); }

.search--dark .search-button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNiwyQzguMywyLDIsOC4zLDIsMTZzNi4zLDE0LDE0LDE0czE0LTYuMywxNC0xNFMyMy43LDIsMTYsMnogTTIyLjYsMjRsLTQuMy00LjMKCQljLTEuMSwwLjgtMi40LDEuMy0zLjgsMS4zQzEwLjksMjEsOCwxOC4xLDgsMTQuNVMxMC45LDgsMTQuNSw4czYuNSwyLjksNi41LDYuNWMwLDEuNC0wLjUsMi44LTEuMywzLjhsNC4zLDQuM0wyMi42LDI0eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0LjUsMTBDMTIsMTAsMTAsMTIsMTAsMTQuNXMyLDQuNSw0LjUsNC41czQuNS0yLDQuNS00LjVTMTcsMTAsMTQuNSwxMHoiLz4KPC9nPgo8L3N2Zz4=); }

.is-button .search-field {
  right: 3.5rem; }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:after {
    content: "";
    display: table;
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 1rem 1.5rem; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #666666; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #666666;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #005eab; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #cccccc; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 0.4rem 0.4rem 0 0; }
      @media (min-width: 1025px) {
        .nav-tabs > li > a:hover {
          border-color: #eeeeee #eeeeee #cccccc; } }
      @media (max-width: 1024px) {
        .nav-tabs > li > a:active {
          border-color: #eeeeee #eeeeee #cccccc; } }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #666666;
      background-color: white;
      border: 1px solid #cccccc;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 0.4rem; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: white;
    background-color: #005eab; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 0.5rem; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 76.8rem) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0.4rem; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #cccccc; }
  @media (min-width: 76.8rem) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #cccccc;
      border-radius: 0.4rem 0.4rem 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: white; } }

.tab-content > .tab-pane {
  display: none;
  visibility: hidden; }

.tab-content > .active {
  display: block;
  visibility: visible; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  background-clip: padding-box; }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
/* nav */
.breadcrumb {
  padding: .25em 0;
  margin-bottom: 1em;
  list-style: none;
  background-color: #eeeeee;
  border-radius: 5px; }
  .breadcrumb ol {
    padding-left: 1em; }
  .breadcrumb li {
    display: inline-block; }
    .breadcrumb li :after {
      content: "/";
      padding: 0 .25em 0 .5em;
      color: #cccccc; }
    .breadcrumb li a {
      text-decoration: none; }

/* ul */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: .5em 0;
  border-radius: 5px; }
  .pagination li {
    display: inline; }
    .pagination li a,
    .pagination li span {
      position: relative;
      float: left;
      padding: .5em .75em;
      line-height: 1.2;
      text-decoration: none;
      border: 1px solid #cccccc;
      margin-left: -1px; }
    .pagination li:first-child a,
    .pagination li:first-child span {
      margin-left: 0;
      -webkit-border-top-left-radius: 5px;
      border-top-left-radius: 5px;
      background-clip: padding-box;
      -webkit-border-bottom-left-radius: 5px;
      border-bottom-left-radius: 5px;
      background-clip: padding-box; }
    .pagination li:last-child a,
    .pagination li:last-child span {
      -webkit-border-top-right-radius: 5px;
      border-top-right-radius: 5px;
      background-clip: padding-box;
      -webkit-border-bottom-right-radius: 5px;
      border-bottom-right-radius: 5px;
      background-clip: padding-box; }
  .pagination li > a:hover, .pagination li > a:focus,
  .pagination li > span:hover,
  .pagination li > span:focus {
    background-color: #eeeeee; }
  .pagination .is-active > a, .pagination .is-active > a:hover, .pagination .is-active > a:focus,
  .pagination .is-active > span,
  .pagination .is-active > span:hover,
  .pagination .is-active > span:focus {
    z-index: 2;
    color: white;
    background-color: #17ab00;
    border-color: #17ab00;
    cursor: default; }
  .pagination .is-disabled span,
  .pagination .is-disabled span:hover,
  .pagination .is-disabled span:focus,
  .pagination .is-disabled a,
  .pagination .is-disabled a:hover,
  .pagination .is-disabled a:focus {
    color: #cccccc;
    background-color: white;
    cursor: not-allowed; }

/* ul */
.treeview {
  margin: 0;
  padding: 0;
  list-style: none;
  /* div */
  /* li */
  /* li */ }
  .treeview label {
    display: inline-block;
    font-weight: 400; }
  .treeview .node-toggle {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    cursor: pointer; }
  .treeview .node > ul {
    list-style: none;
    display: none; }
  .treeview .node.is-open > ul {
    display: block; }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
button,
input[type="button"],
input[type="submit"],
.button,
.button:link,
.button:visited,
.button:hover,
.button:focus,
.button:active {
  background-color: #ffffff;
  color: #558f4d;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  vertical-align: middle;
  height: 3.5rem;
  width: auto;
  min-width: 5rem;
  padding: 0.1rem 1.5rem 0;
  margin: 0 0.5rem 0.25rem 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.1rem solid #aaaaaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block; }
  button:hover, button:focus,
  input[type="button"]:hover,
  input[type="button"]:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  .button:hover,
  .button:focus,
  .button:link:hover,
  .button:link:focus,
  .button:visited:hover,
  .button:visited:focus,
  .button:hover:hover,
  .button:hover:focus,
  .button:focus:hover,
  .button:focus:focus,
  .button:active:hover,
  .button:active:focus {
    background-color: #c5dbc1; }
  button:active,
  input[type="button"]:active,
  input[type="submit"]:active,
  .button:active,
  .button:link:active,
  .button:visited:active,
  .button:hover:active,
  .button:focus:active,
  .button:active:active {
    background-color: #c5dbc1; }

input[type="button"][disabled],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="button"][disabled]:active,
input[type="submit"][disabled],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus,
input[type="submit"][disabled]:active,
button[disabled],
button[disabled]:hover,
button[disabled]:focus,
button[disabled]:active,
.button.is-disabled,
.button.is-disabled:link,
.button.is-disabled:visited,
.button.is-disabled:hover,
.button.is-disabled:focus,
.button.is-disabled:active {
  background-color: #cccccc !important;
  cursor: not-allowed;
  text-shadow: none;
  color: #999999; }

.button--hideButtonText {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }
  .button--hideButtonText:focus, .button--hideButtonText:active {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.button--lg, .buttonGroup--lg > .button,
input.button--lg,
.buttonGroup--lg > input.button,
.button--lg:link,
.buttonGroup--lg > .button:link,
.button--lg:visited,
.buttonGroup--lg > .button:visited,
.button--lg:hover,
.buttonGroup--lg > .button:hover,
.button--lg:focus,
.buttonGroup--lg > .button:focus,
.button--lg:active,
.buttonGroup--lg > .button:active {
  height: 5.0rem;
  padding: 0 2.0rem; }

.button--lg:link, .buttonGroup--lg > .button:link,
.button--lg:visited,
.buttonGroup--lg > .button:visited,
.button--lg:hover,
.buttonGroup--lg > .button:hover,
.button--lg:focus,
.buttonGroup--lg > .button:focus,
.button--lg:active,
.buttonGroup--lg > .button:active {
  padding-top: 0.7rem; }

.button--sm, .buttonGroup--sm > .button,
input.button--sm,
.buttonGroup--sm > input.button,
.button--sm:link,
.buttonGroup--sm > .button:link,
.button--sm:visited,
.buttonGroup--sm > .button:visited,
.button--sm:hover,
.buttonGroup--sm > .button:hover,
.button--sm:focus,
.buttonGroup--sm > .button:focus,
.button--sm:active,
.buttonGroup--sm > .button:active {
  height: 3.0rem;
  padding: 0 1.0rem;
  font-size: 14px;
  font-size: 1.4rem; }

.button--sm--cera {
    margin-top: 10px;
    height: 3.0rem;
    padding: 0 1.0rem;
    font-size: 14px;
    font-size: 1.4rem;
}
.button--subtle {
  color: #666666;
  border: 0.1rem solid #666; }

.button--primary,
input.button--primary,
.button--primary:link,
.button--primary:visited,
.button--primary:hover,
.button--primary:focus,
.button--primary:active {
  background-color: #6ea665;
  color: #ffffff;
  border: 1px solid #558f4d; }
  .button--primary:hover, .button--primary:focus,
  input.button--primary:hover,
  input.button--primary:focus,
  .button--primary:link:hover,
  .button--primary:link:focus,
  .button--primary:visited:hover,
  .button--primary:visited:focus,
  .button--primary:hover:hover,
  .button--primary:hover:focus,
  .button--primary:focus:hover,
  .button--primary:focus:focus,
  .button--primary:active:hover,
  .button--primary:active:focus {
    background-color: #558f4d; }
  .button--primary:active,
  input.button--primary:active,
  .button--primary:link:active,
  .button--primary:visited:active,
  .button--primary:hover:active,
  .button--primary:focus:active,
  .button--primary:active:active {
    background-color: #558f4d; }

.button--unstyled,
input.button--unstyled,
.button--unstyled:link,
.button--unstyled:visited,
.button--unstyled:hover,
.button--unstyled:focus,
.button--unstyled:active {
  background-color: transparent;
  color: #999999;
  text-shadow: none;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border: none; }
  .button--unstyled:hover, .button--unstyled:focus,
  input.button--unstyled:hover,
  input.button--unstyled:focus,
  .button--unstyled:link:hover,
  .button--unstyled:link:focus,
  .button--unstyled:visited:hover,
  .button--unstyled:visited:focus,
  .button--unstyled:hover:hover,
  .button--unstyled:hover:focus,
  .button--unstyled:focus:hover,
  .button--unstyled:focus:focus,
  .button--unstyled:active:hover,
  .button--unstyled:active:focus {
    background-color: transparent;
    color: #666666; }
  .button--unstyled:active,
  input.button--unstyled:active,
  .button--unstyled:link:active,
  .button--unstyled:visited:active,
  .button--unstyled:hover:active,
  .button--unstyled:focus:active,
  .button--unstyled:active:active {
    color: #999999; }

.headerButtons {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0; }

.headerButton {
  text-indent: -9999rem;
  height: 4.4rem;
  width: 4.4rem;
  display: block;
  float: left;
  position: relative;
  cursor: pointer; }
  .headerButton svg {
    fill: white;
    height: 3.2rem;
    width: 3.2rem;
    position: absolute;
    top: 0.6rem;
    left: 0.6rem;
    opacity: 0.8; }
  @media (min-width: 1025px) {
    .headerButton:hover svg {
      opacity: 1.0; } }
  @media (max-width: 1024px) {
    .headerButton:active svg {
      opacity: 1.0; } }

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

.filterButton {
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  width: 18%;
  margin: 1%;
  border: 0.1rem solid rgba(255, 255, 255, 0.6);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  float: left;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .filterButton:hover {
      color: white;
      border: 0.1rem solid white; } }
  @media (max-width: 1024px) {
    .filterButton:active {
      color: white;
      border: 0.1rem solid white; } }
  .filterButton.is-active {
    background: #62b2f4;
    color: white;
    border: 0.1rem solid #62b2f4; }

.pageButtons {
  height: 4.4rem;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 1.0rem; }

.pageButton {
  background-size: 3.2rem 3.2rem;
  background-repeat: no-repeat;
  background-position: 0.6rem 0.6rem;
  height: 4.4rem;
  width: 4.4rem;
  float: left;
  cursor: pointer;
  opacity: 0.5; }
  @media (min-width: 1025px) {
    .pageButton:hover {
      opacity: 1.0; } }
  @media (max-width: 1024px) {
    .pageButton:active {
      opacity: 1.0; } }
  .pageButton.pageButton--refresh {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIGlkPSdyZWZyZXNoQXJyb3dCbGFjaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgeD0nMHB4JyB5PScwcHgnIHZpZXdCb3g9JzAgMCAzMiAzMicgZW5hYmxlLWJhY2tncm91bmQ9J25ldyAwIDAgMzIgMzInIHhtbDpzcGFjZT0ncHJlc2VydmUnPjxwYXRoIGZpbGw9JyMwMDAwMDAnIGQ9J00yNiwxOWw2LTZoLTQuNGMtMS4zLTUuMi02LTktMTEuNi05QzkuNCw0LDQsOS40LDQsMTZjMCw2LjYsNS40LDEyLDEyLDEyYzMuNiwwLDYuOC0xLjYsOS00bC0yLjEtMi4xIEMyMS4yLDIzLjgsMTguNywyNSwxNiwyNWMtNSwwLTktNC05LTljMC01LDQtOSw5LTljMy45LDAsNy4yLDIuNSw4LjUsNkgyMEwyNiwxOXonLz48L3N2Zz4=); }
  .pageButton.pageButton--settings {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTI5LDE4di00aC0zLjJjLTAuMy0xLjMtMC44LTIuNC0xLjQtMy41bDIuMy0yLjNsLTIuOC0yLjhsLTIuMywyLjNjLTEtMC43LTIuMi0xLjItMy41LTEuNVYzaC00djMuMgoJYy0xLjMsMC4zLTIuNSwwLjgtMy41LDEuNUw4LjIsNS40TDUuNCw4LjJsMi4yLDIuMmMtMC43LDEuMS0xLjIsMi4zLTEuNSwzLjVIM3Y0aDMuMmMwLjMsMS4zLDAuOCwyLjUsMS41LDMuNWwtMi4yLDIuMmwyLjgsMi44CglsMi4zLTIuM2MxLjEsMC43LDIuMiwxLjIsMy41LDEuNFYyOWg0di0zLjJjMS4zLTAuMywyLjQtMC44LDMuNS0xLjVsMi4zLDIuM2wyLjgtMi44bC0yLjMtMi4zYzAuNy0xLDEuMi0yLjIsMS40LTMuNUgyOXogTTE2LDIyCgljLTMuMywwLTYtMi43LTYtNnMyLjctNiw2LTZzNiwyLjcsNiw2UzE5LjMsMjIsMTYsMjJ6IE0yMCwxNmMwLDIuMi0xLjgsNC00LDRzLTQtMS44LTQtNHMxLjgtNCw0LTRTMjAsMTMuOCwyMCwxNnoiLz4KPC9zdmc+); }

@media (max-width: 350px) {
  .cardTab-button {
    margin-right: 0;
    padding-right: 1rem;
    padding-left: 1rem; } }

.queue .cardTab-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.input-enterButton {
  display: none;
  float: right;
  margin-right: 0;
  margin-top: .5rem; }
  .input-enterButton:active {
    padding-top: none; }
  .input-enterButton:hover {
    padding-top: 0; }

.itemEditorRight .input-enterButton {
  display: block; }

/*
 ____        _   _                     ____
| __ ) _   _| |_| |_ ___  _ __  ___   / ___|_ __ ___  _   _ _ __  ___
|  _ \| | | | __| __/ _ \| '_ \/ __| | |  _| '__/ _ \| | | | '_ \/ __|
| |_) | |_| | |_| || (_) | | | \__ \ | |_| | | | (_) | |_| | |_) \__ |____/ \__,_|\__|\__\___/|_| |_|___/  \____|_|  \___/ \__,_| .__/|___/
                                                           |_|
*/
/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
.buttonGroup,
.buttonGroup-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .buttonGroup > .button,
  .buttonGroup-vertical > .button {
    margin: 0;
    border-left: solid 0.1rem #149200;
    position: relative;
    float: left; }
    .buttonGroup > .button:hover, .buttonGroup > .button:focus, .buttonGroup > .button:active, .buttonGroup > .button.active,
    .buttonGroup-vertical > .button:hover,
    .buttonGroup-vertical > .button:focus,
    .buttonGroup-vertical > .button:active,
    .buttonGroup-vertical > .button.active {
      z-index: 2; }

.buttonToolbar {
  margin-left: -5px; }
  .buttonToolbar:after {
    content: "";
    display: table;
    clear: both; }
  .buttonToolbar .buttonGroup,
  .buttonToolbar .inputGroup {
    float: left; }
  .buttonToolbar > .button,
  .buttonToolbar > .buttonGroup,
  .buttonToolbar > .inputGroup {
    margin-left: 5px; }

.buttonGroup > .button:not(:first-child):not(:last-child):not(.dropdownToggle) {
  border-radius: 0; }

.buttonGroup > .button:first-child {
  margin-left: 0;
  border-left: none; }
  .buttonGroup > .button:first-child:not(:last-child):not(.dropdownToggle) {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    background-clip: padding-box;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    background-clip: padding-box; }

.buttonGroup > .button:last-child:not(:first-child),
.buttonGroup > .dropdownToggle:not(:first-child) {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box; }

.buttonGroup > .buttonGroup {
  float: left; }

.buttonGroup > .buttonGroup:not(:first-child):not(:last-child) > .button {
  border-radius: 0; }

.buttonGroup > .buttonGroup:first-child:not(:last-child) > .button:last-child,
.buttonGroup > .buttonGroup:first-child:not(:last-child) > .dropdownToggle {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  background-clip: padding-box;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  background-clip: padding-box; }

.buttonGroup > .buttonGroup:last-child:not(:first-child) > .button:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box; }

.buttonGroup .dropdownToggle:active,
.buttonGroup.open .dropdownToggle {
  outline: 0; }

.buttonGroup > .button + .dropdownToggle {
  padding-left: 8px;
  padding-right: 8px; }

.buttonGroup > .button--lg + .dropdownToggle, .buttonGroup--lg.buttonGroup > .button + .dropdownToggle {
  padding-left: 12px;
  padding-right: 12px; }

.button .caret {
  margin-left: 0; }

.button--lg .caret, .buttonGroup--lg > .button .caret {
  border-width: 1rem 1rem 0;
  border-bottom-width: 0; }

.dropup .button--lg .caret, .dropup .buttonGroup--lg > .button .caret {
  border-width: 0 1rem 1rem; }

.buttonGroup--vertical > .button,
.buttonGroup--vertical > .buttonGroup,
.buttonGroup--vertical > .buttonGroup > .button {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.buttonGroup--vertical > .buttonGroup:after {
  content: "";
  display: table;
  clear: both; }

.buttonGroup--vertical > .buttonGroup > .button {
  float: none; }

.buttonGroup--vertical > .button + .button,
.buttonGroup--vertical > .button + .buttonGroup,
.buttonGroup--vertical > .buttonGroup + .button,
.buttonGroup--vertical > .buttonGroup + .buttonGroup {
  margin-top: -1px;
  margin-left: 0; }

.buttonGroup--vertical > .button:not(:first-child):not(:last-child) {
  border-radius: 0; }

.buttonGroup--vertical > .button:first-child:not(:last-child) {
  border-top-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  background-clip: padding-box;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box; }

.buttonGroup--vertical > .button:last-child:not(:first-child) {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  background-clip: padding-box;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box; }

.buttonGroup--vertical > .buttonGroup:not(:first-child):not(:last-child) > .button {
  border-radius: 0; }

.buttonGroup--vertical > .buttonGroup:first-child:not(:last-child) > .button:last-child,
.buttonGroup--vertical > .buttonGroup:first-child:not(:last-child) > .dropdown-toggle {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  background-clip: padding-box;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box; }

.buttonGroup--vertical > .buttonGroup:last-child:not(:first-child) > .button:first-child {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  background-clip: padding-box;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box; }

.buttonGroup--justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .buttonGroup--justified > .button,
  .buttonGroup--justified > .buttonGroup {
    float: none;
    display: table-cell;
    width: 1%; }
  .buttonGroup--justified > .buttonGroup .button {
    width: 100%; }
  .buttonGroup--justified > .buttonGroup .dropdownMenu {
    left: auto; }

[data-toggle="buttons"] > .button input[type="radio"],
[data-toggle="buttons"] > .button input[type="checkbox"],
[data-toggle="buttons"] > .buttonGroup > .button input[type="radio"],
[data-toggle="buttons"] > .buttonGroup > .button input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

/*
 ____                      _
|  _ \ _ __ ___  _ __   __| | _____      ___ __  ___
| | | | '__/ _ \| '_ \ / _` |/ _ \ \ /\ / / '_ \/ __|
| |_| | | | (_) | |_) | (_| | (_) \ V  V /| | | \__ |____/|_|  \___/| .__/ \__,_|\___/ \_/\_/ |_| |_|___/
                |_|
*/
/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.2rem;
  vertical-align: middle;
  border-top: 0.4rem solid;
  border-right: 0.4rem solid transparent;
  border-left: 0.4rem solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdownToggle:focus {
  outline: 0; }

.dropdownMenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 16.0rem;
  padding: 0.5rem 0;
  margin: 0.2rem 0 0;
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  background-color: white;
  border: 0.1rem solid #666666;
  border: 0.1rem solid #666666;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.4);
  background-clip: padding-box; }
  .dropdownMenu.pull-right {
    right: 0;
    left: auto; }
  .dropdownMenu .divider {
    height: 0.1rem;
    margin: 0.5rem 0.1rem;
    overflow: hidden;
    background-color: #cccccc;
    border-bottom: 0.1rem solid white;
    *width: 100%;
    *margin: -0.5rem 0 0.5rem; }
  .dropdownMenu > li > a {
    display: block;
    padding: 0.3rem 2.0rem;
    clear: both;
    font-weight: normal;
    line-height: 2rem;
    color: #333333;
    white-space: nowrap; }

.dropdownMenu > li > a:hover, .dropdownMenu > li > a:focus {
  text-decoration: none;
  color: white;
  background-color: #005eab; }

.dropdownMenu > .active > a, .dropdownMenu > .active > a:hover, .dropdownMenu > .active > a:focus {
  color: white;
  text-decoration: none;
  outline: 0;
  background-color: #005eab; }

.dropdownMenu > .disabled > a, .dropdownMenu > .disabled > a:hover, .dropdownMenu > .disabled > a:focus {
  color: #999999; }

.dropdownMenu > .disabled > a:hover, .dropdownMenu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default; }

.open > .dropdownMenu {
  display: block; }

.open > a {
  outline: 0; }

.dropdownMenu--right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 0.3rem 2.0rem;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #eeeeee;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 0.4rem solid;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 600px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
/* Forms */
.fieldWrapper {
  margin-bottom: .5em; }

input,
select,
textarea {
  margin-bottom: 1em;
  border: 1px solid #cccccc;
  border-radius: 0.25em; }
  input[disabled],
  select[disabled],
  textarea[disabled] {
    background-color: #eeeeee;
    cursor: not-allowed; }

input,
select {
  display: inline-block;
  margin: 0 .25em .25em 0;
  padding: .5em .5em .25em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  vertical-align: middle; }

input:focus,
select:focus,
textarea:focus {
  border-color: #005eab;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(30, 71, 102, 0.075), 0 0 8px rgba(30, 71, 102, 0.5);
  box-shadow: inset 0 1px 1px rgba(30, 71, 102, 0.075), 0 0 8px rgba(30, 71, 102, 0.5); }

/* Inputs */
input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=tel],
input[type=number],
input[type=color],
input[type=date] {
  margin: 0 .25em .25em 0;
  padding: .5em .5em .25em;
  width: 100%; }

input[type=color] {
  padding: 0 .25em;
  width: 4em;
  height: 2em;
  cursor: pointer; }

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.login input:not([type=submit]) {
  padding-right: 3rem; }

.itemEditorField input {
  margin: 0;
  padding: 0 2rem 0 0; }

/* Select */
select {
  padding: 0.5em 1.5rem 0.5rem 0.5rem;
  width: 15em;
  width: 100%;
  background-image: url("../assets/images/arrow-triangle-down.png");
  background-position: top 1.2rem right 0.7rem;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }
  select:hover {
    cursor: pointer; }
  select[disabled], select[multiple] {
    background-image: none; }
  select[disabled] {
    background-color: #eeeeee;
    cursor: not-allowed; }
  select.select--sm {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0.4rem 1.2rem 0.4rem 0.5rem;
    background-position: top 0.6rem right 0.8rem; }

optgroup {
  font-weight: 600; }

/* Textarea */
textarea {
  margin: 0;
  width: 100%;
  padding: .5em 2.5rem .5em 1%;
  font-size: 16px;
  font-size: 1.6rem;
  overflow: auto; }
  textarea[disabled] {
    background-color: #eeeeee;
    cursor: not-allowed; }

.itemEditorLeft .text-editor {
  padding: 0 3rem 0 0; }

/* field help */
.fieldHelp {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #cccccc; }

li > .fieldHelp {
  margin-bottom: .75em; }

/* field set */
fieldset {
  border: none;
  padding-left: 0; }

legend {
  padding-bottom: .25em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #999999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

/* label */
label {
  display: block;
  margin-right: .25em;
  padding-bottom: .25em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
  vertical-align: middle;
  color: #999999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

label.check,
label.radio {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400; }

.list-form label {
  padding-bottom: 0; }

.label--uppercase {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.3rem;
  color: #999; }

.req {
  font-style: italic;
  color: #cccccc; }
  .req:before {
    content: '\0028'; }
  .req:after {
    content: '\0029'; }

/* placeholder */
::-webkit-input-placeholder {
  font-size: 15px;
  font-size: 1.5rem; }

:-moz-placeholder {
  font-size: 15px;
  font-size: 1.5rem; }

::-moz-placeholder {
  font-size: 15px;
  font-size: 1.5rem; }

:-ms-input-placeholder {
  font-size: 15px;
  font-size: 1.5rem; }

/* required */
.req {
  font-style: italic;
  color: #cccccc; }
  .req:before {
    content: '\0028'; }
  .req:after {
    content: '\0029'; }

/* clear input */
.clearInput {
  display: inline-block;
  position: absolute;
  right: 1rem; }
  .clearInput div {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTgsMUM0LjEsMSwxLDQuMSwxLDhjMCwzLjksMy4xLDcsNyw3czctMy4xLDctN0MxNSw0LjEsMTEuOSwxLDgsMXogTTEyLjIsMTAuOGwtMS40LDEuNEw4LDkuNGwtMi44LDIuOAoJbC0xLjQtMS40TDYuNiw4TDMuOCw1LjJsMS40LTEuNEw4LDYuNmwyLjgtMi44bDEuNCwxLjRMOS40LDhMMTIuMiwxMC44eiIvPgo8L3N2Zz4=);
    background-size: 1.6rem 1.6rem;
    background-repeat: no-repeat;
    background-position: center center;
    height: 3.4rem;
    width: 3.4rem;
    position: absolute;
    top: 0;
    left: -2.4rem;
    right: -3.4rem;
    opacity: 0.2; }
    @media (min-width: 1025px) {
      .clearInput div:hover {
        opacity: 0.4; } }
    @media (max-width: 1024px) {
      .clearInput div:active {
        opacity: 0.4; } }

.login .clearInput {
  right: 16%;
  margin-top: 0.5rem; }

@media (min-width: 76.8rem) {
  .form--inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form--inline .input-group {
    display: inline-table;
    vertical-align: middle; }
  .form--inline .radio,
  .form--inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form--inline .radio label,
    .form--inline .checkbox label {
      padding-left: 0; }
  .form--inline .radio input[type="radio"],
  .form--inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; } }

.toggleCheckbox {
  min-height: 4.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTYsNWM2LjEsMCwxMSw0LjksMTEsMTFzLTQuOSwxMS0xMSwxMVM1LDIyLjEsNSwxNlM5LjksNSwxNiw1IE0xNiwzQzguOCwzLDMsOC44LDMsMTZzNS44LDEzLDEzLDEzCgkJczEzLTUuOCwxMy0xM1MyMy4yLDMsMTYsM0wxNiwzeiIvPgo8L2c+Cjwvc3ZnPg==);
  background-size: 3.2rem 3.2rem;
  background-repeat: no-repeat;
  background-position: 0.6rem 0.6rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 1.4rem 2rem 1rem 4.4rem;
  display: block;
  cursor: pointer;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2); }
  .toggleCheckbox.is-active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDNDOC44LDMsMyw4LjgsMywxNnM1LjgsMTMsMTMsMTNzMTMtNS44LDEzLTEzUzIzLjIsMywxNiwzeiBNMTYsMjdDOS45LDI3LDUsMjIuMSw1LDE2UzkuOSw1LDE2LDUKCWMzLjIsMCw2LDEuNCw4LjEsMy41TDEzLDE5LjZsLTQuMy00LjNsLTEuNCwxLjRsNS43LDUuN2wxMi4zLTEyLjNjMS4xLDEuNywxLjcsMy43LDEuNyw1LjlDMjcsMjIuMSwyMi4xLDI3LDE2LDI3eiIvPgo8L3N2Zz4=);
    font-weight: 600; }

.listItem.toggleCheckbox {
  font-weight: 400;
  padding: 1.4rem 2rem 1rem 4.4rem; }

.itemEditorRight .toggleCheckbox {
  color: white; }

.itemEditorLeft .text-input, .itemEditorLeft .text-editor, .itemEditorLeft input:focus, .itemEditorLeft textarea:focus {
  border: none;
  box-shadow: none;
  background-color: transparent; }

@media (min-width: 1025px) {
  .itemEditorLeft .itemEditorRow:hover .text-input,
  .itemEditorLeft .itemEditorRow:hover .text-editor {
    color: white; } }

@media (max-width: 1024px) {
  .itemEditorLeft .itemEditorRow:active .text-input,
  .itemEditorLeft .itemEditorRow:active .text-editor {
    color: white; } }

.switch {
  -webkit-border-radius: 1.7rem;
  -moz-border-radius: 1.7rem;
  border-radius: 1.7rem;
  background-clip: padding-box;
  height: 3.4rem;
  width: 5.4rem;
  position: relative;
  overflow: hidden; }
  .switch.is-active .switch-bg {
    background-color: #4bd763; }
  .switch.is-active .switch-button {
    left: 22px; }

.switch-bg {
  background-color: #e5e5e5;
  height: 100%;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }

.switch-button {
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  border-radius: 1.5rem;
  background-clip: padding-box;
  background-color: white;
  height: 3.0rem;
  width: 3.0rem;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  -webkit-transition: left 0.2 ease;
  -moz-transition: left 0.2 ease;
  -o-transition: left 0.2 ease;
  -ms-transition: left 0.2 ease;
  transition: left 0.2 ease; }

.segmented {
  display: inline-block;
  width: 100%; }
  .segmented.list--form li {
    margin-bottom: 0; }
  .segmented .segmented-label {
    border: 0.1rem #fff;
    border-style: solid none solid solid;
    cursor: pointer;
    color: #fff;
    float: left;
    padding: 0.6rem 0.8rem;
    text-align: center;
    width: 100%;
    font-weight: 500; }
  .segmented li {
    margin-left: 0;
    margin-right: 0;
    display: block;
    float: left; }
    .segmented li:first-of-type .segmented-label {
      border-radius: 0.5rem 0 0 0.5rem; }
    .segmented li:last-of-type .segmented-label {
      border-radius: 0 0.5rem 0.5rem 0;
      border-right-style: solid; }
  .segmented input {
    display: none; }
    .segmented input:checked + .segmented-label {
      background-color: #fff;
      -webkit-transition: background-color 0.2s ease;
      -moz-transition: background-color 0.2s ease;
      -o-transition: background-color 0.2s ease;
      -ms-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease; }
  .segmented label {
    margin-left: 0;
    margin-right: 0; }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
.row {
  margin-left: -20px;
  *zoom: 1; }

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

.row:after {
  clear: both; }

[class*="span"] {
  float: left;
  margin-left: 10px; }

.span1 {
  width: 60px; }

.span2 {
  width: 140px; }

.span3 {
  width: 220px; }

.span4 {
  width: 300px; }

.span5 {
  width: 380px; }

.span6 {
  width: 460px; }

.span7 {
  width: 540px; }

.span8 {
  width: 620px; }

.span9 {
  width: 700px; }

.span10 {
  width: 780px; }

.span11 {
  width: 860px; }

.span12, .container {
  width: 940px; }

.offset1 {
  margin-left: 100px; }

.offset2 {
  margin-left: 180px; }

.offset3 {
  margin-left: 260px; }

.offset4 {
  margin-left: 340px; }

.offset5 {
  margin-left: 420px; }

.offset6 {
  margin-left: 500px; }

.offset7 {
  margin-left: 580px; }

.offset8 {
  margin-left: 660px; }

.offset9 {
  margin-left: 740px; }

.offset10 {
  margin-left: 820px; }

.offset11 {
  margin-left: 900px; }

.row-fluid {
  width: 100%;
  *zoom: 1; }

.row-fluid:before, .row-fluid:after {
  display: table;
  content: ""; }

.row-fluid:after {
  clear: both; }

.row-fluid > [class*="span"] {
  float: left;
  margin-left: 2.127659574%; }

.row-fluid > [class*="span"]:first-child {
  margin-left: 0; }

.row-fluid .span1 {
  width: 6.382978723%; }

.row-fluid .span2 {
  width: 14.89361702%; }

.row-fluid .span3 {
  width: 23.404255317%; }

.row-fluid .span4 {
  width: 31.914893614%; }

.row-fluid .span5 {
  width: 40.425531911%; }

.row-fluid .span6 {
  width: 48.93617020799999%; }

.row-fluid .span7 {
  width: 57.446808505%; }

.row-fluid .span8 {
  width: 65.95744680199999%; }

.row-fluid .span9 {
  width: 74.468085099%; }

.row-fluid .span10 {
  width: 82.97872339599999%; }

.row-fluid .span11 {
  width: 91.489361693%; }

.row-fluid .span12 {
  width: 99.99999998999999%; }

.container {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1; }

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

.container:after {
  clear: both; }

.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
  *zoom: 1; }

.container-fluid:before, .container-fluid:after {
  display: table;
  content: ""; }

.container-fluid:after {
  clear: both; }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
.table {
  width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0; }
  .table caption {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    color: #999999; }
  .table th,
  .table td {
    padding: .5em 1em;
    border-bottom: 1px dotted #cccccc;
    text-align: left;
    vertical-align: top; }
  .table td[data-type=currency] {
    text-align: right; }
  .table th {
    font-weight: 600; }
    .table th[scope=col] {
      background-color: #eeeeee; }
    .table th[scope=row] {
      font-weight: 400; }
  .table thead th {
    border-bottom: 1px solid #cccccc;
    vertical-align: bottom; }
  .table tfoot th {
    border-bottom: none; }
  .table tbody {
    font-size: 14px;
    font-size: 1.4rem; }
    .table tbody tr:last-of-type th,
    .table tbody tr:last-of-type td {
      border-bottom-style: solid; }

/* Responsive Tables */
.table--responsive {
  width: 100%;
  margin-bottom: 1.5em; }
  .table--responsive thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden; }
    @media (min-width: 48em) {
      .table--responsive thead {
        position: relative;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto; } }
  .table--responsive tbody,
  .table--responsive tr,
  .table--responsive th,
  .table--responsive td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal; }
  @media (min-width: 48em) {
    .table--responsive tr {
      display: table-row; } }
  .table--responsive th,
  .table--responsive td {
    padding: .5em;
    border-bottom: 1px dotted #cccccc;
    vertical-align: middle; }
    @media (min-width: 48em) {
      .table--responsive th,
      .table--responsive td {
        display: table-cell; } }
  .table--responsive th {
    font-weight: 600; }
    .table--responsive th:first-of-type {
      text-align: left; }
  .table--responsive tbody {
    font-size: 14px;
    font-size: 1.4rem; }
    @media (min-width: 48em) {
      .table--responsive tbody {
        display: table-row-group; } }
    .table--responsive tbody tr {
      margin-bottom: 1em; }
    .table--responsive tbody td {
      text-align: right; }
      .table--responsive tbody td:last-of-type {
        border-bottom: 1px solid #cccccc; }
      @media (min-width: 48em) {
        .table--responsive tbody td {
          text-align: left; } }
    .table--responsive tbody th[scope=row] {
      background-color: #eeeeee;
      border-bottom: 1px solid #cccccc; }
      @media (min-width: 48em) {
        .table--responsive tbody th[scope=row] {
          background-color: transparent;
          border-bottom: 1px dotted #cccccc;
          font-weight: 400;
          text-align: left; } }
    .table--responsive tbody td[data-type=currency] {
      text-align: right; }
    .table--responsive tbody td[data-title]:before {
      content: attr(data-title);
      float: left;
      font-size: 13px;
      font-size: 1.3rem;
      color: #999999; }
      @media (min-width: 48em) {
        .table--responsive tbody td[data-title]:before {
          content: none; } }

/* Multi-line Responsive Table */
.table--multiline {
  width: 100%;
  margin-bottom: 1.5rem; }
  .table--multiline tbody,
  .table--multiline tr,
  .table--multiline td {
    padding: 0;
    white-space: normal; }
  .table--multiline tr {
    margin-bottom: 1.0rem; }
    .table--multiline tr:first-of-type td {
      padding-top: 0.5rem; }
    .table--multiline tr:last-of-type td {
      padding-bottom: 0.5rem; }
  .table--multiline td {
    vertical-align: middle;
    width: auto;
    padding: 0 0.5rem; }
  .table--multiline .tdLabel {
    font-size: 10px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0);
    text-align: right;
    width: 0;
    overflow: show;
    padding-right: 0;
    opacity: 0.8; }
  .table--multiline .tdNote {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-style: italic;
    opacity: 0.8; }
  .table--multiline .tdDrilldown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMiw2IDE4LDE2IDEyLDI2IDE0LDI2IDIwLDE2IDE0LDYgIi8+Cjwvc3ZnPg==);
    background-size: 3.2rem 3.2rem;
    background-repeat: no-repeat;
    background-position: 0.6rem 0.6rem;
    width: 4.4rem;
    padding: 0; }
  .table--multiline tbody {
    font-size: 14px;
    font-size: 1.4rem;
    min-height: 4.4rem;
    border-bottom: 0.1rem solid #cccccc;
    cursor: pointer; }
    @media (min-width: 1025px) {
      .table--multiline tbody:hover {
        background: #005eab;
        color: white; }
        .table--multiline tbody:hover .tdLabel {
          color: white; } }
    @media (max-width: 1024px) {
      .table--multiline tbody:active {
        background: #005eab;
        color: white; }
        .table--multiline tbody:active .tdLabel {
          color: white; } }

/* Striped Tables */
.table--striped tbody tr:nth-of-type(even) th,
.table--striped tbody tr:nth-of-type(even) td {
  background-color: rgba(238, 238, 238, 0.5); }

/* Variables Syntax: <property>[-value &| --componentName] */
/* Components Sytax: Syntax: <componentName>[--modifierName|-descendantName]*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1.2; }

h1, h2 {
  font-weight: 300; }

h1 {
  font-size: 30px;
  font-size: 3rem; }

h2 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: .5em; }

h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400; }

h4 {
  font-size: 16px;
  font-size: 1.6rem; }

h5 {
  font-size: 14px;
  font-size: 1.4rem; }

h6 {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400; }

/* Inline */
abbr {
  cursor: help; }

small {
  font-size: 13px;
  font-size: 1.3rem; }

sup {
  top: -0.25em;
  font-size: 100%; }

var {
  font-style: normal; }

/* Links */
a {
  color: #17ab00; }
  a:hover, a:focus, a:active {
    color: #0d5f00; }

/* Paragraph */
.legal {
  font-size: 14px;
  font-size: 1.4rem; }

/* Rules */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

/* Sizing */
.alpha {
  font-size: 30px;
  font-size: 3rem; }

.beta {
  font-size: 24px;
  font-size: 2.4rem; }

.gamma {
  font-size: 18px;
  font-size: 1.8rem; }

.delta {
  font-size: 16px;
  font-size: 1.6rem; }

.epsilon {
  font-size: 14px;
  font-size: 1.4rem; }

.zeta {
  font-size: 13px;
  font-size: 1.3rem; }

.milli {
  font-size: 13px;
  font-size: 1.3rem; }

.micro {
  font-size: 11px;
  font-size: 1.1rem; }

img {
  max-width: 100%;
  height: auto; }

/* Login */
.loginContainer {
  width: 75%;
  text-align: center; }

.login {
  background-image: url(../img/loginbg.jpg);
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d; }
  .login .loginbox {
    background: none;
    text-align: center;
    height: 48.0rem;
    width: 32.0rem;
    margin-top: -24.0rem;
    margin-left: -16.0rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .login .loginbox fieldset {
      padding: 0;
      margin: 0; }
  .login input[type=text],
  .login input[type=password],
  .login input[type=url],
  .login input[type=email],
  .login input[type=tel],
  .login input[type=number],
  .login input[type=color],
  .login input[type=date] {
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    width: 75%;
    padding: 1rem 2rem;
    margin: 0 0 .2rem 0;
    border: 0.1rem solid #999999;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background-clip: padding-box; }
  .login label {
    color: #cccccc;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin: 1.0rem 0 0.1rem 0;
    display: block; }
  .login p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4rem; }
  .login .login-front,
  .login .login-back {
    height: 100%;
    width: 100%;
    border: 0.1rem solid white;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.4);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -ms-transition: 0.1s;
    transition: 0.1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
    @media screen and (max-width: 736px) {
      .login .login-front,
      .login .login-back {
        overflow: auto; } }
    .login .login-front .login-header,
    .login .login-back .login-header {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojZmZmZmZmO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI0MC45LDI3LjJ2LTQuOGgtMS43di0xaDQuNnYxSDI0MnY0LjhIMjQwLjl6IE0yNDQuNSwyNy4ydi01LjdoMS43bDEsMy45bDEtMy45aDEuN3Y1LjdoLTEuMXYtNC41bC0xLjEsNC41CgloLTEuMWwtMS4xLTQuNXY0LjVIMjQ0LjV6IE03My4yLDE3LjFjLTIuNSwwLTQuMy0wLjgtNS43LTIuNWMtMS4yLTEuNi0xLjgtMy4zLTEuOC01LjhjMC0zLjUsMS4yLTYsMy41LTcuNkM3MC41LDAuNCw3MS43LDAsNzMuMywwCgljMiwwLDMuOCwwLjYsNS4zLDEuOUw3Ni44LDRjLTEuMS0wLjktMi4yLTEuMy0zLjUtMS4zYy0xLDAtMS44LDAuMy0yLjQsMC44Yy0xLjEsMS4xLTEuNCwyLjktMS40LDUuNGMwLDIuNCwwLjQsMy45LDEuMiw0LjgKCWMwLjYsMC42LDEuNSwwLjksMi42LDAuOWMwLjcsMCwxLjMtMC4xLDEuOS0wLjR2LTMuOGgtMi41bC0wLjQtMi43aDYuNXY4Qzc3LjEsMTYuNyw3NS4yLDE3LjEsNzMuMiwxNy4xeiBNODguMiw3LjUKCWMtMC4zLTAuMi0wLjYtMC4yLTAuOS0wLjJjLTAuNywwLTEuNCwwLjMtMiwxdjguN2gtMy4yVjguN2MwLTEuNy0wLjItMi45LTAuNS0zLjZsMi45LTAuOEM4NC44LDQuOSw4NSw1LjQsODUsNi4xCgljMC43LTAuOSwxLjctMS44LDIuOS0xLjhjMC41LDAsMC43LDAsMS4yLDAuM0w4OC4yLDcuNXogTTkzLjEsMTEuOEw5My4xLDExLjhjMCwyLDAuOSwzLjEsMi42LDMuMWMxLjEsMCwyLjEtMC40LDMuMS0xLjJsMS4yLDEuOQoJYy0xLjQsMS4yLTIuOSwxLjctNC42LDEuN2MtMy41LDAtNS44LTIuNS01LjgtNi40YzAtMi4yLDAuNS0zLjcsMS41LTQuOWMxLTEuMSwyLjItMS43LDMuOS0xLjdjMS40LDAsMi44LDAuNSwzLjYsMS4zCgljMS4xLDEuMiwxLjYsMi44LDEuNiw1LjR2MC43SDkzLjF6IE05Ni45LDkuM2MwLTAuOS0wLjEtMS40LTAuNC0xLjhjLTAuMy0wLjUtMC44LTAuNy0xLjQtMC43Yy0xLjIsMC0xLjksMS0xLjksMi43djBoMy43VjkuM3oKCSBNMTA1LjUsMTEuOEwxMDUuNSwxMS44YzAsMiwwLjksMy4xLDIuNiwzLjFjMS4xLDAsMi4xLTAuNCwzLjEtMS4ybDEuMiwxLjljLTEuNCwxLjItMi45LDEuNy00LjYsMS43Yy0zLjUsMC01LjgtMi41LTUuOC02LjQKCWMwLTIuMiwwLjUtMy43LDEuNS00LjljMS0xLjEsMi4yLTEuNywzLjktMS43YzEuNCwwLDIuOCwwLjUsMy42LDEuM2MxLjEsMS4yLDEuNiwyLjgsMS42LDUuNHYwLjdIMTA1LjV6IE0xMDkuMiw5LjMKCWMwLTAuOS0wLjEtMS40LTAuNC0xLjhjLTAuMy0wLjUtMC44LTAuNy0xLjQtMC43Yy0xLjIsMC0xLjksMS0xLjksMi43djBoMy43VjkuM3ogTTEyMS42LDE2LjlWOWMwLTEuNC0wLjItMS44LTEuMS0xLjgKCWMtMC42LDAtMS41LDAuNC0yLjIsMS4xdjguN2gtMy4yVjhjMC0xLjEtMC4xLTIuMS0wLjQtMi45bDIuOS0wLjhjMC4zLDAuNSwwLjUsMSwwLjUsMS41YzAuNS0wLjMsMC45LTAuNiwxLjQtMC45CgljMC42LTAuMywxLjUtMC41LDIuMi0wLjVjMS40LDAsMi42LDAuNywzLDEuOGMwLjIsMC41LDAuMiwxLDAuMiwxLjh2OUgxMjEuNnogTTEzOS45LDE2LjloLTNsLTEuMS00LjJjLTAuMy0xLTAuNi0yLjItMC43LTMKCUMxMzUsOS4yLDEzNSw5LDEzNC45LDguNWMtMC4xLDAuNS0wLjEsMC43LTAuMywxLjZjLTAuMiwxLjEtMC44LDMuMi0xLjEsNC4zbC0wLjYsMi41aC0zbC0zLjQtMTIuMWwzLjItMC40bDEsNC43CgljMC4zLDEuNCwwLjcsMy44LDAuNywzLjhzMC4zLTIuMiwwLjktNC4zbDEuMi00LjFoM2wxLDQuMWMwLjYsMi4zLDAuOSw0LjMsMC45LDQuM2MwLjEtMC41LDAuMy0yLjQsMC43LTRsMC45LTQuNGgzLjNMMTM5LjksMTYuOXoKCSBNMTUzLjQsMTcuNmMtMC43LTAuMy0xLjQtMC45LTEuNy0xLjVjLTAuMiwwLjItMC41LDAuNS0wLjcsMC42Yy0wLjYsMC40LTEuNSwwLjctMi41LDAuN2MtMi43LDAtNC4yLTEuNC00LjItMy44CgljMC0yLjksMi00LjIsNS45LTQuMmMwLjIsMCwwLjUsMCwwLjcsMFY4LjljMC0xLjQtMC4zLTEuOC0xLjQtMS44Yy0xLDAtMi4yLDAuNS0zLjYsMS40bC0xLjQtMi4zYzAuNi0wLjQsMS4xLTAuNiwyLTEKCWMxLjItMC41LDIuMi0wLjcsMy40LTAuN2MyLjEsMCwzLjUsMC44LDQsMi4xYzAuMiwwLjUsMC4yLDAuOSwwLjIsMi4ybC0wLjEsNC4xYzAsMS4zLDAuMSwxLjksMS4yLDIuN0wxNTMuNCwxNy42eiBNMTUwLjYsMTEuNgoJYy0yLjIsMC0zLDAuNC0zLDEuOWMwLDEsMC42LDEuNiwxLjQsMS42YzAuNiwwLDEuMi0wLjMsMS43LTAuOGwwLTIuNkgxNTAuNnogTTE2My40LDE3LjFjLTAuOCwyLjQtMS41LDMuNC0yLjQsNC4xCgljLTAuOCwwLjYtMS45LDEtMywxLjFsLTEuMS0yLjFjMC43LTAuMiwxLjUtMC41LDItMC44YzAuNC0wLjMsMC42LTAuNiwwLjktMWMwLjMtMC41LDAuNC0wLjcsMC43LTEuNGgtMC44Yy0wLjQtMS4yLTEtMy4xLTEuMi0zLjUKCWwtMi45LTguNmwzLjMtMC40bDIuMSw3LjJjMC4yLDAuNywwLjYsMi40LDAuNiwyLjVjMC0wLjEsMC4yLTEuNCwwLjQtMmMwLjEtMC40LDAuMy0xLjEsMC41LTEuN2wxLjgtNS45aDMuNEwxNjMuNCwxNy4xegoJIE0yNy45LDMyLjhsMjguNSwxLjdsMi44LTE0LjlMMjcuOSwzMi44eiBNMjcsMzMuOUwzOSw1MGwxNC4yLTguOUwyNywzMy45eiBNMjUuNSwzMy4zTDUuMywzMC4xTDAsNDUuNUwyNS41LDMzLjN6IE0xOC4yLDAuNAoJYzYuNi0xLjgsMTMuNCwyLjIsMTUuMiw4LjhjMC40LDEuNSwwLjUsMy4xLDAuMyw0LjZjLTAuMSwxLjMtMC41LDIuNi0xLjEsMy44Yy0xLjUsNC43LTMuNiw4LjYtNi40LDEzLjJjLTQuNy0yLjYtOC40LTUtMTIuMS04LjMKCWMtMS4xLTAuOC0yLjEtMS43LTIuOC0yLjhjLTAuOS0xLjItMS42LTIuNi0yLTQuMUM3LjcsOSwxMS42LDIuMiwxOC4yLDAuNEwxOC4yLDAuNHogTTE5LjcsNi4yYy0zLjQsMC45LTUuNSw0LjQtNC42LDcuOQoJYzAuOSwzLjQsNC40LDUuNSw3LjksNC42czUuNS00LjQsNC42LTcuOUMyNi43LDcuMywyMy4yLDUuMywxOS43LDYuMkwxOS43LDYuMnogTTc4LjcsMzIuN2MtMS40LDEuMy0zLDEuNy01LjEsMS43aC0zLjd2OC41aC0yLjUKCVYyMS42aDUuOWMyLjMsMCwzLjUsMC4yLDQuNywxYzEuOCwxLjIsMi43LDIuOSwyLjcsNS4xQzgwLjYsMjkuOCw4MC4xLDMxLjQsNzguNywzMi43eiBNNzYuNiwyNC44Yy0wLjktMC43LTItMS4xLTQtMS4xaC0yLjd2OC42CgloMy42YzEuOCwwLDIuNi0wLjMsMy4zLTEuMWMwLjctMC44LDEuMS0xLjgsMS4xLTNDNzcuOCwyNi42LDc3LjUsMjUuNSw3Ni42LDI0Ljh6IE05MC45LDI5LjdjLTAuMi0wLjEtMC40LTAuMS0wLjctMC4xCgljLTAuOSwwLTEuOSwwLjQtMi42LDEuMXMtMC45LDEuMi0wLjksMi40djkuN2gtMi40VjMwLjljMC0yLjMtMC41LTMuMy0wLjUtMy4zbDIuNC0wLjdjMCwwLDAuNiwxLjIsMC41LDIuNQoJYzEuMS0xLjYsMi44LTIuNiw0LjMtMi42YzAuNCwwLDAuOCwwLjIsMC44LDAuMkw5MC45LDI5Ljd6IE05NS43LDI0LjVjLTEuMSwwLTEuOS0wLjgtMS45LTEuOWMwLTEuMSwwLjgtMS45LDEuOS0xLjkKCWMxLjEsMCwxLjksMC44LDEuOSwxLjlTOTYuOCwyNC41LDk1LjcsMjQuNXogTTk0LjQsNDIuOFYyNy41bDIuNS0wLjR2MTUuOEg5NC40eiBNMTE5LjYsNDIuOFYzMS40YzAtMS41LTAuNy0yLjMtMi0yLjMKCWMtMS40LDAtMi41LDAuOS00LjEsMi40djExLjNoLTIuNHYtMTFjMC0wLjktMC4xLTEuNi0wLjQtMmMtMC40LTAuNC0wLjktMC42LTEuNi0wLjZjLTEuMiwwLTIuMywwLjYtMy45LDJ2MTEuNWgtMi4zdi0xMgoJYzAtMi4yLTAuNi0zLjMtMC42LTMuM2wyLjQtMC42YzAsMCwwLjYsMS4yLDAuNiwyLjNjMS0xLjEsMi45LTIuMyw0LjUtMi4zYzEuNSwwLDMsMC45LDMuNiwyLjZjMS41LTEuNiwzLjQtMi42LDUtMi42CgljMi4zLDAsMy45LDEuNywzLjksNC4ydjExLjdIMTE5LjZ6IE0xMjkuOCwzNS41djAuNGMwLDEuNSwwLjIsMi42LDAuNywzLjRjMC45LDEuMywyLjMsMS45LDMuOCwxLjljMS41LDAsMi43LTAuNSwzLjgtMS41bDAuOSwxLjYKCWMtMS40LDEuMi0zLjIsMS45LTUuMiwxLjljLTQuMywwLTYuOS0zLjEtNi45LTguMmMwLTIuNiwwLjYtNC4zLDEuOS01LjhjMS4yLTEuNSwyLjgtMi4xLDQuNi0yLjFjMS43LDAsMy4xLDAuNiw0LjIsMS43CgljMS4zLDEuNCwxLjgsMi44LDEuOCw2LjV2MC4zSDEyOS44eiBNMTM2LjIsMzAuMmMtMC41LTAuOC0xLjYtMS40LTIuOC0xLjRjLTIuMiwwLTMuNCwxLjYtMy42LDQuOGg3LjEKCUMxMzYuOSwzMiwxMzYuNywzMSwxMzYuMiwzMC4yeiBNMTY4LjYsNDIuOGwtMS4yLTE1LjZjLTAuMS0xLjMtMC4yLTMuNS0wLjItMy42Yy0wLjEsMC4yLTAuNSwyLTAuOCwzLjNsLTQuNiwxNS45aC0yLjJsLTQuMi0xNS4xCgljLTAuNi0yLjEtMS0zLjctMS4xLTQuMWMwLDAuMy0wLjIsMi44LTAuMiw0bC0xLjIsMTUuMWgtMi41bDEuOS0yMS4zaDMuN2wzLjksMTMuOWMwLjUsMiwwLjgsMy41LDAuOCwzLjdjMC0wLjIsMC4zLTEuOCwwLjgtMy40CglsNC0xNC4xaDMuOGwxLjgsMjEuM0gxNjguNnogTTE4MS44LDQzLjJjLTQuMiwwLTYuNy0zLjEtNi43LTguMmMwLTUsMi41LTguMSw2LjYtOC4xYzIuNiwwLDQuMiwxLjIsNS4zLDIuN2MxLDEuNCwxLjQsMy4yLDEuNCw1LjcKCUMxODguNSw0MC41LDE4NS43LDQzLjIsMTgxLjgsNDMuMnogTTE4NSwzMC45Yy0wLjctMS40LTItMi0zLjMtMmMtMS40LDAtMi42LDAuNy0zLjIsMS43Yy0wLjUsMS0wLjcsMi4yLTAuNyw0YzAsMi4yLDAuNCw0LjEsMSw1LjEKCWMwLjYsMC45LDEuOCwxLjUsMy4xLDEuNWMxLjYsMCwyLjgtMC44LDMuMy0yLjNjMC4zLTEsMC41LTEuOCwwLjUtMy4zQzE4NS43LDMzLjQsMTg1LjUsMzEuOSwxODUsMzAuOXogTTE5OS43LDQzLjIKCWMtMS42LDAtMy40LTAuOS00LjItMmMtMC4xLDAuNy0wLjEsMS4xLTAuNCwxLjdoLTIuNGMwLjMtMC43LDAuNS0xLjgsMC41LTMuOFYyMy44YzAtMi0wLjQtMy4yLTAuNC0zLjJsMi40LTAuNQoJYzAsMCwwLjQsMS4zLDAuNCwzLjd2My42YzAsMC44LTAuMSwxLjctMC4xLDEuN2MxLjUtMS41LDIuOC0yLjEsNC40LTIuMWMzLjcsMCw2LDMsNiw3LjhDMjA1LjksMzkuOSwyMDMuNCw0My4yLDE5OS43LDQzLjJ6CgkgTTIwMi4zLDMwLjZjLTAuNi0wLjgtMS43LTEuMy0yLjktMS4zYy0xLjUsMC0zLDAuOS0zLjksMnY3LjljMC44LDEuMSwyLjQsMS45LDMuOCwxLjljMS4xLDAsMi4yLTAuNiwyLjgtMS40CgljMC42LTAuOCwxLjEtMi40LDEuMS01QzIwMy4yLDMyLjcsMjAyLjksMzEuNSwyMDIuMywzMC42eiBNMjEyLDI0LjVjLTEuMSwwLTEuOS0wLjgtMS45LTEuOWMwLTEuMSwwLjgtMS45LDEuOS0xLjlzMS45LDAuOCwxLjksMS45CglTMjEzLDI0LjUsMjEyLDI0LjV6IE0yMTAuNyw0Mi44VjI3LjVsMi41LTAuNHYxNS44SDIxMC43eiBNMjIxLjUsNDMuMWMtMC43LDAtMS40LTAuMi0xLjgtMC43Yy0wLjUtMC40LTAuNy0xLjEtMC43LTIuMlYyMy45CgljMC0yLTAuNC0zLjItMC40LTMuMmwyLjQtMC41YzAsMCwwLjQsMS4zLDAuNCwzLjd2MTUuOGMwLDEuMiwwLjIsMS42LDAuOSwxLjZjMC4xLDAsMC4zLTAuMSwwLjMtMC4xbDAuNSwxLjYKCUMyMjIuNCw0My4xLDIyMi4yLDQzLjEsMjIxLjUsNDMuMXogTTIyOSwzNS41djAuNGMwLDEuNSwwLjIsMi42LDAuNywzLjRjMC45LDEuMywyLjMsMS45LDMuOCwxLjljMS41LDAsMi43LTAuNSwzLjgtMS41bDAuOSwxLjYKCWMtMS40LDEuMi0zLjIsMS45LTUuMiwxLjljLTQuMywwLTYuOS0zLjEtNi45LTguMmMwLTIuNiwwLjYtNC4zLDEuOS01LjhjMS4yLTEuNSwyLjgtMi4xLDQuNi0yLjFjMS43LDAsMy4xLDAuNiw0LjIsMS43CgljMS4zLDEuNCwxLjgsMi44LDEuOCw2LjV2MC4zSDIyOXogTTIzNS4zLDMwLjJjLTAuNS0wLjgtMS42LTEuNC0yLjgtMS40Yy0yLjIsMC0zLjQsMS42LTMuNiw0LjhoNy4xQzIzNiwzMiwyMzUuOCwzMSwyMzUuMywzMC4yeiIKCS8+Cjwvc3ZnPg==);
      background-size: 25.0rem 4.4rem;
      background-position: center 3.0rem;
      background-repeat: no-repeat;
      height: 8.0rem; }
    .login .login-front .toggleCheckbox,
    .login .login-back .toggleCheckbox {
      text-align: left;
      width: 75%;
      margin: 1.2rem 12.5% 0 12.5%;
      border: none; }
  .login .login-front {
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, white 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%, white 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%, white 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%, white 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%, white 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF',GradientType=0 );
    /* IE6-9 */
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2; }
    .login .login-front .login-header {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojOTVDQTUxO30KCS5zdDF7ZmlsbDojNTFCNzQ4O30KCS5zdDJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMTQ5N0NCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTczLjIsMTcuMWMtMi41LDAtNC4zLTAuOC01LjctMi41Yy0xLjItMS42LTEuOC0zLjMtMS44LTUuOGMwLTMuNSwxLjItNiwzLjUtNy42QzcwLjUsMC40LDcxLjcsMCw3My4zLDAKCWMyLDAsMy44LDAuNiw1LjMsMS45TDc2LjgsNGMtMS4xLTAuOS0yLjItMS4zLTMuNS0xLjNjLTEsMC0xLjgsMC4zLTIuNCwwLjhjLTEuMSwxLjEtMS40LDIuOS0xLjQsNS40YzAsMi40LDAuNCwzLjksMS4yLDQuOAoJYzAuNiwwLjYsMS41LDAuOSwyLjYsMC45YzAuNywwLDEuMy0wLjEsMS45LTAuNHYtMy44aC0yLjVsLTAuNC0yLjdoNi41djhDNzcuMSwxNi43LDc1LjIsMTcuMSw3My4yLDE3LjF6IE04OC4yLDcuNQoJYy0wLjMtMC4yLTAuNi0wLjItMC45LTAuMmMtMC43LDAtMS40LDAuMy0yLDF2OC43aC0zLjJWOC43YzAtMS43LTAuMi0yLjktMC41LTMuNmwyLjktMC44Qzg0LjgsNC45LDg1LDUuNCw4NSw2LjEKCWMwLjctMC45LDEuNy0xLjgsMi45LTEuOGMwLjUsMCwwLjcsMCwxLjIsMC4zTDg4LjIsNy41eiBNOTMuMSwxMS44TDkzLjEsMTEuOGMwLDIsMC45LDMuMSwyLjYsMy4xYzEuMSwwLDIuMS0wLjQsMy4xLTEuMmwxLjIsMS45CgljLTEuNCwxLjItMi45LDEuNy00LjYsMS43Yy0zLjUsMC01LjgtMi41LTUuOC02LjRjMC0yLjIsMC41LTMuNywxLjUtNC45YzEtMS4xLDIuMi0xLjcsMy45LTEuN2MxLjQsMCwyLjgsMC41LDMuNiwxLjMKCWMxLjEsMS4yLDEuNiwyLjgsMS42LDUuNHYwLjdIOTMuMXogTTk2LjksOS4zYzAtMC45LTAuMS0xLjQtMC40LTEuOGMtMC4zLTAuNS0wLjgtMC43LTEuNC0wLjdjLTEuMiwwLTEuOSwxLTEuOSwyLjd2MGgzLjdWOS4zegoJIE0xMDUuNSwxMS44TDEwNS41LDExLjhjMCwyLDAuOSwzLjEsMi42LDMuMWMxLjEsMCwyLjEtMC40LDMuMS0xLjJsMS4yLDEuOWMtMS40LDEuMi0yLjksMS43LTQuNiwxLjdjLTMuNSwwLTUuOC0yLjUtNS44LTYuNAoJYzAtMi4yLDAuNS0zLjcsMS41LTQuOWMxLTEuMSwyLjItMS43LDMuOS0xLjdjMS40LDAsMi44LDAuNSwzLjYsMS4zYzEuMSwxLjIsMS42LDIuOCwxLjYsNS40djAuN0gxMDUuNXogTTEwOS4yLDkuMwoJYzAtMC45LTAuMS0xLjQtMC40LTEuOGMtMC4zLTAuNS0wLjgtMC43LTEuNC0wLjdjLTEuMiwwLTEuOSwxLTEuOSwyLjd2MGgzLjdWOS4zeiBNMTIxLjYsMTYuOVY5YzAtMS40LTAuMi0xLjgtMS4xLTEuOAoJYy0wLjYsMC0xLjUsMC40LTIuMiwxLjF2OC43aC0zLjJWOGMwLTEuMS0wLjEtMi4xLTAuNC0yLjlsMi45LTAuOGMwLjMsMC41LDAuNSwxLDAuNSwxLjVjMC41LTAuMywwLjktMC42LDEuNC0wLjkKCWMwLjYtMC4zLDEuNS0wLjUsMi4yLTAuNWMxLjQsMCwyLjYsMC43LDMsMS44YzAuMiwwLjUsMC4yLDEsMC4yLDEuOHY5SDEyMS42eiBNMTM5LjksMTYuOWgtM2wtMS4xLTQuMmMtMC4zLTEtMC42LTIuMi0wLjctMwoJQzEzNSw5LjIsMTM1LDksMTM0LjksOC41Yy0wLjEsMC41LTAuMSwwLjctMC4zLDEuNmMtMC4yLDEuMS0wLjgsMy4yLTEuMSw0LjNsLTAuNiwyLjVoLTNsLTMuNC0xMi4xbDMuMi0wLjRsMSw0LjcKCWMwLjMsMS40LDAuNywzLjgsMC43LDMuOHMwLjMtMi4yLDAuOS00LjNsMS4yLTQuMWgzbDEsNC4xYzAuNiwyLjMsMC45LDQuMywwLjksNC4zYzAuMS0wLjUsMC4zLTIuNCwwLjctNGwwLjktNC40aDMuM0wxMzkuOSwxNi45egoJIE0xNTMuNCwxNy42Yy0wLjctMC4zLTEuNC0wLjktMS43LTEuNWMtMC4yLDAuMi0wLjUsMC41LTAuNywwLjZjLTAuNiwwLjQtMS41LDAuNy0yLjUsMC43Yy0yLjcsMC00LjItMS40LTQuMi0zLjgKCWMwLTIuOSwyLTQuMiw1LjktNC4yYzAuMiwwLDAuNSwwLDAuNywwVjguOWMwLTEuNC0wLjMtMS44LTEuNC0xLjhjLTEsMC0yLjIsMC41LTMuNiwxLjRsLTEuNC0yLjNjMC42LTAuNCwxLjEtMC42LDItMQoJYzEuMi0wLjUsMi4yLTAuNywzLjQtMC43YzIuMSwwLDMuNSwwLjgsNCwyLjFjMC4yLDAuNSwwLjIsMC45LDAuMiwyLjJsLTAuMSw0LjFjMCwxLjMsMC4xLDEuOSwxLjIsMi43TDE1My40LDE3LjZ6IE0xNTAuNiwxMS42CgljLTIuMiwwLTMsMC40LTMsMS45YzAsMSwwLjYsMS42LDEuNCwxLjZjMC42LDAsMS4yLTAuMywxLjctMC44bDAtMi42SDE1MC42eiBNMTYzLjQsMTcuMWMtMC44LDIuNC0xLjUsMy40LTIuNCw0LjEKCWMtMC44LDAuNi0xLjksMS0zLDEuMWwtMS4xLTIuMWMwLjctMC4yLDEuNS0wLjUsMi0wLjhjMC40LTAuMywwLjYtMC42LDAuOS0xYzAuMy0wLjUsMC40LTAuNywwLjctMS40aC0wLjhjLTAuNC0xLjItMS0zLjEtMS4yLTMuNQoJbC0yLjktOC42bDMuMy0wLjRsMi4xLDcuMmMwLjIsMC43LDAuNiwyLjQsMC42LDIuNWMwLTAuMSwwLjItMS40LDAuNC0yYzAuMS0wLjQsMC4zLTEuMSwwLjUtMS43bDEuOC01LjloMy40TDE2My40LDE3LjF6Ii8+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI1OS4zLDE5LjcgNTYuNSwzNC42IDI3LjksMzIuOCAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjUzLjIsNDEuMSAzOSw1MCAyNywzMy45IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMCw0NS41IDUuMywzMC4xIDI1LjUsMzMuMyAJIi8+Cgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTguMiwwLjRjNi42LTEuOCwxMy40LDIuMiwxNS4yLDguOGMwLjQsMS41LDAuNSwzLjEsMC4zLDQuNmMtMC4xLDEuMy0wLjUsMi42LTEuMSwzLjgKCQljLTEuNSw0LjctMy42LDguNi02LjQsMTMuMmMtNC43LTIuNi04LjQtNS0xMi4xLTguM2MtMS4xLTAuOC0yLjEtMS43LTIuOC0yLjhjLTAuOS0xLjItMS42LTIuNi0yLTQuMUM3LjcsOSwxMS42LDIuMiwxOC4yLDAuNAoJCUwxOC4yLDAuNHogTTE5LjcsNi4yYy0zLjQsMC45LTUuNSw0LjQtNC42LDcuOWMwLjksMy40LDQuNCw1LjUsNy45LDQuNnM1LjUtNC40LDQuNi03LjlDMjYuNyw3LjMsMjMuMiw1LjMsMTkuNyw2LjJMMTkuNyw2LjJ6Ii8+CjwvZz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI0MC45LDI3LjJ2LTQuOGgtMS43di0xaDQuNnYxSDI0MnY0LjhIMjQwLjl6IE0yNDQuNSwyNy4ydi01LjdoMS43bDEsMy45bDEtMy45aDEuN3Y1LjdoLTEuMXYtNC41bC0xLjEsNC41CgloLTEuMWwtMS4xLTQuNXY0LjVIMjQ0LjV6IE03OC43LDMyLjdjLTEuNCwxLjMtMywxLjctNS4xLDEuN2gtMy43djguNWgtMi41VjIxLjZoNS45YzIuMywwLDMuNSwwLjIsNC43LDFjMS44LDEuMiwyLjcsMi45LDIuNyw1LjEKCUM4MC42LDI5LjgsODAuMSwzMS40LDc4LjcsMzIuN3ogTTc2LjYsMjQuOGMtMC45LTAuNy0yLTEuMS00LTEuMWgtMi43djguNmgzLjZjMS44LDAsMi42LTAuMywzLjMtMS4xYzAuNy0wLjgsMS4xLTEuOCwxLjEtMwoJQzc3LjgsMjYuNiw3Ny41LDI1LjUsNzYuNiwyNC44eiBNOTAuOSwyOS43Yy0wLjItMC4xLTAuNC0wLjEtMC43LTAuMWMtMC45LDAtMS45LDAuNC0yLjYsMS4xcy0wLjksMS4yLTAuOSwyLjR2OS43aC0yLjRWMzAuOQoJYzAtMi4zLTAuNS0zLjMtMC41LTMuM2wyLjQtMC43YzAsMCwwLjYsMS4yLDAuNSwyLjVjMS4xLTEuNiwyLjgtMi42LDQuMy0yLjZjMC40LDAsMC44LDAuMiwwLjgsMC4yTDkwLjksMjkuN3ogTTk1LjcsMjQuNQoJYy0xLjEsMC0xLjktMC44LTEuOS0xLjljMC0xLjEsMC44LTEuOSwxLjktMS45YzEuMSwwLDEuOSwwLjgsMS45LDEuOVM5Ni44LDI0LjUsOTUuNywyNC41eiBNOTQuNCw0Mi44VjI3LjVsMi41LTAuNHYxNS44SDk0LjR6CgkgTTExOS42LDQyLjhWMzEuNGMwLTEuNS0wLjctMi4zLTItMi4zYy0xLjQsMC0yLjUsMC45LTQuMSwyLjR2MTEuM2gtMi40di0xMWMwLTAuOS0wLjEtMS42LTAuNC0yYy0wLjQtMC40LTAuOS0wLjYtMS42LTAuNgoJYy0xLjIsMC0yLjMsMC42LTMuOSwydjExLjVoLTIuM3YtMTJjMC0yLjItMC42LTMuMy0wLjYtMy4zbDIuNC0wLjZjMCwwLDAuNiwxLjIsMC42LDIuM2MxLTEuMSwyLjktMi4zLDQuNS0yLjNjMS41LDAsMywwLjksMy42LDIuNgoJYzEuNS0xLjYsMy40LTIuNiw1LTIuNmMyLjMsMCwzLjksMS43LDMuOSw0LjJ2MTEuN0gxMTkuNnogTTEyOS44LDM1LjV2MC40YzAsMS41LDAuMiwyLjYsMC43LDMuNGMwLjksMS4zLDIuMywxLjksMy44LDEuOQoJYzEuNSwwLDIuNy0wLjUsMy44LTEuNWwwLjksMS42Yy0xLjQsMS4yLTMuMiwxLjktNS4yLDEuOWMtNC4zLDAtNi45LTMuMS02LjktOC4yYzAtMi42LDAuNi00LjMsMS45LTUuOGMxLjItMS41LDIuOC0yLjEsNC42LTIuMQoJYzEuNywwLDMuMSwwLjYsNC4yLDEuN2MxLjMsMS40LDEuOCwyLjgsMS44LDYuNXYwLjNIMTI5Ljh6IE0xMzYuMiwzMC4yYy0wLjUtMC44LTEuNi0xLjQtMi44LTEuNGMtMi4yLDAtMy40LDEuNi0zLjYsNC44aDcuMQoJQzEzNi45LDMyLDEzNi43LDMxLDEzNi4yLDMwLjJ6IE0xNjguNiw0Mi44bC0xLjItMTUuNmMtMC4xLTEuMy0wLjItMy41LTAuMi0zLjZjLTAuMSwwLjItMC41LDItMC44LDMuM2wtNC42LDE1LjloLTIuMmwtNC4yLTE1LjEKCWMtMC42LTIuMS0xLTMuNy0xLjEtNC4xYzAsMC4zLTAuMiwyLjgtMC4yLDRsLTEuMiwxNS4xaC0yLjVsMS45LTIxLjNoMy43bDMuOSwxMy45YzAuNSwyLDAuOCwzLjUsMC44LDMuN2MwLTAuMiwwLjMtMS44LDAuOC0zLjQKCWw0LTE0LjFoMy44bDEuOCwyMS4zSDE2OC42eiBNMTgxLjgsNDMuMmMtNC4yLDAtNi43LTMuMS02LjctOC4yYzAtNSwyLjUtOC4xLDYuNi04LjFjMi42LDAsNC4yLDEuMiw1LjMsMi43YzEsMS40LDEuNCwzLjIsMS40LDUuNwoJQzE4OC41LDQwLjUsMTg1LjcsNDMuMiwxODEuOCw0My4yeiBNMTg1LDMwLjljLTAuNy0xLjQtMi0yLTMuMy0yYy0xLjQsMC0yLjYsMC43LTMuMiwxLjdjLTAuNSwxLTAuNywyLjItMC43LDRjMCwyLjIsMC40LDQuMSwxLDUuMQoJYzAuNiwwLjksMS44LDEuNSwzLjEsMS41YzEuNiwwLDIuOC0wLjgsMy4zLTIuM2MwLjMtMSwwLjUtMS44LDAuNS0zLjNDMTg1LjcsMzMuNCwxODUuNSwzMS45LDE4NSwzMC45eiBNMTk5LjcsNDMuMgoJYy0xLjYsMC0zLjQtMC45LTQuMi0yYy0wLjEsMC43LTAuMSwxLjEtMC40LDEuN2gtMi40YzAuMy0wLjcsMC41LTEuOCwwLjUtMy44VjIzLjhjMC0yLTAuNC0zLjItMC40LTMuMmwyLjQtMC41CgljMCwwLDAuNCwxLjMsMC40LDMuN3YzLjZjMCwwLjgtMC4xLDEuNy0wLjEsMS43YzEuNS0xLjUsMi44LTIuMSw0LjQtMi4xYzMuNywwLDYsMyw2LDcuOEMyMDUuOSwzOS45LDIwMy40LDQzLjIsMTk5LjcsNDMuMnoKCSBNMjAyLjMsMzAuNmMtMC42LTAuOC0xLjctMS4zLTIuOS0xLjNjLTEuNSwwLTMsMC45LTMuOSwydjcuOWMwLjgsMS4xLDIuNCwxLjksMy44LDEuOWMxLjEsMCwyLjItMC42LDIuOC0xLjQKCWMwLjYtMC44LDEuMS0yLjQsMS4xLTVDMjAzLjIsMzIuNywyMDIuOSwzMS41LDIwMi4zLDMwLjZ6IE0yMTIsMjQuNWMtMS4xLDAtMS45LTAuOC0xLjktMS45YzAtMS4xLDAuOC0xLjksMS45LTEuOXMxLjksMC44LDEuOSwxLjkKCVMyMTMsMjQuNSwyMTIsMjQuNXogTTIxMC43LDQyLjhWMjcuNWwyLjUtMC40djE1LjhIMjEwLjd6IE0yMjEuNSw0My4xYy0wLjcsMC0xLjQtMC4yLTEuOC0wLjdjLTAuNS0wLjQtMC43LTEuMS0wLjctMi4yVjIzLjkKCWMwLTItMC40LTMuMi0wLjQtMy4ybDIuNC0wLjVjMCwwLDAuNCwxLjMsMC40LDMuN3YxNS44YzAsMS4yLDAuMiwxLjYsMC45LDEuNmMwLjEsMCwwLjMtMC4xLDAuMy0wLjFsMC41LDEuNgoJQzIyMi40LDQzLjEsMjIyLjIsNDMuMSwyMjEuNSw0My4xeiBNMjI5LDM1LjV2MC40YzAsMS41LDAuMiwyLjYsMC43LDMuNGMwLjksMS4zLDIuMywxLjksMy44LDEuOWMxLjUsMCwyLjctMC41LDMuOC0xLjVsMC45LDEuNgoJYy0xLjQsMS4yLTMuMiwxLjktNS4yLDEuOWMtNC4zLDAtNi45LTMuMS02LjktOC4yYzAtMi42LDAuNi00LjMsMS45LTUuOGMxLjItMS41LDIuOC0yLjEsNC42LTIuMWMxLjcsMCwzLjEsMC42LDQuMiwxLjcKCWMxLjMsMS40LDEuOCwyLjgsMS44LDYuNXYwLjNIMjI5eiBNMjM1LjMsMzAuMmMtMC41LTAuOC0xLjYtMS40LTIuOC0xLjRjLTIuMiwwLTMuNCwxLjYtMy42LDQuOGg3LjFDMjM2LDMyLDIzNS44LDMxLDIzNS4zLDMwLjJ6IgoJLz4KPC9zdmc+); }
  .login .login-back {
    background: #333333;
    /* Old browsers */
    background: -moz-linear-gradient(top, #333333 0%, #666666 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #666666));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #333333 0%, #666666 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #333333 0%, #666666 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #333333 0%, #666666 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #333333 0%, #666666 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF333333', endColorstr='#FF666666',GradientType=0 );
    /* IE6-9 */
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
    .login .login-back p, .login .login-back label, .login .login-back .toggleCheckbox {
      color: white; }
  .login .button, .login button {
    height: 4.4rem; }
    .login .button.button--unstyled, .login button.button--unstyled {
      margin: 0; }
    .login .button.button--submit, .login button.button--submit {
      width: 75%;
      margin: 3.0rem 0 2.0rem 0; }
    .login .button.button--help, .login button.button--help {
      width: 23%;
      margin: 1.2rem 2% 1.2rem 0; }
    .login .button.button--done, .login button.button--done {
      width: 50%;
      margin: 1.2rem 0 1.2rem 0; }
    .login .button.button--settings, .login button.button--settings {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTI5LDE4di00aC0zLjJjLTAuMy0xLjMtMC44LTIuNC0xLjQtMy41bDIuMy0yLjNsLTIuOC0yLjhsLTIuMywyLjNjLTEtMC43LTIuMi0xLjItMy41LTEuNVYzaC00djMuMgoJYy0xLjMsMC4zLTIuNSwwLjgtMy41LDEuNUw4LjIsNS40TDUuNCw4LjJsMi4yLDIuMmMtMC43LDEuMS0xLjIsMi4zLTEuNSwzLjVIM3Y0aDMuMmMwLjMsMS4zLDAuOCwyLjUsMS41LDMuNWwtMi4yLDIuMmwyLjgsMi44CglsMi4zLTIuM2MxLjEsMC43LDIuMiwxLjIsMy41LDEuNFYyOWg0di0zLjJjMS4zLTAuMywyLjQtMC44LDMuNS0xLjVsMi4zLDIuM2wyLjgtMi44bC0yLjMtMi4zYzAuNy0xLDEuMi0yLjIsMS40LTMuNUgyOXogTTE2LDIyCgljLTMuMywwLTYtMi43LTYtNnMyLjctNiw2LTZzNiwyLjcsNiw2UzE5LjMsMjIsMTYsMjJ6IE0yMCwxNmMwLDIuMi0xLjgsNC00LDRzLTQtMS44LTQtNHMxLjgtNCw0LTRTMjAsMTMuOCwyMCwxNnoiLz4KPC9zdmc+);
      background-size: 3.2rem 3.2rem;
      background-position: center center;
      background-repeat: no-repeat;
      width: 4.4rem;
      opacity: 0.6; }
      @media (min-width: 1025px) {
        .login .button.button--settings:hover, .login button.button--settings:hover {
          opacity: 0.9; } }
      @media (max-width: 1024px) {
        .login .button.button--settings:active, .login button.button--settings:active {
          opacity: 0.9; } }
  .login.is-flipped .login-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  .login.is-flipped .login-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }

.login-header {
  text-align: right;
  padding-right: 4.4rem;
  padding-top: 6.2rem;
  font-style: italic;
  width: 31.8rem;
  margin: auto; }

.login-back {
  color: #FFF; }

.is-touch .login .login-front, .is-touch .login .login-back {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s; }

@media screen and (max-width: 736px) {
  .login {
    background: #333333;
    color: white;
    overflow: hidden; }
    .login .loginbox {
      height: 100%;
      width: 100%;
      margin-top: 0;
      margin-left: 0;
      border: none;
      top: 0;
      left: 0; }
    .login .login-front {
      background-image: url(../img/loginbg.jpg);
      background-position: center center;
      border: none; }
      .login .login-front .login-header {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojZmZmZmZmO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI0MC45LDI3LjJ2LTQuOGgtMS43di0xaDQuNnYxSDI0MnY0LjhIMjQwLjl6IE0yNDQuNSwyNy4ydi01LjdoMS43bDEsMy45bDEtMy45aDEuN3Y1LjdoLTEuMXYtNC41bC0xLjEsNC41CgloLTEuMWwtMS4xLTQuNXY0LjVIMjQ0LjV6IE03My4yLDE3LjFjLTIuNSwwLTQuMy0wLjgtNS43LTIuNWMtMS4yLTEuNi0xLjgtMy4zLTEuOC01LjhjMC0zLjUsMS4yLTYsMy41LTcuNkM3MC41LDAuNCw3MS43LDAsNzMuMywwCgljMiwwLDMuOCwwLjYsNS4zLDEuOUw3Ni44LDRjLTEuMS0wLjktMi4yLTEuMy0zLjUtMS4zYy0xLDAtMS44LDAuMy0yLjQsMC44Yy0xLjEsMS4xLTEuNCwyLjktMS40LDUuNGMwLDIuNCwwLjQsMy45LDEuMiw0LjgKCWMwLjYsMC42LDEuNSwwLjksMi42LDAuOWMwLjcsMCwxLjMtMC4xLDEuOS0wLjR2LTMuOGgtMi41bC0wLjQtMi43aDYuNXY4Qzc3LjEsMTYuNyw3NS4yLDE3LjEsNzMuMiwxNy4xeiBNODguMiw3LjUKCWMtMC4zLTAuMi0wLjYtMC4yLTAuOS0wLjJjLTAuNywwLTEuNCwwLjMtMiwxdjguN2gtMy4yVjguN2MwLTEuNy0wLjItMi45LTAuNS0zLjZsMi45LTAuOEM4NC44LDQuOSw4NSw1LjQsODUsNi4xCgljMC43LTAuOSwxLjctMS44LDIuOS0xLjhjMC41LDAsMC43LDAsMS4yLDAuM0w4OC4yLDcuNXogTTkzLjEsMTEuOEw5My4xLDExLjhjMCwyLDAuOSwzLjEsMi42LDMuMWMxLjEsMCwyLjEtMC40LDMuMS0xLjJsMS4yLDEuOQoJYy0xLjQsMS4yLTIuOSwxLjctNC42LDEuN2MtMy41LDAtNS44LTIuNS01LjgtNi40YzAtMi4yLDAuNS0zLjcsMS41LTQuOWMxLTEuMSwyLjItMS43LDMuOS0xLjdjMS40LDAsMi44LDAuNSwzLjYsMS4zCgljMS4xLDEuMiwxLjYsMi44LDEuNiw1LjR2MC43SDkzLjF6IE05Ni45LDkuM2MwLTAuOS0wLjEtMS40LTAuNC0xLjhjLTAuMy0wLjUtMC44LTAuNy0xLjQtMC43Yy0xLjIsMC0xLjksMS0xLjksMi43djBoMy43VjkuM3oKCSBNMTA1LjUsMTEuOEwxMDUuNSwxMS44YzAsMiwwLjksMy4xLDIuNiwzLjFjMS4xLDAsMi4xLTAuNCwzLjEtMS4ybDEuMiwxLjljLTEuNCwxLjItMi45LDEuNy00LjYsMS43Yy0zLjUsMC01LjgtMi41LTUuOC02LjQKCWMwLTIuMiwwLjUtMy43LDEuNS00LjljMS0xLjEsMi4yLTEuNywzLjktMS43YzEuNCwwLDIuOCwwLjUsMy42LDEuM2MxLjEsMS4yLDEuNiwyLjgsMS42LDUuNHYwLjdIMTA1LjV6IE0xMDkuMiw5LjMKCWMwLTAuOS0wLjEtMS40LTAuNC0xLjhjLTAuMy0wLjUtMC44LTAuNy0xLjQtMC43Yy0xLjIsMC0xLjksMS0xLjksMi43djBoMy43VjkuM3ogTTEyMS42LDE2LjlWOWMwLTEuNC0wLjItMS44LTEuMS0xLjgKCWMtMC42LDAtMS41LDAuNC0yLjIsMS4xdjguN2gtMy4yVjhjMC0xLjEtMC4xLTIuMS0wLjQtMi45bDIuOS0wLjhjMC4zLDAuNSwwLjUsMSwwLjUsMS41YzAuNS0wLjMsMC45LTAuNiwxLjQtMC45CgljMC42LTAuMywxLjUtMC41LDIuMi0wLjVjMS40LDAsMi42LDAuNywzLDEuOGMwLjIsMC41LDAuMiwxLDAuMiwxLjh2OUgxMjEuNnogTTEzOS45LDE2LjloLTNsLTEuMS00LjJjLTAuMy0xLTAuNi0yLjItMC43LTMKCUMxMzUsOS4yLDEzNSw5LDEzNC45LDguNWMtMC4xLDAuNS0wLjEsMC43LTAuMywxLjZjLTAuMiwxLjEtMC44LDMuMi0xLjEsNC4zbC0wLjYsMi41aC0zbC0zLjQtMTIuMWwzLjItMC40bDEsNC43CgljMC4zLDEuNCwwLjcsMy44LDAuNywzLjhzMC4zLTIuMiwwLjktNC4zbDEuMi00LjFoM2wxLDQuMWMwLjYsMi4zLDAuOSw0LjMsMC45LDQuM2MwLjEtMC41LDAuMy0yLjQsMC43LTRsMC45LTQuNGgzLjNMMTM5LjksMTYuOXoKCSBNMTUzLjQsMTcuNmMtMC43LTAuMy0xLjQtMC45LTEuNy0xLjVjLTAuMiwwLjItMC41LDAuNS0wLjcsMC42Yy0wLjYsMC40LTEuNSwwLjctMi41LDAuN2MtMi43LDAtNC4yLTEuNC00LjItMy44CgljMC0yLjksMi00LjIsNS45LTQuMmMwLjIsMCwwLjUsMCwwLjcsMFY4LjljMC0xLjQtMC4zLTEuOC0xLjQtMS44Yy0xLDAtMi4yLDAuNS0zLjYsMS40bC0xLjQtMi4zYzAuNi0wLjQsMS4xLTAuNiwyLTEKCWMxLjItMC41LDIuMi0wLjcsMy40LTAuN2MyLjEsMCwzLjUsMC44LDQsMi4xYzAuMiwwLjUsMC4yLDAuOSwwLjIsMi4ybC0wLjEsNC4xYzAsMS4zLDAuMSwxLjksMS4yLDIuN0wxNTMuNCwxNy42eiBNMTUwLjYsMTEuNgoJYy0yLjIsMC0zLDAuNC0zLDEuOWMwLDEsMC42LDEuNiwxLjQsMS42YzAuNiwwLDEuMi0wLjMsMS43LTAuOGwwLTIuNkgxNTAuNnogTTE2My40LDE3LjFjLTAuOCwyLjQtMS41LDMuNC0yLjQsNC4xCgljLTAuOCwwLjYtMS45LDEtMywxLjFsLTEuMS0yLjFjMC43LTAuMiwxLjUtMC41LDItMC44YzAuNC0wLjMsMC42LTAuNiwwLjktMWMwLjMtMC41LDAuNC0wLjcsMC43LTEuNGgtMC44Yy0wLjQtMS4yLTEtMy4xLTEuMi0zLjUKCWwtMi45LTguNmwzLjMtMC40bDIuMSw3LjJjMC4yLDAuNywwLjYsMi40LDAuNiwyLjVjMC0wLjEsMC4yLTEuNCwwLjQtMmMwLjEtMC40LDAuMy0xLjEsMC41LTEuN2wxLjgtNS45aDMuNEwxNjMuNCwxNy4xegoJIE0yNy45LDMyLjhsMjguNSwxLjdsMi44LTE0LjlMMjcuOSwzMi44eiBNMjcsMzMuOUwzOSw1MGwxNC4yLTguOUwyNywzMy45eiBNMjUuNSwzMy4zTDUuMywzMC4xTDAsNDUuNUwyNS41LDMzLjN6IE0xOC4yLDAuNAoJYzYuNi0xLjgsMTMuNCwyLjIsMTUuMiw4LjhjMC40LDEuNSwwLjUsMy4xLDAuMyw0LjZjLTAuMSwxLjMtMC41LDIuNi0xLjEsMy44Yy0xLjUsNC43LTMuNiw4LjYtNi40LDEzLjJjLTQuNy0yLjYtOC40LTUtMTIuMS04LjMKCWMtMS4xLTAuOC0yLjEtMS43LTIuOC0yLjhjLTAuOS0xLjItMS42LTIuNi0yLTQuMUM3LjcsOSwxMS42LDIuMiwxOC4yLDAuNEwxOC4yLDAuNHogTTE5LjcsNi4yYy0zLjQsMC45LTUuNSw0LjQtNC42LDcuOQoJYzAuOSwzLjQsNC40LDUuNSw3LjksNC42czUuNS00LjQsNC42LTcuOUMyNi43LDcuMywyMy4yLDUuMywxOS43LDYuMkwxOS43LDYuMnogTTc4LjcsMzIuN2MtMS40LDEuMy0zLDEuNy01LjEsMS43aC0zLjd2OC41aC0yLjUKCVYyMS42aDUuOWMyLjMsMCwzLjUsMC4yLDQuNywxYzEuOCwxLjIsMi43LDIuOSwyLjcsNS4xQzgwLjYsMjkuOCw4MC4xLDMxLjQsNzguNywzMi43eiBNNzYuNiwyNC44Yy0wLjktMC43LTItMS4xLTQtMS4xaC0yLjd2OC42CgloMy42YzEuOCwwLDIuNi0wLjMsMy4zLTEuMWMwLjctMC44LDEuMS0xLjgsMS4xLTNDNzcuOCwyNi42LDc3LjUsMjUuNSw3Ni42LDI0Ljh6IE05MC45LDI5LjdjLTAuMi0wLjEtMC40LTAuMS0wLjctMC4xCgljLTAuOSwwLTEuOSwwLjQtMi42LDEuMXMtMC45LDEuMi0wLjksMi40djkuN2gtMi40VjMwLjljMC0yLjMtMC41LTMuMy0wLjUtMy4zbDIuNC0wLjdjMCwwLDAuNiwxLjIsMC41LDIuNQoJYzEuMS0xLjYsMi44LTIuNiw0LjMtMi42YzAuNCwwLDAuOCwwLjIsMC44LDAuMkw5MC45LDI5Ljd6IE05NS43LDI0LjVjLTEuMSwwLTEuOS0wLjgtMS45LTEuOWMwLTEuMSwwLjgtMS45LDEuOS0xLjkKCWMxLjEsMCwxLjksMC44LDEuOSwxLjlTOTYuOCwyNC41LDk1LjcsMjQuNXogTTk0LjQsNDIuOFYyNy41bDIuNS0wLjR2MTUuOEg5NC40eiBNMTE5LjYsNDIuOFYzMS40YzAtMS41LTAuNy0yLjMtMi0yLjMKCWMtMS40LDAtMi41LDAuOS00LjEsMi40djExLjNoLTIuNHYtMTFjMC0wLjktMC4xLTEuNi0wLjQtMmMtMC40LTAuNC0wLjktMC42LTEuNi0wLjZjLTEuMiwwLTIuMywwLjYtMy45LDJ2MTEuNWgtMi4zdi0xMgoJYzAtMi4yLTAuNi0zLjMtMC42LTMuM2wyLjQtMC42YzAsMCwwLjYsMS4yLDAuNiwyLjNjMS0xLjEsMi45LTIuMyw0LjUtMi4zYzEuNSwwLDMsMC45LDMuNiwyLjZjMS41LTEuNiwzLjQtMi42LDUtMi42CgljMi4zLDAsMy45LDEuNywzLjksNC4ydjExLjdIMTE5LjZ6IE0xMjkuOCwzNS41djAuNGMwLDEuNSwwLjIsMi42LDAuNywzLjRjMC45LDEuMywyLjMsMS45LDMuOCwxLjljMS41LDAsMi43LTAuNSwzLjgtMS41bDAuOSwxLjYKCWMtMS40LDEuMi0zLjIsMS45LTUuMiwxLjljLTQuMywwLTYuOS0zLjEtNi45LTguMmMwLTIuNiwwLjYtNC4zLDEuOS01LjhjMS4yLTEuNSwyLjgtMi4xLDQuNi0yLjFjMS43LDAsMy4xLDAuNiw0LjIsMS43CgljMS4zLDEuNCwxLjgsMi44LDEuOCw2LjV2MC4zSDEyOS44eiBNMTM2LjIsMzAuMmMtMC41LTAuOC0xLjYtMS40LTIuOC0xLjRjLTIuMiwwLTMuNCwxLjYtMy42LDQuOGg3LjEKCUMxMzYuOSwzMiwxMzYuNywzMSwxMzYuMiwzMC4yeiBNMTY4LjYsNDIuOGwtMS4yLTE1LjZjLTAuMS0xLjMtMC4yLTMuNS0wLjItMy42Yy0wLjEsMC4yLTAuNSwyLTAuOCwzLjNsLTQuNiwxNS45aC0yLjJsLTQuMi0xNS4xCgljLTAuNi0yLjEtMS0zLjctMS4xLTQuMWMwLDAuMy0wLjIsMi44LTAuMiw0bC0xLjIsMTUuMWgtMi41bDEuOS0yMS4zaDMuN2wzLjksMTMuOWMwLjUsMiwwLjgsMy41LDAuOCwzLjdjMC0wLjIsMC4zLTEuOCwwLjgtMy40CglsNC0xNC4xaDMuOGwxLjgsMjEuM0gxNjguNnogTTE4MS44LDQzLjJjLTQuMiwwLTYuNy0zLjEtNi43LTguMmMwLTUsMi41LTguMSw2LjYtOC4xYzIuNiwwLDQuMiwxLjIsNS4zLDIuN2MxLDEuNCwxLjQsMy4yLDEuNCw1LjcKCUMxODguNSw0MC41LDE4NS43LDQzLjIsMTgxLjgsNDMuMnogTTE4NSwzMC45Yy0wLjctMS40LTItMi0zLjMtMmMtMS40LDAtMi42LDAuNy0zLjIsMS43Yy0wLjUsMS0wLjcsMi4yLTAuNyw0YzAsMi4yLDAuNCw0LjEsMSw1LjEKCWMwLjYsMC45LDEuOCwxLjUsMy4xLDEuNWMxLjYsMCwyLjgtMC44LDMuMy0yLjNjMC4zLTEsMC41LTEuOCwwLjUtMy4zQzE4NS43LDMzLjQsMTg1LjUsMzEuOSwxODUsMzAuOXogTTE5OS43LDQzLjIKCWMtMS42LDAtMy40LTAuOS00LjItMmMtMC4xLDAuNy0wLjEsMS4xLTAuNCwxLjdoLTIuNGMwLjMtMC43LDAuNS0xLjgsMC41LTMuOFYyMy44YzAtMi0wLjQtMy4yLTAuNC0zLjJsMi40LTAuNQoJYzAsMCwwLjQsMS4zLDAuNCwzLjd2My42YzAsMC44LTAuMSwxLjctMC4xLDEuN2MxLjUtMS41LDIuOC0yLjEsNC40LTIuMWMzLjcsMCw2LDMsNiw3LjhDMjA1LjksMzkuOSwyMDMuNCw0My4yLDE5OS43LDQzLjJ6CgkgTTIwMi4zLDMwLjZjLTAuNi0wLjgtMS43LTEuMy0yLjktMS4zYy0xLjUsMC0zLDAuOS0zLjksMnY3LjljMC44LDEuMSwyLjQsMS45LDMuOCwxLjljMS4xLDAsMi4yLTAuNiwyLjgtMS40CgljMC42LTAuOCwxLjEtMi40LDEuMS01QzIwMy4yLDMyLjcsMjAyLjksMzEuNSwyMDIuMywzMC42eiBNMjEyLDI0LjVjLTEuMSwwLTEuOS0wLjgtMS45LTEuOWMwLTEuMSwwLjgtMS45LDEuOS0xLjlzMS45LDAuOCwxLjksMS45CglTMjEzLDI0LjUsMjEyLDI0LjV6IE0yMTAuNyw0Mi44VjI3LjVsMi41LTAuNHYxNS44SDIxMC43eiBNMjIxLjUsNDMuMWMtMC43LDAtMS40LTAuMi0xLjgtMC43Yy0wLjUtMC40LTAuNy0xLjEtMC43LTIuMlYyMy45CgljMC0yLTAuNC0zLjItMC40LTMuMmwyLjQtMC41YzAsMCwwLjQsMS4zLDAuNCwzLjd2MTUuOGMwLDEuMiwwLjIsMS42LDAuOSwxLjZjMC4xLDAsMC4zLTAuMSwwLjMtMC4xbDAuNSwxLjYKCUMyMjIuNCw0My4xLDIyMi4yLDQzLjEsMjIxLjUsNDMuMXogTTIyOSwzNS41djAuNGMwLDEuNSwwLjIsMi42LDAuNywzLjRjMC45LDEuMywyLjMsMS45LDMuOCwxLjljMS41LDAsMi43LTAuNSwzLjgtMS41bDAuOSwxLjYKCWMtMS40LDEuMi0zLjIsMS45LTUuMiwxLjljLTQuMywwLTYuOS0zLjEtNi45LTguMmMwLTIuNiwwLjYtNC4zLDEuOS01LjhjMS4yLTEuNSwyLjgtMi4xLDQuNi0yLjFjMS43LDAsMy4xLDAuNiw0LjIsMS43CgljMS4zLDEuNCwxLjgsMi44LDEuOCw2LjV2MC4zSDIyOXogTTIzNS4zLDMwLjJjLTAuNS0wLjgtMS42LTEuNC0yLjgtMS40Yy0yLjIsMC0zLjQsMS42LTMuNiw0LjhoNy4xQzIzNiwzMiwyMzUuOCwzMSwyMzUuMywzMC4yeiIKCS8+Cjwvc3ZnPg==); }
      .login .login-front p, .login .login-front label, .login .login-front .toggleCheckbox {
        color: white; }
    .login .login-back {
      border: none; }
    .login label {
      color: white; }
    .login .button, .login button {
      background-color: rgba(0, 0, 0, 0.1);
      border: 0.1rem solid rgba(255, 255, 255, 0.6);
      color: #fff; }
      .login .button:active, .login button:active {
        background-color: rgba(0, 0, 0, 0.2); }
      .login .button.button--unstyled, .login button.button--unstyled {
        background-color: transparent;
        border: none; }
      .login .button.button--settings, .login button.button--settings {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI5LDE4di00aC0zLjJjLTAuMy0xLjMtMC44LTIuNC0xLjQtMy41bDIuMy0yLjNsLTIuOC0yLjhsLTIuMywyLjNjLTEtMC43LTIuMi0xLjItMy41LTEuNVYzaC00djMuMgoJYy0xLjMsMC4zLTIuNSwwLjgtMy41LDEuNUw4LjIsNS40TDUuNCw4LjJsMi4yLDIuMmMtMC43LDEuMS0xLjIsMi4zLTEuNSwzLjVIM3Y0aDMuMmMwLjMsMS4zLDAuOCwyLjUsMS41LDMuNWwtMi4yLDIuMmwyLjgsMi44CglsMi4zLTIuM2MxLjEsMC43LDIuMiwxLjIsMy41LDEuNFYyOWg0di0zLjJjMS4zLTAuMywyLjQtMC44LDMuNS0xLjVsMi4zLDIuM2wyLjgtMi44bC0yLjMtMi4zYzAuNy0xLDEuMi0yLjIsMS40LTMuNUgyOXogTTE2LDIyCgljLTMuMywwLTYtMi43LTYtNnMyLjctNiw2LTZzNiwyLjcsNiw2UzE5LjMsMjIsMTYsMjJ6IE0yMCwxNmMwLDIuMi0xLjgsNC00LDRzLTQtMS44LTQtNHMxLjgtNCw0LTRTMjAsMTMuOCwyMCwxNnoiLz4KPC9zdmc+);
        opacity: 1.0; }
    .login .toggleCheckbox {
      color: white; } }

@media screen and (max-width: 736px) {
  .login .loginbox {
    height: 100%;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    border: none;
    top: 0;
    left: 0; } }

/*
	The basic layout of the dashboard layer consists of a left
	sidebar, a banner and a dashboard containing widgets and
	shortcut buttons.
         _____________________________________________________
        |   |                                                 |
        | # |                      BANNER               #   # |
        |___|_________________________________________________|
        |   |  _____________________   _____   _____   _____  |
        | # | |/////////////////////| |/////| |/////| |/////| |
        |___| |/////////////////////| |SHORT| |//#//| |//#//| |
        |   | |                     | |/CUT/| |/////| |/////| |
        | # | |                     |  _____________________  |
        |___| |       WIDGET        | |/////////////////////| |
        |   | |                     | |/////////////////////| |
        | # | |                     | |                     | |
        |___| |                     | |                     | |
SIDEBAR |   | |_____________________| |                     | |
    \_____  |  _____________________  |                     | |
            | |/////////////////////| |                     | |
        |   | |/////////////////////| |                     | |
        |   | |                     | |_____________________| |
        |   | |                     |  _____________________  |
        |   | |                     | |/////////////////////| |
        |   | |                     | |/////////////////////| |
        |___|_|_____________________|_|_____________________|_|

*/
/*
	The side drawer slides from beneath the sidebar. It is meant
	to contain lists of things like tasks, messages and recent
	items. It is generally launched by clicking a sidebar button.
         _____________________________________________________
        |   |                                                 |
        | # |                      BANNER               #   # |
        |___|_________________________________________________|
        |   |////////////////|______   _____   _____   _____  |
        | # |////////////////|//////| |/////| |/////| |/////| |
        |___|                |//////| |SHORT| |//#//| |//#//| |
        |///|                |      | |/CUT/| |/////| |/////| |
        |/#<                 |      |  _____________________  |
        |///|                |      | |/////////////////////| |
        |   |      SIDE      |      | |/////////////////////| |
        | # |     DRAWER     |      | |                     | |
        |___|                |      | |                     | |
SIDEBAR |   |                |______| |       WIDGET        | |
    \_____  |                |______  |                     | |
            |                |//////| |                     | |
        |   |                |//////| |                     | |
        |   |                |      | |_____________________| |
        |   |                |      |  _____________________  |
        |   |                |      | |/////////////////////| |
        |   |                |      | |/////////////////////| |
        |___|________________|______|_|_____________________|_|

*/
/*
	The top drawer slides out from beneath the banner to provide
	things like navigation and message composition. It is meant
	to have a flexible height to accomodate its contents. It is
	generally launched by clicking a banner button.
         _____________________________________________________
        |   |                                         |///|   |
        | # |                      BANNER             |/#/| # |
        |___|_________________________________________|/^\|___|
        |   |                                                 |
        | # |                                                 |
        |___|                                                 |
        |   |                                                 |
        | # |                    TOP DRAWER                   |
        |___|                                                 |
        |   |                                                 |
        | # |                                                 |
        |___|                                                 |
SIDEBAR |   |_________________________________________________|
    \_____  |  _____________________  |                     | |
            | |/////////////////////| |                     | |
        |   | |/////////////////////| |                     | |
        |   | |                     | |_____________________| |
        |   | |                     |  _____________________  |
        |   | |                     | |/////////////////////| |
        |   | |                     | |/////////////////////| |
        |___|_|_____________________|_|_____________________|_|

*/
/* Variables */
/* Structure */
.wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }

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

.dashboards {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 6rem; }
  @media (max-width: 700px) {
    .dashboards {
      left: 0;
      bottom: 6rem; } }

.dashboard {
  position: absolute;
  top: 0;
  bottom: 0;
  transition: all 0.3s ease; }

.primaryDashboard {
  right: 0;
  left: 0; }

.secondaryDashboard {
  right: -100%;
  left: 100%; }

.show-secondaryDashboard .primaryDashboard {
  right: 100%;
  left: -100%; }

.show-secondaryDashboard .secondaryDashboard {
  right: 0;
  left: 0; }

/* Sidebar */
.sidebar {
  color: #fff;
  background-color: #333;
  width: 60px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; }
  @media (max-width: 700px) {
    .sidebar {
      width: auto;
      height: 6rem;
      top: auto;
      right: 0; } }

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

.sidebarButton {
  font-size: 1.0rem;
  text-align: center;
  line-height: 2.0rem;
  padding-top: 4.0rem;
  border-bottom: 1px solid #444444;
  height: 6.0rem;
  display: block;
  position: relative;
  transition: background-color 0.5s ease;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .sidebarButton:hover {
      background-color: #000; }
      .sidebarButton:hover svg {
        opacity: 1.0; } }
  @media (max-width: 1024px) {
    .sidebarButton:active {
      background-color: #000; }
      .sidebarButton:active svg {
        opacity: 1.0; } }
  .sidebarButton svg {
    fill: white;
    height: 3.2rem;
    width: 3.2rem;
    position: absolute;
    top: 0.9rem;
    left: 1.4rem;
    opacity: 0.8;
    transition: all 0.5s ease; }

.sidebarButtonHome {
  text-indent: -9999rem; }

.sidebarButtonHome svg {
  height: 3.2rem;
  width: 3.2rem;
  top: 0.9rem;
  left: 1.4rem; }

@media (max-width: 700px) {
  .sidebarButtonItem {
    float: left;
    width: 25%; } }

@media (max-width: 700px) {
  svg.sidebarButton-icon {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); } }

@media (max-width: 700px) {
  .sidebarButtonHelp {
    width: inherit; } }

.show-drawerMessages .sidebarButtonMessages,
.show-drawerTasks .sidebarButtonTasks,
.show-drawerAppointments .sidebarButtonAppointments,
.show-drawerFavorites .sidebarButtonFavorites,
.show-drawerPatients .sidebarbuttonPatients,
.show-drawerUsers .sidebarbuttonUsers {
  background-color: rgba(0, 0, 0, 0.6); }

.show-drawerTasks .sidebarButtonTasks svg,
.show-drawerAppointments .sidebarButtonAppointments svg,
.show-drawerPatients .sidebarbuttonPatients svg,
.show-drawerUsers .sidebarbuttonUsers svg {
  fill: #1e7af2;
  opacity: 1.0; }

.show-drawerMessages .sidebarButtonMessages svg {
  fill: #17ab00;
  opacity: 1.0; }

.show-drawerTasks .sidebarButtonTasks svg {
  fill: #da6811;
  opacity: 1.0; }

.show-drawerPatients .sidebarbuttonPatients svg,
.show-drawerUsers .sidebarbuttonUsers svg {
  fill: #005eab;
  opacity: 1.0; }

.show-drawerFavorites .sidebarButtonFavorites svg {
  fill: #eeac00;
  opacity: 1.0; }

.show-drawerMessages .sidebarButtonMessages:after,
.show-drawerTasks .sidebarButtonTasks:after,
.show-drawerAppointments .sidebarButtonAppointments:after,
.show-drawerFavorites .sidebarButtonFavorites:after,
.show-drawerPatients .sidebarbuttonPatients:after,
.show-drawerUsers .sidebarbuttonUsers:after {
  content: " ";
  height: 0;
  width: 0;
  margin-top: -10px;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: white;
  border-width: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  pointer-events: none; }

.show-drawerMessages .sidebarButtonMessages:after {
  border-right-color: #17ab00; }

.show-drawerTasks .sidebarButtonTasks:after {
  border-right-color: #da6811; }

.show-drawerPatients .sidebarbuttonPatients:after,
.show-drawerUsers .sidebarbuttonUsers:after {
  border-right-color: #005eab; }

.show-drawerFavorites .sidebarButtonFavorites:after {
  border-right-color: #eeac00; }

.sidebarButton-badge {
  background-color: rgba(171, 24, 0, 0.9);
  color: white;
  font-size: 12px;
  line-height: 1.6rem;
  padding: 0 0.6rem 0 0.5rem;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  position: absolute;
  top: 1.0rem;
  left: 0;
  -webkit-font-smoothing: subpixel-antialiased;
  /* Fix font-weight flicker */ }

.pages {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 6rem;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.pages.is-tabbed {
  top: 8.4rem; }

.page {
  background-color: #eeeeee;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto; }

.page.noScroll {
  overflow-y: hidden;
  overflow-x: hidden; }

.is-tabbed .page {
  display: none; }

.page.is-active {
  display: block; }

.pageTabs {
  height: 2.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 6rem;
  right: 0;
  left: 0;
  overflow: hidden; }

.pageTab {
  background-color: #cccccc;
  text-align: center;
  font-size: 1.3rem;
  line-height: 2.4rem;
  height: 2.4rem;
  list-style: none;
  margin: 0;
  display: block;
  float: left;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .pageTab:hover {
      background-color: #999999;
      color: white; } }
  @media (max-width: 1024px) {
    .pageTab:active {
      background-color: #999999;
      color: white; } }
  .pageTab.is-active {
    background-color: #eeeeee;
    color: #333333;
    cursor: default; }
    @media (min-width: 1025px) {
      .pageTab.is-active:hover {
        background-color: #eeeeee;
        color: #333333;
        cursor: default; } }
    @media (max-width: 1024px) {
      .pageTab.is-active:active {
        background-color: #eeeeee;
        color: #333333;
        cursor: default; } }

.pageTitle {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 4.4rem;
  padding-left: 2%; }

.pageContent {
  background: white;
  min-height: 100%;
  padding: 20px;
  position: relative; }

.pageHeader {
  padding-bottom: 0;
  margin: 0;
  border-bottom: none; }

/* Drawers */
.drawers {
  background: transparent;
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 60px;
  overflow: hidden;
  pointer-events: none; }
  @media (max-width: 700px) {
    .drawers {
      left: 0;
      bottom: 0;
      top: 0;
      overflow: visible; } }
  @media (max-width: 736px) {
    .drawers {
      top: 0; } }

.dashboard-drawers .drawers {
  left: 0px; }

.drawer {
  pointer-events: auto; }

.clickaway {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  pointer-events: all; }

.show-drawerMessages .clickaway,
.show-drawerTasks .clickaway,
.show-drawerAppointments .clickaway,
.show-drawerPatients .clickaway,
.show-drawerUsers .clickaway,
.show-drawerFavorites .clickaway,
.show-drawerDemographics .clickaway,
.show-drawerChart .clickaway,
.show-drawerCompose .clickaway,
.show-drawerToday .clickaway,
.show-drawerMenu .clickaway,
.show-drawerSearch .clickaway {
  display: block; }

.sideDrawer {
  background-color: rgba(255, 255, 255, 0.95);
  width: 29.5rem;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: -30.0rem;
  transition: left 0.0s ease; }
  @media (max-width: 700px) {
    .sideDrawer {
      right: 100%; } }

.drawerMessages {
  border-left: solid 0.5rem #6ea665; }

.drawerTasks {
  border-left: solid 0.5rem #ce9120; }

.drawerPatients,
.drawerUsers {
  border-left: solid 0.5rem #5a75a7; }

.drawerFavorites {
  border-left: solid 0.5rem #eac800; }

.sideDrawer--right {
  right: -30rem;
  left: auto;
  transition: right 0.0s ease; }

.sideDrawer .header {
  padding-left: 1.0rem; }

.drawerMessages .header {
  background-color: #6ea665; }

.drawerTasks .header {
  background-color: #ce9120; }

.drawerPatients .header,
.drawerUsers .header {
  background-color: #5a75a7; }

.drawerFavorites .header {
  background-color: #eac800; }

.drawerChart {
  z-index: 2; }
  @media (min-width: 480px) and (max-width: 568px) {
    .drawerChart {
      top: 0;
      bottom: 0;
      position: fixed; } }
  .drawerChart .patientChart {
    background-color: #b3b3b3; }
  .drawerChart .widget--nav .header {
    width: 100%; }
    @media (max-width: 660px) {
      .drawerChart .widget--nav .header {
        background-size: 0;
        padding-left: 0.5rem;
        padding-top: 0.2rem; } }

.sideDrawer .header-description {
  float: left; }

.drawerPatients .patient-search {
  top: 4.4rem; }

.sideDrawerSearch {
  height: 0;
  width: 100%;
  overflow: hidden;
  transition: height 0.5s ease; }

.show-sideDrawerSearch .sideDrawerSearch {
  height: 3.0rem; }

.sideDrawerSearch form {
  padding: 0;
  margin: 0; }

.sideDrawerSearch .search {
  line-height: 2.0rem;
  width: 94%;
  padding: 0.5rem 3%;
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block; }

/* Top Drawer */
.topDrawer {
  background-color: white;
  height: auto;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  transition: top 0.0s ease;
  border-bottom: 0.1rem solid #999999;
  -moz-transform: translate(0%, -100%);
  -o-transform: translate(0%, -100%);
  -ms-transform: translate(0%, -100%);
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  transition: transform 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease; }
  .topDrawer.is-presented {
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    transition: transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -moz-transition: -moz-transform 0.2s ease;
    -webkit-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.6); }

.show-drawerChart .topDrawer {
  background-color: #eee; }

.show-drawerDemographics .drawerDemographics,
.show-drawerChart .drawerChart,
.show-drawerMessages .drawerMessages,
.show-drawerCompose .drawerCompose,
.show-drawerMenu .drawerMenu,
.show-drawerToday .drawerToday {
  top: 0;
  transition: top 0.2s ease; }

.show-drawerMessages .drawerMessages,
.show-drawerTasks .drawerTasks,
.show-drawerAppointments .drawerAppointments,
.show-drawerFavorites .drawerFavorites,
.show-drawerPatients .drawerPatients,
.show-drawerUsers .drawerUsers {
  border-right: 0.1rem solid #999999;
  left: 0;
  transition: left 0.2s ease; }

@media (max-width: 700px) {
  .sideDrawer.is-presented {
    right: 0;
    width: auto;
    transition: right 0.2s ease, left 0.2s ease; } }

.show-drawerSearch .drawerSearch {
  right: 0;
  transition: right 0.2s ease; }

.drawerDemographics {
  z-index: 1000; }

.banner--dataEntry .demographicsDrawer {
  max-height: 45.2rem; }

.demographicsDrawer {
  white-space: normal; }

.show-drawerDemographics .clickaway {
  z-index: 999; }

.topDetailsLayerDrawer {
  z-index: 50; }

.topDetailsLayerDrawer.is-presented + clickaway .clickaway {
  display: block;
  z-index: 39; }

.sectionLabel {
  color: #888; }

.demographicsLabel {
  width: 100px;
  display: inline-block;
  color: #888; }

.drawerDemographics-titleBar {
  position: relative;
  background: #b3b3b3;
  color: #fff;
  padding: 15px;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .drawerDemographics-titleBar .label {
    color: #eee; }

.drawerDemographics-title {
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  margin-right: 10.0rem;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.drawerDemographics-patientPhoto {
  float: left; }

.drawerDemographics-expandedPatientPhoto {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 20;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }
  .drawerDemographics-expandedPatientPhoto.is-presented {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
  .drawerDemographics-expandedPatientPhoto .patientPhoto {
    max-height: 90%;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  .drawerDemographics-expandedPatientPhoto .patientDemographics-avatar {
    height: 100%;
    width: 100%; }

.drawerDemographics-age {
  font-size: 14px;
  color: #eee; }

.patientDemographics-avatar {
  height: 6.8rem;
  min-width: 6.8rem;
  margin-right: 1rem; }

.drawerDemographics-identifiers {
  font-size: 14px; }

.drawerDemographics-edit {
  position: absolute;
  top: 4.4rem;
  right: 0.3rem;
  height: 4.4rem;
  width: 4.4rem;
  opacity: 0.8;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIGlkPSdMYXllcl8xJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4PScwcHgnIHk9JzBweCcgdmlld0JveD0nMCAwIDMyIDMyJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAzMiAzMicgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTEzLjcsMjIuOWwtMy41LTMuNUwyMCw5LjRsMy41LDMuNUwxMy43LDIyLjl6IE0yNi44LDkuOGwtMy41LTMuNWwtMiwybDMuNSwzLjVMMjYuOCw5Ljh6IE0xMi41LDI0LjFsLTMuNS0zLjVMOCwyNUwxMi41LDI0LjF6Jy8+PC9zdmc+);
  background-size: 3.2rem 3.2rem;
  background-position: center; }
  @media (min-width: 1025px) {
    .drawerDemographics-edit:hover {
      opacity: 1; } }
  @media (max-width: 1024px) {
    .drawerDemographics-edit:active {
      opacity: 1; } }

.drawerDemographics-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 4.4rem;
  width: 4.4rem;
  opacity: 0.8;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIGlkPSdMYXllcl8xJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4PScwcHgnIHk9JzBweCcgdmlld0JveD0nMCAwIDMyIDMyJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAzMiAzMicgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PHBvbHlnb24gZmlsbD0nI2ZmZicgcG9pbnRzPScyMi40LDguMyAxNiwxNC42IDkuNyw4LjIgOC4zLDkuNiAxNC42LDE2IDguMiwyMi4zIDkuNiwyMy43IDE2LDE3LjQgMjIuMywyMy44IDIzLjcsMjIuNCAxNy40LDE2IDIzLjgsOS43ICcvPjwvc3ZnPg==);
  background-size: 3.2rem 3.2rem;
  background-position: center;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background-clip: padding-box; }
  @media (min-width: 1025px) {
    .drawerDemographics-close:hover {
      opacity: 1; } }
  @media (max-width: 1024px) {
    .drawerDemographics-close:active {
      opacity: 1; } }

.patientDemographics-avatar .patientPhotoLoading {
  margin: 3.2rem 0 0 3.2rem; }

.patientDemographics-avatar .patientPhotoLoadingContainer {
  display: inline-block;
  width: 100%;
  height: 100%; }

.patientPhoto {
  display: block;
  margin: auto;
  max-height: 6.8rem;
  max-width: 10.5rem;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
  background-clip: padding-box; }

.drawerDemographics-contact, .drawerDemographics-demographics, .drawerDemographics-alerts, .drawerDemographics-vitals, .drawerDemographics-allergies, .drawerDemographics-medications, .drawerDemographics-problems {
  padding: 15px 15px 0 15px; }

.drawerDemographics-content {
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.drawerDemographics-left {
  float: left;
  max-width: 50%; }
  @media (max-width: 736px) {
    .drawerDemographics-left {
      float: none;
      max-width: 100%; } }

.drawerDemographics-right {
  margin-left: 50%;
  margin-bottom: 1.5rem; }
  @media (max-width: 736px) {
    .drawerDemographics-right {
      margin-left: 0;
      clear: both; } }

.drawerDemographics-container {
  background: #eee; }
  .drawerDemographics-container:after {
    content: " ";
    height: 3rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #eee); }

ul.drawerItemList {
  margin: 0;
  padding: 0 2rem; }

.scrollPanel {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch; }

/* Banner */
.banner {
  color: white;
  height: 6rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0; }

.banner--dashboard {
  background-image: url(../img/bannerbg.jpg);
  background-repeat: repeat-x;
  background-position: center;
  position: absolute; }

.secondaryDashboard .banner--dashboard {
  background-image: url(../img/banner2bg.jpg); }

.banner--details {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  right: 0; }
  @media (max-width: 700px) {
    .banner--details {
      height: 6rem; } }

.bannerDemographics {
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  max-width: 100%; }
  @media (min-width: 1025px) {
    .bannerDemographics:hover {
      background-color: rgba(0, 0, 0, 0.4);
      background: none; } }
  @media (max-width: 1024px) {
    .bannerDemographics:active {
      background-color: rgba(0, 0, 0, 0.4);
      background: none; } }
  @media (max-width: 350px) {
    .bannerDemographics {
      left: 0.75rem !important; } }

.banner--dashboard .bannerDemographics {
  left: 0; }

.banner--details .bannerDemographics {
  left: 6rem; }
  @media (max-width: 700px) {
    .banner--details .bannerDemographics {
      text-align: center;
      margin-left: 0;
      top: 2.2rem;
      left: 0; } }

.banner--dataEntry {
  position: relative;
  min-height: 5rem;
  height: auto;
  background-color: #b3b3b3; }
  @media (min-width: 1025px) {
    .banner--dataEntry .bannerDemographics:hover {
      background-color: #b3b3b3; } }
  @media (max-width: 1024px) {
    .banner--dataEntry .bannerDemographics:active {
      background-color: #b3b3b3; } }

.banner--dataEntry .banner--dataEntry {
  min-height: 3.8rem; }

.bannerDemographics-avatar {
  height: 5.0rem;
  width: 5.0rem;
  margin: 0.5rem 0.5rem 0 0.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  border-radius: 2.5rem;
  background-clip: padding-box;
  overflow: hidden;
  float: left; }
  @media (max-width: 350px) {
    .bannerDemographics-avatar {
      display: none; } }

.bannerDemographics-info {
  height: 5.0rem;
  margin: 1.0rem 1.0rem 0 0;
  float: left; }

@media (max-width: 700px) {
  .detailsLayer .bannerDemographics-info {
    height: auto;
    margin: 0;
    float: none; } }

.banner--dataEntry .bannerDemographics .bannerDemographics-info {
  margin-top: 0; }

.bannerDemographics-infoTop {
  font-size: 2.1rem;
  font-weight: 200;
  line-height: 2.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

@media (max-width: 700px) {
  .detailsLayer .bannerDemographics-infoTop {
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    margin: 0; } }

.queue .bannerDemographics-infoTop {
  margin-top: .5rem;
  margin-left: 0rem; }

.bannerDemographics-infoBottom {
  font-size: 1.3rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.3rem;
  white-space: nowrap;
  margin-left: 0.2rem; }

.inlineBannerDemographicsWrapper {
  font-size: 1.8rem;
  color: black;
  white-space: normal; }

.inlineBannerDemographics {
  height: auto;
  position: relative; }

.inlineBannerDemographics-infoTop {
  margin-right: 6rem;
  margin-left: 1rem; }

.bannerButtons {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0; }

.banner--dataEntry .bannerButtons {
  bottom: 0;
  width: 5.4rem; }

.bannerButton {
  font-size: 1.0rem;
  text-align: center;
  line-height: 2.0rem;
  padding-top: 4.0rem;
  height: 6rem;
  width: 5.4rem;
  display: block;
  float: left;
  position: relative;
  transition: background-color 0.5s ease;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .bannerButton:hover {
      background-color: rgba(0, 0, 0, 0.5); } }
  @media (max-width: 1024px) {
    .bannerButton:active {
      background-color: rgba(0, 0, 0, 0.5); } }
  .bannerButton svg {
    fill: white;
    height: 3.2rem;
    width: 3.2rem;
    position: absolute;
    top: 1.4rem;
    left: 1.1rem;
    opacity: 0.8; }
  @media (min-width: 1025px) {
    .bannerButton:hover svg {
      opacity: 1.0; } }
  @media (max-width: 1024px) {
    .bannerButton:active svg {
      opacity: 1.0; } }

.banner--dataEntry .banner--dataEntry .bannerButton {
  top: -1.6rem;
  height: 5.4rem; }

.banner--dataEntry .bannerButton {
  border: none;
  height: 5rem;
  position: absolute;
  top: 0;
  bottom: 0; }
  .banner--dataEntry .bannerButton svg {
    top: .9rem; }

.bannerButtons--left {
  left: 0; }
  .bannerButtons--left .bannerButton {
    width: 6.0rem; }
  .bannerButtons--left .bannerButton svg {
    left: 1.4rem; }

/* Selected States */
.show-drawerDemographics .bannerDemographics,
.show-drawerChart .bannerButtonChart,
.show-drawerCompose .bannerButtonCompose,
.show-drawerMenu .bannerButtonMenu,
.show-drawerToday .bannerButtonToday,
.show-drawerSearch .bannerButtonSearch {
  background-color: rgba(0, 0, 0, 0.6); }

.show-drawerDemographics .bannerButtonDemographics:after,
.show-drawerChart .bannerButtonChart:after,
.show-drawerCompose .bannerButtonCompose:after,
.show-drawerMenu .bannerButtonMenu:after,
.show-drawerToday .bannerButtonToday:after,
.show-drawerSearch .bannerButtonSearch:after {
  bottom: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: white;
  border-width: 10px;
  margin-left: -10px; }

.show-drawerDemographics .bannerButtonDemographics svg,
.show-drawerChart .bannerButtonChart svg,
.show-drawerCompose .bannerButtonCompose svg,
.show-drawerMenu .bannerButtonMenu svg,
.show-drawerToday .bannerButtonToday svg,
.show-drawerSearch .bannerButtonSearch svg {
  fill: #005eab;
  opacity: 1.0; }

/*
 _   __         _      __   __
| | / /__ _____(_)__ _/ /  / /__ ___
| |/ / _ `/ __/ / _ `/ _ \/ / -_|_-<
|___/\_,_/_/ /_/\_,_/_.__/_/\__/___/

*/
/*
   ___           _       ___           __
  / _ )___ ____ (_)___  / _ \___ _____/ /____
 / _  / _ `(_-</ / __/ / ___/ _ `/ __/ __(_-<
/____/\_,_/___/_/\__/ /_/   \_,_/_/  \__/___/

*/
.detailsLayer {
  overflow-x: hidden;
  overflow-y: hidden; }
  @media (max-width: 700px) {
    .detailsLayer {
      overflow-x: hidden; } }

.banner--details {
  background: black; }
  .banner--details .bannerButton.is-active svg {
    fill: #62b2f4;
    opacity: 1.0; }
  .banner--details .bannerButton-label {
    color: white; }
  .banner--details .bannerButton.is-active .bannerButton-label {
    color: #62b2f4; }

.detailQueue {
  background-color: #333333;
  color: white;
  width: 28rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: none; }
  @media (max-width: 700px) {
    .detailQueue {
      background-color: #333333;
      color: white;
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: none;
      z-index: 30;
      -webkit-transition: left 0.5s ease;
      -moz-transition: left 0.5s ease;
      -o-transition: left 0.5s ease;
      -ms-transition: left 0.5s ease;
      transition: left 0.5s ease; } }

@media (max-width: 700px) {
  .is-pushed .detailQueue {
    left: -100%; } }

@media (max-width: 1000px) {
  .detailsLayer--queueView .showIndex .detailQueue {
    left: 0 !important; } }

@media (max-width: 700px) {
  .showIndex .detailQueue {
    left: 0 !important; } }

@media (max-width: 700px) {
  .show-detailQueue .detailQueue {
    left: 0; }
  .show-detailQueue .detailStackItem.is-active {
    left: 28rem; } }

.detailFilters {
  background-color: #333333;
  color: white;
  width: 28rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: none; }

.filterGroup {
  padding: 0.5rem 0 1.0rem 0;
  margin: 0.5rem 1.5rem;
  border-bottom: 0.1rem dotted rgba(255, 255, 255, 0.4);
  clear: both; }

.filterGroupHeader {
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem; }

.dropArrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI4LDE4IDgsNiAxNiwxMiAiLz4KPC9zdmc+);
  background-size: 2.4rem 2.4rem;
  background-repeat: no-repeat;
  height: 2.4rem;
  width: 2.4rem;
  position: absolute;
  top: -0.4rem;
  left: -0.4rem;
  -webkit-transition: all 0.1s;
  transition: all 0.1s; }

.filterItemsList {
  position: relative; }
  .filterItemsList .filterItems {
    height: 0;
    overflow: hidden; }
  .filterItemsList label {
    color: white;
    font-weight: 400; }

.filterItemsList.is-open .filterItems {
  height: auto; }

.filterItemsList.is-open .dropArrow {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.filterItemsHeader {
  margin-left: 2.0rem; }

.filterItems {
  margin: 0;
  list-style: none; }

.detailsWrapper {
  /* Surrounds queue and either stack or content */
  position: absolute;
  top: 6.0rem;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden; }
  @media (max-width: 1000px) {
    .detailsWrapper {
      overflow-x: visible; } }

.detailContent {
  /* Single item */
  background-color: white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 28rem;
  display: none;
  white-space: normal; }

.detailStack {
  /* Multiple items */
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 28rem;
  display: none; }
  @media (max-width: 700px) {
    .detailStack {
      left: 0;
      width: 100%;
      -webkit-transition: left 0.5s ease;
      -moz-transition: left 0.5s ease;
      -o-transition: left 0.5s ease;
      -ms-transition: left 0.5s ease;
      transition: left 0.5s ease;
      transform: translateZ(0);
      -webkit-transform: translateZ(0); } }

@media (max-width: 1000px) {
  .detailsLayer--queueView .showIndex .detailStack {
    left: 100% !important;
    z-index: 20;
    top: 0;
    bottom: 0;
    box-shadow: none; } }

@media (max-width: 700px) {
  .showIndex .detailStack {
    left: 100% !important;
    z-index: 20;
    top: 0;
    bottom: 0;
    box-shadow: none; } }

.detailStackItem {
  background-color: white;
  height: 100%;
  width: 40rem;
  margin: 0 2.0rem 0 0;
  display: inline-block;
  white-space: normal; }
  @media (max-width: 700px) {
    .detailStackItem {
      display: none; } }
  @media (max-width: 700px) {
    .detailStackItem {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      width: 100%;
      display: none; } }

@media (max-width: 700px) {
  .detailStackItem.is-active {
    height: auto;
    width: 100%;
    margin: 0;
    outline: none;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left 0.2s; } }

.columnStack {
  /* Columns */
  background: #eeeeee;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none; }

.columnStackItem {
  height: 100%;
  width: 28rem;
  margin: 0;
  border-right: 0.1rem solid #999999;
  display: inline-block;
  white-space: normal;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.columnStackItem--details {
  width: 40rem; }

li.columnStackItem:nth-last-child(-n+2) {
  background: white; }

li.columnStackItem .thickItem.is-active {
  background-color: #666666; }

li.columnStackItem:nth-last-child(-n+2) .thickItem.is-active {
  background-color: #005eab; }

.bannerButton--list {
  display: none; }

/*
   ____     ____  _   ___
  / __/_ __/ / / | | / (_)__ _    __
 / _// // / / /  | |/ / / -_) |/|/ /
/_/  \_,_/_/_/   |___/_/\__/|__,__/

The most basic view in the details layer is the full view. It
provides a full page for content that does not need a list.
 _____________________________________________________
|                                                     |
|                     DETAILS BANNER                  |
|_____________________________________________________|
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|                       FULL VIEW                     |
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|                                                     |
|_____________________________________________________|
*/
.detailsLayer--fullView {
  overflow: auto; }
  .detailsLayer--fullView .detailContent {
    display: block;
    left: 0; }
  @media (max-width: 700px) {
    .detailsLayer--fullView {
      /* Mobile Styles */ } }
  @media (max-width: 1000px) {
    .detailsLayer--fullView {
      /* Tablet Styles */ } }

/*
  ____                      _   ___
 / __ \__ _____ __ _____   | | / (_)__ _    __
/ /_/ / // / -_) // / -_)  | |/ / / -_) |/|/ /
\___\_\_,_/\__/\_,_/\__/   |___/_/\__/|__,__/

The queue view is simply a list of items on the left and
the details of the selected item on the right. It leverages
the detailStack element, but it only displays one item at
a time.
 _____________________________________________________
|                                                     |
|                         BANNER                      |
|_____________________________________________________|
|                |                                    |
|________________|                                    |
|////////////////|                                    |
|////////////////|                                    |
|                |                                    |
|________________|                                    |
|                |                                    |
|_____ QUEUE ____|              DETAILS               |
|                |                                    |
|________________|                                    |
|                |                                    |
|________________|                                    |
|                |                                    |
|________________|                                    |
|                |                                    |
|________________|                                    |
|                |                                    |
|________________|____________________________________|
*/
.detailsLayer--queueView {
  overflow-y: auto; }
  .detailsLayer--queueView .detailQueue {
    display: block; }
    @media (max-width: 1000px) {
      .detailsLayer--queueView .detailQueue {
        display: block !important;
        top: 0;
        width: 100%;
        bottom: 0;
        left: -100%;
        -webkit-transition: left 0.5s ease;
        -moz-transition: left 0.5s ease;
        -o-transition: left 0.5s ease;
        -ms-transition: left 0.5s ease;
        transition: left 0.5s ease; } }
  .detailsLayer--queueView .detailStack {
    padding: 0;
    display: block; }
    @media (max-width: 1000px) {
      .detailsLayer--queueView .detailStack {
        left: 0;
        width: 100%; } }
  .detailsLayer--queueView .detailStackItem {
    display: none; }
  .detailsLayer--queueView .detailStackItem.is-active {
    height: auto;
    width: 100%;
    margin: 0;
    outline: none;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; }
  @media (max-width: 700px) {
    .detailsLayer--queueView {
      /* Mobile Styles */ } }
  @media (max-width: 1000px) {
    .detailsLayer--queueView .detailQueue {
      display: none; }
    .detailsLayer--queueView .detailStack {
      left: 0; }
    .detailsLayer--queueView .bannerButton--list {
      display: block; } }

.queue {
  background-color: #fff;
  color: #000;
  position: absolute;
  top: 0;
  bottom: 6rem;
  left: 0;
  right: 0;
  border-top: solid .3rem #8fbc8f;
  overflow-y: scroll; }

/*
  _____            __  _   ___
 / ___/__ ________/ / | | / (_)__ _    __
/ /__/ _ `/ __/ _  /  | |/ / / -_) |/|/ /
\___/\_,_/_/  \_,_/   |___/_/\__/|__,__/

The card view is a view in the details layer in which the
details of multiple items are visible simultaniously in a
horizontally sliding stack of cards to the right of the item
index. Making a selection from the item index slides the
desired card into view.
 _____________________________________________________
|                                                     |
|                     DETAILS BANNER                  |
|_____________________________________________________|
|                |  _____________   _____________   __|
|________________| |             | |             | |  |
|                | |             | |             | |  |
|________________| |             | |             | |  |
|                | |             | |             | |  |
|________________| |             | |             | |  |
|                | |             | |             | |  |
|__ ITEM INDEX __| |    CARD     | |             | |  |
|                | |             | |             | |  |
|________________| |             | |             | |  |
|                | |             | |             | |  |
|________________| |             | |             | |  |
|                | |             | |             | |  |
|________________| |             | |             | |  |
|                | |             | |             | |  |
|________________| |             | |             | |  |
|                | |_____________| |_____________| |__|
|________________|____________________________________|
*/
.detailsLayer--cardView {
  overflow-x: hidden;
  white-space: nowrap;
  display: block; }
  .detailsLayer--cardView .banner {
    position: absolute; }
  .detailsLayer--cardView .detailQueue {
    display: block;
    position: absolute; }
  .detailsLayer--cardView .detailStack {
    padding: 2.0rem 0 2.0rem 2.0rem;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    display: block; }
    @media (max-width: 700px) {
      .detailsLayer--cardView .detailStack {
        margin: 0;
        padding: 0;
        left: 100%;
        width: 100%;
        overflow-x: hidden;
        position: absolute;
        top: 0; } }
  .detailsLayer--cardView .detailStackItem.is-active {
    -webkit-box-shadow: 0px 0px 1rem 1rem rgba(0, 94, 171, 0.6);
    -moz-box-shadow: 0px 0px 1rem 1rem rgba(0, 94, 171, 0.6);
    box-shadow: 0px 0px 1rem 1rem rgba(0, 94, 171, 0.6); }
    @media (max-width: 700px) {
      .detailsLayer--cardView .detailStackItem.is-active {
        box-shadow: none;
        display: block; } }
  @media (max-width: 700px) {
    .detailsLayer--cardView .detailStack {
      padding: 0; } }
  @media (max-width: 1000px) {
    .detailsLayer--cardView {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; }
      .detailsLayer--cardView .detailQueue {
        position: absolute; }
      .detailsLayer--cardView .show-detailQueue .detailQueue {
        background-color: rgba(102, 102, 102, 0.95);
        position: absolute; }
      .detailsLayer--cardView .detailStack {
        overflow-x: visible; }
      .detailsLayer--cardView .bannerButton--list {
        display: block; } }

@media (max-width: 700px) {
  .is-pushed .detailStack {
    left: 0;
    z-index: 20; } }

/*
   _____ ____            _   ___
  / __(_) / /____ ____  | | / (_)__ _    __
 / _// / / __/ -_) __/  | |/ / / -_) |/|/ /
/_/ /_/_/\__/\__/_/     |___/_/\__/|__,__/

The filter view displays content on the right and filter
options on the left.
 _____________________________________________________
|                                                     |
|                         BANNER                      |
|_____________________________________________________|
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|    FILTERS     |              CONTENT               |
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|                |                                    |
|________________|____________________________________|
*/
.detailsLayer--filterView {
  overflow: auto; }
  .detailsLayer--filterView .detailContent {
    display: block; }
  .detailsLayer--filterView .detailFilters {
    display: block; }
  @media (max-width: 700px) {
    .detailsLayer--filterView {
      /* Mobile Styles */ } }
  @media (max-width: 1000px) {
    .detailsLayer--filterView .bannerButton--list {
      display: block; } }

/*
  _____     __                  _   ___
 / ___/__  / /_ ____ _  ___    | | / (_)__ _    __
/ /__/ _ \/ / // /  ' \/ _ \   | |/ / / -_) |/|/ /
\___/\___/_/\_,_/_/_/_/_//_/   |___/_/\__/|__,__/

The column view in the details layer is useful for viewing
long hierarchical lists. It combines multiple nested item
indexes with a details card for the selected leaf node. Wide
column views may be scrolled horizontally.
 _____________________________________________________
|                                                     |
|                     DETAILS BANNER                  |
|_____________________________________________________|
|                |                |                |  |
|________________|________________|                |  |
|////////////////|                |                |  |
|////////////////|________________|                |  |
|                |                |                |  |
|________________|________________|                |  |
|                |                |                |  |
|__ ITEM INDEX __|__ ITEM INDEX __|      CARD      |  |
|                |                |                |  |
|________________|________________|                |  |
|                |////////////////|                |  |
|________________|////////////////|                |  |
|                |                |                |  |
|________________|________________|                |  |
|                |                |                |  |
|________________|________________|                |  |
|                |                |                |  |
|________________|________________|________________|__|
*/
.detailsLayer--columnView {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }
  .detailsLayer--columnView .columnStack {
    display: block;
    left: 0; }
  @media (max-width: 700px) {
    .detailsLayer--columnView {
      /* Mobile Styles */ } }
  @media (max-width: 1000px) {
    .detailsLayer--columnView {
      /* Tablet Styles */ } }

/* Thick Item */
.thickItems {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 0.1rem solid; }

.thickItem {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  width: 100%;
  padding: 0.6rem 0;
  border-bottom: 0.1rem solid;
  cursor: pointer;
  white-space: normal; }
  @media (min-width: 1025px) {
    .thickItem:hover {
      background-color: rgba(0, 0, 0, 0.4);
      color: white; }
      .thickItem:hover .thickItem-topLeft,
      .thickItem:hover .thickItem-topRight,
      .thickItem:hover .thickItem-bottomLeft,
      .thickItem:hover .thickItem-bottomRight,
      .thickItem:hover .thickItem-bottomSpan {
        color: white; } }
  @media (max-width: 1024px) {
    .thickItem:active {
      background-color: rgba(0, 0, 0, 0.4);
      color: white; }
      .thickItem:active .thickItem-topLeft,
      .thickItem:active .thickItem-topRight,
      .thickItem:active .thickItem-bottomLeft,
      .thickItem:active .thickItem-bottomRight,
      .thickItem:active .thickItem-bottomSpan {
        color: white; } }
  .thickItem.is-active {
    background-color: #005eab;
    color: white; }

.thickItem-table {
  width: 100%;
  display: table; }

.thickItem-link {
  color: inherit;
  text-decoration: none;
  width: 100%;
  display: table; }

.thickItem-row {
  display: table-row; }

.thickItem-topLeft {
  font-weight: 600;
  vertical-align: top;
  padding: 0 0.6rem;
  display: table-cell; }

.thickItem-topRight {
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  padding: 0 0.6rem 0 0;
  display: table-cell; }

.thickItem-topRight.alertRed {
  color: #da2028;
  font-weight: 600; }

.thickItem-bottomLeft {
  font-style: italic;
  vertical-align: top;
  padding: 0 0.6rem;
  display: table-cell; }

.detailQueue .thickItem-bottomLeft {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.thickItem-bottomRight {
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  padding: 0 0.6rem 0 0;
  display: table-cell; }

.thickItem-bottomSpan {
  color: #333333;
  white-space: nowrap;
  vertical-align: top;
  padding: 0 0.6rem;
  display: table-cell; }

.thickItemWithFlag, .thickItemFlag {
  height: 1.6rem;
  width: 1.6rem; }

/* Widget */
.widget .thickItem {
  border-bottom-color: #cccccc; }
  @media (min-width: 1025px) {
    .widget .thickItem:hover .label {
      color: #fff; } }
  @media (max-width: 1024px) {
    .widget .thickItem:active .label {
      color: #fff; } }

.widget li.thickItem:last-child {
  border-bottom: none; }

.widget .thickItems {
  border-top: none; }
  .widget .thickItems .thickItem-header {
    color: #fff;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding-left: .6rem;
    background: #555; }

/* Side Drawer */
.sideDrawer .thickItem {
  border-bottom-color: #cccccc; }

/* Card Index */
.detailQueue .thickItems {
  border-top-color: rgba(0, 0, 0, 0.4); }
  .detailQueue .thickItems .thickItem-header {
    color: #333;
    font-size: 1.2rem;
    text-transform: none;
    padding-left: .6rem;
    background: #777;
    width: 100%;
    display: inline-block;
    overflow: hidden; }

.detailQueue .thickItem {
  color: rgba(255, 255, 255, 0.8);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  display: block; }

.detailQueue .thickItem-topLeft {
  color: white; }

.detailQueue .thickItem-header .thickItem-header--topLeft {
  color: #333;
  font-weight: 600; }

.detailQueue .thickItem-header .thickItem-header--topRight {
  color: #333; }

.u-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dynamicRow:not(:required), .dynamicRow--center:not(:required) {
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-box-display: flex;
  -moz-box-display: flex;
  -ms-box-display: flex;
  box-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-flex-flow: row nowrap;
  -moz-box-flex-flow: row nowrap;
  -ms-box-flex-flow: row nowrap;
  box-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-direction: row;
  -ms-flex-wrap: nowrap;
  /*
  TODO - We should remove all this and rely on utilities -- see codepen
  -webkit-box-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -ms-box-justify-content: space-between;
  box-justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;*/ }
  .dynamicRow:not(:required) div:only-of-type, .dynamicRow--center:not(:required) div:only-of-type {
    text-align: left; }

.dynamicRow-header {
  background-color: #ddd;
  color: #666666;
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 2rem; }

.dynamicRow .header-title, .dynamicRow--center:not(:required) .header-title {
  max-width: 27.5rem; }

.dynamicRow .listItem-text .listItem--add, .dynamicRow--center:not(:required) .listItem-text .listItem--add {
  text-align: center; }

.dynamicRow--justifyLeft {
  width: 100%;
  -webkit-box-display: flex;
  -moz-box-display: flex;
  -ms-box-display: flex;
  box-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-flex-flow: row nowrap;
  -moz-box-flex-flow: row nowrap;
  -ms-box-flex-flow: row nowrap;
  box-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-box-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-box-justify-content: flex-start;
  box-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start; }
  .dynamicRow--justifyLeft div:last-of-type {
    text-align: right; }
  .dynamicRow--justifyLeft div:only-of-type {
    text-align: left; }

.dynamicRow--justifyRight {
  width: 100%;
  -webkit-box-display: flex;
  -moz-box-display: flex;
  -ms-box-display: flex;
  box-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-flex-flow: row nowrap;
  -moz-box-flex-flow: row nowrap;
  -ms-box-flex-flow: row nowrap;
  box-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-box-justify-content: flex-end;
  -moz-box-justify-content: flex-end;
  -ms-box-justify-content: flex-end;
  box-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end; }
  .dynamicRow--justifyRight div:last-of-type {
    text-align: right; }

.dynamicRow--wrap {
  flex-flow: row wrap; }
  .dynamicRow--wrap .listItem {
    width: 8.8rem; }

.dynamicField, .dynamicField--preserve:not(:required), .dynamicField--equal {
  margin-left: .6rem;
  margin-right: .6rem; }
  .can-have-flags .dynamicField, .can-have-flags .dynamicField--preserve:not(:required), .can-have-flags .dynamicField--equal {
    margin-right: 1.3rem; }

.dynamicField--preserve:not(:required) {
  min-width: 0;
  overflow: visible;
  text-overflow: inherit;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.dynamicField--equal {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.dynamicRow--center:not(:required) {
  -webkit-box-justify-content: center;
  -moz-box-justify-content: center;
  -ms-box-justify-content: center;
  box-justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.canHaveFlags .dynamicField:last-of-type, .canHaveFlags .dynamicField--preserve:last-of-type:not(:required), .canHaveFlags .dynamicField--equal:last-of-type {
  padding-right: .8rem; }

.canHaveFlags .dynamicRow--center .dynamicField:last-of-type, .canHaveFlags .dynamicRow--center .dynamicField--preserve:last-of-type:not(:required), .canHaveFlags .dynamicRow--center .dynamicField--equal:last-of-type {
  padding-right: 0; }

.thickItem-primaryElement {
  font-weight: 600;
  color: #666666; }

@media (min-width: 1025px) {
  .thickItem:hover .thickItem-primaryElement,
  .itemEditorRow:hover .thickItem-primaryElement {
    color: #fff; } }

@media (max-width: 1024px) {
  .thickItem:active .thickItem-primaryElement,
  .itemEditorRow:active .thickItem-primaryElement {
    color: #fff; } }

.detailQueue .thickItem-primaryElement {
  color: #ffffff; }

.immunizations-due .thickItem-primaryElement {
  color: #17ab00; }

.u-italic {
  font-style: italic; }

@media (min-width: 1025px) {
  .thickItem:hover .dynamicField.label, .thickItem:hover .label.dynamicField--preserve:not(:required), .thickItem:hover .label.dynamicField--equal {
    color: #fff; } }

@media (max-width: 1024px) {
  .thickItem:active .dynamicField.label, .thickItem:active .label.dynamicField--preserve:not(:required), .thickItem:active .label.dynamicField--equal {
    color: #fff; } }

.detailQueue .thickItems .thickItem-header.dynamicRow, .detailQueue .thickItems .thickItem-header.dynamicRow--center:not(:required) {
  -webkit-box-display: flex;
  -moz-box-display: flex;
  -ms-box-display: flex;
  box-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -ms-flexbox; }
  .detailQueue .thickItems .thickItem-header.dynamicRow .thickItem-primaryElement, .detailQueue .thickItems .thickItem-header.dynamicRow--center:not(:required) .thickItem-primaryElement {
    color: #333333; }

.itemEditorRight .thickItem-primaryElement {
  color: #fff; }

@media (min-width: 1025px) {
  .messageUnread .thickItem:hover {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.4); } }

@media (max-width: 1024px) {
  .messageUnread .thickItem:active {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.4); } }

.primaryDashboard .thickItem {
  font-size: 1.5rem; }
  .primaryDashboard .thickItem .thickItem-primaryElement {
    font-size: 1.6rem; }

.thickItem-table {
  table-layout: fixed;
  /*-- Important for subject line of Messages list --*/ }

.vitalsIndex-thickItem {
  width: 100%;
  height: 3.6rem;
  overflow: hidden;
  display: inline-block;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  color: #fff; }

.messageEntry .thickItem {
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2); }

.itemEditorRight .patientSearchResultsScrollPanel li.thickItem {
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2); }
  .itemEditorRight .patientSearchResultsScrollPanel li.thickItem span {
    background-color: transparent; }

.patDemographics-appointPrevHeader.thickItem,
.patDemographics-appointNextHeader.thickItem {
  border-bottom: .1rem solid #666666;
  cursor: default; }
  .patDemographics-appointPrevHeader.thickItem:active,
  .patDemographics-appointNextHeader.thickItem:active {
    background-color: rgba(0, 0, 0, 0.1);
    color: #666666; }

/* Widget */
.left-column-widgets {
  float: left;
  margin-left: 1.5%; }

.right-column-widgets {
  float: right;
  margin-right: 1.5%; }

.widget {
  width: 100%;
  background-color: white;
  border-top-width: 0.7rem;
  border-top-style: solid;
  box-shadow: 0 0.15rem 0.3rem 0 rgba(0, 0, 0, 0.2);
  margin: 0 0 20px 0; }
  .widget .header {
    background-color: #fff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-size: 3.2rem 3.2rem;
    background-repeat: no-repeat;
    background-position: 0.6rem 0.5rem;
    padding-left: 4.4rem;
    position: relative; }
  .widget .header-title {
    padding: 0;
    font-size: 1.8rem;
    font-weight: 600;
    color: #555; }
  .widget .header-details {
    color: #666666; }
  @media (min-width: 1025px) {
    .widget .header-buttons .icon:hover {
      opacity: 0.7; } }
  @media (max-width: 1024px) {
    .widget .header-buttons .icon:active {
      opacity: 0.7; } }

.in-edit-mode .widget {
  border: none; }
  .in-edit-mode .widget .header-description {
    position: static;
    transform: none;
    margin-top: 1rem; }
  .in-edit-mode .widget .header-title {
    color: white;
    font-weight: 300;
    font-size: 2rem;
    line-height: 2.0rem;
    text-align: left; }
  .in-edit-mode .widget .header-details {
    color: white; }

.in-edit-mode .header-buttons {
  margin: 0; }

.in-edit-mode .widgetPool .header-title {
  padding-top: 1.2rem; }

@media (max-width: 660px) {
  .in-edit-mode .widget {
    border: none; }
    .in-edit-mode .widget .header-description {
      position: absolute;
      left: 5%;
      top: 0;
      right: 5%;
      bottom: auto;
      transform: none; }
    .in-edit-mode .widget .header-title {
      color: white;
      float: none;
      height: auto;
      padding: 0;
      font-weight: 400;
      font-size: 1.5rem;
      background-image: none;
      text-align: left; }
    .in-edit-mode .widget .header-details {
      display: none; }
  .in-edit-mode.widgetPool .widget .header-title {
    padding: 0 0 0.3rem 0;
    font-size: 1.3rem;
    text-align: center;
    width: 8rem; } }

@media (max-width: 660px) {
  .widgetPool .header-title {
    position: absolute;
    top: 3.4rem;
    left: -1.7rem;
    font-size: 1.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 8rem;
    text-align: center;
    padding-top: 0; } }

@media (max-width: 660px) {
  .secondaryDashboard .widget {
    position: relative;
    border: none;
    background-color: transparent;
    margin-bottom: 0.5rem; } }
  @media (max-width: 660px) and (min-width: 1025px) {
    .secondaryDashboard .widget:hover {
      opacity: 0.8; } }
  @media (max-width: 660px) and (max-width: 1024px) {
    .secondaryDashboard .widget:active {
      opacity: 0.8; } }

@media (max-width: 660px) {
  .drawerChart .widget {
    border: none; } }

.widgets {
  width: 47.75%; }

html.is-phone .widgets {
  width: 95.5%; }

@media (max-width: 660px) {
  .primaryDashboard .widgets {
    width: 97%; } }

.header-icon {
  height: 3.0rem;
  width: 3.0rem;
  border: solid 0.3rem whitesmoke;
  float: left;
  margin: 0.5rem 1.0rem 0 0;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  border-radius: 1.5rem;
  background-clip: padding-box; }

/* Search */
.widgetSearch {
  height: 0;
  width: 100%;
  overflow: hidden;
  transition: height 0.5s ease; }

.show-widgetSearch .widgetSearch {
  height: 3.0rem; }

.widgetSearch form {
  padding: 0;
  margin: 0; }

.widgetSearch .search {
  line-height: 2.0rem;
  width: 94%;
  padding: 0.5rem 3%;
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block; }

/* Content */
.widgetBody {
  overflow: hidden; }

.widgetSubHeader {
  background-color: #666666;
  color: white;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.5;
  padding: 0 1.0rem; }

/* Widget Selector */
.widgetSelector {
  background: #ffffff;
  margin: 0 1.0rem;
  position: relative; }

.widgetSelector-bg {
  background: #999999;
  position: absolute;
  top: 0;
  right: 66.66666%;
  bottom: 0;
  left: -1.0rem; }

.widgetSelector-bgHeader {
  background-color: rgba(0, 0, 0, 0.2);
  height: 5.0rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0; }

.widgetSelector-bgMessage {
  color: #ccc;
  font-size: 1.3rem;
  font-style: italic;
  text-align: center;
  line-height: 1.6rem;
  position: absolute;
  top: 6.0rem;
  right: 2.0rem;
  left: 2.0rem; }

.widgetSelector-header {
  text-align: center;
  height: 5.0rem;
  margin-right: -1.0rem;
  margin-left: -1.0rem;
  border-bottom: 0.1rem solid #666;
  position: relative;
  top: 0; }

.widgetSelector-inactive {
  width: 33.33333%;
  color: white;
  float: left; }
  .widgetSelector-inactive .itemEditorHeader-center {
    font-size: 1.8rem;
    font-weight: 400; }

.widgetSelector-active {
  width: 66.66666%;
  float: right; }

.widgetSelector-body {
  position: relative; }

.widgetSelection {
  background-size: 3.2rem 3.2rem;
  background-repeat: no-repeat;
  background-position: 0.6rem 0.5rem;
  color: white;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 4.2rem;
  height: 4.4rem;
  padding: 0 1.0rem 0 4.4rem;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 0.1rem solid white;
  cursor: move;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.widget--nav {
  width: auto;
  margin-bottom: 1rem;
  margin-right: 1rem; }

@media (max-width: 660px) {
  .secondaryDashboard .widgetContent {
    display: none;
    height: 0rem; } }

.header {
  color: white;
  height: 4.4rem;
  padding-left: 1.5rem;
  cursor: pointer; }

@media (max-width: 660px) {
  .secondaryDashboard .header {
    height: 8rem;
    background-image: none;
    position: relative; }
    .secondaryDashboard .header-description {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transform: none; }
    .secondaryDashboard .header-title {
      color: white;
      text-align: center;
      padding-bottom: 0.5rem;
      background-repeat: no-repeat;
      background-position: center 0.5rem;
      background-size: 5rem 5rem;
      opacity: 0.8;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      float: left;
      height: 100%;
      width: 70%;
      padding: 5.5rem 1rem 0 1rem;
      text-align: center; }
      .secondaryDashboard .header-title--noButtons {
        width: 100%; }
    .secondaryDashboard .header-details {
      color: white;
      flex: 1 1 auto;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.2);
      float: right;
      height: 100%;
      width: 30%;
      padding: 2rem 0 0 0; }
      .secondaryDashboard .header-details span {
        opacity: 0.8;
        display: block; }
        .secondaryDashboard .header-details span.header-totalItems {
          opacity: 1; }
        .secondaryDashboard .header-details span.headerDetails-count {
          display: block;
          opacity: 1;
          font-size: 3rem;
          line-height: 3rem;
          font-style: normal; } }

.add-problem-menu .widget {
  border: none; }

.drawerChart .widget .header-title {
  background-image: none !important; }
  @media (max-width: 660px) {
    .drawerChart .widget .header-title {
      color: white;
      padding: 0 0.3rem; } }

.widget--nav .header {
  position: relative; }

.header-description {
  float: left; }

.header-title {
  font-size: 2.0rem;
  font-weight: 300;
  line-height: 2.0rem;
  padding-top: 0.6rem; }

@media (max-width: 700px) {
  .header-title,
  .widget .header-title {
    font-weight: 400;
    font-size: 1.5rem; } }

@media (min-width: 480px) and (max-width: 820px) {
  .drawer .header-title {
    font-size: 1.5rem; } }

@media (max-width: 660px) {
  .drawer .header-title, .drawerHeader {
    font-size: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3rem;
    white-space: pre-line;
    text-align: center; } }

@media (max-width: 660px) {
  .sideDrawer .header-title {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 3rem;
    padding-top: 0.6rem;
    width: auto; } }

@media (min-width: 480px) and (max-width: 820px) {
  .drawerHeader {
    font-size: 1.5rem; } }

.header-details {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.2rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.2rem;
  padding-bottom: 0.6rem; }

.drawerChart .header-buttons {
  position: absolute;
  top: 0;
  right: 0; }

.header-buttons {
  margin-right: 0.5rem;
  float: right;
  position: relative; }
  @media (max-width: 660px) {
    .header-buttons {
      margin-right: 0rem;
      float: right; } }

@media (max-width: 660px) {
  .secondaryDashboard .header-buttons {
    position: absolute;
    right: 0rem;
    top: 5.5rem;
    display: none; } }

.header-button {
  height: 4.4rem;
  width: 4.4rem;
  float: left;
  position: relative;
  cursor: pointer; }
  .header-button svg {
    fill: white;
    margin: 0.5rem 0 0 0.6rem;
    height: 3.2rem;
    width: 3.2rem;
    opacity: 0.8; }
  @media (min-width: 1025px) {
    .header-button:hover svg {
      opacity: 1.0; } }
  @media (max-width: 1024px) {
    .header-button:active svg {
      opacity: 1.0; } }

@media (max-width: 700px) {
  .detailsLayer header {
    margin-top: .2rem; } }

@media (width: 768px) {
  .primaryDashboard .header-title {
    font-size: 1.5rem; } }

/* Details */
.details {
  background-color: white;
  border-top: solid 0.5rem #999999;
  position: absolute;
  top: 6rem;
  right: 0;
  bottom: 0;
  left: 28rem;
  white-space: normal;
  z-index: 10; }

.details .header-title {
  color: black; }

.details .header-details {
  color: #999999; }

.details.is-tabbed .cardNav {
  display: block; }

.details.is-tabbed .cardTabs {
  border-top: none;
  top: 8.8rem; }

.detailsLayer {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  /* turns on momentum scrolling in iOS */
  display: none;
  z-index: 20; }

.show-detailsLayer .detailsLayer {
  display: block; }

.show-detailsLayer .dashboardLayer {
  /*-webkit-filter: blur(10px);*/ }

.show-itemEditor .detailsLayer {
  overflow-x: hidden; }

/* Card Stack */
ul.cardStack {
  padding: 0 2.0rem 0 30.0rem;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 8.0rem;
  right: 0;
  bottom: 2.0rem;
  left: 0;
  white-space: nowrap;
  z-index: 10; }
  ul.cardStack li {
    white-space: normal; }

.cardStackItem {
  height: 100%;
  width: 40rem;
  margin-right: 2.0rem;
  display: inline-block;
  vertical-align: top;
  position: relative; }
  @media (max-width: 700px) {
    .cardStackItem {
      display: none; } }

.detailsLayer header {
  margin: 1.5rem;
  font-size: 1.8rem; }

.detailsLayer .header-title {
  line-height: 2.3rem; }

.cardTabs {
  top: 5.0rem; }

.card {
  background-color: white;
  height: 100%;
  border-top: solid 0.5rem #999999;
  position: relative; }
  @media (max-width: 700px) {
    .card {
      border-top: none; } }

/* Top border color */
.card.is-inactive {
  border-top-color: #666;
  /* Tab bar color */ }
  .card.is-inactive .cardNav {
    background-color: #666; }

.card .header-title {
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 32.0rem; }

.card .header-details {
  color: #999999; }

.cardNav {
  background-color: #999999;
  height: 4.4rem;
  position: relative;
  display: none; }
  .cardNav ul {
    padding: 0;
    margin: 0;
    position: relative; }
  .cardNav li {
    color: white;
    line-height: 4.4rem;
    padding: 0 2.0rem;
    display: block;
    float: left;
    position: relative;
    cursor: pointer; }
    @media (min-width: 1025px) {
      .cardNav li:not(.expandEllipsis):hover {
        background: #005eab; } }
    @media (max-width: 1024px) {
      .cardNav li:active {
        background: #005eab; } }
    .cardNav li.is-active {
      background: rgba(0, 0, 0, 0.4); }
      @media (min-width: 1025px) {
        .cardNav li.is-active:hover {
          background: rgba(0, 0, 0, 0.4); } }
      @media (max-width: 1024px) {
        .cardNav li.is-active:active {
          background: rgba(0, 0, 0, 0.4); } }
      .cardNav li.is-active:after {
        content: " ";
        height: 0;
        width: 0;
        margin-left: -10px;
        border: solid transparent;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: white;
        border-width: 10px;
        position: absolute;
        bottom: 0;
        left: 50%;
        pointer-events: none; }

.detailsPlans .cardNav {
  background-color: #5581b0; }

.cardTabs {
  border-top: #eeeeee solid 0.1rem;
  position: absolute;
  top: 4.4rem;
  right: 0;
  bottom: 0;
  left: 0; }

.cardTab {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .cardTab h2 {
    margin: 2.0rem 2.5rem; }
  .cardTab p,
  .cardTab ul {
    margin: 1.0rem 3.0rem; }
  .cardTab li {
    margin-bottom: 1.0rem; }

.card.is-tabbed .cardNav {
  display: block; }

.card.is-tabbed .cardTabs {
  border-top: none;
  top: 9.4rem; }

.card.is-tabbed .cardTab:not(.is-active) {
  display: none; }

.cardTab-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 7.5rem;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto; }

.cardTab--noButtons {
  bottom: 0.5rem; }

.cardTab-buttons {
  height: 6.0rem;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: #eee;
  padding: 1.5rem; }

.cardLabel {
  font-size: 1.3rem;
  margin-left: 2.7rem;
  color: #969696; }

.cardValue {
  font-size: 1.6rem;
  color: #323232;
  margin-left: 3.5rem;
  margin-bottom: 1.5rem;
  margin-right: 2.0rem; }

.itemIndex {
  background: rgba(0, 0, 0, 0.6);
  width: 28rem;
  border-top: 0.5rem solid;
  position: absolute;
  top: 6rem;
  bottom: 0;
  left: 0;
  z-index: 20; }

.itemIndex-fixed .itemIndex {
  position: fixed;
  display: none; }

.itemIndex-fixed.show-itemIndex .itemIndex {
  display: block; }

.itemIndex h1 {
  color: white;
  margin: 1.0rem 2.0rem 1.0rem 2.0rem; }

/* Variables */
/* Styles */
.itemEditor {
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  position: absolute;
  top: 6rem;
  bottom: 0;
  left: 0;
  z-index: 30;
  overflow: hidden;
  display: none;
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  -ms-transition: top 0.5s ease;
  transition: top 0.5s ease; }

.show-itemEditor .itemEditor {
  display: block; }

.itemEditorFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 6rem;
  opacity: 0.7;
  color: white;
  text-align: center;
  padding-top: 1rem;
  font-size: x-large; }

.itemEditorField {
  display: inline-block;
  white-space: normal; }

/* Headers */
.itemEditorHeader {
  height: 4.4rem;
  position: relative; }
  .itemEditorHeader a {
    text-decoration: none;
    font-weight: 600; }

.itemEditorHeader-left {
  line-height: 4.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2.0rem;
  cursor: pointer; }

.itemEditorHeader-center {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 4.4rem;
  text-align: center;
  position: absolute;
  top: 0;
  right: 2.0rem;
  bottom: 0;
  left: 2.0rem;
  margin-left: 6rem;
  margin-right: 6rem;
  overflow: hidden;
  text-overflow: ellipsis; }

.itemEditorHeader-centerLeftPanel {
  line-height: 2.4rem;
  margin-left: 6rem;
  margin-right: 6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-weight: 300; }

.itemEditorHeader-right {
  line-height: 4.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.0rem;
  cursor: pointer; }

.itemEditorHeader-Title {
  font-size: 1.8rem;
  display: block;
  line-height: 2rem;
  padding-top: .3rem;
  font-weight: bold; }
  @media (width: 768px) {
    .itemEditorHeader-Title {
      font-size: 1.5rem; } }
  @media (max-width: 700px) {
    .itemEditorHeader-Title {
      font-size: 1.5rem; } }
  @media (max-width: 660px) {
    .itemEditorHeader-Title {
      font-size: 1.5rem; } }

.itemEditorHeader-Subtitle {
  font-size: 1.5rem;
  display: block;
  line-height: 1.7rem;
  font-style: italic; }
  @media (width: 768px) {
    .itemEditorHeader-Subtitle {
      font-size: 1.2rem; } }
  @media (max-width: 700px) {
    .itemEditorHeader-Subtitle {
      font-size: 1.2rem; } }
  @media (max-width: 660px) {
    .itemEditorHeader-Subtitle {
      font-size: 1.2rem; } }

.itemEditorHeader-done {
  color: white; }

/* Left Side */
.itemEditorLeft {
  background-color: rgba(255, 255, 255, 0.98);
  width: 40%;
  -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 20; }
  @media (max-width: 700px) {
    .itemEditorLeft {
      width: 100%;
      left: 0;
      box-shadow: none;
      -webkit-transition: left 0.5s ease;
      -moz-transition: left 0.5s ease;
      -o-transition: left 0.5s ease;
      -ms-transition: left 0.5s ease;
      transition: left 0.5s ease; } }
  @media (min-width: 701px) and (max-width: 1024px) {
    .itemEditorLeft {
      width: 50%; } }
  .itemEditorLeft ul {
    padding: 0;
    margin: 0; }
  .itemEditorLeft li {
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    position: relative;
    cursor: pointer; }
    @media (min-width: 1025px) {
      .itemEditorLeft li:hover {
        color: white;
        background-color: #005eab; } }
    @media (max-width: 1024px) {
      .itemEditorLeft li:active {
        color: white;
        background-color: #005eab; } }
  .itemEditorLeft .itemEditorField-label {
    color: #666666;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.0rem;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    padding: 0.5rem 0 0 1.0rem; }
  .itemEditorLeft .itemEditorField-value {
    color: black;
    padding: 0.2rem 1.0rem 0.5rem 1.0rem;
    border: none;
    position: relative; }
  .itemEditorLeft li:first-of-type .itemEditorField-value {
    font-size: 20px;
    font-size: 2rem; }
  @media (min-width: 1025px) {
    .itemEditorLeft li:hover .itemEditorField-label {
      color: white; }
    .itemEditorLeft li:hover .itemEditorField-value {
      color: white; } }
  @media (max-width: 1024px) {
    .itemEditorLeft li:active .itemEditorField-label {
      color: white; }
    .itemEditorLeft li:active .itemEditorField-value {
      color: white; } }
  .itemEditorLeft li.is-active:after {
    content: " ";
    width: 0.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; }
  .itemEditorLeft .itemEditorHeader {
    height: 4.9rem;
    border-top: 0.5rem solid #999999;
    border-bottom: 0.1rem solid #999999; }

@media (max-width: 700px) {
  .showInputView .itemEditorLeft {
    left: -100%; } }

/* Right Side */
.itemEditorRight {
  width: 40%;
  -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 1.0rem;
  bottom: 1.0rem;
  left: 40%;
  z-index: 10;
  -webkit-transition: left 0.5s ease 2.5s;
  -moz-transition: left 0.5s ease 2.5s;
  -o-transition: left 0.5s ease 2.5s;
  transition: left 0.5s ease 2.5s;
  overflow: hidden; }
  @media (max-width: 700px) {
    .itemEditorRight {
      width: 100%;
      top: 0;
      bottom: 0;
      left: 100%;
      -webkit-transition: left 0.5s ease;
      -moz-transition: left 0.5s ease;
      -o-transition: left 0.5s ease;
      -ms-transition: left 0.5s ease;
      transition: left 0.5s ease; } }
  @media (min-width: 701px) and (max-width: 1024px) {
    .itemEditorRight {
      width: 50%;
      left: 50%; } }
  .itemEditorRight .itemEditorOptions {
    padding: none;
    margin: none; }
  .itemEditorRight .itemEditorOption {
    list-style: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}
  .itemEditorRight .itemEditorOption:not(.is-active) {
    display: none; }
  .itemEditorRight .itemEditorHeader {
    background-color: rgba(0, 0, 0, 0.2);
    color: white; }
  .itemEditorRight .search {
    margin-top: 0.5rem; }
  .itemEditorRight .label {
    font-size: 1.3rem;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-left: .75rem;
    background-color: rgba(0, 0, 0, 0.1); }

@media (max-width: 700px) {
  .showInputView .itemEditorRight {
    left: 0;
    z-index: 20;
    top: 0;
    bottom: 0;
    box-shadow: none; } }

/* Errors */
.itemEditorError {
  background-color: white;
  width: 100%;
  border-bottom: #da2028 solid 0.1rem;
  display: none; }
  .itemEditorError .itemEditorError-row {
    display: table-row; }
  .itemEditorError .itemEditorError-message {
    color: #da2028;
    line-height: 1.4rem;
    vertical-align: middle;
    white-space: normal;
    padding: 1.0rem;
    display: table-cell; }
  .itemEditorError .itemEditorError-button {
    text-align: right;
    vertical-align: top;
    padding: 0.5rem 0.5rem 0.25rem 0.5rem;
    display: table-cell; }

.itemEditorRight .itemEditorError {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yOS42LDIzLjRsLTExLTE4LjljLTEuMi0yLTQuMS0yLTUuMywwbC0xMSwxOC45QzEuMiwyNS41LDIuNywyOCw1LDI4aDIyQzI5LjMsMjgsMzAuOCwyNS41LDI5LjYsMjMuNHogTTE3LDI0aC0ydi0yaDJWMjQKCQl6IE0xNywxOWgtMlY3aDJWMTl6Ii8+CjwvZz4KPC9zdmc+);
  background-size: 3.2rem 3.2rem;
  background-repeat: no-repeat;
  background-position: 0.6rem 0.6rem; }

.itemEditorRight .itemEditorError-message {
  color: #333333;
  padding-left: 4.4rem; }

.is-error .itemEditorError {
  display: table; }

/* Big Checkbox */
.bigCheckboxes {
  padding: 0;
  margin: 0; }

.bigCheckbox {
  list-style: none;
  display: block; }
  .bigCheckbox input[type="checkbox"],
  .bigCheckbox input[type="radio"] {
    display: none; }
  .bigCheckbox label {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTYsNWM2LjEsMCwxMSw0LjksMTEsMTFzLTQuOSwxMS0xMSwxMVM1LDIyLjEsNSwxNlM5LjksNSwxNiw1IE0xNiwzQzguOCwzLDMsOC44LDMsMTZzNS44LDEzLDEzLDEzCgkJczEzLTUuOCwxMy0xM1MyMy4yLDMsMTYsM0wxNiwzeiIvPgo8L2c+Cjwvc3ZnPg==);
    background-size: 3.2rem 3.2rem;
    background-repeat: no-repeat;
    background-position: 0.6rem 0.6rem;
    color: white;
    font-weight: 400;
    line-height: 4.4rem;
    padding: 0 2.0rem 0 4.4rem;
    margin: 0;
    display: block;
    cursor: pointer; }
    @media (min-width: 1025px) {
      .bigCheckbox label:hover {
        background-color: #005eab; } }
    @media (max-width: 1024px) {
      .bigCheckbox label:active {
        background-color: #005eab; } }
  .bigCheckbox input[type="checkbox"]:checked + label,
  .bigCheckbox input[type="radio"]:checked + label {
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDNDOC44LDMsMyw4LjgsMywxNnM1LjgsMTMsMTMsMTNzMTMtNS44LDEzLTEzUzIzLjIsMywxNiwzeiBNMTYsMjdDOS45LDI3LDUsMjIuMSw1LDE2UzkuOSw1LDE2LDUKCWMzLjIsMCw2LDEuNCw4LjEsMy41TDEzLDE5LjZsLTQuMy00LjNsLTEuNCwxLjRsNS43LDUuN2wxMi4zLTEyLjNjMS4xLDEuNywxLjcsMy43LDEuNyw1LjlDMjcsMjIuMSwyMi4xLDI3LDE2LDI3eiIvPgo8L3N2Zz4=);
    font-weight: 600; }
  .bigCheckbox input[type="checkbox"]:indeterminate + label {
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTYsNWM2LjEsMCwxMSw0LjksMTEsMTFzLTQuOSwxMS0xMSwxMVM1LDIyLjEsNSwxNlM5LjksNSwxNiw1IE0xNiwzQzguOCwzLDMsOC44LDMsMTZzNS44LDEzLDEzLDEzCglzMTMtNS44LDEzLTEzUzIzLjIsMywxNiwzTDE2LDN6Ii8+CjxyZWN0IHg9IjkiIHk9IjE1IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTQiIGhlaWdodD0iMiIvPgo8L3N2Zz4=);
    font-weight: 600; }

.bigCheckboxItem {
  position: relative; }

.itemEditorRow .quickText-icon {
  position: relative; }
  @media (max-width: 700px) {
    .itemEditorRow .quickText-icon {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNjAgNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYwIDYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTS00MS4xLDIzLjVjLTAuNSwzLjctMy42LDYuNS03LjQsNi41YzUuNiwwLDEwLjUtMi4zLDEzLjEtNS44YzAuOCwwLDEuNS0wLjEsMi4zLTAuMgoJYzguMi0xLjMsMTQtNy43LDEzLTE0LjJjLTEtNi42LTguNS0xMC45LTE2LjctOS42Yy04LjIsMS4zLTE0LDcuNy0xMywxNC4yQy00OS4yLDE4LjgtNDUuNywyMi4xLTQxLjEsMjMuNXogTS0yOS43LDExbC04LjgsMTEuMQoJbDIuNi04LjFoLTMuNWwyLjYtMTBoNy4xbC00LjQsN0gtMjkuN3oiLz4KPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTE3LjgsNDdjLTEsNy4zLTcuMiwxMy0xNC44LDEzYzExLjIsMCwyMS00LjYsMjYuMi0xMS41YzEuNS0wLjEsMy0wLjIsNC42LTAuNGMxNi40LTIuNiwyOC4xLTE1LjMsMjYtMjguNQoJQzU3LjcsNi41LDQyLjctMi4xLDI2LjMsMC41QzkuOCwzLTEuOCwxNS44LDAuMiwyOC45QzEuNiwzNy42LDguNSw0NC4yLDE3LjgsNDd6IE00MC42LDIyTDIyLjksNDQuMUwyOC4yLDI4aC03LjFsNS4zLTIwaDE0LjEKCWwtOC44LDE0SDQwLjZ6Ii8+Cjwvc3ZnPg==");
      width: 3.2rem;
      height: 3.2rem;
      float: right;
      margin-right: 1rem;
      background-repeat: no-repeat; } }

@media (max-width: 700px) {
  .itemEditor-bannerDemographicsWrapper {
    position: relative;
    display: inline-block;
    -webkit-top: -.5rem; } }

.drilldown {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 4.4rem;
  right: 0;
  bottom: 0;
  left: 0; }
  .drilldown.drilldown--withSearch {
    top: 9.0rem; }

.drilldown-back {
  display: block; }
  .drilldown-back.is-root {
    display: none; }
  .drilldown-back a {
    color: white;
    text-decoration: none;
    padding-left: 1.0rem; }

.drilldown-categories,
.drilldown-items {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.2); }

.drilldown-categories {
  width: 100%;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease; }

.drilldown-category,
.drilldown-item {
  color: white;
  font-weight: 400;
  line-height: 4.4rem;
  padding: 0 4.4rem 0 4.0rem;
  margin: 0;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
  display: block;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .drilldown-category:hover,
    .drilldown-item:hover {
      background-color: #005eab; } }
  @media (max-width: 1024px) {
    .drilldown-category:active,
    .drilldown-item:active {
      background-color: #005eab; } }

.drilldown-category {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMiw2IDE4LDE2IDEyLDI2IDE0LDI2IDIwLDE2IDE0LDYgIi8+Cjwvc3ZnPg==);
  background-size: 3.2rem 3.2rem;
  background-repeat: no-repeat;
  background-position: 100%; }

.is-searching .drilldown-category {
  background-image: none;
  background-size: auto;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  line-height: 2.0rem;
  padding: 0 1.0rem;
  border-bottom: none;
  cursor: default;
  pointer-events: none; }

.drilldown-items {
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  display: none; }
  .drilldown-items.is-active {
    display: block; }

.is-searching .drilldown-items {
  position: relative;
  left: 0; }

.drilldown-header {
  color: white;
  font-weight: 400;
  line-height: 4.4rem;
  padding: 0 4.4rem 0 2rem;
  margin: 0;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
  display: block;
  cursor: pointer; }

.drilldownContainer {
  font-size: 0;
  width: 100%;
  height: 100%;
  position: relative;
  left: 0%;
  white-space: nowrap;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out; }
  .drilldownContainer > * {
    font-size: 14px;
    font-size: 1.4rem;
    height: 100%;
    width: 100%;
    display: inline-block;
    white-space: normal; }

.flexContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .flexContainer.flexContainer--vertical {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-flex-flow: column nowrap;
    -moz-box-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap; }
  .flexContainer.flexContainer--horizontal {
    -webkit-box-flex-flow: row nowrap;
    -moz-box-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap; }
  .flexContainer > * {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -ms-flex-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto; }
  .flexContainer > .is-flexible {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -ms-flex-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto; }
  .flexContainer > .is-scrollable {
    overflow-y: auto;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -ms-flex-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto; }

.is-scrollable {
  position: relative; }

.show-drawerMenu .megaMenu {
  -webkit-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.4); }

.megaMenu h1 {
  padding-bottom: 1%;
  margin: 1% 2% 1% 2%;
  border-bottom: 0.1rem solid #eeeeee; }

.megaMenu .megaMenu-column {
  width: 17.4%;
  margin: 0 0 2% 2%;
  float: left; }

.megaMenu ul {
  list-style: none;
  padding: 0 0.5rem;
  margin: 0; }

.megaMenu .megaMenu ul a:hover {
  background: #999999;
  color: #ffffff; }

.megaMenu .megaMenu ul li:first-of-type a {
  padding-left: 4px; }

.megaMenu li {
  line-height: 1.6rem; }
  .megaMenu li.divider {
    line-height: 0;
    border-bottom: 0.1rem solid #eeeeee;
    margin: 1.0rem 0; }

.megaMenu a {
  color: #666666;
  font-size: 13px;
  font-size: 1.3rem;
  text-decoration: none;
  padding: 0 0.9rem;
  display: block; }
  @media (min-width: 1025px) {
    .megaMenu a:hover {
      background: #3daf2c;
      color: white; } }
  @media (max-width: 1024px) {
    .megaMenu a:active {
      background: #3daf2c;
      color: white; } }

.megaMenu h4 a {
  color: black;
  font-size: 14px;
  font-size: 1.4rem; }

/* Undo GUI Mega Menu Code */
.megaMenu li.divider {
  line-height: 0;
  border-bottom: none;
  margin: 0; }

.megaMenu a {
  color: inherit;
  font-size: inherit;
  padding: 0 0.9rem; }

/*Mega Menu styling*/
.megaMenu {
  font-size: 1.4rem;
  padding: 2.0rem 1.0rem;
  display: none;
  /*-webkit-columns: 5 200px;
	-moz-columns: 5 200px;
	column-count: 5;
    column-width: 200px;*/ }

.show-drawerMenu .megaMenu {
  height: auto;
  width: 32.0rem;
  left: auto;
  bottom: 0;
  overflow-y: auto;
  display: block; }

/* Menu Sections */
.megaMenu ul {
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding: 0;
  margin: 0 0 1px 26px;
  border-left-style: solid;
  border-left-width: 6px;
  list-style: none; }

.megaMenu-visits {
  border-left-color: #b44786; }

.megaMenu-payments {
  border-left-color: #72a542; }

.megaMenu-documents {
  border-left-color: #e7b809; }

.megaMenu-messages {
  border-left-color: #5a75a7; }

.megaMenu-reports {
  border-left-color: #b53427; }

.megaMenu-billing {
  border-left-color: #2d9c83; }

.megaMenu-rules {
  border-left-color: #846297; }

.megaMenu-sites {
  border-left-color: #0084b7; }

.megaMenu-administration {
  border-left-color: #cf9120; }

/* Menu Items */
.megaMenu ul li {
  line-height: 24px;
  padding: 0 0 0 28px;
  margin: 0 0 0 -26px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }

/* Section Headers */
.megaMenu ul li.is-first {
  font-weight: 700;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 4px; }

.megaMenu-visits li.is-first {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IlZpc2l0cyIgZmlsbD0iI2I0NDc4NiIgZD0iTTE0LDNoLTEuM2MtMC4zLTAuNi0xLTEtMS43LTFoLTFjMC0xLjEtMC45LTItMi0yUzYsMC45LDYsMkg1QzQuMywyLDMuNiwyLjQsMy4zLDNIMiBDMS40LDMsMSwzLjQsMSw0djEwYzAsMS4xLDAuOSwyLDIsMmgxMGMxLjEsMCwyLTAuOSwyLTJWOVY4VjRDMTUsMy40LDE0LjYsMywxNCwzeiBNNywyYzAtMC42LDAuNC0xLDEtMXMxLDAuNCwxLDFjMCwwLjYtMC40LDEtMSwxIFM3LDIuNiw3LDJ6IE05LDE0VjloNUw5LDE0eiBNOCw4djZIMlY1aDF2MWgxMFY1aDF2M0g4eiIvPgo8L3N2Zz4=");
  color: #b44786; }

.megaMenu-payments li.is-first {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gaWQ9IlBheW1lbnRzXzFfIiBmaWxsPSIjNzJhNTQyIiBwb2ludHM9IjAsMCAwLDExIDEzLDE2IDEzLDUgMi42LDEgMTUsMSAxNSwyIDgsMiAxMC42LDMgMTUsMyAxNSw0IDEzLjIsNCAxMy40LDQuMSAxNCw0LjMgMTQsMTEgMTYsMTEgMTYsMCAiLz4KPC9zdmc+");
  color: #72a542; }

.megaMenu-documents li.is-first {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IkRvY3VtZW50cyIgZmlsbD0iI2U3YjgwOSIgZD0iTTksNlYwbDYsNkg5eiBNOCw3VjBIMXYxNmgxNFY3SDh6Ii8+Cjwvc3ZnPg==");
  color: #e7b809; }

.megaMenu-messages li.is-first {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9Ik1lc3NhZ2VzIiBmaWxsPSIjNWE3NWE3IiBkPSJNMyw3VjVoMTB2MmwtNSwzLjhMMyw3eiBNMTYsNnYxMEgwVjZsOC02TDE2LDZ6IE0xLDYuOEw4LDEybDctNS4yVjYuNUwxMyw1TDgsMS4yTDMsNSBMMSw2LjVWNi44eiIvPgo8L3N2Zz4=");
  color: #5a75a7; }

.megaMenu-reports li.is-first {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI2I1MzQyNyIgZD0iTTE0LDEzLjNjMS4yLTEuNCwyLTMuMywyLTUuM2MwLTQuNC0zLjYtOC04LThTMCwzLjYsMCw4czMuNiw4LDgsOGMyLDAsMy45LTAuOCw1LjMtMkw4LDguN1YxIGMzLjksMCw3LDMuMSw3LDdIOC43TDE0LDEzLjN6Ii8+Cjwvc3ZnPg==");
  color: #b53427; }

.megaMenu-billing li.is-first {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IkJpbGxpbmciIGZpbGw9IiMyZDljODMiIGQ9Ik04LDBjMCwwLTUuNywwLTgsNGMwLDUuNSwxLjgsMTAsOCwxMmM2LjItMiw4LTYuNSw4LTEyQzEzLjcsMCw4LDAsOCwweiBNOC44LDEyLjVWMTRINy41di0xLjQgYy0wLjgtMC4xLTEuOC0wLjUtMi41LTEuMWwwLjktMS40YzAuNywwLjUsMS4zLDAuOCwyLDAuOEM4LjcsMTEsOSwxMC42LDksMTBDOSw4LjUsNS4zLDguNiw1LjMsNmMwLTEuNCwwLjgtMi4zLDIuMS0yLjZWMmgxLjR2MS40IGMwLjksMC4xLDEuNSwwLjYsMi4xLDEuMmwtMSwxLjJDOS40LDUuMyw4LjksNSw4LjMsNWMtMC43LDAtMSwwLjMtMSwwLjljMCwxLjMsMy43LDEuMiwzLjcsMy45QzExLDExLjIsMTAuMywxMi4yLDguOCwxMi41eiIvPgo8L3N2Zz4=");
  color: #2d9c83; }

.megaMenu-rules li.is-first {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gaWQ9IlJ1bGVzX0VuZ2luZSIgZmlsbD0iIzg0NjI5NyIgcG9pbnRzPSIxNiw3IDE2LDAgMTIsMCAxMiwzIDksMyA4LDMgOCw3IDUsNyA1LDQgMCw0IDAsMTEgNSwxMSA1LDggOCw4IDgsMTIgOSwxMiAxMiwxMiAxMiwxNSAxNiwxNSAxNiw4IDEyLDggMTIsMTEgOSwxMSA5LDggOSw3IDksNCAxMiw0IDEyLDcgIi8+Cjwvc3ZnPg==");
  color: #846297; }

.megaMenu-sites li.is-first {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IlNpdGVzIiBmaWxsPSIjMDA4NGI3IiBkPSJNMiwxNkgwVjRoMlYxNnogTTE2LDRoLTJ2MTJoMlY0eiBNMTMsMHYxNkgzVjBIMTN6IE03LDEwSDV2NGgyVjEweiBNMTEsMTBIOXY0aDJWMTB6IE0xMSw0SDlWMiBIN3YySDV2MmgydjJoMlY2aDJWNHoiLz4KPC9zdmc+");
  color: #0084b7; }

.megaMenu-administration li.is-first {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IkFkbWluaXN0cmF0aW9uIiBmaWxsPSIjY2Y5MTIwIiBkPSJNMTYsOVY3aC0yLjFjLTAuMi0wLjktMC41LTEuOC0xLTIuNWwxLjUtMS41bC0xLjQtMS40bC0xLjUsMS41Yy0wLjctMC41LTEuNi0wLjktMi41LTEgVjBIN3YyLjFjLTAuOSwwLjItMS44LDAuNS0yLjUsMUwzLjEsMS42TDEuNiwzLjFsMS41LDEuNUMyLjYsNS4yLDIuMiw2LjEsMi4xLDdIMHYyaDIuMWMwLjIsMC45LDAuNSwxLjgsMSwyLjVsLTEuNSwxLjVsMS40LDEuNCBsMS41LTEuNWMwLjcsMC41LDEuNiwwLjksMi41LDFWMTZoMnYtMi4xYzAuOS0wLjIsMS44LTAuNSwyLjUtMWwxLjUsMS41bDEuNC0xLjRsLTEuNS0xLjVjMC41LTAuNywwLjktMS42LDEtMi41SDE2eiBNOCwxMCBjLTEuMSwwLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJzMiwwLjksMiwyQzEwLDkuMSw5LjEsMTAsOCwxMHoiLz4KPC9zdmc+");
  color: #cf9120; }

/* For naming of variables, we use <property>[-value &| --componentName] */
.medal--gold {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCiAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKICAgICB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDE2IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxkZWZzPgo8L2RlZnM+CjxnPgogICAgPGNpcmNsZSBmaWxsPSIjRTdCODA5ICIgY3g9IjgiIGN5PSI3LjUiIHI9IjcuNSIvPgogICAgPHBhdGggZmlsbD0iIzAwODRCNyAiIGQ9Ik0xMS45LDE1bDQuMSw5SDlsLTMuOS04LjVDNiwxNS44LDcsMTYsOCwxNkM5LjQsMTYsMTAuNywxNS42LDExLjksMTV6IE03LjUsMjNMNywyNEgwbDQtOC43TDcuNSwyM3oiLz4KPC9nPgo8cG9seWdvbiBmaWxsPSIjRjRERThFICIgcG9pbnRzPSI4LDEuMyA5LjQsNS43IDE0LDUuNyAxMC4zLDguNCAxMS43LDEyLjcgOCwxMCA0LjMsMTIuNyA1LjcsOC40IDIsNS43IDYuNiw1LjcgIi8+Cjwvc3ZnPg=="); }

.medal--silver {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDE2IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxkZWZzPgo8L2RlZnM+CjxnPgoJPGNpcmNsZSBmaWxsPSIjQjNCM0IzIiBjeD0iOCIgY3k9IjcuNSIgcj0iNy41Ii8+Cgk8cGF0aCBmaWxsPSIjQjUzNDI3IiBkPSJNMTEuOSwxNWw0LjEsOUg5bC0zLjktOC41QzYsMTUuOCw3LDE2LDgsMTZDOS40LDE2LDEwLjcsMTUuNiwxMS45LDE1eiBNNy41LDIzTDcsMjRIMGw0LTguN0w3LjUsMjN6Ii8+CjwvZz4KPC9zdmc+"); }

.medal--bronze {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDE2IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxkZWZzPgo8L2RlZnM+CjxnPgoJPGNpcmNsZSBmaWxsPSIjQ0Y5MTIwIiBjeD0iOCIgY3k9IjcuNSIgcj0iNy41Ii8+Cgk8cGF0aCBmaWxsPSIjM0M5QTRGIiBkPSJNMTEuOSwxNWw0LjEsOUg5bC0zLjktOC41QzYsMTUuOCw3LDE2LDgsMTZDOS40LDE2LDEwLjcsMTUuNiwxMS45LDE1eiBNNy41LDIzTDcsMjRIMGw0LTguN0w3LjUsMjN6Ii8+CjwvZz4KPC9zdmc+"); }

.medal--gold,
.medal--silver,
.medal--bronze {
  background-repeat: no-repeat;
  background-size: 2.4rem 2.4rem;
  background-position-x: 96%;
  background-position-y: center; }

.medalKey--gold {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDI4X2V4cG9ydF94MjlfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0U2QjgyMTt9Cgkuc3Qxe29wYWNpdHk6MC43O2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iOCIgY3k9IjgiIHI9IjgiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iOCwyIDkuNCw2LjQgMTQuMSw2LjQgMTAuMyw5LjEgMTEuOCwxMy41IDgsMTAuOCA0LjIsMTMuNSA1LjcsOS4xIDEuOSw2LjQgNi42LDYuNCAJIi8+CjwvZz4KPC9zdmc+"); }

.medalKey--silver {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDI4X2V4cG9ydF94MjlfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0I0QjNCNDt9Cjwvc3R5bGU+CjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjgiIGN5PSI4IiByPSI4Ii8+Cjwvc3ZnPg=="); }

.medalKey--bronze {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDI4X2V4cG9ydF94MjlfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0NFOTIyQTt9Cjwvc3R5bGU+CjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjgiIGN5PSI4IiByPSI4Ii8+Cjwvc3ZnPg=="); }

.medalKey--gold,
.medalKey--silver,
.medalKey--bronze {
  background-repeat: no-repeat;
  background-size: 1.6rem 1.6rem;
  background-position-y: center;
  display: inline-block;
  padding-left: 2rem;
  margin-right: 2rem; }
  .medalKey--gold:last-of-type,
  .medalKey--silver:last-of-type,
  .medalKey--bronze:last-of-type {
    margin-right: 0; }

.medalKey {
  border-top: 0.1rem solid #cccccc; }

/* --- Widgets --- */

.detailsUsers {
  /* Index top border color */
  /* Top border color */
  /* Tab bar color */
  /* Editor border color */
  /* Editor right-side color */
  /* Active field marker color */ }
  .detailsUsers .itemIndex {
    border-top-color: #5a75a7; }
  .detailsUsers .card,
  .detailsUsers .details {
    border-top-color: #5a75a7; }
  .detailsUsers .cardNav {
    background-color: #5a75a7; }
  .detailsUsers .itemEditorHeader {
    border-top-color: #5a75a7; }
  .detailsUsers .itemEditorRight {
    background-color: #5a75a7; }
  .detailsUsers .itemEditorLeft li.is-active:after {
    background-color: #5a75a7; }
  .detailsUsers .itemEditorHeader a {
    color: #5a75a7; }

/* --- GPx Widgets --- */
/* --- Prime Mobile Widgets --- */
.gridway {
  -webkit-box-display: flex;
  -moz-box-display: flex;
  -ms-box-display: flex;
  box-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -ms-box-justify-content: space-between;
  box-justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: absolute;
  padding-top: 1.8rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: left .2s ease; }
  .gridway .widgets:first-of-type {
    margin-left: 1.5%; }

.widgetEditMode .gridway {
  padding-right: 1rem;
  transition: left .2s ease .2s;
  overflow: auto; }

.widgetEditMode .gridway .addedFromWidgetPool .widget {
  height: 7.1rem; }

.widgetEditMode .manualScroll ~ .gridway {
  top: 3.4rem;
  bottom: 3.4rem; }

.widgetEditMode .dashboards {
  bottom: 0; }

.swiper-slide {
  width: 100% !important; }

.widgets {
  float: left;
  margin-right: 1.5%;
  width: 100%;
  min-width: 0;
  min-height: 10rem;
  bottom: 0;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.widgetContent {
  position: relative; }

.pageHeader {
  position: relative;
  background-color: #eee; }

/* TODO
    This was added for mobile and how they handle overflow on the gridway container
    Instead of this page, we should refactore mobile and pull this out of the shared GUI
.page {
  height: initial;
  overflow: hidden; }
*/

.notePage .gridway {
  overflow: auto; }

.widgetRemoveButton {
  display: none; }

.widget-container {
  display: block; }

.widgetPool {
  transition: left .2s ease;
  left: -100%;
  position: absolute;
  height: 100%;
  width: 26rem;
  background-color: black;
  z-index: 5;
  top: 0;
  margin-left: 0;
  display: flex;
  flex-direction: column; }
  @media (max-width: 660px) {
    .widgetPool {
      width: 10rem; } }
  .widgetPool .ui-sortable-placeholder {
    height: 4.4rem;
    margin: 1rem; }
  .widgetPool .widgets {
    margin-left: 0; }
  .widgetPool .widget {
    width: 24rem;
    border: none;
    top: 0; }
    @media (max-width: 660px) {
      .widgetPool .widget {
        background-color: transparent;
        width: 8rem; } }
  .widgetPool .widget-container {
    margin: 1rem 1rem 0 1rem; }
    .widgetPool .widget-container:last-of-type {
      margin: 1rem; }
  .widgetPool .widgetContent,
  .widgetPool .header-buttons,
  .widgetPool .header-dateNavigation,
  .widgetPool .deadWidgetNotify,
  .widgetPool .appointmentWidget-noFilter-userAssistance,
  .widgetPool .widgetContainerOverlay {
    display: none; }

widget-pool .widget .userTasks-noFilter,
widget-pool .widget .header-details {
  display: none; }

.pages {
  transition: top .2s ease, left .2s ease; }

.widgetEditMode .widgets {
  margin-left: 1rem;
  margin-right: 0; }
  .widgetEditMode .widgets:first-of-type {
    margin-left: 1rem; }

.widgetEditMode .widget {
  margin-bottom: 1rem; }

.widgetEditMode .widgetPool {
  transition: left .2s ease .2s;
  left: 0; }
  .widgetEditMode .widgetPool .widgets {
    margin: 0; }

.widgetEditMode .dashboards {
  transition: left .2s ease;
  left: 0; }

.widgetEditMode .gridway .widget-container {
  height: 7.1rem;
  margin-bottom: 1rem; }

.widgetEditMode .gridway .widget--appointments .header-description {
  padding-left: 0; }

.widgetEditMode .gridway .widget {
  top: -4.4rem;
  height: auto;
  transition: border 0s ease .2s;
  pointer-events: none;
  overflow: hidden; }

.widgetEditMode .gridway .widget .header {
  height: 7.1rem;
  background-position: -1rem 3rem;
  padding-left: 1.2rem;
  background-size: 7.1rem 7.1rem;
  transition: height .2s ease .2s,  background-position .2s ease .2s,  padding-left .2s ease .2s,  background-size .2s ease .2s; }

.widgetEditMode .gridway .widget .header-dateNavigation,
.widgetEditMode .gridway .widget .userTasks-noFilter,
.widgetEditMode .gridway .widget .header-buttons,
.widgetEditMode .gridway .widget .appointmentWidget-noFilter-userAssistance {
  display: none; }

.widgetEditMode .gridway .draggedWidget {
  position: relative !important; }

@media (min-width: 720px) {
  .widgetEditMode .sidebar {
    left: -100%;
    transition: left .2s ease; } }

@media (max-width: 719px) {
  .widgetEditMode .sidebar {
    bottom: -100%;
    transition: bottom .2s ease; } }

.widgetEditMode .pages {
  top: 0; }

.widgetEditMode .widgetContainerOverlay {
  opacity: 0.5;
  z-index: 999;
  position: relative; }

.widgetEditMode .widgetRemoveButton {
  display: inline-block; }

.widgetEditMode .widget-container {
  cursor: pointer; }

.ui-sortable-placeholder {
  border: 1px dashed #999;
  visibility: visible !important;
  margin-top: .1rem;
  margin-bottom: 1rem;
  height: 8.4rem; }

.widget-container.ui-sortable-helper {
  width: 24rem; }
  .widget-container.ui-sortable-helper .widgetContent,
  .widget-container.ui-sortable-helper .header-dateNavigation,
  .widget-container.ui-sortable-helper .header-buttons {
    display: none; }
  .widget-container.ui-sortable-helper .widget {
    border: none;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.3); }

.widget .header {
  transition: height .2s ease,  background-position .2s ease,  padding-left .2s ease,  background-size .2s ease; }

@media (max-width: 660px) {
  .widgetPool .widget-container,
  .widgetPool .widget-container:last-of-type {
    width: 4.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 2.5rem; }
    .widgetPool .widget-container .widget,
    .widgetPool .widget-container:last-of-type .widget {
      margin: 0;
      width: 4.4rem; }
  .widgetPool .widgetsHolder {
    overflow-y: scroll;
    overflow-x: hidden; }
  .widgetPool .header {
    width: 4.4rem;
    height: 4.4rem;
    background-position: 0.6rem 0.5rem;
    background-size: 3.2rem 3.2rem; }
  .widgetPool .widget--allergies .header-title,
  .widgetPool .widget--geneticHistory .header-title {
    margin-left: -.4rem; }
  .widgetPool .ui-sortable-placeholder {
    width: 4.4rem;
    margin-left: 2.8rem; }
  .widgetEditMode .dashboards {
    bottom: 0; }
  .widgetEditMode .secondaryDashboard .gridway .header {
    height: 7.1rem; }
  .widgetEditMode .secondaryDashboard .gridway .widgetContainerOverlay .header-buttons {
    position: relative;
    display: block; }
  .widgetEditMode .secondaryDashboard .widgetContainerOverlay {
    top: -5.6rem; }
  .widgetEditMode .secondaryDashboard .header-description {
    width: calc(100% - 4.4rem) !important; }
  .widget-container.ui-sortable-helper .widget {
    background-color: transparent;
    transition: none; }
  .widget-container.ui-sortable-helper .header {
    height: 4.4rem;
    background-position: 0.6rem 0.5rem;
    background-size: 3.2rem 3.2rem;
    transition: none; }
  .secondaryDashboard .widgetPool .widgets .header-title {
    width: 8rem; } }

@media (max-width: 700px) {
  .widgetEditMode .sidebar {
    left: 0;
    bottom: -100%; } }

.pageTab .pageTitle.pageTabTitleWithSubtitle {
  text-align: center;
  line-height: 1.7rem;
  padding-top: .6rem; }

.dynamicRow:not(:required) div:last-of-type .pageSubTitle, .dynamicRow--center:not(:required) div:last-of-type .pageSubTitle {
  text-align: center;
  line-height: 1.4rem;
  font-style: italic; }

.selectedPageTab .pageSubTitle {
  color: #666666; }

.pageTitle.pageTitle--full {
  display: block;
  line-height: 1.6rem;
  padding-left: 0;
  text-align: center;
  font-style: italic;
  font-size: 1.2rem;
  text-transform: uppercase; }

@media (min-width: 1024px) {
  .dashboard .pageListTabs {
    height: 4.4rem;
    position: relative;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.4);
    padding-right: 14.8rem; }
    .dashboard .pageListTabs.dynamicRow--justifyLeft div:only-of-type {
      text-align: center; }
  .dashboard .pageTab {
    min-width: 4.4rem;
    max-width: 14rem;
    height: 100%;
    border-right: 0.1rem solid rgba(0, 0, 0, 0.4); }
    .dashboard .pageTab.dynamicColumn {
      flex: 1; }
    .dashboard .pageTab .pageTitle {
      padding-left: .5rem;
      padding-right: .5rem;
      font-size: 1.6rem; }
  .dashboard .selectedPageTab {
    background-color: #eee;
    height: 4.5rem; } }
  @media (min-width: 1024px) and (min-width: 1025px) {
    .dashboard .selectedPageTab:hover .pageTitle {
      color: #666; } }
  @media (min-width: 1024px) and (max-width: 1024px) {
    .dashboard .selectedPageTab:active .pageTitle {
      color: #666; } }

@media (min-width: 1024px) {
  .widgetEditMode .pageTab:hover {
    color: #666; }
  .widgetEditMode .pageTab input {
    margin-top: .5rem;
    width: 13rem;
    padding-right: 2rem; }
  .widgetEditMode .pageTab .clearInput {
    position: relative; }
    .widgetEditMode .pageTab .clearInput div {
      margin-top: -2rem; }
  .pageTitleEditor {
    display: none; }
  .dynamicField--preserve.pageListTabsContainer {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0; }
  .dynamicField--preserve.pageButtonsContainer {
    margin: 0; }
  .pageButtonsContainer {
    min-width: 0;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.4);
    margin: 0;
    width: 14.2rem;
    -webkit-flex: 0;
    -moz-flex: 0;
    -ms-flex: 0;
    flex: 0; } }

@media (min-width: 1024px) {
  .dynamicField--preserve.pageListTabsContainer {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0; } }

@media (max-width: 1023px) {
  .dashboard .pageListTabs {
    justify-content: center; }
    .dashboard .pageListTabs.dynamicRow--justifyLeft div:last-of-type {
      text-align: left; }
  .dashboard .pageTab {
    width: 2.2rem;
    height: 4.4rem;
    background-color: transparent;
    text-align: left; }
    .dashboard .pageTab:after {
      color: #666;
      opacity: .4;
      content: "\2022";
      font-size: 3.4rem;
      position: absolute;
      top: 1rem;
      margin-left: .6rem; }
    .dashboard .pageTab .pageTitle {
      display: none; }
  .dashboard .selectedPageTab:after {
    opacity: 1; }
  .dashboard .selectedPageTab input {
    display: none; }
  .dashboard .pageTitleEditor {
    width: calc(100% - 15.2rem); }
    .dashboard .pageTitleEditor .clearInput {
      left: initial;
      right: 17.8rem; }
  .widgetEditMode .pageListTabs {
    display: none; }
  .widgetEditMode .pageTitleEditor {
    display: block; }
  .widgetEditMode .pageTitle--full {
    display: none; }
  .pageHeader .dynamicField--preserve.pageListTabsContainer {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
  .pageHeader .pageButtonsContainer {
    min-width: 0; }
  .secondaryDashboard .widgetPool .header-title {
    left: -2rem; } }

.widgetPool .widgetContainerOverlay {
  display: inline;
  position: absolute;
  top: 0rem !important;
  width: 24rem;
  height: 4.4rem; }
  @media (max-width: 660px) {
    .widgetPool .widgetContainerOverlay {
      width: 4.4rem;
      height: 4.4rem; } }

.pageTitleEditor {
  width: 100%; }
  .pageTitleEditor input {
    padding-right: 2.4rem; }
  .pageTitleEditor .clearInput {
    right: auto;
    left: 13.4rem; }
    .pageTitleEditor .clearInput div {
      top: -3.8rem;
      right: auto;
      left: auto; }

.widgetEditMode .pageHeader {
  height: 4.4rem; }

.widgetEditMode .pageTitleEditor {
  margin-left: .5rem; }
  .widgetEditMode .pageTitleEditor input {
    margin-top: .5rem; }

.widgetEditMode .pageButton.pageButton--settings {
  background-image: none;
  text-align: center;
  opacity: 1;
  color: #17ab00; }
  .widgetEditMode .pageButton.pageButton--settings:before {
    content: 'Done';
    line-height: 4.4rem; }
  .widgetEditMode .pageButton.pageButton--settings:hover {
    color: #0d5f00;
    opacity: 1; }

.referencedButton-addIcon.referencedButton-addIcon--dark {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23333333' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E");
  float: left;
  opacity: .5;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .referencedButton-addIcon.referencedButton-addIcon--dark:hover {
      opacity: .8; } }
  @media (max-width: 1024px) {
    .referencedButton-addIcon.referencedButton-addIcon--dark:active {
      opacity: .8; } }

.widgetEditMode .secondaryDashboard .swiper-pagination-bullet:last-of-type {
  display: none; }

.widgetEditMode .secondaryDashboard .swiper-slide.page:last-of-type .widgetPool {
  display: none !important; }

.manualScroll {
  width: 100%;
  height: 3.4rem;
  background-color: #333;
  display: flex; }
  .manualScroll.upArrow {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDI4X2V4cG9ydF94MjlfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSI0IDkgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgNCA5IDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MC43O2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMzQuMywzMi4xIDIwLjIsMTggNiwzMi4xICIvPgo8L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem; }
  .manualScroll.downArrow {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDI4X2V4cG9ydF94MjlfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSI0IDkgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgNCA5IDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MC43O2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNiwxOCAyMC4xLDMyLjEgMzQuMywxOCAiLz4KPC9zdmc+");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem; }

.widgetsHolder {
  overflow-y: scroll;
  flex-direction: column; }
  .widgetsHolder .widgets {
    display: block; }

.widgetPool {
  bottom: 0; }
  .widgetPool .arrow {
    border-right: 1px solid #666; }

.scrollArrow {
  display: none; }

.widgetEditMode .scrollArrow {
  -webkit-box-display: flex;
  -moz-box-display: flex;
  -ms-box-display: flex;
  box-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-flex-flow: 1 0;
  -moz-box-flex-flow: 1 0;
  -ms-box-flex-flow: 1 0;
  box-flex-flow: 1 0;
  -webkit-flex-flow: 1 0;
  -moz-flex-flow: 1 0;
  -ms-flex-flow: 1 0;
  flex-flow: 1 0;
  -ms-flex-direction: 1;
  -ms-flex-wrap: 0;
  -webkit-flex-basis: 3.4rem;
  -moz-flex-basis: 3.4rem;
  -ms-flex-basis: 3.4rem;
  flex-basis: 3.4rem; }

.gridwayContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto; }
  .gridwayContainer .upArrow,
  .gridwayContainer .downArrow {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    position: absolute; }
  .gridwayContainer .upArrow {
    top: 0; }
  .gridwayContainer .downArrow {
    bottom: 0; }

.widgetEditMode .gridwayContainer {
  transition: left .2s ease .2s;
  left: 26rem;
  overflow: auto; }
  @media (max-width: 660px) {
    .widgetEditMode .gridwayContainer {
      left: 10rem; } }

.widgetEditMode .gridway .addedFromWidgetPool .widget {
  height: 7.1rem; }

.widgetEditMode .dashboards {
  bottom: 0; }

.widget--allergies {
  /* Header */
  border-top-color: #b53427; }
  .widget--allergies .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b53427' d=' M16,1C7.7,1,1,7.7,1,16c0,8.3,6.7,15,15,15s15-6.7,15-15C31,7.7,24.3,1,16,1z M4,16C4,9.4,9.4,4,16,4 c2.8,0,5.3,1,7.3,2.5L6.5,23.3C5,21.3,4,18.8,4,16z M16,28c-2.8,0-5.3-1-7.3-2.5L25.5,8.7c1.6,2,2.5,4.6,2.5,7.3 C28,22.6,22.6,28,16,28z'/%3E%3C/svg%3E");
    border-bottom-color: #b53427; }
  .widget--allergies .dynamicRow-header {
    background-color: #e8dbda;
    color: #6e2018; }
  .widget--allergies .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b53427' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--allergies .header {
      background-color: #b53427; }
      .widget--allergies .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M16,1C7.7,1,1,7.7,1,16c0,8.3,6.7,15,15,15s15-6.7,15-15C31,7.7,24.3,1,16,1z M4,16C4,9.4,9.4,4,16,4 c2.8,0,5.3,1,7.3,2.5L6.5,23.3C5,21.3,4,18.8,4,16z M16,28c-2.8,0-5.3-1-7.3-2.5L25.5,8.7c1.6,2,2.5,4.6,2.5,7.3 C28,22.6,22.6,28,16,28z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--allergies .header {
    background-color: #b53427;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M16,1C7.7,1,1,7.7,1,16c0,8.3,6.7,15,15,15s15-6.7,15-15C31,7.7,24.3,1,16,1z M4,16C4,9.4,9.4,4,16,4 c2.8,0,5.3,1,7.3,2.5L6.5,23.3C5,21.3,4,18.8,4,16z M16,28c-2.8,0-5.3-1-7.3-2.5L25.5,8.7c1.6,2,2.5,4.6,2.5,7.3 C28,22.6,22.6,28,16,28z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--allergies .header-title {
      background-image: none; }

/* Detail View */
.detailsAllergies {
  /* Index top border color */
  /* Top border color */
  /* Tab bar color */
  /* Editor border color */
  /* Editor right-side color */
  /* Active field marker color */ }
  .detailsAllergies .itemIndex {
    border-top-color: #b53427; }
  .detailsAllergies .card {
    border-top-color: #b53427; }
  .detailsAllergies .cardNav {
    background-color: #b53427; }
  .detailsAllergies .itemEditorHeader {
    border-top-color: #b53427; }
  .detailsAllergies .itemEditorRight {
    background-color: #b53427; }
  .detailsAllergies .itemEditorLeft li.is-active:after {
    background-color: #b53427; }
  .detailsAllergies .itemEditorHeader a {
    color: #b53427; }

.widget--appointments {
  /* Header */
  border-top-color: #98335a; }
  .widget--appointments .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2398335a' d=' M27,4h-1v2.5C26,7.9,24.9,9,23.5,9S21,7.9,21,6.5V4H11v2.5C11,7.9,9.9,9,8.5,9S6,7.9,6,6.5V4H5 C3.3,4,2,5.3,2,7v20c0,1.6,1.3,3,3,3h22c1.7,0,3-1.4,3-3V7C30,5.3,28.7,4,27,4z M28,27c0,0.5-0.5,1-1,1H5c-0.5,0-1-0.5-1-1V12 c0-0.5,0.5-1,1-1h22c0.5,0,1,0.5,1,1V27z M8.5,8L8.5,8C7.7,8,7,7.3,7,6.5v-5C7,0.7,7.7,0,8.5,0h0C9.3,0,10,0.7,10,1.5v5 C10,7.3,9.3,8,8.5,8z M23.5,8L23.5,8C22.7,8,22,7.3,22,6.5v-5C22,0.7,22.7,0,23.5,0h0C24.3,0,25,0.7,25,1.5v5C25,7.3,24.3,8,23.5,8z M10,14.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S10,13.4,10,14.5z M15.3,14.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2 S15.3,13.4,15.3,14.5z M20.7,14.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S20.7,13.4,20.7,14.5z M26,14.5c0,1.1-0.9,2-2,2 c-1.1,0-2-0.9-2-2s0.9-2,2-2C25.1,12.5,26,13.4,26,14.5z M10,19.5c0,1.1-0.9,2-2,2s-2-0.9-2-2c0-1.1,0.9-2,2-2S10,18.4,10,19.5z M15.3,19.5c0,1.1-0.9,2-2,2s-2-0.9-2-2c0-1.1,0.9-2,2-2S15.3,18.4,15.3,19.5z M20.7,19.5c0,1.1-0.9,2-2,2s-2-0.9-2-2 c0-1.1,0.9-2,2-2S20.7,18.4,20.7,19.5z M26,19.5c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2C25.1,17.5,26,18.4,26,19.5z M10,24.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S10,23.4,10,24.5z M15.3,24.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2 S15.3,23.4,15.3,24.5z M20.7,24.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S20.7,23.4,20.7,24.5z M26,24.5c0,1.1-0.9,2-2,2 c-1.1,0-2-0.9-2-2s0.9-2,2-2C25.1,22.5,26,23.4,26,24.5z'/%3E%3C/svg%3E");
    border-bottom-color: #98335a; }
  .widget--appointments .dynamicRow-header {
    background-color: #e5dbdf;
    color: #571d34; }
  .in-edit-mode .widget--appointments .header {
    background-color: #98335a;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M27,4h-1v2.5C26,7.9,24.9,9,23.5,9S21,7.9,21,6.5V4H11v2.5C11,7.9,9.9,9,8.5,9S6,7.9,6,6.5V4H5 C3.3,4,2,5.3,2,7v20c0,1.6,1.3,3,3,3h22c1.7,0,3-1.4,3-3V7C30,5.3,28.7,4,27,4z M28,27c0,0.5-0.5,1-1,1H5c-0.5,0-1-0.5-1-1V12 c0-0.5,0.5-1,1-1h22c0.5,0,1,0.5,1,1V27z M8.5,8L8.5,8C7.7,8,7,7.3,7,6.5v-5C7,0.7,7.7,0,8.5,0h0C9.3,0,10,0.7,10,1.5v5 C10,7.3,9.3,8,8.5,8z M23.5,8L23.5,8C22.7,8,22,7.3,22,6.5v-5C22,0.7,22.7,0,23.5,0h0C24.3,0,25,0.7,25,1.5v5C25,7.3,24.3,8,23.5,8z M10,14.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S10,13.4,10,14.5z M15.3,14.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2 S15.3,13.4,15.3,14.5z M20.7,14.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S20.7,13.4,20.7,14.5z M26,14.5c0,1.1-0.9,2-2,2 c-1.1,0-2-0.9-2-2s0.9-2,2-2C25.1,12.5,26,13.4,26,14.5z M10,19.5c0,1.1-0.9,2-2,2s-2-0.9-2-2c0-1.1,0.9-2,2-2S10,18.4,10,19.5z M15.3,19.5c0,1.1-0.9,2-2,2s-2-0.9-2-2c0-1.1,0.9-2,2-2S15.3,18.4,15.3,19.5z M20.7,19.5c0,1.1-0.9,2-2,2s-2-0.9-2-2 c0-1.1,0.9-2,2-2S20.7,18.4,20.7,19.5z M26,19.5c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2C25.1,17.5,26,18.4,26,19.5z M10,24.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S10,23.4,10,24.5z M15.3,24.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2 S15.3,23.4,15.3,24.5z M20.7,24.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S20.7,23.4,20.7,24.5z M26,24.5c0,1.1-0.9,2-2,2 c-1.1,0-2-0.9-2-2s0.9-2,2-2C25.1,22.5,26,23.4,26,24.5z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--appointments .header-title {
      background-image: none; }
    @media (max-width: 323px) {
      .in-edit-mode .widget--appointments .header-description {
        margin-left: 0; } }
  .widget--appointments .divTableCell {
    border-bottom: 1px solid #eeeeee; }

.widgetSelection.appointments-widget-selector {
  background-color: #98335a;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2398335a' d=' M27,4h-1v2.5C26,7.9,24.9,9,23.5,9S21,7.9,21,6.5V4H11v2.5C11,7.9,9.9,9,8.5,9S6,7.9,6,6.5V4H5 C3.3,4,2,5.3,2,7v20c0,1.6,1.3,3,3,3h22c1.7,0,3-1.4,3-3V7C30,5.3,28.7,4,27,4z M28,27c0,0.5-0.5,1-1,1H5c-0.5,0-1-0.5-1-1V12 c0-0.5,0.5-1,1-1h22c0.5,0,1,0.5,1,1V27z M8.5,8L8.5,8C7.7,8,7,7.3,7,6.5v-5C7,0.7,7.7,0,8.5,0h0C9.3,0,10,0.7,10,1.5v5 C10,7.3,9.3,8,8.5,8z M23.5,8L23.5,8C22.7,8,22,7.3,22,6.5v-5C22,0.7,22.7,0,23.5,0h0C24.3,0,25,0.7,25,1.5v5C25,7.3,24.3,8,23.5,8z M10,14.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S10,13.4,10,14.5z M15.3,14.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2 S15.3,13.4,15.3,14.5z M20.7,14.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S20.7,13.4,20.7,14.5z M26,14.5c0,1.1-0.9,2-2,2 c-1.1,0-2-0.9-2-2s0.9-2,2-2C25.1,12.5,26,13.4,26,14.5z M10,19.5c0,1.1-0.9,2-2,2s-2-0.9-2-2c0-1.1,0.9-2,2-2S10,18.4,10,19.5z M15.3,19.5c0,1.1-0.9,2-2,2s-2-0.9-2-2c0-1.1,0.9-2,2-2S15.3,18.4,15.3,19.5z M20.7,19.5c0,1.1-0.9,2-2,2s-2-0.9-2-2 c0-1.1,0.9-2,2-2S20.7,18.4,20.7,19.5z M26,19.5c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2C25.1,17.5,26,18.4,26,19.5z M10,24.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S10,23.4,10,24.5z M15.3,24.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2 S15.3,23.4,15.3,24.5z M20.7,24.5c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S20.7,23.4,20.7,24.5z M26,24.5c0,1.1-0.9,2-2,2 c-1.1,0-2-0.9-2-2s0.9-2,2-2C25.1,22.5,26,23.4,26,24.5z'/%3E%3C/svg%3E"); }

.widget--appointments .header-dateNavigation {
  float: right; }
  @media (max-width: 838px) and (min-width: 661px) {
    .widget--appointments .header-dateNavigation {
      width: 100%;
      background-color: #333; } }
  @media (max-width: 323px) {
    .widget--appointments .header-dateNavigation {
      width: 100%;
      background-color: #333; } }

.widget--appointments .header-buttons {
  height: 4.4rem; }
  .widget--appointments .header-buttons .icon--filters {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2398335a' d=' M4,4l8,12v12l8-7v-5l8-12H4z'/%3E%3C/svg%3E"); }

.widget--appointments .filterSelector-options {
  top: 4.4rem; }
  .widget--appointments .filterSelector-options:after {
    top: -2rem;
    border-width: 1rem !important; }

.patientListItem-userAssistance {
  position: relative;
  height: 4.0rem;
  background: #ffcc66; }
  @media (max-width: 838px) and (min-width: 661px) {
    .patientListItem-userAssistance {
      margin-top: 4.4rem; } }
  @media (max-width: 323px) {
    .patientListItem-userAssistance {
      margin-top: 4.4rem; } }

.patientListItem-userAssistanceLeft {
  position: absolute;
  left: 0;
  right: 70%;
  display: inline-block;
  height: 4.0rem; }

.patientListItem-userAssistanceDivider {
  position: absolute;
  right: 70%;
  height: 3rem;
  width: 0.1rem;
  background: #666;
  margin: 0.5rem 0.1rem 0.5rem 0; }

.patientListItem-userAssistanceRight {
  position: absolute;
  left: 30%;
  right: 0;
  display: inline-block;
  height: 4.0rem; }

.divTable--noSpacing.patientListItems {
  border-collapse: collapse; }

.userAssistance-wrapper {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1;
  height: 50%;
  width: 90%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: table; }
  .userAssistance-wrapper span {
    display: table-cell;
    vertical-align: middle; }

.userAssistance-birdBeak {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffcc66;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.0rem;
  margin: auto; }

.patientListItem-userAssistanceDismiss {
  fill: #000;
  height: 3.2rem;
  width: 3.2rem;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  opacity: 0.6;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .patientListItem-userAssistanceDismiss:hover {
      opacity: 1; } }
  @media (max-width: 1024px) {
    .patientListItem-userAssistanceDismiss:active {
      opacity: 1; } }

.appointmentWidget-noFilter-userAssistance {
  margin-top: 0rem;
  margin-bottom: 4rem;
  background-color: #fc6;
  height: 4.4rem;
  line-height: 4.4rem;
  text-align: center;
  font-size: 1.2rem; }
  .appointmentWidget-noFilter-userAssistance:before {
    content: " ";
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fc6;
    border-width: 1rem !important;
    position: absolute;
    right: 1.8rem;
    top: -1.9rem;
    pointer-events: none; }
    @media (max-width: 660px) {
      .appointmentWidget-noFilter-userAssistance:before {
        right: 1.3rem; } }
  @media (min-width: 140px) and (max-width: 323px), (min-width: 661px) and (max-width: 838px) {
    .appointmentWidget-noFilter-userAssistance {
      margin-top: -4.4rem;
      position: relative;
      float: left;
      width: 100%; }
      .appointmentWidget-noFilter-userAssistance:before {
        top: -2rem; } }

@media (max-width: 660px) {
  .widget--appointments .widget--messages {
    width: 30rem; } }

@media (max-width: 660px) {
  .widget--appointments .widget--messages .widgetContent {
    visibility: visible;
    min-height: 10rem;
    height: 10rem; } }

.patientListItems {
  border-collapse: collapse;
  table-layout: fixed; }

.patientListItem {
  border-top: solid 0.1rem #ccc;
  border-bottom: solid 0.1rem #ccc;
  line-height: 1.2;
  cursor: pointer; }

.patientListItem-leftSide {
  display: table-cell;
  width: 30%;
  text-align: right;
  position: relative;
  padding: 0.2rem 1rem 0.2rem 0.5rem; }

.patientListItem-rightSide {
  display: table-cell;
  width: 70%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIGlkPSdMYXllcl8xJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4PScwcHgnIHk9JzBweCcgdmlld0JveD0nMCAwIDMyIDMyJyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCAzMiAzMicgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PHBvbHlnb24gZmlsbD0nI2RkZCcgcG9pbnRzPScxMiw2IDE4LDE2IDEyLDI2IDE0LDI2IDIwLDE2IDE0LDYgJy8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 3.2rem 3.2rem;
  position: relative;
  padding: 0.2rem 0 0.2rem 0.5rem; }

.patientListItem-details {
  padding-right: 5rem; }

.apptStatus-isCheckedIn {
  background: rgba(61, 175, 44, 0.15); }
  .apptStatus-isCheckedIn .patientListItem-leftSide {
    color: #3daf2c; }

.apptStatus-isCheckedOut, .apptStatus-exception {
  color: #999 !important;
  background: none; }
  .apptStatus-isCheckedOut .patientListItem-icons, .apptStatus-exception .patientListItem-icons {
    opacity: 0.6; }

.patientListItem-colorBarWrapper {
  position: absolute;
  padding-right: 0.6rem;
  right: 0;
  top: 0;
  bottom: 0; }

.patientListItem-colorBar {
  width: 0.6rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.apptStatus-isCheckedOut .patientListItem-colorBar {
  background: #ccc; }

.apptStatus-isCheckedIn .patientListItem-colorBar {
  background: #3daf2c; }

.apptStatus-notCheckedIn .patientListItem-colorBar {
  background: #888; }

.apptStatus-exception .patientListItem-colorBar {
  background: repeating-linear-gradient(45deg, #eee, #eee 5px, #ddd 5px, #ddd 10px); }

.apptStatus-isCheckedIn .appt-scheduledLength, .apptStatus-isCheckedOut .appt-scheduledLength {
  display: none; }

.apptStatus-isCheckedOut .patientListItem-dob,
.apptStatus-exception .patientListItem-dob,
.apptStatus-notCheckedIn .patientListItem-dob,
.apptStatus-isCheckedOut .patientListItem-checkInInfo,
.apptStatus-exception .patientListItem-checkInInfo,
.apptStatus-notCheckedIn .patientListItem-checkInInfo {
  display: none; }

.apptStatus-isCheckedIn .patientListItem-patientName {
  display: block; }

.apptStatus-exception .patientListItem-patientName {
  display: inline-block; }

.apptStatus-exception .patientListItem-exception {
  display: block; }

.patientListItem-exception {
  display: none;
  font-style: italic;
  word-wrap: break-word; }

.patientListItem-type,
.patientListItem-comments {
  font-style: italic; }

.scheduledStartTime {
  font-size: 1.6rem; }

.patientListItem-patientName {
  font-size: 1.6rem;
  font-weight: 600;
  word-break: break-all; }

.patientListItem-waitingTime {
  white-space: nowrap; }

@media (max-width: 960px) {
  .patientListItem-type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; } }

.appointmentResource-listItem {
  font-style: normal;
  font-size: 1.4rem; }

.patientListItem-icons {
  padding-right: 3rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.patientListItem-chargesEnteredIcon svg, .patientListItem-copayPostedIcon svg {
  height: 1.6rem;
  width: 1.6rem; }

.patientListItem-chargesEnteredIcon {
  width: 1.6rem;
  padding-right: 0.3rem; }

.patientListItem-copayPostedIcon {
  width: 1.6rem;
  padding-right: 1.5rem; }

@media (min-width: 1025px) {
  .patientListItem-leftSide:hover, .patientListItem-leftSide:hover .label, .patientListItem-leftSide:hover .apptStatus-isCheckedIn {
    background-color: #999;
    color: white; } }

@media (max-width: 1024px) {
  .patientListItem-leftSide:active, .patientListItem-leftSide:active .label, .patientListItem-leftSide:active .apptStatus-isCheckedIn {
    background-color: #999;
    color: white; } }

@media (min-width: 1025px) {
  .patientListItem-rightSide:hover, .patientListItem-rightSide:hover .label, .patientListItem-rightSide:hover .apptStatus-isCheckedIn {
    background-color: #999;
    color: white; } }

@media (max-width: 1024px) {
  .patientListItem-rightSide:active, .patientListItem-rightSide:active .label, .patientListItem-rightSide:active .apptStatus-isCheckedIn {
    background-color: #999;
    color: white; } }

.details--appointments {
  /* Index top border color */
  /* Top border color */
  /* Tab bar color */
  /* Editor border color */
  /* Editor right-side color */
  /* Active field marker color */ }
  .details--appointments .itemIndex {
    border-top-color: #98335a; }
  .details--appointments .card {
    border-top-color: #98335a; }
  .details--appointments .cardNav {
    background-color: #98335a; }
  .details--appointments .itemEditorHeader {
    border-top-color: #98335a; }
  .details--appointments .itemEditorRight {
    background-color: #98335a; }
  .details--appointments .itemEditorLeft li.is-active:after {
    background-color: #98335a; }
  .details--appointments .itemEditorHeader a {
    color: #98335a; }

.widget--assessmentAndPlan {
  /* Header */
  border-top-color: #846297; }
  .widget--assessmentAndPlan .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23846297' d=' M25,5h-1.2c-0.4-1.2-1.5-2-2.8-2h-0.5c-0.6,0-1-0.4-1-1c0-1.1-0.9-2-2-2h-3c-1.1,0-2,0.9-2,2 c0,0.6-0.4,1-1,1H11C9.7,3,8.6,3.8,8.2,5H7C5.3,5,4,6.3,4,8v20c0,1.6,1.3,3,3,3h18c1.7,0,3-1.4,3-3V8C28,6.3,26.7,5,25,5z M14.5,3.5 C14.5,2.7,15.2,2,16,2s1.5,0.7,1.5,1.5S16.8,5,16,5S14.5,4.3,14.5,3.5z M20,29v-6h6L20,29z M26,21h-8v1v1v6H6V7h2v2h16V7h2V21z M11,17.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,17.4z M11,26.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,26.4z'/%3E%3C/svg%3E");
    border-bottom-color: #846297; }
  .widget--assessmentAndPlan .dynamicRow-header {
    background-color: #e3e0e5;
    color: #564062; }
  @media (max-width: 660px) {
    .widget--assessmentAndPlan .header {
      background-color: #846297; }
      .widget--assessmentAndPlan .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M25,5h-1.2c-0.4-1.2-1.5-2-2.8-2h-0.5c-0.6,0-1-0.4-1-1c0-1.1-0.9-2-2-2h-3c-1.1,0-2,0.9-2,2 c0,0.6-0.4,1-1,1H11C9.7,3,8.6,3.8,8.2,5H7C5.3,5,4,6.3,4,8v20c0,1.6,1.3,3,3,3h18c1.7,0,3-1.4,3-3V8C28,6.3,26.7,5,25,5z M14.5,3.5 C14.5,2.7,15.2,2,16,2s1.5,0.7,1.5,1.5S16.8,5,16,5S14.5,4.3,14.5,3.5z M20,29v-6h6L20,29z M26,21h-8v1v1v6H6V7h2v2h16V7h2V21z M11,17.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,17.4z M11,26.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,26.4z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--assessmentAndPlan .header {
    background-color: #846297;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M25,5h-1.2c-0.4-1.2-1.5-2-2.8-2h-0.5c-0.6,0-1-0.4-1-1c0-1.1-0.9-2-2-2h-3c-1.1,0-2,0.9-2,2 c0,0.6-0.4,1-1,1H11C9.7,3,8.6,3.8,8.2,5H7C5.3,5,4,6.3,4,8v20c0,1.6,1.3,3,3,3h18c1.7,0,3-1.4,3-3V8C28,6.3,26.7,5,25,5z M14.5,3.5 C14.5,2.7,15.2,2,16,2s1.5,0.7,1.5,1.5S16.8,5,16,5S14.5,4.3,14.5,3.5z M20,29v-6h6L20,29z M26,21h-8v1v1v6H6V7h2v2h16V7h2V21z M11,17.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,17.4z M11,26.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,26.4z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--assessmentAndPlan .header-title {
      background-image: none; }

.widget--charges {
  /* Header */
  border-top-color: #3a9a57; }
  .widget--charges .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %233a9a57' d=' M24.6,10.7c0,0.3-0.1,0.6-0.2,0.9s-0.3,0.5-0.5,0.7s-0.5,0.4-0.8,0.5s-0.7,0.2-1,0.2l-0.1,1.3c0,0,0,0.1,0,0.1s0,0-0.1,0.1s-0.1,0-0.2,0s-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0s-0.1,0-0.1-0.1s0-0.1,0-0.1L21,13c-0.2,0-0.3-0.1-0.5-0.1s-0.3-0.1-0.4-0.1s-0.2-0.1-0.3-0.1s-0.2-0.1-0.2-0.1s-0.1-0.1-0.1-0.2s0-0.2,0-0.4c0-0.1,0-0.2,0-0.3s0-0.2,0-0.2s0-0.1,0.1-0.1s0.1,0,0.1,0c0.1,0,0.1,0,0.2,0.1s0.2,0.1,0.4,0.2s0.3,0.1,0.6,0.2s0.5,0.1,0.8,0.1c0.5,0,0.8-0.1,1-0.3s0.3-0.4,0.3-0.7c0-0.2,0-0.3-0.1-0.5s-0.2-0.2-0.4-0.3s-0.3-0.2-0.5-0.2s-0.4-0.1-0.6-0.2s-0.4-0.2-0.6-0.3s-0.4-0.2-0.5-0.4s-0.3-0.4-0.4-0.6s-0.1-0.5-0.1-0.8c0-0.3,0-0.6,0.1-0.8s0.2-0.5,0.4-0.6s0.4-0.3,0.7-0.4s0.6-0.2,0.9-0.2l0.1-1.2c0,0,0-0.1,0-0.1s0,0,0.1-0.1s0.1,0,0.1,0s0.1,0,0.2,0c0.1,0,0.2,0,0.3,0s0.1,0,0.2,0s0.1,0,0.1,0.1s0,0.1,0,0.1l-0.1,1.1c0.1,0,0.2,0,0.3,0.1s0.2,0.1,0.3,0.1s0.2,0.1,0.3,0.1S24,5.8,24,5.8s0.1,0.1,0.1,0.1s0,0.1,0,0.1s0,0.1,0,0.2s0,0.1,0,0.2c0,0.1,0,0.2,0,0.3s0,0.1,0,0.2S24.1,7,24,7s0,0-0.1,0c-0.1,0-0.1,0-0.2-0.1s-0.2-0.1-0.4-0.2s-0.3-0.1-0.5-0.2s-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.5,0.1s-0.3,0.1-0.4,0.2S21.3,6.9,21.2,7s-0.1,0.2-0.1,0.3c0,0.2,0,0.3,0.1,0.5s0.2,0.2,0.4,0.3s0.3,0.2,0.6,0.2s0.4,0.2,0.6,0.2s0.4,0.2,0.6,0.3s0.4,0.2,0.5,0.4s0.3,0.3,0.4,0.6S24.6,10.4,24.6,10.7z M21,1h-2v2h2V1z M25,1h-2v2h2V1z M29,9V1h-2v8v7H17V9V1h-2v8H3c-1.1,0-2,0.9-2,2v18c0,1.1,0.9,2,2,2h26c1.1,0,2-0.9,2-2V11C31,9.9,30.1,9,29,9z M8,28H3v-2h5V28z M8,24H3v-2h5V24z M8,20H3v-2h5V20z M15,28h-5v-2h5V28z M15,24h-5v-2h5V24z M15,20h-5v-2h5V20z M15,16H3v-5h12V16z M22,28h-5v-2h5V28z M22,24h-5v-2h5V24z M22,20h-5v-2h5V20z M29,28h-5v-6h5V28z M29,20h-5v-2h5V20z'/%3E%3C/svg%3E");
    border-bottom-color: #3a9a57; }
  .widget--charges .dynamicRow-header {
    background-color: #dce6df;
    color: #225b33; }
  .widget--charges .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %233a9a57' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  .widget--charges .dynamicRow-header {
    padding-left: 0.6rem; }
  @media (max-width: 660px) {
    .widget--charges .header {
      background-color: #3a9a57; }
      .widget--charges .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M24.6,10.7c0,0.3-0.1,0.6-0.2,0.9s-0.3,0.5-0.5,0.7s-0.5,0.4-0.8,0.5s-0.7,0.2-1,0.2l-0.1,1.3c0,0,0,0.1,0,0.1s0,0-0.1,0.1s-0.1,0-0.2,0s-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0s-0.1,0-0.1-0.1s0-0.1,0-0.1L21,13c-0.2,0-0.3-0.1-0.5-0.1s-0.3-0.1-0.4-0.1s-0.2-0.1-0.3-0.1s-0.2-0.1-0.2-0.1s-0.1-0.1-0.1-0.2s0-0.2,0-0.4c0-0.1,0-0.2,0-0.3s0-0.2,0-0.2s0-0.1,0.1-0.1s0.1,0,0.1,0c0.1,0,0.1,0,0.2,0.1s0.2,0.1,0.4,0.2s0.3,0.1,0.6,0.2s0.5,0.1,0.8,0.1c0.5,0,0.8-0.1,1-0.3s0.3-0.4,0.3-0.7c0-0.2,0-0.3-0.1-0.5s-0.2-0.2-0.4-0.3s-0.3-0.2-0.5-0.2s-0.4-0.1-0.6-0.2s-0.4-0.2-0.6-0.3s-0.4-0.2-0.5-0.4s-0.3-0.4-0.4-0.6s-0.1-0.5-0.1-0.8c0-0.3,0-0.6,0.1-0.8s0.2-0.5,0.4-0.6s0.4-0.3,0.7-0.4s0.6-0.2,0.9-0.2l0.1-1.2c0,0,0-0.1,0-0.1s0,0,0.1-0.1s0.1,0,0.1,0s0.1,0,0.2,0c0.1,0,0.2,0,0.3,0s0.1,0,0.2,0s0.1,0,0.1,0.1s0,0.1,0,0.1l-0.1,1.1c0.1,0,0.2,0,0.3,0.1s0.2,0.1,0.3,0.1s0.2,0.1,0.3,0.1S24,5.8,24,5.8s0.1,0.1,0.1,0.1s0,0.1,0,0.1s0,0.1,0,0.2s0,0.1,0,0.2c0,0.1,0,0.2,0,0.3s0,0.1,0,0.2S24.1,7,24,7s0,0-0.1,0c-0.1,0-0.1,0-0.2-0.1s-0.2-0.1-0.4-0.2s-0.3-0.1-0.5-0.2s-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.5,0.1s-0.3,0.1-0.4,0.2S21.3,6.9,21.2,7s-0.1,0.2-0.1,0.3c0,0.2,0,0.3,0.1,0.5s0.2,0.2,0.4,0.3s0.3,0.2,0.6,0.2s0.4,0.2,0.6,0.2s0.4,0.2,0.6,0.3s0.4,0.2,0.5,0.4s0.3,0.3,0.4,0.6S24.6,10.4,24.6,10.7z M21,1h-2v2h2V1z M25,1h-2v2h2V1z M29,9V1h-2v8v7H17V9V1h-2v8H3c-1.1,0-2,0.9-2,2v18c0,1.1,0.9,2,2,2h26c1.1,0,2-0.9,2-2V11C31,9.9,30.1,9,29,9z M8,28H3v-2h5V28z M8,24H3v-2h5V24z M8,20H3v-2h5V20z M15,28h-5v-2h5V28z M15,24h-5v-2h5V24z M15,20h-5v-2h5V20z M15,16H3v-5h12V16z M22,28h-5v-2h5V28z M22,24h-5v-2h5V24z M22,20h-5v-2h5V20z M29,28h-5v-6h5V28z M29,20h-5v-2h5V20z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--charges .header {
    background-color: #3a9a57;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M24.6,10.7c0,0.3-0.1,0.6-0.2,0.9s-0.3,0.5-0.5,0.7s-0.5,0.4-0.8,0.5s-0.7,0.2-1,0.2l-0.1,1.3c0,0,0,0.1,0,0.1s0,0-0.1,0.1s-0.1,0-0.2,0s-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0s-0.1,0-0.1-0.1s0-0.1,0-0.1L21,13c-0.2,0-0.3-0.1-0.5-0.1s-0.3-0.1-0.4-0.1s-0.2-0.1-0.3-0.1s-0.2-0.1-0.2-0.1s-0.1-0.1-0.1-0.2s0-0.2,0-0.4c0-0.1,0-0.2,0-0.3s0-0.2,0-0.2s0-0.1,0.1-0.1s0.1,0,0.1,0c0.1,0,0.1,0,0.2,0.1s0.2,0.1,0.4,0.2s0.3,0.1,0.6,0.2s0.5,0.1,0.8,0.1c0.5,0,0.8-0.1,1-0.3s0.3-0.4,0.3-0.7c0-0.2,0-0.3-0.1-0.5s-0.2-0.2-0.4-0.3s-0.3-0.2-0.5-0.2s-0.4-0.1-0.6-0.2s-0.4-0.2-0.6-0.3s-0.4-0.2-0.5-0.4s-0.3-0.4-0.4-0.6s-0.1-0.5-0.1-0.8c0-0.3,0-0.6,0.1-0.8s0.2-0.5,0.4-0.6s0.4-0.3,0.7-0.4s0.6-0.2,0.9-0.2l0.1-1.2c0,0,0-0.1,0-0.1s0,0,0.1-0.1s0.1,0,0.1,0s0.1,0,0.2,0c0.1,0,0.2,0,0.3,0s0.1,0,0.2,0s0.1,0,0.1,0.1s0,0.1,0,0.1l-0.1,1.1c0.1,0,0.2,0,0.3,0.1s0.2,0.1,0.3,0.1s0.2,0.1,0.3,0.1S24,5.8,24,5.8s0.1,0.1,0.1,0.1s0,0.1,0,0.1s0,0.1,0,0.2s0,0.1,0,0.2c0,0.1,0,0.2,0,0.3s0,0.1,0,0.2S24.1,7,24,7s0,0-0.1,0c-0.1,0-0.1,0-0.2-0.1s-0.2-0.1-0.4-0.2s-0.3-0.1-0.5-0.2s-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.5,0.1s-0.3,0.1-0.4,0.2S21.3,6.9,21.2,7s-0.1,0.2-0.1,0.3c0,0.2,0,0.3,0.1,0.5s0.2,0.2,0.4,0.3s0.3,0.2,0.6,0.2s0.4,0.2,0.6,0.2s0.4,0.2,0.6,0.3s0.4,0.2,0.5,0.4s0.3,0.3,0.4,0.6S24.6,10.4,24.6,10.7z M21,1h-2v2h2V1z M25,1h-2v2h2V1z M29,9V1h-2v8v7H17V9V1h-2v8H3c-1.1,0-2,0.9-2,2v18c0,1.1,0.9,2,2,2h26c1.1,0,2-0.9,2-2V11C31,9.9,30.1,9,29,9z M8,28H3v-2h5V28z M8,24H3v-2h5V24z M8,20H3v-2h5V20z M15,28h-5v-2h5V28z M15,24h-5v-2h5V24z M15,20h-5v-2h5V20z M15,16H3v-5h12V16z M22,28h-5v-2h5V28z M22,24h-5v-2h5V24z M22,20h-5v-2h5V20z M29,28h-5v-6h5V28z M29,20h-5v-2h5V20z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--charges .header-title {
      background-image: none; }
  .widget--charges .dynamicRow-header {
    padding-left: 0.6rem; }

/*********/
.widget--charges .header,
.widgetSelection.charges-widget-selector {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %233a9a57' d=' M24.6,10.7c0,0.3-0.1,0.6-0.2,0.9s-0.3,0.5-0.5,0.7s-0.5,0.4-0.8,0.5s-0.7,0.2-1,0.2l-0.1,1.3c0,0,0,0.1,0,0.1s0,0-0.1,0.1s-0.1,0-0.2,0s-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0s-0.1,0-0.1-0.1s0-0.1,0-0.1L21,13c-0.2,0-0.3-0.1-0.5-0.1s-0.3-0.1-0.4-0.1s-0.2-0.1-0.3-0.1s-0.2-0.1-0.2-0.1s-0.1-0.1-0.1-0.2s0-0.2,0-0.4c0-0.1,0-0.2,0-0.3s0-0.2,0-0.2s0-0.1,0.1-0.1s0.1,0,0.1,0c0.1,0,0.1,0,0.2,0.1s0.2,0.1,0.4,0.2s0.3,0.1,0.6,0.2s0.5,0.1,0.8,0.1c0.5,0,0.8-0.1,1-0.3s0.3-0.4,0.3-0.7c0-0.2,0-0.3-0.1-0.5s-0.2-0.2-0.4-0.3s-0.3-0.2-0.5-0.2s-0.4-0.1-0.6-0.2s-0.4-0.2-0.6-0.3s-0.4-0.2-0.5-0.4s-0.3-0.4-0.4-0.6s-0.1-0.5-0.1-0.8c0-0.3,0-0.6,0.1-0.8s0.2-0.5,0.4-0.6s0.4-0.3,0.7-0.4s0.6-0.2,0.9-0.2l0.1-1.2c0,0,0-0.1,0-0.1s0,0,0.1-0.1s0.1,0,0.1,0s0.1,0,0.2,0c0.1,0,0.2,0,0.3,0s0.1,0,0.2,0s0.1,0,0.1,0.1s0,0.1,0,0.1l-0.1,1.1c0.1,0,0.2,0,0.3,0.1s0.2,0.1,0.3,0.1s0.2,0.1,0.3,0.1S24,5.8,24,5.8s0.1,0.1,0.1,0.1s0,0.1,0,0.1s0,0.1,0,0.2s0,0.1,0,0.2c0,0.1,0,0.2,0,0.3s0,0.1,0,0.2S24.1,7,24,7s0,0-0.1,0c-0.1,0-0.1,0-0.2-0.1s-0.2-0.1-0.4-0.2s-0.3-0.1-0.5-0.2s-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.5,0.1s-0.3,0.1-0.4,0.2S21.3,6.9,21.2,7s-0.1,0.2-0.1,0.3c0,0.2,0,0.3,0.1,0.5s0.2,0.2,0.4,0.3s0.3,0.2,0.6,0.2s0.4,0.2,0.6,0.2s0.4,0.2,0.6,0.3s0.4,0.2,0.5,0.4s0.3,0.3,0.4,0.6S24.6,10.4,24.6,10.7z M21,1h-2v2h2V1z M25,1h-2v2h2V1z M29,9V1h-2v8v7H17V9V1h-2v8H3c-1.1,0-2,0.9-2,2v18c0,1.1,0.9,2,2,2h26c1.1,0,2-0.9,2-2V11C31,9.9,30.1,9,29,9z M8,28H3v-2h5V28z M8,24H3v-2h5V24z M8,20H3v-2h5V20z M15,28h-5v-2h5V28z M15,24h-5v-2h5V24z M15,20h-5v-2h5V20z M15,16H3v-5h12V16z M22,28h-5v-2h5V28z M22,24h-5v-2h5V24z M22,20h-5v-2h5V20z M29,28h-5v-6h5V28z M29,20h-5v-2h5V20z'/%3E%3C/svg%3E"); }

.thickItem-header--chargesWidget {
  width: 100%;
  float: left;
  margin-bottom: 0.6rem; }

.widget--charges .charge-fromDate {
  padding-right: 0.6rem;
  border-right: solid 0.1rem #777;
  margin-right: 0.3rem; }

.thickItems li.chargeWidget-listItemHeader, .thickItems li.charge-listItemHeader {
  padding-top: 0; }

.widget--clinicalAlerts {
  /* Header */
  border-top-color: #b56b97; }
  .widget--clinicalAlerts .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b56b97' d=' M9.7,18.2c1,0.8,1.8,2.4,2.1,3.8h8.3c0.3-1.4,1.2-2.9,2.1-3.8c0,0,3.7-3.1,3.7-7.2c0-5.5-4.5-10-10-10 S6,5.5,6,11C6,15.1,9.7,18.2,9.7,18.2z M10,9h4V5h4v4h4v4h-4v4h-4v-4h-4V9z M20,26h-8v-2h8V26z M12,28h8c0,1.6-1.3,3-3,3h-2 C13.3,31,12,29.6,12,28z'/%3E%3C/svg%3E");
    border-bottom-color: #b56b97; }
  .widget--clinicalAlerts .dynamicRow-header {
    background-color: #e8e1e5;
    color: #86436b; }
  @media (max-width: 660px) {
    .widget--clinicalAlerts .header {
      background-color: #b56b97; }
      .widget--clinicalAlerts .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M9.7,18.2c1,0.8,1.8,2.4,2.1,3.8h8.3c0.3-1.4,1.2-2.9,2.1-3.8c0,0,3.7-3.1,3.7-7.2c0-5.5-4.5-10-10-10 S6,5.5,6,11C6,15.1,9.7,18.2,9.7,18.2z M10,9h4V5h4v4h4v4h-4v4h-4v-4h-4V9z M20,26h-8v-2h8V26z M12,28h8c0,1.6-1.3,3-3,3h-2 C13.3,31,12,29.6,12,28z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--clinicalAlerts .header {
    background-color: #b56b97;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M9.7,18.2c1,0.8,1.8,2.4,2.1,3.8h8.3c0.3-1.4,1.2-2.9,2.1-3.8c0,0,3.7-3.1,3.7-7.2c0-5.5-4.5-10-10-10 S6,5.5,6,11C6,15.1,9.7,18.2,9.7,18.2z M10,9h4V5h4v4h4v4h-4v4h-4v-4h-4V9z M20,26h-8v-2h8V26z M12,28h8c0,1.6-1.3,3-3,3h-2 C13.3,31,12,29.6,12,28z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--clinicalAlerts .header-title {
      background-image: none; }

.clinicalAlertsItemLabel {
  vertical-align: super; }

.widget--documents {
  /* Header */
  border-top-color: #b75a2a; }
  .widget--documents .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b75a2a' d=' M5,3v20H1V1h18v2H5z M25,7V5H7v22h4V7H25z M13,9v22h10v-8h8V9H13z M25,31l6-6h-6V31z'/%3E%3C/svg%3E");
    border-bottom-color: #b75a2a; }
  .widget--documents .dynamicRow-header {
    background-color: #e9dfda;
    color: #70371a; }
  .widget--documents .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b75a2a' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--documents .header {
      background-color: #b75a2a; }
      .widget--documents .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M5,3v20H1V1h18v2H5z M25,7V5H7v22h4V7H25z M13,9v22h10v-8h8V9H13z M25,31l6-6h-6V31z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--documents .header {
    background-color: #b75a2a;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M5,3v20H1V1h18v2H5z M25,7V5H7v22h4V7H25z M13,9v22h10v-8h8V9H13z M25,31l6-6h-6V31z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--documents .header-title {
      background-image: none; }

.widget--evalAndManagement {
  /* Header */
  border-top-color: #6ea665; }
  .widget--evalAndManagement .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %236ea665' d=' M30,30H2V2h28V30z M4,28h24V4H4V28z M26,6H6v4h20V6z M10,12H6v2h4V12z M16,12h-4v2h4V12z M22,12h-4v2h4V12zM10,16H6v2h4V16z M16,16h-4v2h4V16z M22,16h-4v2h4V16z M10,20H6v2h4V20z M16,24H6v2h10V24z M16,20h-4v2h4V20z M22,20h-4v2h4V20zM22,24h-4v2h4V24z M26,12h-2v14h2V12z'/%3E%3C/svg%3E");
    border-bottom-color: #6ea665; }
  .widget--evalAndManagement .dynamicRow-header {
    background-color: #e1e7e0;
    color: #497242; }
  @media (max-width: 660px) {
    .widget--evalAndManagement .header {
      background-color: #6ea665; }
      .widget--evalAndManagement .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M30,30H2V2h28V30z M4,28h24V4H4V28z M26,6H6v4h20V6z M10,12H6v2h4V12z M16,12h-4v2h4V12z M22,12h-4v2h4V12zM10,16H6v2h4V16z M16,16h-4v2h4V16z M22,16h-4v2h4V16z M10,20H6v2h4V20z M16,24H6v2h10V24z M16,20h-4v2h4V20z M22,20h-4v2h4V20zM22,24h-4v2h4V24z M26,12h-2v14h2V12z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--evalAndManagement .header {
    background-color: #6ea665;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M30,30H2V2h28V30z M4,28h24V4H4V28z M26,6H6v4h20V6z M10,12H6v2h4V12z M16,12h-4v2h4V12z M22,12h-4v2h4V12zM10,16H6v2h4V16z M16,16h-4v2h4V16z M22,16h-4v2h4V16z M10,20H6v2h4V20z M16,24H6v2h10V24z M16,20h-4v2h4V20z M22,20h-4v2h4V20zM22,24h-4v2h4V24z M26,12h-2v14h2V12z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--evalAndManagement .header-title {
      background-image: none; }

.widget--familyMedicalHistory {
  /* Header */
  border-top-color: #7eb1a1; }
  .widget--familyMedicalHistory .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %237eb1a1' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M18,14v4h-4v-4h-2v6h3v4H5v-4h3v-6H6v4H2v-4H0v6h3v6h6v6h2v-6h6v-6h3v-6H18z'/%3E%3C/svg%3E");
    border-bottom-color: #7eb1a1; }
  .widget--familyMedicalHistory .dynamicRow-header {
    background-color: #e3e8e6;
    color: #528776; }
  .widget--familyMedicalHistory .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %237eb1a1' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--familyMedicalHistory .header {
      background-color: #7eb1a1; }
      .widget--familyMedicalHistory .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M18,14v4h-4v-4h-2v6h3v4H5v-4h3v-6H6v4H2v-4H0v6h3v6h6v6h2v-6h6v-6h3v-6H18z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--familyMedicalHistory .header {
    background-color: #7eb1a1;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M18,14v4h-4v-4h-2v6h3v4H5v-4h3v-6H6v4H2v-4H0v6h3v6h6v6h2v-6h6v-6h3v-6H18z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--familyMedicalHistory .header-title {
      background-image: none; }

.widget--flowsheets {
  position: relative;
  /* Header */
  border-top-color: #5581b0; }
  .widget--flowsheets .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %235581b0' d=' M1,1v30h20h2l8-8v-2V1H1z M23,28.2V23h5.2L23,28.2z M27,21v-4H5v4h16v2H5v4h16v2H3V3h26v18H27z M27,5v4H5V5 H27z M5,11h22v4H5V11z'/%3E%3C/svg%3E");
    border-bottom-color: #5581b0; }
  .widget--flowsheets .dynamicRow-header {
    background-color: #dfe3e8;
    color: #375677; }
  @media (max-width: 660px) {
    .widget--flowsheets .header {
      background-color: #5581b0; }
      .widget--flowsheets .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M1,1v30h20h2l8-8v-2V1H1z M23,28.2V23h5.2L23,28.2z M27,21v-4H5v4h16v2H5v4h16v2H3V3h26v18H27z M27,5v4H5V5 H27z M5,11h22v4H5V11z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--flowsheets .header {
    background-color: #5581b0;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M1,1v30h20h2l8-8v-2V1H1z M23,28.2V23h5.2L23,28.2z M27,21v-4H5v4h16v2H5v4h16v2H3V3h26v18H27z M27,5v4H5V5 H27z M5,11h22v4H5V11z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--flowsheets .header-title {
      background-image: none; }

.widget--geneticHistory {
  /* Header */
  border-top-color: #eac800; }
  .widget--geneticHistory .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23eac800' d=' M17.1,21.1c1,0.5,2,0.8,3.1,0.9c0,2.4-0.9,4.8-2.8,6.7l-2.3,2.3c-0.3,0.3-0.7,0.4-1.1,0.4s-0.8-0.1-1.1-0.4 c-0.6-0.6-0.6-1.5,0-2.1l0.3-0.3l-8.5-8.5l1.4-1.4l8.5,8.5l0.6-0.6c0.3-0.3,0.6-0.7,0.8-1.1l-8.2-8.2c0.6-0.3,1.3-0.5,2.1-0.5 c0.1,0,0.2,0,0.3,0l6.7,6.7C17.2,22.8,17.2,21.9,17.1,21.1z M15,8.4l6.7,6.7c0.1,0,0.2,0,0.3,0c0.7,0,1.4-0.2,2.1-0.5l-8.2-8.2 c0.2-0.4,0.5-0.7,0.8-1.1l0.6-0.6l8.5,8.5l1.4-1.4l-8.5-8.5l0.3-0.3c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.8,1.8-2.8,4.3-2.8,6.7c1.1,0.2,2.1,0.5,3.1,0.9C14.8,10.1,14.8,9.2,15,8.4z M31.1,12.9c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.2,1.2-2.9,1.9-4.6,1.9s-3.4-0.7-4.6-1.9l-0.7-0.7c-1.8-1.8-4.2-2.8-6.7-2.8s-4.9,1-6.7,2.8l-2.3,2.3c-0.6,0.6-0.6,1.5,0,2.1 c0.6,0.6,1.5,0.6,2.1,0l2.3-2.3c1.2-1.2,2.9-1.9,4.6-1.9s3.4,0.7,4.6,1.9l0.7,0.7c1.8,1.8,4.2,2.8,6.7,2.8s4.9-1,6.7-2.8l2.3-2.3 C31.6,14.5,31.6,13.5,31.1,12.9z'/%3E%3C/svg%3E");
    border-bottom-color: #eac800; }
  .widget--geneticHistory .dynamicRow-header {
    background-color: #eeead6;
    color: #937e00; }
  .widget--geneticHistory .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23eac800' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--geneticHistory .header {
      background-color: #eac800; }
      .widget--geneticHistory .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M17.1,21.1c1,0.5,2,0.8,3.1,0.9c0,2.4-0.9,4.8-2.8,6.7l-2.3,2.3c-0.3,0.3-0.7,0.4-1.1,0.4s-0.8-0.1-1.1-0.4 c-0.6-0.6-0.6-1.5,0-2.1l0.3-0.3l-8.5-8.5l1.4-1.4l8.5,8.5l0.6-0.6c0.3-0.3,0.6-0.7,0.8-1.1l-8.2-8.2c0.6-0.3,1.3-0.5,2.1-0.5 c0.1,0,0.2,0,0.3,0l6.7,6.7C17.2,22.8,17.2,21.9,17.1,21.1z M15,8.4l6.7,6.7c0.1,0,0.2,0,0.3,0c0.7,0,1.4-0.2,2.1-0.5l-8.2-8.2 c0.2-0.4,0.5-0.7,0.8-1.1l0.6-0.6l8.5,8.5l1.4-1.4l-8.5-8.5l0.3-0.3c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.8,1.8-2.8,4.3-2.8,6.7c1.1,0.2,2.1,0.5,3.1,0.9C14.8,10.1,14.8,9.2,15,8.4z M31.1,12.9c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.2,1.2-2.9,1.9-4.6,1.9s-3.4-0.7-4.6-1.9l-0.7-0.7c-1.8-1.8-4.2-2.8-6.7-2.8s-4.9,1-6.7,2.8l-2.3,2.3c-0.6,0.6-0.6,1.5,0,2.1 c0.6,0.6,1.5,0.6,2.1,0l2.3-2.3c1.2-1.2,2.9-1.9,4.6-1.9s3.4,0.7,4.6,1.9l0.7,0.7c1.8,1.8,4.2,2.8,6.7,2.8s4.9-1,6.7-2.8l2.3-2.3 C31.6,14.5,31.6,13.5,31.1,12.9z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--geneticHistory .header {
    background-color: #eac800;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.25)' d=' M17.1,21.1c1,0.5,2,0.8,3.1,0.9c0,2.4-0.9,4.8-2.8,6.7l-2.3,2.3c-0.3,0.3-0.7,0.4-1.1,0.4s-0.8-0.1-1.1-0.4 c-0.6-0.6-0.6-1.5,0-2.1l0.3-0.3l-8.5-8.5l1.4-1.4l8.5,8.5l0.6-0.6c0.3-0.3,0.6-0.7,0.8-1.1l-8.2-8.2c0.6-0.3,1.3-0.5,2.1-0.5 c0.1,0,0.2,0,0.3,0l6.7,6.7C17.2,22.8,17.2,21.9,17.1,21.1z M15,8.4l6.7,6.7c0.1,0,0.2,0,0.3,0c0.7,0,1.4-0.2,2.1-0.5l-8.2-8.2 c0.2-0.4,0.5-0.7,0.8-1.1l0.6-0.6l8.5,8.5l1.4-1.4l-8.5-8.5l0.3-0.3c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.8,1.8-2.8,4.3-2.8,6.7c1.1,0.2,2.1,0.5,3.1,0.9C14.8,10.1,14.8,9.2,15,8.4z M31.1,12.9c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.2,1.2-2.9,1.9-4.6,1.9s-3.4-0.7-4.6-1.9l-0.7-0.7c-1.8-1.8-4.2-2.8-6.7-2.8s-4.9,1-6.7,2.8l-2.3,2.3c-0.6,0.6-0.6,1.5,0,2.1 c0.6,0.6,1.5,0.6,2.1,0l2.3-2.3c1.2-1.2,2.9-1.9,4.6-1.9s3.4,0.7,4.6,1.9l0.7,0.7c1.8,1.8,4.2,2.8,6.7,2.8s4.9-1,6.7-2.8l2.3-2.3 C31.6,14.5,31.6,13.5,31.1,12.9z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--geneticHistory .header-title {
      background-image: none; }

.widget--hpi {
  /* Header */
  border-top-color: #ce9120; }
  .widget--hpi .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23ce9120' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16,22h-6v-6H6v6H0v4h6v6h4v-6h6V22z'/%3E%3C/svg%3E");
    border-bottom-color: #ce9120; }
  .widget--hpi .dynamicRow-header {
    background-color: #ebe5d9;
    color: #835c14; }
  @media (max-width: 660px) {
    .widget--hpi .header {
      background-color: #ce9120; }
      .widget--hpi .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16,22h-6v-6H6v6H0v4h6v6h4v-6h6V22z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--hpi .header {
    background-color: #ce9120;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16,22h-6v-6H6v6H0v4h6v6h4v-6h6V22z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--hpi .header-title {
      background-image: none; }

.hpiWidget-chiefComplaint {
  font-weight: 600; }

.widget--hpi .widgetContent {
  padding-left: .6rem;
  padding-right: .6rem;
  padding-bottom: .6rem; }

.widget--immunization {
  /* Header */
  border-top-color: #6ea665; }
  .widget--immunization .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %236ea665' d=' M30.3,9l1.4-1.4l-7.2-7.2L23,1.7l2.2,2.2l-3.8,3.8L16,2.3l-1.4,1.4l2.6,2.6L3,20.5l3.5,3.5l-6.2,6.2l1.4,1.4 l6.2-6.2l3.5,3.5l14.2-14.2l2.8,2.8l1.4-1.4l-5.6-5.6l3.8-3.8L30.3,9z M22.7,15H11.3l7.2-7.2l5.7,5.7L22.7,15z'/%3E%3C/svg%3E");
    border-bottom-color: #6ea665; }
  .widget--immunization .dynamicRow-header {
    background-color: #e1e7e0;
    color: #497242; }
  @media (max-width: 660px) {
    .widget--immunization .header {
      background-color: #6ea665; }
      .widget--immunization .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M30.3,9l1.4-1.4l-7.2-7.2L23,1.7l2.2,2.2l-3.8,3.8L16,2.3l-1.4,1.4l2.6,2.6L3,20.5l3.5,3.5l-6.2,6.2l1.4,1.4 l6.2-6.2l3.5,3.5l14.2-14.2l2.8,2.8l1.4-1.4l-5.6-5.6l3.8-3.8L30.3,9z M22.7,15H11.3l7.2-7.2l5.7,5.7L22.7,15z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--immunization .header {
    background-color: #6ea665;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M30.3,9l1.4-1.4l-7.2-7.2L23,1.7l2.2,2.2l-3.8,3.8L16,2.3l-1.4,1.4l2.6,2.6L3,20.5l3.5,3.5l-6.2,6.2l1.4,1.4 l6.2-6.2l3.5,3.5l14.2-14.2l2.8,2.8l1.4-1.4l-5.6-5.6l3.8-3.8L30.3,9z M22.7,15H11.3l7.2-7.2l5.7,5.7L22.7,15z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--immunization .header-title {
      background-image: none; }
  .widget--immunization .dynamicRow-header {
    padding-left: 0.6rem; }

.widget--medicalHistory {
  /* Header */
  border-top-color: #56a066; }
  .widget--medicalHistory .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2356a066' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16,22h-6v-6H6v6H0v4h6v6h4v-6h6V22z'/%3E%3C/svg%3E");
    border-bottom-color: #56a066; }
  .widget--medicalHistory .dynamicRow-header {
    background-color: #dfe6e0;
    color: #386842; }
  .widget--medicalHistory .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2356a066' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--medicalHistory .header {
      background-color: #56a066; }
      .widget--medicalHistory .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16,22h-6v-6H6v6H0v4h6v6h4v-6h6V22z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--medicalHistory .header {
    background-color: #56a066;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16,22h-6v-6H6v6H0v4h6v6h4v-6h6V22z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--medicalHistory .header-title {
      background-image: none; }

.widget--medications {
  /* Header */
  border-top-color: #5a75a7; }
  .widget--medications .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %235a75a7' d=' M29,15c1.2,1.7,2,3.7,2,6c0,5.5-4.5,10-10,10c-2.2,0-4.3-0.7-6-2L29,15z M10.5,11.6 c-3.1,3.1-6.2,6.2-7.5,7.5c-2.7,2.7-2.7,7.2,0,9.9c2.7,2.7,7.2,2.7,9.9,0c1.1-1.1,4.2-4.2,7.5-7.5L10.5,11.6z M21.5,20.4 c3.2-3.2,6.3-6.3,7.5-7.5c2.7-2.7,2.7-7.2,0-9.9c-2.7-2.7-7.2-2.7-9.9,0c-1.1,1.1-4.2,4.2-7.5,7.5L21.5,20.4z'/%3E%3C/svg%3E");
    border-bottom-color: #5a75a7; }
  .widget--medications .dynamicRow-header {
    background-color: #dfe2e7;
    color: #3b4d6f; }
  .widget--medications .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %235a75a7' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--medications .header {
      background-color: #5a75a7; }
      .widget--medications .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M29,15c1.2,1.7,2,3.7,2,6c0,5.5-4.5,10-10,10c-2.2,0-4.3-0.7-6-2L29,15z M10.5,11.6 c-3.1,3.1-6.2,6.2-7.5,7.5c-2.7,2.7-2.7,7.2,0,9.9c2.7,2.7,7.2,2.7,9.9,0c1.1-1.1,4.2-4.2,7.5-7.5L10.5,11.6z M21.5,20.4 c3.2-3.2,6.3-6.3,7.5-7.5c2.7-2.7,2.7-7.2,0-9.9c-2.7-2.7-7.2-2.7-9.9,0c-1.1,1.1-4.2,4.2-7.5,7.5L21.5,20.4z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--medications .header {
    background-color: #5a75a7;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M29,15c1.2,1.7,2,3.7,2,6c0,5.5-4.5,10-10,10c-2.2,0-4.3-0.7-6-2L29,15z M10.5,11.6 c-3.1,3.1-6.2,6.2-7.5,7.5c-2.7,2.7-2.7,7.2,0,9.9c2.7,2.7,7.2,2.7,9.9,0c1.1-1.1,4.2-4.2,7.5-7.5L10.5,11.6z M21.5,20.4 c3.2-3.2,6.3-6.3,7.5-7.5c2.7-2.7,2.7-7.2,0-9.9c-2.7-2.7-7.2-2.7-9.9,0c-1.1,1.1-4.2,4.2-7.5,7.5L21.5,20.4z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--medications .header-title {
      background-image: none; }

.widget--medications .divTableCell {
  border-bottom: solid 1px;
  border-bottom-color: #ccc;
  padding: 0.2rem 0.6rem; }

.widget--medications .medWidget-medicationItem:last-of-type > .divTableCell {
  border-bottom: none; }

.widget--medications .rxType-outsideRecorded12 {
  height: 1.2rem;
  width: 1.2rem; }

.medWidget-medicationName {
  font-weight: 600;
  width: 1%;
  white-space: nowrap;
  border-right: solid 0.1rem #ccc;
  vertical-align: top;
  text-align: right; }
  @media (max-width: 960px) {
    .medWidget-medicationName {
      white-space: normal; } }

.medWidget-strengthAndFreq {
  display: inline-block;
  vertical-align: top; }

.medWidget-icons {
  display: inline-block;
  opacity: 0.7; }

.medWidget-medicationStatus {
  vertical-align: top;
  text-align: right; }

.widget--messages {
  /* Header */
  border-top-color: #6ea665; }
  .widget--messages .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %236ea665' d=' M28.8,11.1L18,2.7C17.4,2.2,16.7,2,16,2s-1.4,0.2-2,0.7L3.2,11.1C2.4,11.7,2,12.6,2,13.5V27c0,1.7,1.3,3,3,3 h22c1.7,0,3-1.3,3-3V13.5C30,12.6,29.6,11.7,28.8,11.1z M15.3,4.3L15.3,4.3L15.3,4.3C15.6,4,15.8,4,16,4s0.4,0,0.7,0.2l0,0l0,0 l10.9,8.4c0.2,0.2,0.4,0.5,0.4,0.8v0.1c0,0.3-0.1,0.6-0.4,0.8l-10.9,8.4l0,0l0,0c-0.2,0.2-0.5,0.2-0.7,0.2s-0.4,0-0.7-0.2l0,0l0,0 L4.4,14.3C4.1,14.2,4,13.9,4,13.6v-0.1c0-0.3,0.1-0.6,0.4-0.8L15.3,4.3z M25,11v3.1L16.1,21L16,21l0,0l-9-7v-3H25z'/%3E%3C/svg%3E");
    border-bottom-color: #6ea665; }
  .widget--messages .dynamicRow-header {
    background-color: #e1e7e0;
    color: #497242; }
  .widget--messages .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %236ea665' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  .in-edit-mode .widget--messages .header {
    background-color: #6ea665;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M28.8,11.1L18,2.7C17.4,2.2,16.7,2,16,2s-1.4,0.2-2,0.7L3.2,11.1C2.4,11.7,2,12.6,2,13.5V27c0,1.7,1.3,3,3,3 h22c1.7,0,3-1.3,3-3V13.5C30,12.6,29.6,11.7,28.8,11.1z M15.3,4.3L15.3,4.3L15.3,4.3C15.6,4,15.8,4,16,4s0.4,0,0.7,0.2l0,0l0,0 l10.9,8.4c0.2,0.2,0.4,0.5,0.4,0.8v0.1c0,0.3-0.1,0.6-0.4,0.8l-10.9,8.4l0,0l0,0c-0.2,0.2-0.5,0.2-0.7,0.2s-0.4,0-0.7-0.2l0,0l0,0 L4.4,14.3C4.1,14.2,4,13.9,4,13.6v-0.1c0-0.3,0.1-0.6,0.4-0.8L15.3,4.3z M25,11v3.1L16.1,21L16,21l0,0l-9-7v-3H25z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--messages .header-title {
      background-image: none; }

@media (min-width: 1025px) {
  .widget--messages .thickItem:hover .messageUnread-color {
    color: #ddd !important; }
  .widget--messages .thickItem:hover .messageUnread-darker {
    color: #fff !important; }
  .widget--messages .thickItem:hover .messagesWidget-body,
  .widget--messages .thickItem:hover .messageTime {
    color: #ccc !important; } }

@media (max-width: 1024px) {
  .widget--messages .thickItem:active .messageUnread-color {
    color: #ddd !important; }
  .widget--messages .thickItem:active .messageUnread-darker {
    color: #fff !important; }
  .widget--messages .thickItem:active .messagesWidget-body,
  .widget--messages .thickItem:active .messageTime {
    color: #ccc !important; } }

.messageTime {
  color: #999; }

.timeStamp-message {
  padding-right: 1.25rem; }

.messagesWidget-body {
  color: #777;
  font-size: 1.3rem;
  font-style: italic;
  max-width: 85%;
  padding-left: 0.6rem;
  max-height: 3.2rem; }

.messagesWidget-patient {
  float: right;
  margin-top: -2rem;
  position: relative;
  right: 1rem; }

.messagesWidget-patientIcon {
  /* Base64 version of SVG file - small grey patient icon that indicates that a message is from a patient within the messages widget */
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxkZWZzPgo8L2RlZnM+CjxwYXRoIGZpbGw9IiNBQUFBQUEiIGQ9Ik0xNS4zLDEyLjNjLTAuOC0wLjYtNC4zLTEuMy00LjYtMS42Yy0wLjEtMC4xLTAuMy0wLjQtMC40LTAuN2MwLDAsMCwwLDAsMGMtMC4xLDAuMS0wLjEsMC4yLTAuMiwwLjMKCWMtMC4zLDAuNS0wLjgsMS4zLTEuNywxLjNINy42Yy0wLjksMC0xLjQtMC44LTEuNy0xLjNDNS44LDEwLjEsNS44LDEwLDUuNywxMGMtMC4xLDAuMy0wLjIsMC42LTAuMywwLjdjLTAuMywwLjMtMy45LDEtNC42LDEuNgoJQzAsMTIuOSwwLDE0LjcsMCwxNC43QzAsMTUuNCwzLjYsMTYsOCwxNmM0LjQsMCw4LTAuNiw4LTEuNEMxNiwxNC43LDE2LDEyLjksMTUuMywxMi4zeiIvPgo8cGF0aCBmaWxsPSIjQUFBQUFBIiBkPSJNNC4yLDUuNmMwLjEsMC42LDAuMywxLDAuNSwxYzAsMCwwLDAsMCwwYzAsMC44LDAuNSwxLjcsMS4xLDIuM0M2LDkuMSw2LjEsOS4zLDYuMiw5LjQKCWMwLjMsMC4zLDAuNywxLjMsMS4zLDEuM2gwLjhjMC43LDAsMS0xLDEuMy0xLjNjMC4xLTAuMSwwLjMtMC4zLDAuNS0wLjVjMC41LTAuNiwxLTEuNCwxLTIuMmMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMAoJYzAuMiwwLDAuNS0wLjQsMC42LTFjMC4xLTAuNiwwLTEuMS0wLjMtMS4xYy0wLjEsMC0wLjIsMC4xLTAuMiwwLjJjMCwwLDAtMC4xLDAtMC4xYzAtMC41LDAuMS0xLjEsMC4xLTEuNGMwLTAuMywwLjEtMC43LDAtMQoJYzAtMC4yLTAuMS0wLjUtMC4yLTAuN2MtMC4xLTAuMS0wLjItMC4zLTAuMy0wLjRzLTAuMy0wLjMtMC41LTAuM2MtMC4yLTAuMS0wLjYtMC4yLTAuNywwYzAtMC4yLTAuNC0wLjUtMC43LTAuNgoJQzguNywwLjEsOC4xLDAsNy42LDBDNy4yLDAsNi41LDAuMSw2LDAuMkM1LjYsMC4zLDUsMC43LDQuOCwxQzQuNSwxLjQsNC4zLDIsNC4zLDIuNGMwLDAuNCwwLjEsMS4zLDAuMiwxLjljMCwwLjEsMC4xLDAuMiwwLjIsMC4zCgljMCwwLTAuMS0wLjEtMC4xLDBDNC4zLDQuNSw0LjIsNSw0LjIsNS42eiBNNC44LDQuN0M0LjgsNC43LDQuOCw0LjcsNC44LDQuN0M0LjgsNC43LDQuOCw0LjcsNC44LDQuN0M0LjgsNC43LDQuOCw0LjcsNC44LDQuN3oiLz4KPC9zdmc+);
  height: 1.6rem;
  width: 1.6rem;
  background-repeat: no-repeat;
  background-position: center; }

.messageUnread {
  border-left: 0.3rem solid #6ea665;
  height: auto;
  margin-left: 0rem; }
  @media (min-width: 1025px) {
    .messageUnread .thickItem:hover {
      color: #fff !important;
      background-color: rgba(0, 0, 0, 0.4); } }
  @media (max-width: 1024px) {
    .messageUnread .thickItem:active {
      color: #fff !important;
      background-color: rgba(0, 0, 0, 0.4); } }
  .messageUnread .messagesWidget-body {
    color: #777 !important; }

.messageUnread-color {
  color: #6ea665 !important; }
  .messageUnread-color .messageTime {
    color: #6ea665 !important; }

.messageUnread-darker {
  color: #222 !important; }

.messagePriority-indicators {
  height: 0rem !important;
  overflow: visible !important; }

.highPriority-widgetItem,
.lowPriority-widgetItem {
  float: right;
  right: -0.1rem;
  position: relative;
  top: -0.7rem;
  height: 0rem;
  overflow: visible;
  margin-top: 1px;
  margin-right: 1px; }

.highPriority-svg,
.lowPriority-svg {
  height: 2.2rem;
  width: 2.2rem;
  background-repeat: no-repeat;
  background-position: center; }

.highPriority-svg {
  /* Base64 version of SVG file - red corner svg with exclimation point that indicates that a message is high priority within the messages widget */
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIycHgiIGhlaWdodD0iMjJweCIgdmlld0JveD0iMCAwIDIyIDIyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMiAyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGVmcz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGVmcz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBmaWxsPSIjQTQyODU2IiBwb2ludHM9IjIyLDIyIDIyLDAgMCwwIAkiLz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjgsMTEuNGMwLTAuOCwwLjUtMS4zLDEuMy0xLjNjMC43LDAsMS4zLDAuNiwxLjMsMS4zYzAsMC44LTAuNiwxLjMtMS4zLDEuMwoJCQlDMTYuMywxMi44LDE1LjgsMTIuMiwxNS44LDExLjR6IE0xNiw0LjhMMTYsMi45aDIuMUwxOCw0LjhsLTAuMyw0LjRoLTEuNEwxNiw0Ljh6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==); }

.lowPriority-svg {
  /* Base64 version of SVG file - grey corner svg with down arrow that indicates that a message is low priority within the messages widget */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMiAyMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjIgMjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNDRENDQ0MiIGQ9Ik0yMC45LDF2MTcuM0wyLjUsMUgyMC45IE0yMS45LDBIMC4xTDIyLDIwLjZMMjEuOSwwTDIxLjksMHoiLz4NCgk8L2c+DQoJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyMC45LDE4LjMgMjIsMTkuMyAyMiwwIDEuNSwwIAkiLz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjOTg5ODk4IiBkPSJNMTQuNyw0LjJsLTAuMS0xLjlIMThsLTAuMSwxLjlsLTAuNSw0LjRoLTIuM0wxNC43LDQuMnoiLz4NCgkJPC9nPg0KCQk8cG9seWdvbiBmaWxsPSIjOTg5ODk4IiBwb2ludHM9IjE1LjYsOC40IDEyLjksOC40IDE2LjMsMTEuNiAxOS41LDguNCAJCSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); }

.details--messages {
  /* Index top border color */
  /* Top border color */
  /* Tab bar color */
  /* Editor border color */
  /* Editor right-side color */
  /* Active field marker color */ }
  .details--messages .itemIndex {
    border-top-color: #6ea665; }
  .details--messages .card {
    border-top-color: #6ea665; }
  .details--messages .cardNav {
    background-color: #6ea665; }
  .details--messages .itemEditorHeader {
    border-top-color: #6ea665; }
  .details--messages .itemEditorRight {
    background-color: #6ea665; }
  .details--messages .itemEditorLeft li.is-active:after {
    background-color: #6ea665; }
  .details--messages .itemEditorHeader a {
    color: #6ea665; }

.widget--noteVitals {
  /* Header */
  border-top-color: #98335a; }
  .widget--noteVitals .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2398335a' d=' M1,3c0-1.1,4-2,9-2s9,0.9,9,2c0,1.1-4,2-9,2S1,4.1,1,3z M28,15.5V20h-1v2c0,5-4,9-9,9s-9-4-9-9v0 c-4.5-0.1-8-1-8-2V4.5C3.1,5.9,8.2,6,10,6s6.9-0.1,9-1.5V20c0,1-3.5,1.9-8,2v0c0,3.9,3.1,7,7,7s7-3.1,7-7v-2h-1v-4.5 c-1.8-1-3-3.3-3-6C21,5.9,23.2,3,26,3s5,2.9,5,6.5C31,12.2,29.8,14.5,28,15.5z M10,19c2.4,0,4.4-1.7,4.9-4H10v-2h4.9 c-0.5-2.3-2.5-4-4.9-4c-2.8,0-5,2.2-5,5S7.2,19,10,19z'/%3E%3C/svg%3E");
    border-bottom-color: #98335a; }
  .widget--noteVitals .dynamicRow-header {
    background-color: #e5dbdf;
    color: #571d34; }
  .widget--noteVitals .widgetContent {
    height: 100%; }
  .widget--noteVitals .divTableCell {
    border-bottom: 1px solid #eeeeee; }
  @media (max-width: 660px) {
    .widget--noteVitals .header {
      background-color: #98335a; }
      .widget--noteVitals .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M1,3c0-1.1,4-2,9-2s9,0.9,9,2c0,1.1-4,2-9,2S1,4.1,1,3z M28,15.5V20h-1v2c0,5-4,9-9,9s-9-4-9-9v0 c-4.5-0.1-8-1-8-2V4.5C3.1,5.9,8.2,6,10,6s6.9-0.1,9-1.5V20c0,1-3.5,1.9-8,2v0c0,3.9,3.1,7,7,7s7-3.1,7-7v-2h-1v-4.5 c-1.8-1-3-3.3-3-6C21,5.9,23.2,3,26,3s5,2.9,5,6.5C31,12.2,29.8,14.5,28,15.5z M10,19c2.4,0,4.4-1.7,4.9-4H10v-2h4.9 c-0.5-2.3-2.5-4-4.9-4c-2.8,0-5,2.2-5,5S7.2,19,10,19z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--noteVitals .header {
    background-color: #98335a;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M1,3c0-1.1,4-2,9-2s9,0.9,9,2c0,1.1-4,2-9,2S1,4.1,1,3z M28,15.5V20h-1v2c0,5-4,9-9,9s-9-4-9-9v0 c-4.5-0.1-8-1-8-2V4.5C3.1,5.9,8.2,6,10,6s6.9-0.1,9-1.5V20c0,1-3.5,1.9-8,2v0c0,3.9,3.1,7,7,7s7-3.1,7-7v-2h-1v-4.5 c-1.8-1-3-3.3-3-6C21,5.9,23.2,3,26,3s5,2.9,5,6.5C31,12.2,29.8,14.5,28,15.5z M10,19c2.4,0,4.4-1.7,4.9-4H10v-2h4.9 c-0.5-2.3-2.5-4-4.9-4c-2.8,0-5,2.2-5,5S7.2,19,10,19z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--noteVitals .header-title {
      background-image: none; }

.widget--orders {
  /* Header */
  border-top-color: #5badcd; }
  .widget--orders .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %235badcd' d=' M25,7h-4V3c0-1.7-1.3-3-3-3h-8C8.3,0,7,1.3,7,3v4H3c-1.7,0-3,1.3-3,3v15c0,1.6,1.3,3,3,3h22c1.7,0,3-1.4,3-3 V10C28,8.3,26.7,7,25,7z M9,5c0-0.5,0.5-1,1-1h8c0.5,0,1,0.5,1,1v2H9V5z M20,20h-4v4h-4v-4H8v-4h4v-4h4v4h4V20z'/%3E%3C/svg%3E");
    border-bottom-color: #5badcd; }
  .widget--orders .dynamicRow-header {
    background-color: #dfe8eb;
    color: #3181a0; }
  @media (max-width: 660px) {
    .widget--orders .header {
      background-color: #5badcd; }
      .widget--orders .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M25,7h-4V3c0-1.7-1.3-3-3-3h-8C8.3,0,7,1.3,7,3v4H3c-1.7,0-3,1.3-3,3v15c0,1.6,1.3,3,3,3h22c1.7,0,3-1.4,3-3 V10C28,8.3,26.7,7,25,7z M9,5c0-0.5,0.5-1,1-1h8c0.5,0,1,0.5,1,1v2H9V5z M20,20h-4v4h-4v-4H8v-4h4v-4h4v4h4V20z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--orders .header {
    background-color: #5badcd;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M25,7h-4V3c0-1.7-1.3-3-3-3h-8C8.3,0,7,1.3,7,3v4H3c-1.7,0-3,1.3-3,3v15c0,1.6,1.3,3,3,3h22c1.7,0,3-1.4,3-3 V10C28,8.3,26.7,7,25,7z M9,5c0-0.5,0.5-1,1-1h8c0.5,0,1,0.5,1,1v2H9V5z M20,20h-4v4h-4v-4H8v-4h4v-4h4v4h4V20z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--orders .header-title {
      background-image: none; }

.ordersWidget-listItem {
  border-bottom: 0.1rem solid #ccc;
  font-size: 1.4rem;
  line-height: 1.2;
  width: 100%;
  padding: 0.6rem 0; }
  .ordersWidget-listItem:last-of-type {
    border-bottom: none; }

.ordersWidget-table {
  display: table;
  width: 100%; }

.ordersWidget-tableRow {
  display: table-row;
  width: 100%; }

.ordersWidget-cell {
  display: table-cell; }

@media (min-width: 1025px) {
  .widget--orders .ordersWidget-listItem:hover {
    background-color: #999;
    color: #fff;
    cursor: pointer; }
    .widget--orders .ordersWidget-listItem:hover .ordersWidget-orderStatus div,
    .widget--orders .ordersWidget-listItem:hover .ordersWidget-orderDate div {
      color: #fff; } }

@media (max-width: 1024px) {
  .widget--orders .ordersWidget-listItem:active {
    background-color: #999;
    color: #fff;
    cursor: pointer; }
    .widget--orders .ordersWidget-listItem:active .ordersWidget-orderStatus div,
    .widget--orders .ordersWidget-listItem:active .ordersWidget-orderDate div {
      color: #fff; } }

.ordersWidget-orderDate {
  width: 10%;
  max-width: 5.5rem;
  padding-left: 0.6rem;
  overflow: hidden; }

.ordersWidget-orderDescription {
  padding-left: 0.6rem;
  width: 70%;
  font-weight: 600; }

.ordersWidget-orderStatus {
  padding-right: 0.6rem;
  width: 20%;
  text-align: right; }

.widget--pastHistory {
  /* Header */
  border-top-color: #99b462; }
  .widget--pastHistory .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2399b462' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M11,18.5c0-1.9-1.6-3.5-3.5-3.5S4,16.6,4,18.5c0,0.2,0,0.2,0,0.5c0,2.8,1.6,5,3.5,5 s3.5-2.2,3.5-5C11,18.7,11,18.7,11,18.5z M15,27.6c-0.2-2-1.9-3.6-4-3.6H4c-2.1,0-3.7,1.6-4,3.6c0,0.1,0,0.3,0,0.4 c0,2.2,3.4,4,7.5,4s7.5-1.8,7.5-4C15,27.9,15,27.7,15,27.6z'/%3E%3C/svg%3E");
    border-bottom-color: #99b462; }
  .widget--pastHistory .dynamicRow-header {
    background-color: #e6e8e0;
    color: #6b813e; }
  .widget--pastHistory .divTableCell {
    padding: .2rem .6rem;
    border-bottom: 1px solid #eeeeee; }
  @media (max-width: 660px) {
    .widget--pastHistory .header {
      background-color: #99b462; }
      .widget--pastHistory .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M11,18.5c0-1.9-1.6-3.5-3.5-3.5S4,16.6,4,18.5c0,0.2,0,0.2,0,0.5c0,2.8,1.6,5,3.5,5 s3.5-2.2,3.5-5C11,18.7,11,18.7,11,18.5z M15,27.6c-0.2-2-1.9-3.6-4-3.6H4c-2.1,0-3.7,1.6-4,3.6c0,0.1,0,0.3,0,0.4 c0,2.2,3.4,4,7.5,4s7.5-1.8,7.5-4C15,27.9,15,27.7,15,27.6z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--pastHistory .header {
    background-color: #99b462;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M11,18.5c0-1.9-1.6-3.5-3.5-3.5S4,16.6,4,18.5c0,0.2,0,0.2,0,0.5c0,2.8,1.6,5,3.5,5 s3.5-2.2,3.5-5C11,18.7,11,18.7,11,18.5z M15,27.6c-0.2-2-1.9-3.6-4-3.6H4c-2.1,0-3.7,1.6-4,3.6c0,0.1,0,0.3,0,0.4 c0,2.2,3.4,4,7.5,4s7.5-1.8,7.5-4C15,27.9,15,27.7,15,27.6z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--pastHistory .header-title {
      background-image: none; }

.pastHistoryReviewedNoChanges .pastHistoryWidget-sectionName {
  font-weight: 600; }

.pastHistoryReviewedNoChanges .pastHistoryWidget-sectionStatus {
  color: #71bf43; }

.pastHistoryReviewedChanges .pastHistoryWidget-sectionStatus {
  color: #da2028; }

.pastHistoryWidget-sectionName {
  width: 15rem; }

.widget--physicalExam {
  /* Header */
  border-top-color: #5581b0; }
  .widget--physicalExam .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %235581b0' d=' M9,11v8c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8h1v18.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V20h1 v9.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V11h1v8c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8c0-1.7-1.3-3-3-3h-7 C10.3,8,9,9.3,9,11z M19,4.5C19,6.4,17.4,8,15.5,8S12,6.4,12,4.5S13.6,1,15.5,1S19,2.6,19,4.5z'/%3E%3C/svg%3E");
    border-bottom-color: #5581b0; }
  .widget--physicalExam .dynamicRow-header {
    background-color: #dfe3e8;
    color: #375677; }
  .widget--physicalExam .divTableCell {
    border-bottom: 1px solid #eeeeee; }
  @media (max-width: 660px) {
    .widget--physicalExam .header {
      background-color: #5581b0; }
      .widget--physicalExam .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M9,11v8c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8h1v18.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V20h1 v9.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V11h1v8c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8c0-1.7-1.3-3-3-3h-7 C10.3,8,9,9.3,9,11z M19,4.5C19,6.4,17.4,8,15.5,8S12,6.4,12,4.5S13.6,1,15.5,1S19,2.6,19,4.5z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--physicalExam .header {
    background-color: #5581b0;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M9,11v8c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8h1v18.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V20h1 v9.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V11h1v8c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8c0-1.7-1.3-3-3-3h-7 C10.3,8,9,9.3,9,11z M19,4.5C19,6.4,17.4,8,15.5,8S12,6.4,12,4.5S13.6,1,15.5,1S19,2.6,19,4.5z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--physicalExam .header-title {
      background-image: none; }

.widget--problem {
  /* Header */
  border-top-color: #ce9120; }
  .widget--problem .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23ce9120' d=' M16,8.9l7.1,7.1L16,23.1L8.9,16L16,8.9z M28.7,14.7c-1.9,1.9-12,12-14,14c-3.1,3.1-8.2,3.1-11.3,0 c-3.1-3.1-3.1-8.2,0-11.3c2.1-2.1,12-12,14-14c3.1-3.1,8.2-3.1,11.3,0S31.8,11.5,28.7,14.7z M25.2,16L16,6.8L6.8,16l9.2,9.2L25.2,16 z'/%3E%3C/svg%3E");
    border-bottom-color: #ce9120; }
  .widget--problem .dynamicRow-header {
    background-color: #ebe5d9;
    color: #835c14; }
  .widget--problem .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23ce9120' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--problem .header {
      background-color: #ce9120; }
      .widget--problem .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M16,8.9l7.1,7.1L16,23.1L8.9,16L16,8.9z M28.7,14.7c-1.9,1.9-12,12-14,14c-3.1,3.1-8.2,3.1-11.3,0 c-3.1-3.1-3.1-8.2,0-11.3c2.1-2.1,12-12,14-14c3.1-3.1,8.2-3.1,11.3,0S31.8,11.5,28.7,14.7z M25.2,16L16,6.8L6.8,16l9.2,9.2L25.2,16 z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--problem .header {
    background-color: #ce9120;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M16,8.9l7.1,7.1L16,23.1L8.9,16L16,8.9z M28.7,14.7c-1.9,1.9-12,12-14,14c-3.1,3.1-8.2,3.1-11.3,0 c-3.1-3.1-3.1-8.2,0-11.3c2.1-2.1,12-12,14-14c3.1-3.1,8.2-3.1,11.3,0S31.8,11.5,28.7,14.7z M25.2,16L16,6.8L6.8,16l9.2,9.2L25.2,16 z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--problem .header-title {
      background-image: none; }

.widgetSelection.problem-widget-selector {
  background-color: #ce9120;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23ce9120' d=' M16,8.9l7.1,7.1L16,23.1L8.9,16L16,8.9z M28.7,14.7c-1.9,1.9-12,12-14,14c-3.1,3.1-8.2,3.1-11.3,0 c-3.1-3.1-3.1-8.2,0-11.3c2.1-2.1,12-12,14-14c3.1-3.1,8.2-3.1,11.3,0S31.8,11.5,28.7,14.7z M25.2,16L16,6.8L6.8,16l9.2,9.2L25.2,16 z'/%3E%3C/svg%3E"); }

.widget--problem .dynamicRow:not(:required) div:last-of-type, .widget--problem .dynamicRow--center:not(:required) div:last-of-type {
  text-align: left; }

.allergyProblemIcon {
  float: left;
  height: 1.6rem;
  width: 1.6rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23666666' d=' M16,1C7.7,1,1,7.7,1,16c0,8.3,6.7,15,15,15s15-6.7,15-15C31,7.7,24.3,1,16,1z M4,16C4,9.4,9.4,4,16,4 c2.8,0,5.3,1,7.3,2.5L6.5,23.3C5,21.3,4,18.8,4,16z M16,28c-2.8,0-5.3-1-7.3-2.5L25.5,8.7c1.6,2,2.5,4.6,2.5,7.3 C28,22.6,22.6,28,16,28z'/%3E%3C/svg%3E"); }

.familyProblemIcon {
  float: left;
  height: 1.6rem;
  width: 1.6rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23666666' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M18,14v4h-4v-4h-2v6h3v4H5v-4h3v-6H6v4H2v-4H0v6h3v6h6v6h2v-6h6v-6h3v-6H18z'/%3E%3C/svg%3E"); }

.geneticProblemIcon {
  float: left;
  height: 1.6rem;
  width: 1.6rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23666666' d=' M17.1,21.1c1,0.5,2,0.8,3.1,0.9c0,2.4-0.9,4.8-2.8,6.7l-2.3,2.3c-0.3,0.3-0.7,0.4-1.1,0.4s-0.8-0.1-1.1-0.4 c-0.6-0.6-0.6-1.5,0-2.1l0.3-0.3l-8.5-8.5l1.4-1.4l8.5,8.5l0.6-0.6c0.3-0.3,0.6-0.7,0.8-1.1l-8.2-8.2c0.6-0.3,1.3-0.5,2.1-0.5 c0.1,0,0.2,0,0.3,0l6.7,6.7C17.2,22.8,17.2,21.9,17.1,21.1z M15,8.4l6.7,6.7c0.1,0,0.2,0,0.3,0c0.7,0,1.4-0.2,2.1-0.5l-8.2-8.2 c0.2-0.4,0.5-0.7,0.8-1.1l0.6-0.6l8.5,8.5l1.4-1.4l-8.5-8.5l0.3-0.3c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.8,1.8-2.8,4.3-2.8,6.7c1.1,0.2,2.1,0.5,3.1,0.9C14.8,10.1,14.8,9.2,15,8.4z M31.1,12.9c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.2,1.2-2.9,1.9-4.6,1.9s-3.4-0.7-4.6-1.9l-0.7-0.7c-1.8-1.8-4.2-2.8-6.7-2.8s-4.9,1-6.7,2.8l-2.3,2.3c-0.6,0.6-0.6,1.5,0,2.1 c0.6,0.6,1.5,0.6,2.1,0l2.3-2.3c1.2-1.2,2.9-1.9,4.6-1.9s3.4,0.7,4.6,1.9l0.7,0.7c1.8,1.8,4.2,2.8,6.7,2.8s4.9-1,6.7-2.8l2.3-2.3 C31.6,14.5,31.6,13.5,31.1,12.9z'/%3E%3C/svg%3E"); }

.medicalProblemIcon {
  float: left;
  height: 1.6rem;
  width: 1.6rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23666666' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16,22h-6v-6H6v6H0v4h6v6h4v-6h6V22z'/%3E%3C/svg%3E"); }

.socialProblemIcon {
  float: left;
  height: 1.6rem;
  width: 1.6rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23666666' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M11,18.5c0-1.9-1.6-3.5-3.5-3.5S4,16.6,4,18.5c0,0.2,0,0.2,0,0.5c0,2.8,1.6,5,3.5,5 s3.5-2.2,3.5-5C11,18.7,11,18.7,11,18.5z M15,27.6c-0.2-2-1.9-3.6-4-3.6H4c-2.1,0-3.7,1.6-4,3.6c0,0.1,0,0.3,0,0.4 c0,2.2,3.4,4,7.5,4s7.5-1.8,7.5-4C15,27.9,15,27.7,15,27.6z'/%3E%3C/svg%3E"); }

.surgicalProblemIcon {
  float: left;
  height: 1.6rem;
  width: 1.6rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23666666' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16.3,19.3l-2.6,2.6c-0.4,0.4-1,0.4-1.4,0c-0.4-0.4-0.4-1,0-1.4l2.6-2.6 c0.8-0.8,0.8-2,0-2.8L0,30h2.5c4.8,0,9.4-1.9,12.7-5.3l1.6-1.6c0.8-0.8,1.3-1.7,1.7-2.7l0.4-1.3C18.2,18.5,17.1,18.6,16.3,19.3z M20.3,17.7l5-5C24.7,10.8,23.5,9.2,22,8l-5.6,5.6L20.3,17.7z'/%3E%3C/svg%3E"); }

.problemWidgetTitle {
  padding-left: 2rem; }

.problemButtonHeader .header-title {
  padding-top: 0; }

.header-problemAllergies, .header-problemFamilyHx, .header-problemGeneticHx, .header-problemMedicalHx, .header-problemSocialHx, .header-problemSurgicalHx {
  height: 4.4rem;
  background-size: 3.2rem 3.2rem;
  background-repeat: no-repeat;
  background-position: 0.6rem 0.5rem;
  padding-left: 4.4rem;
  padding-right: 1rem;
  margin-bottom: 1rem; }
  .header-problemAllergies .header-title, .header-problemFamilyHx .header-title, .header-problemGeneticHx .header-title, .header-problemMedicalHx .header-title, .header-problemSocialHx .header-title, .header-problemSurgicalHx .header-title {
    color: white;
    font-weight: 300;
    line-height: 4.4rem;
    vertical-align: middle; }

.header-problemAllergies {
  background-color: #b53427;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M16,1C7.7,1,1,7.7,1,16c0,8.3,6.7,15,15,15s15-6.7,15-15C31,7.7,24.3,1,16,1z M4,16C4,9.4,9.4,4,16,4 c2.8,0,5.3,1,7.3,2.5L6.5,23.3C5,21.3,4,18.8,4,16z M16,28c-2.8,0-5.3-1-7.3-2.5L25.5,8.7c1.6,2,2.5,4.6,2.5,7.3 C28,22.6,22.6,28,16,28z'/%3E%3C/svg%3E"); }

.header-problemFamilyHx {
  background-color: #7eb1a1;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M18,14v4h-4v-4h-2v6h3v4H5v-4h3v-6H6v4H2v-4H0v6h3v6h6v6h2v-6h6v-6h3v-6H18z'/%3E%3C/svg%3E"); }

.header-problemGeneticHx {
  background-color: #eac800;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M17.1,21.1c1,0.5,2,0.8,3.1,0.9c0,2.4-0.9,4.8-2.8,6.7l-2.3,2.3c-0.3,0.3-0.7,0.4-1.1,0.4s-0.8-0.1-1.1-0.4 c-0.6-0.6-0.6-1.5,0-2.1l0.3-0.3l-8.5-8.5l1.4-1.4l8.5,8.5l0.6-0.6c0.3-0.3,0.6-0.7,0.8-1.1l-8.2-8.2c0.6-0.3,1.3-0.5,2.1-0.5 c0.1,0,0.2,0,0.3,0l6.7,6.7C17.2,22.8,17.2,21.9,17.1,21.1z M15,8.4l6.7,6.7c0.1,0,0.2,0,0.3,0c0.7,0,1.4-0.2,2.1-0.5l-8.2-8.2 c0.2-0.4,0.5-0.7,0.8-1.1l0.6-0.6l8.5,8.5l1.4-1.4l-8.5-8.5l0.3-0.3c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.8,1.8-2.8,4.3-2.8,6.7c1.1,0.2,2.1,0.5,3.1,0.9C14.8,10.1,14.8,9.2,15,8.4z M31.1,12.9c-0.6-0.6-1.5-0.6-2.1,0l-2.3,2.3 c-1.2,1.2-2.9,1.9-4.6,1.9s-3.4-0.7-4.6-1.9l-0.7-0.7c-1.8-1.8-4.2-2.8-6.7-2.8s-4.9,1-6.7,2.8l-2.3,2.3c-0.6,0.6-0.6,1.5,0,2.1 c0.6,0.6,1.5,0.6,2.1,0l2.3-2.3c1.2-1.2,2.9-1.9,4.6-1.9s3.4,0.7,4.6,1.9l0.7,0.7c1.8,1.8,4.2,2.8,6.7,2.8s4.9-1,6.7-2.8l2.3-2.3 C31.6,14.5,31.6,13.5,31.1,12.9z'/%3E%3C/svg%3E"); }

.header-problemMedicalHx {
  background-color: #56a066;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16,22h-6v-6H6v6H0v4h6v6h4v-6h6V22z'/%3E%3C/svg%3E"); }

.header-problemSocialHx {
  background-color: #99b462;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M11,18.5c0-1.9-1.6-3.5-3.5-3.5S4,16.6,4,18.5c0,0.2,0,0.2,0,0.5c0,2.8,1.6,5,3.5,5 s3.5-2.2,3.5-5C11,18.7,11,18.7,11,18.5z M15,27.6c-0.2-2-1.9-3.6-4-3.6H4c-2.1,0-3.7,1.6-4,3.6c0,0.1,0,0.3,0,0.4 c0,2.2,3.4,4,7.5,4s7.5-1.8,7.5-4C15,27.9,15,27.7,15,27.6z'/%3E%3C/svg%3E"); }

.header-problemSurgicalHx {
  background-color: #60acbd;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16.3,19.3l-2.6,2.6c-0.4,0.4-1,0.4-1.4,0c-0.4-0.4-0.4-1,0-1.4l2.6-2.6 c0.8-0.8,0.8-2,0-2.8L0,30h2.5c4.8,0,9.4-1.9,12.7-5.3l1.6-1.6c0.8-0.8,1.3-1.7,1.7-2.7l0.4-1.3C18.2,18.5,17.1,18.6,16.3,19.3z M20.3,17.7l5-5C24.7,10.8,23.5,9.2,22,8l-5.6,5.6L20.3,17.7z'/%3E%3C/svg%3E"); }

.widget--reproductiveHistory {
  /* Header */
  border-top-color: #b44786; }
  .widget--reproductiveHistory .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b44786' d=' M22,12c0,3.3-2.7,6-6,6s-6-2.7-6-6s2.7-6,6-6S22,8.7,22,12z M31,16c0,8.3-6.7,15-15,15S1,24.3,1,16 C1,7.7,7.7,1,16,1S31,7.7,31,16z M24,12c0-4.4-3.6-8-8-8s-8,3.6-8,8c0,4.1,3.1,7.4,7,7.9V23h-3v2h3v3h2v-3h3v-2h-3v-3.1 C20.9,19.4,24,16.1,24,12z'/%3E%3C/svg%3E");
    border-bottom-color: #b44786; }
  .widget--reproductiveHistory .dynamicRow-header {
    background-color: #e8dde4;
    color: #762e58; }
  @media (max-width: 660px) {
    .widget--reproductiveHistory .header {
      background-color: #b44786; }
      .widget--reproductiveHistory .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M22,12c0,3.3-2.7,6-6,6s-6-2.7-6-6s2.7-6,6-6S22,8.7,22,12z M31,16c0,8.3-6.7,15-15,15S1,24.3,1,16 C1,7.7,7.7,1,16,1S31,7.7,31,16z M24,12c0-4.4-3.6-8-8-8s-8,3.6-8,8c0,4.1,3.1,7.4,7,7.9V23h-3v2h3v3h2v-3h3v-2h-3v-3.1 C20.9,19.4,24,16.1,24,12z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--reproductiveHistory .header {
    background-color: #b44786;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M22,12c0,3.3-2.7,6-6,6s-6-2.7-6-6s2.7-6,6-6S22,8.7,22,12z M31,16c0,8.3-6.7,15-15,15S1,24.3,1,16 C1,7.7,7.7,1,16,1S31,7.7,31,16z M24,12c0-4.4-3.6-8-8-8s-8,3.6-8,8c0,4.1,3.1,7.4,7,7.9V23h-3v2h3v3h2v-3h3v-2h-3v-3.1 C20.9,19.4,24,16.1,24,12z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--reproductiveHistory .header-title {
      background-image: none; }

.widgetSelection.reproductive-history-widget-selector {
  background-color: #b44786;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b44786' d=' M22,12c0,3.3-2.7,6-6,6s-6-2.7-6-6s2.7-6,6-6S22,8.7,22,12z M31,16c0,8.3-6.7,15-15,15S1,24.3,1,16 C1,7.7,7.7,1,16,1S31,7.7,31,16z M24,12c0-4.4-3.6-8-8-8s-8,3.6-8,8c0,4.1,3.1,7.4,7,7.9V23h-3v2h3v3h2v-3h3v-2h-3v-3.1 C20.9,19.4,24,16.1,24,12z'/%3E%3C/svg%3E"); }

.subscriptText {
  vertical-align: sub;
  font-size: smaller; }

.reproHistoryWidget-labelRight {
  display: inline-block;
  text-align: right;
  width: 2.5rem;
  margin-right: 0.3rem; }

.reproHistoryWidget-gravidaPara {
  font-size: 3rem;
  font-weight: 600;
  text-align: center; }
  @media (max-width: 736px) {
    .reproHistoryWidget-gravidaPara {
      /* This decreases gravidaPara text size on large mobile (iPhone 6, 6+) landscape views */
      font-size: 1.75rem !important; } }

.reproHistoryWidget-alignLabel {
  margin-left: 3.1rem;
  /* This bumps text to the right to align with the 2.5rem label and its padding/margins */
  border-top: solid 0.1rem #eee; }

.reproHistoryWidget--primaryData {
  font-weight: 600; }

.reproHistoryWidget--secondaryData {
  margin-top: 0.3rem;
  font-style: italic;
  color: inherit; }

.splitContent-reproHistoryWidget {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important; }

.splitContent {
  display: table;
  width: 100% !important; }

.splitContent-row {
  display: table-row;
  width: 100%; }
  .splitContent-row > div {
    display: table-cell;
    border-right: solid 1px #999999; }
    .splitContent-row > div:last-of-type {
      border-right: none; }

.splitContent-top {
  padding: .3rem .6rem 0rem; }

.splitContent-bottom {
  padding: 0.6rem;
  border-top: 0.1rem solid #eee; }

.reproHistoryWidget--left {
  width: 50%; }
  @media (max-width: 736px) {
    .reproHistoryWidget--left {
      /* This increases left table column on large mobile (iPhone 6, 6+) landscape views */
      width: 60% !important; } }

.reproHistoryWidget--right {
  width: 50%; }
  @media (max-width: 736px) {
    .reproHistoryWidget--right {
      /* This increases left table column on large mobile (iPhone 6, 6+) landscape views */
      width: 40% !important; } }

.widget--results {
  /* Header */
  border-top-color: #b53427; }
  .widget--results .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b53427' d=' M30,28v2H2V2h2v26h2V14h6v14h2V2h6v26h2V8h6v20H30z'/%3E%3C/svg%3E");
    border-bottom-color: #b53427; }
  .widget--results .dynamicRow-header {
    background-color: #e8dbda;
    color: #6e2018; }
  @media (max-width: 660px) {
    .widget--results .header {
      background-color: #b53427; }
      .widget--results .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M30,28v2H2V2h2v26h2V14h6v14h2V2h6v26h2V8h6v20H30z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--results .header {
    background-color: #b53427;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M30,28v2H2V2h2v26h2V14h6v14h2V2h6v26h2V8h6v20H30z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--results .header-title {
      background-image: none; }
  .widget--results .divTableCell {
    border-bottom: 1px solid #eeeeee; }

.widget--reviewOfSystems {
  /* Header */
  border-top-color: #7eb1a1; }
  .widget--reviewOfSystems .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %237eb1a1' d=' M11,23.6l-0.3,0.3l-6.5,3l3-6.5L0,19.7l5.9-4.2L0,11.3l7.2-0.7l-3-6.5l6.5,3l0,0.1C9.1,7.8,8,9.2,8,11v8 c0,1.1,0.9,2,2,2c0.4,0,0.7-0.1,1-0.3V23.6z M25.1,15.5l5.9-4.2l-7.2-0.7l3-6.5l-6.5,3l0,0.1c1.6,0.5,2.7,2,2.7,3.8v8 c0,1.1-0.9,2-2,2c-0.4,0-0.7-0.1-1-0.3v2.9l0.3,0.2l6.5,3l-3-6.5l7.2-0.7L25.1,15.5z M9,11v8c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8 h1v18.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V20h1v9.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V11h1v8 c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8c0-1.7-1.3-3-3-3h-7C10.3,8,9,9.3,9,11z M19,4.5C19,6.4,17.4,8,15.5,8S12,6.4,12,4.5 S13.6,1,15.5,1S19,2.6,19,4.5z'/%3E%3C/svg%3E");
    border-bottom-color: #7eb1a1; }
  .widget--reviewOfSystems .dynamicRow-header {
    background-color: #e3e8e6;
    color: #528776; }
  @media (max-width: 660px) {
    .widget--reviewOfSystems .header {
      background-color: #7eb1a1; }
      .widget--reviewOfSystems .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M11,23.6l-0.3,0.3l-6.5,3l3-6.5L0,19.7l5.9-4.2L0,11.3l7.2-0.7l-3-6.5l6.5,3l0,0.1C9.1,7.8,8,9.2,8,11v8 c0,1.1,0.9,2,2,2c0.4,0,0.7-0.1,1-0.3V23.6z M25.1,15.5l5.9-4.2l-7.2-0.7l3-6.5l-6.5,3l0,0.1c1.6,0.5,2.7,2,2.7,3.8v8 c0,1.1-0.9,2-2,2c-0.4,0-0.7-0.1-1-0.3v2.9l0.3,0.2l6.5,3l-3-6.5l7.2-0.7L25.1,15.5z M9,11v8c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8 h1v18.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V20h1v9.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V11h1v8 c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8c0-1.7-1.3-3-3-3h-7C10.3,8,9,9.3,9,11z M19,4.5C19,6.4,17.4,8,15.5,8S12,6.4,12,4.5 S13.6,1,15.5,1S19,2.6,19,4.5z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--reviewOfSystems .header {
    background-color: #7eb1a1;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M11,23.6l-0.3,0.3l-6.5,3l3-6.5L0,19.7l5.9-4.2L0,11.3l7.2-0.7l-3-6.5l6.5,3l0,0.1C9.1,7.8,8,9.2,8,11v8 c0,1.1,0.9,2,2,2c0.4,0,0.7-0.1,1-0.3V23.6z M25.1,15.5l5.9-4.2l-7.2-0.7l3-6.5l-6.5,3l0,0.1c1.6,0.5,2.7,2,2.7,3.8v8 c0,1.1-0.9,2-2,2c-0.4,0-0.7-0.1-1-0.3v2.9l0.3,0.2l6.5,3l-3-6.5l7.2-0.7L25.1,15.5z M9,11v8c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8 h1v18.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V20h1v9.5c0,0.8,0.7,1.5,1.5,1.5h0c0.8,0,1.5-0.7,1.5-1.5V11h1v8 c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1v-8c0-1.7-1.3-3-3-3h-7C10.3,8,9,9.3,9,11z M19,4.5C19,6.4,17.4,8,15.5,8S12,6.4,12,4.5 S13.6,1,15.5,1S19,2.6,19,4.5z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--reviewOfSystems .header-title {
      background-image: none; }
  .widget--reviewOfSystems .divTableCell {
    padding: .2rem .6rem;
    border-bottom: 1px solid #eeeeee; }

.reviewOfSystemsWidget-Admits,
.reviewOfSystemsWidget-Information {
  font-weight: 600; }

.widget--rxBenefits {
  /* Header */
  border-top-color: #5581b0; }
  .widget--rxBenefits .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %235581b0' d=' M13.7,14H11V7.6h2.6c2.8,0,4.1,0.8,4.1,3.1C17.8,13,16.5,14,13.7,14z M31,8c0,15.5-8.5,19.6-15,23 C9.5,27.6,1,23.5,1,8c5.6-5.5,12.3-7,15-7C18.7,1,25.4,2.5,31,8z M22.3,25l-2.9-4.5l2.7-4.5h-2.2l-0.9,1.7c-0.2,0.5-0.5,1-0.7,1.5 h-0.1c-0.3-0.5-0.6-1-0.8-1.5l-1.4-2.3c2.3-0.6,3.7-2.1,3.7-4.7c0-3.5-2.4-4.7-5.9-4.7H9v16h2v-6.3h2.9c0,0,0,0,0.1,0l2.9,4.7L14,25 h2.2l1-1.8c0.3-0.6,0.5-1.1,0.8-1.6H18c0.3,0.5,0.6,1.1,0.9,1.6L20,25H22.3z'/%3E%3C/svg%3E");
    border-bottom-color: #5581b0; }
  .widget--rxBenefits .dynamicRow-header {
    background-color: #dfe3e8;
    color: #375677; }
  @media (max-width: 660px) {
    .widget--rxBenefits .header {
      background-color: #5581b0; }
      .widget--rxBenefits .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M13.7,14H11V7.6h2.6c2.8,0,4.1,0.8,4.1,3.1C17.8,13,16.5,14,13.7,14z M31,8c0,15.5-8.5,19.6-15,23 C9.5,27.6,1,23.5,1,8c5.6-5.5,12.3-7,15-7C18.7,1,25.4,2.5,31,8z M22.3,25l-2.9-4.5l2.7-4.5h-2.2l-0.9,1.7c-0.2,0.5-0.5,1-0.7,1.5 h-0.1c-0.3-0.5-0.6-1-0.8-1.5l-1.4-2.3c2.3-0.6,3.7-2.1,3.7-4.7c0-3.5-2.4-4.7-5.9-4.7H9v16h2v-6.3h2.9c0,0,0,0,0.1,0l2.9,4.7L14,25 h2.2l1-1.8c0.3-0.6,0.5-1.1,0.8-1.6H18c0.3,0.5,0.6,1.1,0.9,1.6L20,25H22.3z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--rxBenefits .header {
    background-color: #5581b0;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M13.7,14H11V7.6h2.6c2.8,0,4.1,0.8,4.1,3.1C17.8,13,16.5,14,13.7,14z M31,8c0,15.5-8.5,19.6-15,23 C9.5,27.6,1,23.5,1,8c5.6-5.5,12.3-7,15-7C18.7,1,25.4,2.5,31,8z M22.3,25l-2.9-4.5l2.7-4.5h-2.2l-0.9,1.7c-0.2,0.5-0.5,1-0.7,1.5 h-0.1c-0.3-0.5-0.6-1-0.8-1.5l-1.4-2.3c2.3-0.6,3.7-2.1,3.7-4.7c0-3.5-2.4-4.7-5.9-4.7H9v16h2v-6.3h2.9c0,0,0,0,0.1,0l2.9,4.7L14,25 h2.2l1-1.8c0.3-0.6,0.5-1.1,0.8-1.6H18c0.3,0.5,0.6,1.1,0.9,1.6L20,25H22.3z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--rxBenefits .header-title {
      background-image: none; }

.widget--socialHistory {
  /* Header */
  border-top-color: #99b462; }
  .widget--socialHistory .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2399b462' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M11,18.5c0-1.9-1.6-3.5-3.5-3.5S4,16.6,4,18.5c0,0.2,0,0.2,0,0.5c0,2.8,1.6,5,3.5,5 s3.5-2.2,3.5-5C11,18.7,11,18.7,11,18.5z M15,27.6c-0.2-2-1.9-3.6-4-3.6H4c-2.1,0-3.7,1.6-4,3.6c0,0.1,0,0.3,0,0.4 c0,2.2,3.4,4,7.5,4s7.5-1.8,7.5-4C15,27.9,15,27.7,15,27.6z'/%3E%3C/svg%3E");
    border-bottom-color: #99b462; }
  .widget--socialHistory .dynamicRow-header {
    background-color: #e6e8e0;
    color: #6b813e; }
  .widget--socialHistory .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2399b462' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--socialHistory .header {
      background-color: #99b462; }
      .widget--socialHistory .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M11,18.5c0-1.9-1.6-3.5-3.5-3.5S4,16.6,4,18.5c0,0.2,0,0.2,0,0.5c0,2.8,1.6,5,3.5,5 s3.5-2.2,3.5-5C11,18.7,11,18.7,11,18.5z M15,27.6c-0.2-2-1.9-3.6-4-3.6H4c-2.1,0-3.7,1.6-4,3.6c0,0.1,0,0.3,0,0.4 c0,2.2,3.4,4,7.5,4s7.5-1.8,7.5-4C15,27.9,15,27.7,15,27.6z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--socialHistory .header {
    background-color: #99b462;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M11,18.5c0-1.9-1.6-3.5-3.5-3.5S4,16.6,4,18.5c0,0.2,0,0.2,0,0.5c0,2.8,1.6,5,3.5,5 s3.5-2.2,3.5-5C11,18.7,11,18.7,11,18.5z M15,27.6c-0.2-2-1.9-3.6-4-3.6H4c-2.1,0-3.7,1.6-4,3.6c0,0.1,0,0.3,0,0.4 c0,2.2,3.4,4,7.5,4s7.5-1.8,7.5-4C15,27.9,15,27.7,15,27.6z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--socialHistory .header-title {
      background-image: none; }

.widget--surgicalHistory {
  /* Header */
  border-top-color: #60acbd; }
  .widget--surgicalHistory .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2360acbd' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16.3,19.3l-2.6,2.6c-0.4,0.4-1,0.4-1.4,0c-0.4-0.4-0.4-1,0-1.4l2.6-2.6 c0.8-0.8,0.8-2,0-2.8L0,30h2.5c4.8,0,9.4-1.9,12.7-5.3l1.6-1.6c0.8-0.8,1.3-1.7,1.7-2.7l0.4-1.3C18.2,18.5,17.1,18.6,16.3,19.3z M20.3,17.7l5-5C24.7,10.8,23.5,9.2,22,8l-5.6,5.6L20.3,17.7z'/%3E%3C/svg%3E");
    border-bottom-color: #60acbd; }
  .widget--surgicalHistory .dynamicRow-header {
    background-color: #e0e7e9;
    color: #3a7d8c; }
  .widget--surgicalHistory .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2360acbd' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--surgicalHistory .header {
      background-color: #60acbd; }
      .widget--surgicalHistory .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16.3,19.3l-2.6,2.6c-0.4,0.4-1,0.4-1.4,0c-0.4-0.4-0.4-1,0-1.4l2.6-2.6 c0.8-0.8,0.8-2,0-2.8L0,30h2.5c4.8,0,9.4-1.9,12.7-5.3l1.6-1.6c0.8-0.8,1.3-1.7,1.7-2.7l0.4-1.3C18.2,18.5,17.1,18.6,16.3,19.3z M20.3,17.7l5-5C24.7,10.8,23.5,9.2,22,8l-5.6,5.6L20.3,17.7z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--surgicalHistory .header {
    background-color: #60acbd;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16.3,19.3l-2.6,2.6c-0.4,0.4-1,0.4-1.4,0c-0.4-0.4-0.4-1,0-1.4l2.6-2.6 c0.8-0.8,0.8-2,0-2.8L0,30h2.5c4.8,0,9.4-1.9,12.7-5.3l1.6-1.6c0.8-0.8,1.3-1.7,1.7-2.7l0.4-1.3C18.2,18.5,17.1,18.6,16.3,19.3z M20.3,17.7l5-5C24.7,10.8,23.5,9.2,22,8l-5.6,5.6L20.3,17.7z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--surgicalHistory .header-title {
      background-image: none; }

.widgetSelection.surgical-history-widget-selector {
  background-color: #60acbd;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2360acbd' d=' M31,16c0,8.3-6.7,15-15,15v-3c6.6,0,12-5.4,12-12S22.6,4,16,4c-3.6,0-6.8,1.6-9,4l4,4H1V2l3.9,3.9 C7.7,2.9,11.6,1,16,1C24.3,1,31,7.7,31,16z M16.3,19.3l-2.6,2.6c-0.4,0.4-1,0.4-1.4,0c-0.4-0.4-0.4-1,0-1.4l2.6-2.6 c0.8-0.8,0.8-2,0-2.8L0,30h2.5c4.8,0,9.4-1.9,12.7-5.3l1.6-1.6c0.8-0.8,1.3-1.7,1.7-2.7l0.4-1.3C18.2,18.5,17.1,18.6,16.3,19.3z M20.3,17.7l5-5C24.7,10.8,23.5,9.2,22,8l-5.6,5.6L20.3,17.7z'/%3E%3C/svg%3E"); }

.widget--userTasks,
.widget--patientTasks,
.widget--tasks {
  /* Header */
  border-top-color: #846297; }
  .widget--userTasks .header,
  .widget--patientTasks .header,
  .widget--tasks .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23846297' d=' M23,22c0,0.5-0.5,1-1,1H10c-0.5,0-1-0.5-1-1V10c0-0.5,0.5-1,1-1h12c0.5,0,1,0.5,1,1v1.6l-6,6l-4.3-4.3 l-1.4,1.4l5.7,5.7L30.7,6.7l-1.4-1.4L25,9.6C24.8,8.2,23.5,7,22,7H10c-1.7,0-3,1.3-3,3v12c0,1.6,1.3,3,3,3h12c1.7,0,3-1.4,3-3v-7.6 l-2,2V22z'/%3E%3C/svg%3E");
    border-bottom-color: #846297; }
  .widget--userTasks .dynamicRow-header,
  .widget--patientTasks .dynamicRow-header,
  .widget--tasks .dynamicRow-header {
    background-color: #e3e0e5;
    color: #564062; }
  .widget--userTasks .header-buttons .icon--filters,
  .widget--patientTasks .header-buttons .icon--filters,
  .widget--tasks .header-buttons .icon--filters {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23846297' d=' M4,4l8,12v12l8-7v-5l8-12H4z'/%3E%3C/svg%3E"); }
  .widget--userTasks .header-buttons .icon--add,
  .widget--patientTasks .header-buttons .icon--add,
  .widget--tasks .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23846297' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  .in-edit-mode .widget--userTasks .header, .in-edit-mode
  .widget--patientTasks .header, .in-edit-mode
  .widget--tasks .header {
    background-color: #846297;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M23,22c0,0.5-0.5,1-1,1H10c-0.5,0-1-0.5-1-1V10c0-0.5,0.5-1,1-1h12c0.5,0,1,0.5,1,1v1.6l-6,6l-4.3-4.3 l-1.4,1.4l5.7,5.7L30.7,6.7l-1.4-1.4L25,9.6C24.8,8.2,23.5,7,22,7H10c-1.7,0-3,1.3-3,3v12c0,1.6,1.3,3,3,3h12c1.7,0,3-1.4,3-3v-7.6 l-2,2V22z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--userTasks .header-title, .in-edit-mode
    .widget--patientTasks .header-title, .in-edit-mode
    .widget--tasks .header-title {
      background-image: none; }

@media (max-width: 660px) {
  .widget--patientTasks .header,
  .widget--tasks .header {
    background-color: #846297; }
    .widget--patientTasks .header-title,
    .widget--tasks .header-title {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M23,22c0,0.5-0.5,1-1,1H10c-0.5,0-1-0.5-1-1V10c0-0.5,0.5-1,1-1h12c0.5,0,1,0.5,1,1v1.6l-6,6l-4.3-4.3 l-1.4,1.4l5.7,5.7L30.7,6.7l-1.4-1.4L25,9.6C24.8,8.2,23.5,7,22,7H10c-1.7,0-3,1.3-3,3v12c0,1.6,1.3,3,3,3h12c1.7,0,3-1.4,3-3v-7.6 l-2,2V22z'/%3E%3C/svg%3E"); } }

.widget--userTasks list-input-section:first-of-type .listItems,
.widget--patientTasks list-input-section:first-of-type .listItems {
  border-top: none; }

@media (min-width: 1025px) {
  .widget--userTasks .listItem:hover .userTasks-patientIcon,
  .widget--patientTasks .listItem:hover .userTasks-patientIcon {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill= ' %23cccccc' d=' M14,16H2c-1.1,0-2-0.9-2-2v0c0-2.2,1.8-4,4-4h8c2.2,0,4,1.8,4,4v0C16,15.1,15.1,16,14,16z M8,0C5.8,0,4,2.2,4,5s1.8,5,4,5s4-2.2,4-5S10.2,0,8,0z'/%3E%3C/svg%3E"); }
  .widget--userTasks .listItem:hover .userTasks-overDue,
  .widget--patientTasks .listItem:hover .userTasks-overDue {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b63527' d=' M30.7,10.7c2.2-3,1.6-7.2-1.4-9.4s-7.2-1.6-9.4,1.4l4.7,3.4l-0.9,1.2c-2-1.3-4.3-2.2-6.9-2.3V3h1.7V1.5h-5V3h1.7v2c-2.5,0.1-4.9,1-6.8,2.5l-1-1.3l4.7-3.4c-2.2-3-6.4-3.6-9.4-1.4s-3.6,6.4-1.4,9.4L6,7.2l1,1.4c-2.4,2.4-3.9,5.6-3.9,9.3c0,4.2,2,7.9,5.1,10.3l-1.9,2.6c-0.3,0.3-0.2,0.8,0.2,1.1c0.3,0.3,0.8,0.2,1.1-0.2l2-2.7c1.9,1.2,4.2,1.8,6.6,1.8c2.5,0,4.8-0.7,6.8-1.9l2,2.7c0.3,0.3,0.7,0.4,1.1,0.2c0.3-0.3,0.4-0.7,0.2-1.1l-2-2.7c3-2.4,4.9-6,4.9-10.2c0-3.7-1.5-7-4-9.3l1-1.3L30.7,10.7z M25.9,17.9c0,5.4-4.4,9.8-9.8,9.8s-9.8-4.4-9.8-9.8s4.4-9.8,9.8-9.8S25.9,12.5,25.9,17.9z M16.9,15.5v-3.8h-1.7v3.8c-0.7,0.3-1.3,0.8-1.6,1.6h-2.8v1.7h2.8c0.3,1,1.3,1.7,2.4,1.7c1.4,0,2.6-1.2,2.6-2.6C18.6,16.8,17.9,15.8,16.9,15.5z'/%3E%3C/svg%3E"); }
  .widget--userTasks .listItem:hover .userTasks-dueDate div,
  .widget--patientTasks .listItem:hover .userTasks-dueDate div {
    color: #FFFFFF; } }

@media (max-width: 1024px) {
  .widget--userTasks .listItem:active .userTasks-patientIcon,
  .widget--patientTasks .listItem:active .userTasks-patientIcon {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill= ' %23cccccc' d=' M14,16H2c-1.1,0-2-0.9-2-2v0c0-2.2,1.8-4,4-4h8c2.2,0,4,1.8,4,4v0C16,15.1,15.1,16,14,16z M8,0C5.8,0,4,2.2,4,5s1.8,5,4,5s4-2.2,4-5S10.2,0,8,0z'/%3E%3C/svg%3E"); }
  .widget--userTasks .listItem:active .userTasks-overDue,
  .widget--patientTasks .listItem:active .userTasks-overDue {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b63527' d=' M30.7,10.7c2.2-3,1.6-7.2-1.4-9.4s-7.2-1.6-9.4,1.4l4.7,3.4l-0.9,1.2c-2-1.3-4.3-2.2-6.9-2.3V3h1.7V1.5h-5V3h1.7v2c-2.5,0.1-4.9,1-6.8,2.5l-1-1.3l4.7-3.4c-2.2-3-6.4-3.6-9.4-1.4s-3.6,6.4-1.4,9.4L6,7.2l1,1.4c-2.4,2.4-3.9,5.6-3.9,9.3c0,4.2,2,7.9,5.1,10.3l-1.9,2.6c-0.3,0.3-0.2,0.8,0.2,1.1c0.3,0.3,0.8,0.2,1.1-0.2l2-2.7c1.9,1.2,4.2,1.8,6.6,1.8c2.5,0,4.8-0.7,6.8-1.9l2,2.7c0.3,0.3,0.7,0.4,1.1,0.2c0.3-0.3,0.4-0.7,0.2-1.1l-2-2.7c3-2.4,4.9-6,4.9-10.2c0-3.7-1.5-7-4-9.3l1-1.3L30.7,10.7z M25.9,17.9c0,5.4-4.4,9.8-9.8,9.8s-9.8-4.4-9.8-9.8s4.4-9.8,9.8-9.8S25.9,12.5,25.9,17.9z M16.9,15.5v-3.8h-1.7v3.8c-0.7,0.3-1.3,0.8-1.6,1.6h-2.8v1.7h2.8c0.3,1,1.3,1.7,2.4,1.7c1.4,0,2.6-1.2,2.6-2.6C18.6,16.8,17.9,15.8,16.9,15.5z'/%3E%3C/svg%3E"); }
  .widget--userTasks .listItem:active .userTasks-dueDate div,
  .widget--patientTasks .listItem:active .userTasks-dueDate div {
    color: #FFFFFF; } }

.userTasks-taskType,
.userTasks-dueDate {
  font-weight: 400;
  text-transform: uppercase; }

.userTasks-patientIcon {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill= ' %23cccccc' d=' M14,16H2c-1.1,0-2-0.9-2-2v0c0-2.2,1.8-4,4-4h8c2.2,0,4,1.8,4,4v0C16,15.1,15.1,16,14,16z M8,0C5.8,0,4,2.2,4,5s1.8,5,4,5s4-2.2,4-5S10.2,0,8,0z'/%3E%3C/svg%3E");
  background-size: 1.6rem 1.6rem;
  background-repeat: no-repeat;
  margin: 0rem .1rem; }

.userTasks-patientName {
  padding-left: 2rem;
  white-space: nowrap; }

.userTasks-dueDate {
  text-align: center;
  font-style: italic;
  line-height: 2rem;
  padding-top: .2rem; }
  .userTasks-dueDate div {
    display: inline-block;
    vertical-align: top;
    color: #666666; }
    .userTasks-dueDate div.userTasks-overDueDate {
      color: #b53427; }
  .userTasks-dueDate .label {
    margin-right: .1rem; }

.userTasks-overDue {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %23b63527' d=' M30.7,10.7c2.2-3,1.6-7.2-1.4-9.4s-7.2-1.6-9.4,1.4l4.7,3.4l-0.9,1.2c-2-1.3-4.3-2.2-6.9-2.3V3h1.7V1.5h-5V3h1.7v2c-2.5,0.1-4.9,1-6.8,2.5l-1-1.3l4.7-3.4c-2.2-3-6.4-3.6-9.4-1.4s-3.6,6.4-1.4,9.4L6,7.2l1,1.4c-2.4,2.4-3.9,5.6-3.9,9.3c0,4.2,2,7.9,5.1,10.3l-1.9,2.6c-0.3,0.3-0.2,0.8,0.2,1.1c0.3,0.3,0.8,0.2,1.1-0.2l2-2.7c1.9,1.2,4.2,1.8,6.6,1.8c2.5,0,4.8-0.7,6.8-1.9l2,2.7c0.3,0.3,0.7,0.4,1.1,0.2c0.3-0.3,0.4-0.7,0.2-1.1l-2-2.7c3-2.4,4.9-6,4.9-10.2c0-3.7-1.5-7-4-9.3l1-1.3L30.7,10.7z M25.9,17.9c0,5.4-4.4,9.8-9.8,9.8s-9.8-4.4-9.8-9.8s4.4-9.8,9.8-9.8S25.9,12.5,25.9,17.9z M16.9,15.5v-3.8h-1.7v3.8c-0.7,0.3-1.3,0.8-1.6,1.6h-2.8v1.7h2.8c0.3,1,1.3,1.7,2.4,1.7c1.4,0,2.6-1.2,2.6-2.6C18.6,16.8,17.9,15.8,16.9,15.5z'/%3E%3C/svg%3E");
  background-size: 1.6rem 1.6rem;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2rem;
  height: 2rem;
  display: inline-block; }

.userTasks-unopened {
  border-left: 0.3rem solid #846297; }
  .userTasks-unopened .userTasks-subject {
    color: #846297; }

.userTasks-typeRow {
  align-items: center; }

.userTasks-status {
  max-width: 50%; }

.details--tasks {
  /* Index top border color */
  /* Top border color */
  /* Tab bar color */
  /* Editor border color */
  /* Editor right-side color */
  /* Active field marker color */ }
  .details--tasks .itemIndex {
    border-top-color: #846297; }
  .details--tasks .card {
    border-top-color: #846297; }
  .details--tasks .cardNav {
    background-color: #846297; }
  .details--tasks .itemEditorHeader {
    border-top-color: #846297; }
  .details--tasks .itemEditorRight {
    background-color: #846297; }
  .details--tasks .itemEditorLeft li.is-active:after {
    background-color: #846297; }
  .details--tasks .itemEditorHeader a {
    color: #846297; }

.widget--visitHistory {
  /* Header */
  border-top-color: #9481a9; }
  .widget--visitHistory .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %239481a9' d=' M25,5h-1.2c-0.4-1.2-1.5-2-2.8-2h-0.5c-0.6,0-1-0.4-1-1c0-1.1-0.9-2-2-2h-3c-1.1,0-2,0.9-2,2 c0,0.6-0.4,1-1,1H11C9.7,3,8.6,3.8,8.2,5H7C5.3,5,4,6.3,4,8v20c0,1.6,1.3,3,3,3h18c1.7,0,3-1.4,3-3V8C28,6.3,26.7,5,25,5z M14.5,3.5 C14.5,2.7,15.2,2,16,2s1.5,0.7,1.5,1.5S16.8,5,16,5S14.5,4.3,14.5,3.5z M20,29v-6h6L20,29z M26,21h-8v1v1v6H6V7h2v2h16V7h2V21z M11,17.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,17.4z M11,26.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,26.4z'/%3E%3C/svg%3E");
    border-bottom-color: #9481a9; }
  .widget--visitHistory .dynamicRow-header {
    background-color: #e5e3e7;
    color: #69567e; }
  @media (max-width: 660px) {
    .widget--visitHistory .header {
      background-color: #9481a9; }
      .widget--visitHistory .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M25,5h-1.2c-0.4-1.2-1.5-2-2.8-2h-0.5c-0.6,0-1-0.4-1-1c0-1.1-0.9-2-2-2h-3c-1.1,0-2,0.9-2,2 c0,0.6-0.4,1-1,1H11C9.7,3,8.6,3.8,8.2,5H7C5.3,5,4,6.3,4,8v20c0,1.6,1.3,3,3,3h18c1.7,0,3-1.4,3-3V8C28,6.3,26.7,5,25,5z M14.5,3.5 C14.5,2.7,15.2,2,16,2s1.5,0.7,1.5,1.5S16.8,5,16,5S14.5,4.3,14.5,3.5z M20,29v-6h6L20,29z M26,21h-8v1v1v6H6V7h2v2h16V7h2V21z M11,17.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,17.4z M11,26.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,26.4z'/%3E%3C/svg%3E"); } }
  .in-edit-mode .widget--visitHistory .header {
    background-color: #9481a9;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M25,5h-1.2c-0.4-1.2-1.5-2-2.8-2h-0.5c-0.6,0-1-0.4-1-1c0-1.1-0.9-2-2-2h-3c-1.1,0-2,0.9-2,2 c0,0.6-0.4,1-1,1H11C9.7,3,8.6,3.8,8.2,5H7C5.3,5,4,6.3,4,8v20c0,1.6,1.3,3,3,3h18c1.7,0,3-1.4,3-3V8C28,6.3,26.7,5,25,5z M14.5,3.5 C14.5,2.7,15.2,2,16,2s1.5,0.7,1.5,1.5S16.8,5,16,5S14.5,4.3,14.5,3.5z M20,29v-6h6L20,29z M26,21h-8v1v1v6H6V7h2v2h16V7h2V21z M11,17.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,17.4z M11,26.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,26.4z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--visitHistory .header-title {
      background-image: none; }

.widgetSelection.visit-history-widget-selector {
  background-color: #9481a9;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %239481a9' d=' M25,5h-1.2c-0.4-1.2-1.5-2-2.8-2h-0.5c-0.6,0-1-0.4-1-1c0-1.1-0.9-2-2-2h-3c-1.1,0-2,0.9-2,2 c0,0.6-0.4,1-1,1H11C9.7,3,8.6,3.8,8.2,5H7C5.3,5,4,6.3,4,8v20c0,1.6,1.3,3,3,3h18c1.7,0,3-1.4,3-3V8C28,6.3,26.7,5,25,5z M14.5,3.5 C14.5,2.7,15.2,2,16,2s1.5,0.7,1.5,1.5S16.8,5,16,5S14.5,4.3,14.5,3.5z M20,29v-6h6L20,29z M26,21h-8v1v1v6H6V7h2v2h16V7h2V21z M11,17.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,17.4z M11,26.4l-2.7-2.7l1.4-1.4l1.3,1.3l4.3-4.3l1.4,1.4L11,26.4z'/%3E%3C/svg%3E"); }

.widget--vitals {
  /* Header */
  border-top-color: #98335a; }
  .widget--vitals .header {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2398335a' d=' M1,3c0-1.1,4-2,9-2s9,0.9,9,2c0,1.1-4,2-9,2S1,4.1,1,3z M28,15.5V20h-1v2c0,5-4,9-9,9s-9-4-9-9v0 c-4.5-0.1-8-1-8-2V4.5C3.1,5.9,8.2,6,10,6s6.9-0.1,9-1.5V20c0,1-3.5,1.9-8,2v0c0,3.9,3.1,7,7,7s7-3.1,7-7v-2h-1v-4.5 c-1.8-1-3-3.3-3-6C21,5.9,23.2,3,26,3s5,2.9,5,6.5C31,12.2,29.8,14.5,28,15.5z M10,19c2.4,0,4.4-1.7,4.9-4H10v-2h4.9 c-0.5-2.3-2.5-4-4.9-4c-2.8,0-5,2.2-5,5S7.2,19,10,19z'/%3E%3C/svg%3E");
    border-bottom-color: #98335a; }
  .widget--vitals .dynamicRow-header {
    background-color: #e5dbdf;
    color: #571d34; }
  .widget--vitals .header-buttons .icon--add {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2398335a' d=' M26,15L17 15 17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17z'/%3E%3C/svg%3E"); }
  .widget--vitals .header-buttons .icon--vitalsGraph {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2398335a' d=' M32,32H0V0h2v30h30V32z M3.5,18c-0.1,0-0.2,0-0.2-0.1c-0.2-0.1-0.3-0.4-0.2-0.7l7.9-13C11.1,4,11.4,3.9,11.7,4l9,3.9L28,2.1c0.2-0.2,0.5-0.1,0.7,0.1s0.1,0.5-0.1,0.7L21,9c-0.2,0.1-0.4,0.1-0.5,0.1l-8.8-3.9L3.9,17.8C3.8,17.9,3.7,18,3.5,18z M11,11L4,22v6h7V11z M20,11l-7-3v20h7V11z M29,5l-7,6v17h7V5z'/%3E%3C/svg%3E"); }
  @media (max-width: 660px) {
    .widget--vitals .header {
      background-color: #98335a; }
      .widget--vitals .header-title {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.8)' d=' M1,3c0-1.1,4-2,9-2s9,0.9,9,2c0,1.1-4,2-9,2S1,4.1,1,3z M28,15.5V20h-1v2c0,5-4,9-9,9s-9-4-9-9v0 c-4.5-0.1-8-1-8-2V4.5C3.1,5.9,8.2,6,10,6s6.9-0.1,9-1.5V20c0,1-3.5,1.9-8,2v0c0,3.9,3.1,7,7,7s7-3.1,7-7v-2h-1v-4.5 c-1.8-1-3-3.3-3-6C21,5.9,23.2,3,26,3s5,2.9,5,6.5C31,12.2,29.8,14.5,28,15.5z M10,19c2.4,0,4.4-1.7,4.9-4H10v-2h4.9 c-0.5-2.3-2.5-4-4.9-4c-2.8,0-5,2.2-5,5S7.2,19,10,19z'/%3E%3C/svg%3E"); }
      .widget--vitals .header-details {
        position: relative; }
        .widget--vitals .header-details span {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 1.1rem;
          width: 5rem;
          opacity: 1; } }
  .in-edit-mode .widget--vitals .header {
    background-color: #98335a;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' rgba(255, 255, 255, 0.2)' d=' M1,3c0-1.1,4-2,9-2s9,0.9,9,2c0,1.1-4,2-9,2S1,4.1,1,3z M28,15.5V20h-1v2c0,5-4,9-9,9s-9-4-9-9v0 c-4.5-0.1-8-1-8-2V4.5C3.1,5.9,8.2,6,10,6s6.9-0.1,9-1.5V20c0,1-3.5,1.9-8,2v0c0,3.9,3.1,7,7,7s7-3.1,7-7v-2h-1v-4.5 c-1.8-1-3-3.3-3-6C21,5.9,23.2,3,26,3s5,2.9,5,6.5C31,12.2,29.8,14.5,28,15.5z M10,19c2.4,0,4.4-1.7,4.9-4H10v-2h4.9 c-0.5-2.3-2.5-4-4.9-4c-2.8,0-5,2.2-5,5S7.2,19,10,19z'/%3E%3C/svg%3E"); }
    .in-edit-mode .widget--vitals .header-title {
      background-image: none; }

.widgetSelection.vitals-widget-selector {
  background-color: #98335a;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2398335a' d=' M1,3c0-1.1,4-2,9-2s9,0.9,9,2c0,1.1-4,2-9,2S1,4.1,1,3z M28,15.5V20h-1v2c0,5-4,9-9,9s-9-4-9-9v0 c-4.5-0.1-8-1-8-2V4.5C3.1,5.9,8.2,6,10,6s6.9-0.1,9-1.5V20c0,1-3.5,1.9-8,2v0c0,3.9,3.1,7,7,7s7-3.1,7-7v-2h-1v-4.5 c-1.8-1-3-3.3-3-6C21,5.9,23.2,3,26,3s5,2.9,5,6.5C31,12.2,29.8,14.5,28,15.5z M10,19c2.4,0,4.4-1.7,4.9-4H10v-2h4.9 c-0.5-2.3-2.5-4-4.9-4c-2.8,0-5,2.2-5,5S7.2,19,10,19z'/%3E%3C/svg%3E"); }

.widget--vitals .widgetContent {
  height: 10.1rem; }
  @media (max-width: 732px) {
    .widget--vitals .widgetContent {
      height: 12rem; } }
  @media (max-width: 660px) {
    .widget--vitals .widgetContent {
      padding: 0rem;
      position: relative; } }

.vitalsWidget-left {
  padding-top: 1.5rem;
  padding-left: 1.0rem;
  float: left; }
  @media (max-width: 732px) {
    .vitalsWidget-left {
      padding-top: 1rem; } }
  .vitalsWidget-left .bloodPressure-label {
    display: none; }
    @media (max-width: 732px) {
      .vitalsWidget-left .bloodPressure-label {
        display: inline;
        padding-right: .5rem; } }

.vitalsWidget-right {
  padding: 1.0rem;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 6.5rem;
  right: 0; }
  @media (max-width: 732px) {
    .vitalsWidget-right {
      overflow: visible;
      top: 2.8rem;
      left: 0; } }

.vitalsWidget-systolic,
.vitalsWidget-diastolic {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1; }
  @media (max-width: 732px) {
    .vitalsWidget-systolic,
    .vitalsWidget-diastolic {
      font-size: 2rem;
      display: inline;
      font-weight: 600; } }

.vitalsWidget-systolic {
  border-bottom: solid 1px #666; }
  @media (max-width: 732px) {
    .vitalsWidget-systolic {
      border: none; }
      .vitalsWidget-systolic:after {
        content: " /"; } }

@media (max-width: 732px) {
  .vitalsWidget-position {
    display: inline; }
    .vitalsWidget-position:before {
      content: "("; }
    .vitalsWidget-position:after {
      content: ")"; } }

.vitalsWidget-table {
  display: table;
  width: 100%; }

.vitalsWidget-value {
  padding-left: 0.5rem;
  font-size: 1.6rem;
  font-weight: 600; }

/* --- End Widgets --- */
/* footer */
.site-footer {
  height: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1e4766;
  color: white; }
  .site-footer .inner {
    padding: 5px 10px; }

.branding img {
  float: left;
  height: 20px; }
  @media (min-width: 45em) {
    .branding img {
      float: right;
      height: 35px; } }

.legal {
  float: left; }
  .legal .copyright,
  .legal .software-version {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2; }
    @media (min-width: 45em) {
      .legal .copyright,
      .legal .software-version {
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5; } }
  .legal .copyright {
    margin-right: .5em; }
    @media (min-width: 45em) {
      .legal .copyright {
        margin-right: 0; } }

/*! jQuery UI - v1.10.4 - 2014-03-19
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault='Source%20Sans%20Pro'%2C%20sans-serif&fwDefault=normal&fsDefault=1.5rem&cornerRadius=5&bgColorHeader=%23eee&bgTextureHeader=gloss_wave&bgImgOpacityHeader=0&borderColorHeader=%23ccc&fcHeader=%23333&iconColorHeader=%23333&bgColorContent=%23fff&bgTextureContent=highlight_soft&bgImgOpacityContent=0&borderColorContent=%23ccc&fcContent=%23333&iconColorContent=%23333&bgColorDefault=%23fff&bgTextureDefault=glass&bgImgOpacityDefault=0&borderColorDefault=%23cccccc&fcDefault=%2352a941&iconColorDefault=%2352a941&bgColorHover=%23fff&bgTextureHover=glass&bgImgOpacityHover=0&borderColorHover=%23ccc&fcHover=%2349973a&iconColorHover=%2349973a&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=0&borderColorActive=%23ccc&fcActive=%2352a941&iconColorActive=%2352a941&bgColorHighlight=%23dedede&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=0&borderColorHighlight=%232e6b99&fcHighlight=%23333&iconColorHighlight=%23333&bgColorError=%23a60036&bgTextureError=diagonals_thick&bgImgOpacityError=0&borderColorError=%23a60036&fcError=%23ffffff&iconColorError=%23fff&bgColorOverlay=%23666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=%23333&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.2;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

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

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

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  /* padding: .25em .25em 0; */
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .25em 0;
  border: 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 20px;
  height: 20px; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.7;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  border-collapse: collapse;
  margin: 0 0 .5em; }

.ui-datepicker th {
  padding: .75em .25em;
  text-align: center;
  font-weight: 600;
  border: 0; }

.ui-datepicker td {
  border-top: 1px dotted #cccccc;
  border-right: 1px dotted #cccccc; }

.ui-datepicker tr:last-of-type td {
  border-bottom: 1px dotted #cccccc; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .25em .1em;
  text-align: center;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .75em 0 0 0;
  padding: 0 .25em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .25em .5em;
  cursor: pointer;
  padding: .25em .5em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .5em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: inherit;
  font-size: 15px;
  font-size: 1.5rem; }

.ui-widget .ui-widget {
  font-size: 15px;
  font-size: 1.5rem; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: inherit;
  font-size: 15px;
  font-size: 1.5rem; }

.ui-widget-content {
  border: 1px solid #cccccc;
  background-color: white;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #cccccc;
  background-color: #eeeeee;
  color: #333;
  font-weight: 600; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  /* border: 1px solid $color-light-gray; */
  background-color: white;
  font-weight: 400;
  color: #17ab00; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #17ab00;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  /* border: 1px solid $color-light-gray; */
  background-color: white;
  font-weight: 400;
  color: #0d5f00; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #0d5f00;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #17ab00;
  color: white;
  font-weight: 400; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #17ab00;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #eeeeee; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #333333; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ab1800;
  background-color: #ab1800;
  color: white; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: white; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: white; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 600; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  color: #999999;
  background-color: #eeeeee;
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../assets/icons/jquery-ui/ui-icons_333_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(../assets/icons/jquery-ui/ui-icons_333_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(../assets/icons/jquery-ui/ui-icons_52a941_256x240.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(../assets/icons/jquery-ui/ui-icons_49973a_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(../assets/icons/jquery-ui/ui-icons_52a941_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(../assets/icons/jquery-ui/ui-icons_333_256x240.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../assets/icons/jquery-ui/ui-icons_fff_256x240.png); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  background-clip: padding-box; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background-clip: padding-box; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-clip: padding-box; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-clip: padding-box; }

/* Overlays */
.ui-widget-overlay {
  background-color: #666;
  opacity: .5;
  filter: Alpha(Opacity=50); }

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background-color: #333;
  opacity: .2;
  filter: Alpha(Opacity=20);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box; }