/* entire container, keeps perspective */
/*
_placeholders.scss contains all the placeholder selectors for desktop.scss.

These include the selecters prefixed by percentages.
*/
/*
_variables.scss holds all the variables and settings used for desktop.scss.

These settings set things like colours and sizes that are used repeatedly.
*/
/* horizontal-gradient can be used any time a horizontal gradient is needed in a background.
horizontal-gradient is currently used for the patient-score widget's out of range gradient */
/*
Either this or the draggable class should be used on every element
that is draggable.
*/
@import url("/lib/bootstrap/css/bootstrap.css");
@import url("/lib/ionicons/css/ionicons.css");
@import url("/lib/font-awesome/css/font-awesome.css");
.advanced-action-write .rule-content .conditions, .setcat-campaigns .create-edit-form .questionnaires, .setcat-campaigns .create-edit-form .conditions, .setcat-campaigns .create-edit-form .actions {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #bbb; }

.patient-score-history {
  height: 220px;
  min-height: 220px; }
  .box.patient-score-history {
    margin: 0; }

/* %flippable-general is used by .flippable-widget-shell and .zoom-shell */
.zoom-shell .simple-line-icons-family, .flippable-widget-shell .simple-line-icons-family {
  margin-top: 2px;
  font-size: 13px;
  display: inline-block; }

.zoom-shell .patient-dme-score-breakdown .score, .flippable-widget-shell .patient-dme-score-breakdown .score {
  padding-right: 70px; }

.zoom-shell .buttons, .flippable-widget-shell .buttons {
  position: absolute;
  right: 15px;
  top: 6px;
  z-index: 1;
  color: white; }
  .zoom-shell .buttons > div, .flippable-widget-shell .buttons > div {
    margin-left: 7px;
    cursor: pointer; }
  .zoom-shell .buttons > div.simple-line-icons-family, .flippable-widget-shell .buttons > div.simple-line-icons-family {
    opacity: 0.5;
    float: right;
    transition: opacity 0.6s; }

.zoom-shell:hover, .flippable-widget-shell:hover {
  /* When in a flippable widget, the zoom icon will show. */ }
  .zoom-shell:hover div.buttons > div.simple-line-icons-family, .flippable-widget-shell:hover div.buttons > div.simple-line-icons-family {
    opacity: 1; }

.password-confirmation .invalid, .patient-profile-summary .invalid input {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
  border-radius: 1px; }

.matrix .first-cell, .categorized .first-cell, .column-editor table .first-cell {
  width: 75px;
  padding-right: 5px; }

.matrix .buttons, .categorized .buttons, .column-editor .buttons {
  width: 98px; }
  .matrix .buttons .btn, .categorized .buttons .btn, .column-editor .buttons .btn {
    margin: 3px; }

.c-q-body-demarc-editor.box .box-footer .btn-danger, .tablet-messenger .box-footer .btn-danger, .system-dashboard-copy .box-footer .btn-danger, .survey-notes-generator-dialog .box-footer .btn-danger, .text-field-dialog .box-footer .btn-danger, .image-tile-edit .box-footer .btn-danger, .image-selector .box-footer .btn-danger, .icon-selector .box-footer .btn-danger, .colour-selector .box-footer .btn-danger, .survey-select-dialog .box-footer .btn-danger, .new-encounter-survey-selection .box-footer .btn-danger, .algorithm-search-dialog .box-footer .btn-danger, .question-select-dialog .box-footer .btn-danger, .c-q-body-demarc-editor.box .box-footer .btn-primary, .tablet-messenger .box-footer .btn-primary, .system-dashboard-copy .box-footer .btn-primary, .survey-notes-generator-dialog .box-footer .btn-primary, .text-field-dialog .box-footer .btn-primary, .image-tile-edit .box-footer .btn-primary, .image-selector .box-footer .btn-primary, .icon-selector .box-footer .btn-primary, .colour-selector .box-footer .btn-primary, .survey-select-dialog .box-footer .btn-primary, .new-encounter-survey-selection .box-footer .btn-primary, .algorithm-search-dialog .box-footer .btn-primary, .question-select-dialog .box-footer .btn-primary {
  background-color: #3c8dbc;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #23b7e5;
  height: 45px;
  font-size: 16px;
  text-align: center;
  width: 150px;
  transition: background-color 0.3s, border-color 0.3s;
  border-radius: 5px; }

/*
Used to add consistent styling for various dialogs.

- Used by the pain locations editor dialog on desktop
*/
.c-q-body-demarc-editor.box, .tablet-messenger, .system-dashboard-copy, .survey-notes-generator-dialog, .text-field-dialog, .image-tile-edit, .image-selector, .icon-selector, .colour-selector, .survey-select-dialog, .new-encounter-survey-selection, .algorithm-search-dialog, .question-select-dialog {
  width: 800px; }
  .c-q-body-demarc-editor.box .box-footer .btn-danger, .tablet-messenger .box-footer .btn-danger, .system-dashboard-copy .box-footer .btn-danger, .survey-notes-generator-dialog .box-footer .btn-danger, .text-field-dialog .box-footer .btn-danger, .image-tile-edit .box-footer .btn-danger, .image-selector .box-footer .btn-danger, .icon-selector .box-footer .btn-danger, .colour-selector .box-footer .btn-danger, .survey-select-dialog .box-footer .btn-danger, .new-encounter-survey-selection .box-footer .btn-danger, .algorithm-search-dialog .box-footer .btn-danger, .question-select-dialog .box-footer .btn-danger {
    background-color: #f56954;
    border-color: #f4543c; }
  .c-q-body-demarc-editor.box .box-footer .pull-right, .tablet-messenger .box-footer .pull-right, .system-dashboard-copy .box-footer .pull-right, .survey-notes-generator-dialog .box-footer .pull-right, .text-field-dialog .box-footer .pull-right, .image-tile-edit .box-footer .pull-right, .image-selector .box-footer .pull-right, .icon-selector .box-footer .pull-right, .colour-selector .box-footer .pull-right, .survey-select-dialog .box-footer .pull-right, .new-encounter-survey-selection .box-footer .pull-right, .algorithm-search-dialog .box-footer .pull-right, .question-select-dialog .box-footer .pull-right {
    margin-left: 5px; }
  .c-q-body-demarc-editor.box .box-footer .pull-left, .tablet-messenger .box-footer .pull-left, .system-dashboard-copy .box-footer .pull-left, .survey-notes-generator-dialog .box-footer .pull-left, .text-field-dialog .box-footer .pull-left, .image-tile-edit .box-footer .pull-left, .image-selector .box-footer .pull-left, .icon-selector .box-footer .pull-left, .colour-selector .box-footer .pull-left, .survey-select-dialog .box-footer .pull-left, .new-encounter-survey-selection .box-footer .pull-left, .algorithm-search-dialog .box-footer .pull-left, .question-select-dialog .box-footer .pull-left {
    margin-right: 5px; }

.patient-profile-epic-data .control-list .control-list-item .data-point-count, .body-map .content-container .image-wrapper .body-map-image-small, .body-map-tile .content-container .image-wrapper .body-map-image-small, .datetime .datetime-section, .setcat-question .question-row .question-meta-data .question-meta-data-box, .questions .question-row .question-meta-data .question-meta-data-box, .setcat-question .question-row .question-order, .questions .question-row .question-order, .rule-row .rule-order, .setcat-survey-cycles .task-group, .encounter-type-survey-cycles .task-group, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .monitoring-survey-configuration, .patient-profile-monitoring .monitoring-box, .setcat-survey .splash-image, .setcat-survey .survey-header-collapsed .splash-image-icon, .setcat-survey > .right-column .expanded-header, .setcat-report-editor .widget-editor, .scale-thickness-image, .scale-shape-image, .setcat-manage-account .payment-method-edit-container, .toggled-advanced-action-editor, .survey-question, .setcat-manage-account .payment-method-item, .patient-search .control-list .patient-search-result, .patient-search .control-list .patients-today-item, .available-report-task-tile, .setcat-survey .survey-header-collapsed, .image-tile, .report-tile, .survey-designer-tile, .survey-tile, .setcat-campaigns .campaign-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile, .new-encounter-survey-selection .encounter-type-tile, .algorithm-tile, .patient-profile-epic-data .control-list .control-list-item, .survey-questions .control-list .control-list-item, .toggled-advanced-action-editor .control-list .control-list-item, .sortable-array .control-list-item, .patient-profile-monitoring .selected-survey-control-list .control-list-item, .tablet-list .control-list-item, .acknowledgement-task-list .control-list .control-list-item, .accordion .questions .question-control-list .control-list-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item, .setcat-report-editor .questions .question-control-list .control-list-item, .setcat-report-editor form.page-form, .setcat-report-editor form.report-basic-properties-form, .available-report-task-tile .available-report-task-icon {
  border: 1px solid #b1b1b1; }

.available-report-task-tile .available-report-task-icon {
  font-size: 50px;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: #fdfdfd;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 5px;
  margin-left: 3px;
  height: 70px;
  width: 70px;
  border-radius: 8px;
  font-weight: bold; }

.notes-bubble-left, .notes-bubble-right {
  position: relative;
  width: auto;
  padding: 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: #7F7F7F solid 1px; }
  .bubble-regular.notes-bubble-left, .bubble-regular.notes-bubble-right {
    background: #F3FFFF; }
  .bubble-disabled.notes-bubble-left, .bubble-disabled.notes-bubble-right {
    background: #F2F2F2; }
  .bubble-info.notes-bubble-left, .bubble-info.notes-bubble-right {
    background: #D2FFB6; }

.notes-bubble-left:after, .notes-bubble-right:after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  z-index: 1;
  top: 25px; }
  .bubble-regular.notes-bubble-left:after, .bubble-regular.notes-bubble-right:after {
    border-color: transparent #F3FFFF; }
  .bubble-disabled.notes-bubble-left:after, .bubble-disabled.notes-bubble-right:after {
    border-color: transparent #F2F2F2; }
  .bubble-info.notes-bubble-left:after, .bubble-info.notes-bubble-right:after {
    border-color: transparent #D2FFB6; }

.notes-bubble-left:before, .notes-bubble-right:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: transparent #7F7F7F;
  display: block;
  width: 0;
  z-index: 0;
  top: 25px; }

.mandatory-content-modal-dialog .modal-header h3, .box .box-header h3.box-title, .messageBox .modal-header h3, .fc-center h2 {
  font-weight: bold;
  font-size: 17px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #656565; }

div.popup-menu ul li a:hover {
  color: #23b7e5 !important; }

.setcat-report-editor form.page-form, .setcat-report-editor form.report-basic-properties-form {
  transition: max-height 0.3s;
  border-radius: 5px; }

.setcat-report-editor .widget-options .checkbox, .setcat-report-editor .widget-survey-questions .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0; }
  .setcat-report-editor .widget-options .checkbox input[type="checkbox"], .setcat-report-editor .widget-survey-questions .checkbox input[type="checkbox"] {
    margin-left: 0;
    margin-right: 5px; }

.widget-instance-being-dragged, .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance {
  width: 98px;
  height: 114px;
  position: relative;
  background-size: auto 75%;
  background-position: top center;
  background-repeat: no-repeat;
  border: 3px solid #888;
  border-radius: 6px; }
  .widget-instance-being-dragged .name, .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance .name {
    position: absolute;
    bottom: 5px;
    width: 100%;
    line-height: 1;
    text-align: center; }

.zoom-shell, .reactivate-reports {
  height: 600px;
  width: 800px;
  box-shadow: 0 0 15px #000; }

.setcat-manage-account .payment-method-edit-container, .toggled-advanced-action-editor, .survey-question, .setcat-manage-account .payment-method-item, .patient-search .control-list .patient-search-result, .patient-search .control-list .patients-today-item, .available-report-task-tile, .setcat-survey .survey-header-collapsed, .image-tile, .report-tile, .survey-designer-tile, .survey-tile, .setcat-campaigns .campaign-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile, .new-encounter-survey-selection .encounter-type-tile, .algorithm-tile, .patient-profile-epic-data .control-list .control-list-item, .survey-questions .control-list .control-list-item, .toggled-advanced-action-editor .control-list .control-list-item, .sortable-array .control-list-item, .patient-profile-monitoring .selected-survey-control-list .control-list-item, .tablet-list .control-list-item, .acknowledgement-task-list .control-list .control-list-item, .accordion .questions .question-control-list .control-list-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item, .setcat-report-editor .questions .question-control-list .control-list-item {
  background-color: #f1f1f1;
  border-radius: 4px;
  margin: 2px; }

.setcat-manage-account .payment-method-item, .patient-search .control-list .patient-search-result, .patient-search .control-list .patients-today-item, .available-report-task-tile, .setcat-survey .survey-header-collapsed, .image-tile, .report-tile, .survey-designer-tile, .survey-tile, .setcat-campaigns .campaign-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile, .new-encounter-survey-selection .encounter-type-tile, .algorithm-tile, .patient-profile-epic-data .control-list .control-list-item, .survey-questions .control-list .control-list-item, .toggled-advanced-action-editor .control-list .control-list-item, .sortable-array .control-list-item, .patient-profile-monitoring .selected-survey-control-list .control-list-item, .tablet-list .control-list-item, .acknowledgement-task-list .control-list .control-list-item, .accordion .questions .question-control-list .control-list-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item, .setcat-report-editor .questions .question-control-list .control-list-item {
  font-weight: bold;
  font-size: 14px;
  height: 82px; }

.patient-profile-epic-data .control-list, .survey-questions .control-list, .toggled-advanced-action-editor .control-list, .sortable-array, .patient-profile-monitoring .selected-survey-control-list, .tablet-list, .acknowledgement-task-list .control-list, .accordion .questions .question-control-list, .question-select-dialog .box-body .questions .question-control-list, .setcat-report-editor .questions .question-control-list {
  height: 170px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: auto; }
  .patient-profile-epic-data .control-list .control-list-item, .survey-questions .control-list .control-list-item, .toggled-advanced-action-editor .control-list .control-list-item, .sortable-array .control-list-item, .patient-profile-monitoring .selected-survey-control-list .control-list-item, .tablet-list .control-list-item, .acknowledgement-task-list .control-list .control-list-item, .accordion .questions .question-control-list .control-list-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item, .setcat-report-editor .questions .question-control-list .control-list-item {
    padding: 2px;
    margin: 2px 2px 2px 0px; }
    .patient-profile-epic-data .control-list .control-list-item .row, .survey-questions .control-list .control-list-item .row, .toggled-advanced-action-editor .control-list .control-list-item .row, .sortable-array .control-list-item .row, .patient-profile-monitoring .selected-survey-control-list .control-list-item .row, .tablet-list .control-list-item .row, .acknowledgement-task-list .control-list .control-list-item .row, .accordion .questions .question-control-list .control-list-item .row, .question-select-dialog .box-body .questions .question-control-list .control-list-item .row, .setcat-report-editor .questions .question-control-list .control-list-item .row {
      padding: 0px; }
    .patient-profile-epic-data .control-list .control-list-item .short-description, .survey-questions .control-list .control-list-item .short-description, .toggled-advanced-action-editor .control-list .control-list-item .short-description, .sortable-array .control-list-item .short-description, .patient-profile-monitoring .selected-survey-control-list .control-list-item .short-description, .tablet-list .control-list-item .short-description, .acknowledgement-task-list .control-list .control-list-item .short-description, .accordion .questions .question-control-list .control-list-item .short-description, .question-select-dialog .box-body .questions .question-control-list .control-list-item .short-description, .setcat-report-editor .questions .question-control-list .control-list-item .short-description {
      color: black;
      font-weight: bold; }
    .patient-profile-epic-data .control-list .control-list-item .code, .survey-questions .control-list .control-list-item .code, .toggled-advanced-action-editor .control-list .control-list-item .code, .sortable-array .control-list-item .code, .patient-profile-monitoring .selected-survey-control-list .control-list-item .code, .tablet-list .control-list-item .code, .acknowledgement-task-list .control-list .control-list-item .code, .accordion .questions .question-control-list .control-list-item .code, .question-select-dialog .box-body .questions .question-control-list .control-list-item .code, .setcat-report-editor .questions .question-control-list .control-list-item .code {
      font-size: 18px;
      color: black;
      font-weight: bold;
      text-align: right;
      padding-right: 10px; }
      .patient-profile-epic-data .control-list .control-list-item .code .code-type, .survey-questions .control-list .control-list-item .code .code-type, .toggled-advanced-action-editor .control-list .control-list-item .code .code-type, .sortable-array .control-list-item .code .code-type, .patient-profile-monitoring .selected-survey-control-list .control-list-item .code .code-type, .tablet-list .control-list-item .code .code-type, .acknowledgement-task-list .control-list .control-list-item .code .code-type, .accordion .questions .question-control-list .control-list-item .code .code-type, .question-select-dialog .box-body .questions .question-control-list .control-list-item .code .code-type, .setcat-report-editor .questions .question-control-list .control-list-item .code .code-type {
        font-size: 8px; }
    .patient-profile-epic-data .control-list .control-list-item .description, .survey-questions .control-list .control-list-item .description, .toggled-advanced-action-editor .control-list .control-list-item .description, .sortable-array .control-list-item .description, .patient-profile-monitoring .selected-survey-control-list .control-list-item .description, .tablet-list .control-list-item .description, .acknowledgement-task-list .control-list .control-list-item .description, .accordion .questions .question-control-list .control-list-item .description, .question-select-dialog .box-body .questions .question-control-list .control-list-item .description, .setcat-report-editor .questions .question-control-list .control-list-item .description {
      font-weight: normal; }
    .patient-profile-epic-data .control-list .control-list-item .icon, .survey-questions .control-list .control-list-item .icon, .toggled-advanced-action-editor .control-list .control-list-item .icon, .sortable-array .control-list-item .icon, .patient-profile-monitoring .selected-survey-control-list .control-list-item .icon, .tablet-list .control-list-item .icon, .acknowledgement-task-list .control-list .control-list-item .icon, .accordion .questions .question-control-list .control-list-item .icon, .question-select-dialog .box-body .questions .question-control-list .control-list-item .icon, .setcat-report-editor .questions .question-control-list .control-list-item .icon {
      font-size: 47px;
      border-radius: 4px;
      text-align: center;
      height: 58px;
      width: 58px;
      margin-top: 5px; }
      .patient-profile-epic-data .control-list .control-list-item .icon i, .survey-questions .control-list .control-list-item .icon i, .toggled-advanced-action-editor .control-list .control-list-item .icon i, .sortable-array .control-list-item .icon i, .patient-profile-monitoring .selected-survey-control-list .control-list-item .icon i, .tablet-list .control-list-item .icon i, .acknowledgement-task-list .control-list .control-list-item .icon i, .accordion .questions .question-control-list .control-list-item .icon i, .question-select-dialog .box-body .questions .question-control-list .control-list-item .icon i, .setcat-report-editor .questions .question-control-list .control-list-item .icon i {
        color: white; }

.toggled-advanced-action-editor .form-group .form-group-divider, .survey-question .form-group .form-group-divider, .system-settings .appointment-resource-management .form-group .form-group-divider, .patient-profile-monitoring .form-group .form-group-divider, .patient-profile-relations .form-group .form-group-divider, .payer-entity .form-group .form-group-divider, .entity-contact .form-group .form-group-divider, .patient-profile-summary .form-group .form-group-divider, .practice-theme-summary .form-group .form-group-divider, .practice-profile-summary .form-group .form-group-divider, .location-profile .form-group .form-group-divider, .user-profile .form-group .form-group-divider, .setcat-survey > .right-column .form-group .form-group-divider {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid; }

.question-bank-item, .accordion .questions .question-control-list .control-list-item.question-bank-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item {
  height: 120px; }
  .question-bank-item .top, .accordion .questions .question-control-list .control-list-item.question-bank-item .top, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .top, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .top {
    height: 58px;
    display: flex; }
    .question-bank-item .top .icon, .accordion .questions .question-control-list .control-list-item.question-bank-item .top .icon, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .top .icon, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .top .icon {
      margin-left: 5px;
      margin-right: 7px;
      height: 50px; }
    .question-bank-item .top .question-text, .accordion .questions .question-control-list .control-list-item.question-bank-item .top .question-text, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .top .question-text, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .top .question-text {
      line-height: 1.2em;
      font-size: 12px; }
      .question-bank-item .top .question-text p, .accordion .questions .question-control-list .control-list-item.question-bank-item .top .question-text p, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .top .question-text p, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .top .question-text p {
        margin-bottom: -14px; }
  .question-bank-item .bottom, .accordion .questions .question-control-list .control-list-item.question-bank-item .bottom, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .bottom, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .bottom {
    height: 65px;
    overflow: hidden; }
    .question-bank-item .bottom > div.content, .accordion .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content {
      background-color: transparent; }
      .question-bank-item .bottom > div.content ol, .accordion .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol {
        line-height: 1.1em;
        padding-left: 7px;
        list-style-type: none;
        counter-reset: item; }
        .question-bank-item .bottom > div.content ol li:before, .accordion .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol li:before, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol li:before, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol li:before {
          content: "A" counter(item, decimal) ". ";
          counter-increment: item; }

.scale-thickness-image, .scale-shape-image {
  margin-top: -5px;
  margin-bottom: 5px;
  margin-right: 5px;
  background-color: inherit;
  height: 45px; }
  .selected.scale-thickness-image, .selected.scale-shape-image {
    border-color: #000;
    box-shadow: 0 0 5px #00f; }

.user-widget-instance-options-widget .options .option-list .invert-choices-option label, .user-widget-instance-options-widget .options .option-list .page-repeat-option label, .user-widget-instance-options-widget .options .option-list .border-styles-option label {
  display: block;
  width: 100%; }

.eula-review-modal .eula iframe, .eula-acknowledgement-modal .eula iframe {
  display: block;
  width: 100%;
  height: 400px;
  border: none; }

.workflow-diagram .workflow-diagram-tasks > div, .tasks > div {
  display: inline-block;
  vertical-align: top; }

.workflow-diagram .arrow .horizontal-line-2, .workflow-diagram .arrow .horizontal-line-1, .workflow-diagram .arrow .horizontal-line {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #555;
  height: 2px; }

.task.complete .icon, .task.in-progress .icon {
  border-width: 2px;
  border-style: solid;
  background-color: #eee;
  border-radius: 10px;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 3px; }

.workflow-editor .icon-trash {
  padding-top: 2px;
  padding-right: 2px;
  padding-left: 5px;
  float: right;
  transition: font-size 0.5s; }

.matrix .question-rows, .categorized .question-rows {
  padding-left: 6px;
  padding-right: 6px; }
  .matrix .question-rows > div .clickable, .categorized .question-rows > div .clickable {
    cursor: pointer; }
  .matrix .question-rows > div .question-html, .categorized .question-rows > div .question-html {
    min-height: 30px; }
  .matrix .question-rows > div input, .categorized .question-rows > div input {
    width: 100%; }

.matrix .divider, .categorized .divider {
  height: 1px;
  display: block;
  margin: 9px 0;
  overflow: hidden;
  background-color: #b1b1b1; }

.patient-profile-detail label[for=p_notes], .patient-profile-detail label[for=p_race] {
  text-align: left; }

table.selectable > tbody > tr td, table.selectable > tbody > tr {
  cursor: pointer;
  transition: background-color 0.3s; }

.image-selector div.box-body .tablist, .dashboard-survey-answers .box-body .tablist, .cdsm-data-grid-shell .tablist, .patient-profile div.form-horizontal .tablist, .new-encounter-survey-selection .box-body .tablist {
  border-bottom: 1px solid;
  border-color: #ddd;
  padding-left: 0px;
  padding-top: 5px; }

.modalHost .c-body-demarc canvas, .modalHost .c-body-demarc-points canvas {
  height: 500px;
  width: 250px; }

.question-select-dialog .box-body .questions .question-control-list .loading {
  text-align: center; }
  .question-select-dialog .box-body .questions .question-control-list .loading .spinner-loader {
    -webkit-animation: spinner-loader 1s linear infinite;
    -moz-animation: spinner-loader 1s linear infinite;
    -ms-animation: spinner-loader 1s linear infinite;
    -o-animation: spinner-loader 1s linear infinite;
    animation: spinner-loader 1s linear infinite; }

.image-selector .tablist .tabContent, .image-selector div.box-body .tabContent, .dashboard-survey-answers .box-body .tablist .tabContent, .test-list .tabContent, .tab-list-bottom .tabContent, .tab-list .tabContent, .patient-search .control-list .tabContent, .document-viewer .tabs .tabContent, .cdsm-data-grid-shell .tabContent, .patient-profile .tablist .tabContent, .patient-profile div.form-horizontal .tabContent, .new-encounter-survey-selection .box-body .tablist .tabContent {
  text-align: left;
  vertical-align: middle;
  border-top: none; }

.image-selector .tablist .tab, .image-selector div.box-body .tab, .dashboard-survey-answers .box-body .tablist .tab, .test-list .tab, .tab-list-bottom .tab, .tab-list .tab, .patient-search .control-list .tab, .document-viewer .tabs .tab, .cdsm-data-grid-shell .tab, .patient-profile .tablist .tab, .patient-profile div.form-horizontal .tab, .new-encounter-survey-selection .box-body .tablist .tab {
  cursor: pointer;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  padding: 1px 10px 0 10px;
  display: inline-block;
  margin-top: 4px;
  border: 1px solid #bbb;
  box-shadow: 0 1px 3px #ddd inset; }
  .image-selector .tablist .tab.selected, .image-selector div.box-body .tab.selected, .dashboard-survey-answers .box-body .tablist .tab.selected, .test-list .tab.selected, .tab-list-bottom .tab.selected, .tab-list .tab.selected, .patient-search .control-list .tab.selected, .document-viewer .tabs .tab.selected, .cdsm-data-grid-shell .tab.selected, .patient-profile .tablist .tab.selected, .patient-profile div.form-horizontal .tab.selected, .new-encounter-survey-selection .box-body .tablist .tab.selected {
    font-weight: bold;
    padding-top: 3px;
    margin-top: 2px;
    color: black; }
  .image-selector .tablist .tab.active, .image-selector div.box-body .tab.active, .dashboard-survey-answers .box-body .tablist .tab.active, .test-list .tab.active, .tab-list-bottom .tab.active, .tab-list .tab.active, .patient-search .control-list .tab.active, .document-viewer .tabs .tab.active, .cdsm-data-grid-shell .tab.active, .patient-profile .tablist .tab.active, .patient-profile div.form-horizontal .tab.active, .new-encounter-survey-selection .box-body .tablist .tab.active {
    font-weight: bold;
    padding-top: 3px;
    margin-top: 2px;
    color: black; }

.image-selector .tablist .tab-bottom, .image-selector div.box-body .tab-bottom, .dashboard-survey-answers .box-body .tablist .tab-bottom, .test-list .tab-bottom, .tab-list-bottom .tab-bottom, .tab-list .tab-bottom, .patient-search .control-list .tab-bottom, .document-viewer .tabs .tab-bottom, .cdsm-data-grid-shell .tab-bottom, .patient-profile .tablist .tab-bottom, .patient-profile div.form-horizontal .tab-bottom, .new-encounter-survey-selection .box-body .tablist .tab-bottom {
  cursor: pointer;
  border-radius: 0 0 4px 4px;
  padding: 1px 10px 0 10px;
  display: inline-block;
  margin-top: -3px;
  border: 1px solid #bbb;
  box-shadow: 0 1px 3px #ddd inset;
  margin-bottom: 4px;
  border-top: none; }
  .image-selector .tablist .tab-bottom.selected, .image-selector div.box-body .tab-bottom.selected, .dashboard-survey-answers .box-body .tablist .tab-bottom.selected, .test-list .tab-bottom.selected, .tab-list-bottom .tab-bottom.selected, .tab-list .tab-bottom.selected, .patient-search .control-list .tab-bottom.selected, .document-viewer .tabs .tab-bottom.selected, .cdsm-data-grid-shell .tab-bottom.selected, .patient-profile .tablist .tab-bottom.selected, .patient-profile div.form-horizontal .tab-bottom.selected, .new-encounter-survey-selection .box-body .tablist .tab-bottom.selected {
    font-weight: bold;
    padding-bottom: 3px;
    margin-top: -3px;
    color: black; }
  .image-selector .tablist .tab-bottom.active, .image-selector div.box-body .tab-bottom.active, .dashboard-survey-answers .box-body .tablist .tab-bottom.active, .test-list .tab-bottom.active, .tab-list-bottom .tab-bottom.active, .tab-list .tab-bottom.active, .patient-search .control-list .tab-bottom.active, .document-viewer .tabs .tab-bottom.active, .cdsm-data-grid-shell .tab-bottom.active, .patient-profile .tablist .tab-bottom.active, .patient-profile div.form-horizontal .tab-bottom.active, .new-encounter-survey-selection .box-body .tablist .tab-bottom.active {
    font-weight: bold;
    padding-bottom: 3px;
    margin-top: -3px;
    color: black; }

.image-selector .tablist .tab:hover, .image-selector div.box-body .tab:hover, .dashboard-survey-answers .box-body .tablist .tab:hover, .test-list .tab:hover, .tab-list-bottom .tab:hover, .tab-list .tab:hover, .patient-search .control-list .tab:hover, .document-viewer .tabs .tab:hover, .cdsm-data-grid-shell .tab:hover, .patient-profile .tablist .tab:hover, .patient-profile div.form-horizontal .tab:hover, .new-encounter-survey-selection .box-body .tablist .tab:hover {
  color: black; }

.fc-left button.fc-button.fc-state-default.fc-next-button, .fc-left button.fc-button.fc-state-default.fc-prev-button {
  padding: 0; }

.agenda .fc-button-group button, .agenda .fc-left button {
  background-image: none; }

.setcat-report-editor .survey-defaults h4, .setcat-report-editor .page h4, .setcat-report-editor .header-footer h4, .setcat-report-editor .report-basic-properties h4 {
  width: 130px;
  text-align: right;
  font-size: 16px; }

.setcat-report-editor .survey-defaults .form-group, .setcat-report-editor .page .form-group, .setcat-report-editor .header-footer .form-group, .setcat-report-editor .report-basic-properties .form-group {
  display: flex; }
  .setcat-report-editor .survey-defaults .form-group .fixed-width, .setcat-report-editor .page .form-group .fixed-width, .setcat-report-editor .header-footer .form-group .fixed-width, .setcat-report-editor .report-basic-properties .form-group .fixed-width {
    width: 130px;
    text-align: right;
    flex-grow: 0;
    flex-shrink: 0; }
  .setcat-report-editor .survey-defaults .form-group .maxed-fixed-width, .setcat-report-editor .page .form-group .maxed-fixed-width, .setcat-report-editor .header-footer .form-group .maxed-fixed-width, .setcat-report-editor .report-basic-properties .form-group .maxed-fixed-width {
    max-width: 200px; }
  .setcat-report-editor .survey-defaults .form-group .control-label, .setcat-report-editor .page .form-group .control-label, .setcat-report-editor .header-footer .form-group .control-label, .setcat-report-editor .report-basic-properties .form-group .control-label {
    text-align: right;
    padding-right: 5px; }
  .setcat-report-editor .survey-defaults .form-group .units, .setcat-report-editor .page .form-group .units, .setcat-report-editor .header-footer .form-group .units, .setcat-report-editor .report-basic-properties .form-group .units {
    font-weight: bold;
    padding-top: 7px;
    padding-left: 5px; }

.ui-timepicker-table.ui-widget-content td > span.ui-state-disabled, .ui-timepicker-table.ui-widget-content td a {
  display: inline-block;
  width: 25px;
  padding-left: 2px;
  color: #666;
  border: 1px solid #eee;
  border-radius: 1px; }

.new-encounter-survey-selection .flexible-choice.flex-buttons.pull-center label, .patient-add-appointment .flexible-choice.flex-buttons.pull-center label {
  font-size: 14px;
  font-weight: normal;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #e8e8e8;
  border-radius: 5px;
  transition: all 0.3s; }
  .new-encounter-survey-selection .flexible-choice.flex-buttons.pull-center label:hover, .patient-add-appointment .flexible-choice.flex-buttons.pull-center label:hover {
    background-color: #efe;
    color: #000; }
  .new-encounter-survey-selection .flexible-choice.flex-buttons.pull-center label.selected-1, .patient-add-appointment .flexible-choice.flex-buttons.pull-center label.selected-1 {
    background-color: #BCF9BC;
    color: #000; }

.patient-add-appointment .scrollable-content {
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 2px;
  padding-right: 2px; }

.patient-add-appointment .summary {
  font-weight: bold; }

.patient-add-appointment h3 {
  margin-top: 0; }

.patient-add-appointment div.modal-body .input-row {
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 8px;
  box-shadow: 0px 2px 2px #ddd; }

.patient-add-appointment div.modal-body label.special {
  color: #008; }

.patient-add-appointment .input-row {
  padding: 5px;
  box-shadow: 0px 2px 2px #ddd;
  min-height: 150px;
  margin-bottom: 2px; }

.patient-add-appointment .date, .patient-add-appointment .time, .patient-add-appointment .carecds-datepicker > input {
  line-height: 20px;
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 3px; }

.patient-add-appointment .carecds-datepicker > input {
  width: 139px;
  margin-left: auto;
  margin-right: auto; }

.patient-add-appointment .flexible-choice {
  padding-bottom: 5px; }

.login-shell .password-change, .login-shell .thank-you, .login-shell .forgot-password {
  position: fixed;
  z-index: 2;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #555; }
  .login-shell .password-change .body, .login-shell .thank-you .body, .login-shell .forgot-password .body {
    padding: 10px 20px; }
  .login-shell .password-change .footer, .login-shell .thank-you .footer, .login-shell .forgot-password .footer {
    padding: 10px 20px; }
    .login-shell .password-change .footer button, .login-shell .thank-you .footer button, .login-shell .forgot-password .footer button {
      color: #fff;
      background-color: #0b5e6b;
      font-size: 16px;
      padding: 8px;
      transition: background-color 0.3s; }
      .login-shell .password-change .footer button:hover, .login-shell .thank-you .footer button:hover, .login-shell .forgot-password .footer button:hover {
        background-color: #127382; }
  .login-shell .password-change .header, .login-shell .thank-you .header, .login-shell .forgot-password .header {
    font-size: 30px;
    text-align: center;
    padding-bottom: 10px;
    box-shadow: inset 0 -10px 10px -10px #ccc; }

.setcat-manage-account .payment-method-type-icon, .ui-draggable-dragging.patient-today-icon, .patient-search-result-icon, .patient-search .control-list .patients-today-item .patient-today-icon .icon {
  font-size: 45px;
  width: 60px;
  line-height: 63px;
  text-align: center;
  vertical-align: middle;
  color: #fff !important;
  border-radius: 8px;
  margin: 9px 5px 5px 0px;
  background-color: #808080; }
  .setcat-manage-account .payment-method-type-icon:hover, .ui-draggable-dragging.patient-today-icon:hover, .patient-search-result-icon:hover, .patient-search .control-list .patients-today-item .patient-today-icon .icon:hover {
    cursor: pointer; }

.c-body-demarc canvas, .c-body-demarc-points canvas {
  height: 130px;
  width: 55px; }

.c-body-demarc > div, .c-body-demarc-points > div {
  text-align: center; }

.agree-disagree button {
  margin-top: 10px;
  margin-bottom: 5px;
  color: #fff;
  border-width: 0;
  padding: 2px;
  width: 60px;
  border-radius: 4px;
  font-size: 10px; }
  .agree-disagree button.selected {
    box-shadow: 0 0 5px #000 inset;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.4); }

.ui-draggable-placeholder-borderless, .ui-draggable-placeholder {
  background-color: #caecf4 !important;
  transition: all 1s !important;
  border-radius: 5px; }

.survey-select-dialog .selected .survey-tile, .setcat-campaigns .campaign-tile.selected, .new-encounter-survey-selection .encounter-type-tile.selected, .new-encounter-survey-selection .selected .survey-tile, .grid-layout-editor button.show-grid-button.toolbar-btn.selected, .grid-layout-editor button.show-grid-button.toolbar-btn.selected:hover,
.grid-layout-editor button.avoid-overlapping-widgets.toolbar-btn.selected,
.grid-layout-editor button.avoid-overlapping-widgets.toolbar-btn.selected:hover,
.grid-layout-editor .toolbar-box .option-list > div.page-repeat-option.selected,
.grid-layout-editor .toolbar-box .option-list > div.question-id-option.selected,
.grid-layout-editor .toolbar-box .option-list > div.image-selector-option.selected,
.grid-layout-editor .toolbar-box .option-list > div.invert-choices-option.selected, .selected .algorithm-tile, .body-location-selector .toolbar-btn.selected, .user-widget-instance-options-widget .options .option-list .invert-choices-option .toolbar-btn.selected, .user-widget-instance-options-widget .options .option-list .page-repeat-option .toolbar-btn.selected, .question-id-option .toolbar-btn.selected, .image-selector-option .toolbar-btn.selected, .reactivate-reports .modal-body .results > div.selected .report-tile, .accordion .questions .question-control-list .control-list-item.question-bank-item.selected, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item.selected, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item.selected {
  border-color: #000;
  box-shadow: 0 0 5px #00f inset; }

.text-field-dialog, .image-tile-edit, .image-selector, .icon-selector, .colour-selector, .survey-select-dialog, .new-encounter-survey-selection, .algorithm-search-dialog, .question-select-dialog {
  background-color: #fff;
  height: 85vh; }
  .box.text-field-dialog, .box.image-tile-edit, .box.image-selector, .box.icon-selector, .box.colour-selector, .box.survey-select-dialog, .box.new-encounter-survey-selection, .box.algorithm-search-dialog, .box.question-select-dialog {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .box.text-field-dialog > .box-header, .box.image-tile-edit > .box-header, .box.image-selector > .box-header, .box.icon-selector > .box-header, .box.colour-selector > .box-header, .box.survey-select-dialog > .box-header, .box.new-encounter-survey-selection > .box-header, .box.algorithm-search-dialog > .box-header, .box.question-select-dialog > .box-header {
      background-color: #8cb4cd;
      color: #fff;
      margin: 0 0 2px 0;
      padding-bottom: 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 2px 5px 0px #7fabc6 inset; }
      .box.text-field-dialog > .box-header select, .box.image-tile-edit > .box-header select, .box.image-selector > .box-header select, .box.icon-selector > .box-header select, .box.colour-selector > .box-header select, .box.survey-select-dialog > .box-header select, .box.new-encounter-survey-selection > .box-header select, .box.algorithm-search-dialog > .box-header select, .box.question-select-dialog > .box-header select, .box.text-field-dialog > .box-header input, .box.image-tile-edit > .box-header input, .box.image-selector > .box-header input, .box.icon-selector > .box-header input, .box.colour-selector > .box-header input, .box.survey-select-dialog > .box-header input, .box.new-encounter-survey-selection > .box-header input, .box.algorithm-search-dialog > .box-header input, .box.question-select-dialog > .box-header input, .box.text-field-dialog > .box-header option, .box.image-tile-edit > .box-header option, .box.image-selector > .box-header option, .box.icon-selector > .box-header option, .box.colour-selector > .box-header option, .box.survey-select-dialog > .box-header option, .box.new-encounter-survey-selection > .box-header option, .box.algorithm-search-dialog > .box-header option, .box.question-select-dialog > .box-header option {
        color: #000; }
      .box.text-field-dialog > .box-header .box-title, .box.image-tile-edit > .box-header .box-title, .box.image-selector > .box-header .box-title, .box.icon-selector > .box-header .box-title, .box.colour-selector > .box-header .box-title, .box.survey-select-dialog > .box-header .box-title, .box.new-encounter-survey-selection > .box-header .box-title, .box.algorithm-search-dialog > .box-header .box-title, .box.question-select-dialog > .box-header .box-title {
        color: #FFFFFF !important;
        padding: 5px 0px 5px 10px;
        text-shadow: 0 0 2px #7fabc6; }
        .box.text-field-dialog > .box-header .box-title a, .box.image-tile-edit > .box-header .box-title a, .box.image-selector > .box-header .box-title a, .box.icon-selector > .box-header .box-title a, .box.colour-selector > .box-header .box-title a, .box.survey-select-dialog > .box-header .box-title a, .box.new-encounter-survey-selection > .box-header .box-title a, .box.algorithm-search-dialog > .box-header .box-title a, .box.question-select-dialog > .box-header .box-title a, .box.text-field-dialog > .box-header .box-title div, .box.image-tile-edit > .box-header .box-title div, .box.image-selector > .box-header .box-title div, .box.icon-selector > .box-header .box-title div, .box.colour-selector > .box-header .box-title div, .box.survey-select-dialog > .box-header .box-title div, .box.new-encounter-survey-selection > .box-header .box-title div, .box.algorithm-search-dialog > .box-header .box-title div, .box.question-select-dialog > .box-header .box-title div {
          color: #FFFFFF !important; }
    .box.text-field-dialog > .box-header, .box.image-tile-edit > .box-header, .box.image-selector > .box-header, .box.icon-selector > .box-header, .box.colour-selector > .box-header, .box.survey-select-dialog > .box-header, .box.new-encounter-survey-selection > .box-header, .box.algorithm-search-dialog > .box-header, .box.question-select-dialog > .box-header {
      cursor: pointer; }
      .box.text-field-dialog > .box-header .box-title, .box.image-tile-edit > .box-header .box-title, .box.image-selector > .box-header .box-title, .box.icon-selector > .box-header .box-title, .box.colour-selector > .box-header .box-title, .box.survey-select-dialog > .box-header .box-title, .box.new-encounter-survey-selection > .box-header .box-title, .box.algorithm-search-dialog > .box-header .box-title, .box.question-select-dialog > .box-header .box-title {
        cursor: pointer; }

/* Used in the question bank search and the survey select dialog search */
.accordion .questions .input-group, .question-select-dialog .box-body .questions .input-group, .setcat-report-editor .questions .input-group, .text-field-dialog .input-group, .image-tile-edit .input-group, .image-selector .input-group, .icon-selector .input-group, .colour-selector .input-group, .survey-select-dialog .input-group, .new-encounter-survey-selection .input-group, .algorithm-search-dialog .input-group, .question-select-dialog .input-group {
  flex-shrink: 0;
  margin-bottom: 2px; }
  .accordion .questions .input-group .input-group-btn, .setcat-report-editor .questions .input-group .input-group-btn, .text-field-dialog .input-group .input-group-btn, .image-tile-edit .input-group .input-group-btn, .image-selector .input-group .input-group-btn, .icon-selector .input-group .input-group-btn, .colour-selector .input-group .input-group-btn, .survey-select-dialog .input-group .input-group-btn, .new-encounter-survey-selection .input-group .input-group-btn, .algorithm-search-dialog .input-group .input-group-btn, .question-select-dialog .input-group .input-group-btn {
    height: 28px; }
    .accordion .questions .input-group .input-group-btn button.btn, .setcat-report-editor .questions .input-group .input-group-btn button.btn, .text-field-dialog .input-group .input-group-btn button.btn, .image-tile-edit .input-group .input-group-btn button.btn, .image-selector .input-group .input-group-btn button.btn, .icon-selector .input-group .input-group-btn button.btn, .colour-selector .input-group .input-group-btn button.btn, .survey-select-dialog .input-group .input-group-btn button.btn, .new-encounter-survey-selection .input-group .input-group-btn button.btn, .algorithm-search-dialog .input-group .input-group-btn button.btn, .question-select-dialog .input-group .input-group-btn button.btn {
      padding-top: 4px;
      height: 28px; }

.accordion .questions, .question-select-dialog .box-body .questions, .setcat-report-editor .questions {
  display: flex;
  flex-direction: column;
  height: 96%;
  height: calc(100% - 7px);
  padding-top: 5px;
  padding-left: 0;
  padding-right: 2px; }
  .accordion .questions .question-control-list, .question-select-dialog .box-body .questions .question-control-list, .setcat-report-editor .questions .question-control-list {
    flex-grow: 1;
    overflow: auto;
    padding-left: 0; }
    .accordion .questions .question-control-list .question-container, .question-select-dialog .box-body .questions .question-control-list .question-container, .setcat-report-editor .questions .question-control-list .question-container {
      height: 55px;
      width: 100%;
      overflow: hidden; }
      .accordion .questions .question-control-list .question-container .question-text, .question-select-dialog .box-body .questions .question-control-list .question-container .question-text, .setcat-report-editor .questions .question-control-list .question-container .question-text {
        white-space: pre-wrap;
        background-color: #f1f1f1; }
    .accordion .questions .question-control-list .btn, .question-select-dialog .box-body .questions .question-control-list .btn, .setcat-report-editor .questions .question-control-list .btn {
      margin: 5px; }

.data-forms-list-question-answer .question-html, .matrix-question-answer .question-html, .numeric-collection-question-answer .question-html {
  font-family: Helvetica; }
  .data-forms-list-question-answer .question-html p, .matrix-question-answer .question-html p, .numeric-collection-question-answer .question-html p {
    font-family: Helvetica; }

.data-forms-list-question-answer .subquestions .question, .matrix-question-answer .subquestions .question, .numeric-collection-question-answer .subquestions .plain-question-and-answer-text .question {
  font-size: 0.9em; }

.setcat-manage-account .payment-method-type-icon .wf-disabled.icon, .ui-draggable-dragging.patient-today-icon .wf-disabled.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-disabled.icon, .task .wf-disabled.icon {
  background-color: #bbb; }

.setcat-manage-account .payment-method-type-icon .wf-new-patient.icon, .ui-draggable-dragging.patient-today-icon .wf-new-patient.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-new-patient.icon, .task .wf-new-patient.icon {
  background-color: #5b5; }

.setcat-manage-account .payment-method-type-icon .wf-arrived.icon, .ui-draggable-dragging.patient-today-icon .wf-arrived.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-arrived.icon, .task .wf-arrived.icon {
  background-color: #00b900; }

.setcat-manage-account .payment-method-type-icon .wf-close-encounter.icon, .ui-draggable-dragging.patient-today-icon .wf-close-encounter.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-close-encounter.icon, .task .wf-close-encounter.icon {
  background-color: #333; }

.setcat-manage-account .payment-method-type-icon .wf-ma-review.icon, .ui-draggable-dragging.patient-today-icon .wf-ma-review.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-ma-review.icon, .task .wf-ma-review.icon {
  background-color: #ecaa32; }

.setcat-manage-account .payment-method-type-icon .wf-notes.icon, .ui-draggable-dragging.patient-today-icon .wf-notes.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-notes.icon, .task .wf-notes.icon {
  background-color: #cfb5e9; }

.setcat-manage-account .payment-method-type-icon .wf-patient-tablet.icon, .ui-draggable-dragging.patient-today-icon .wf-patient-tablet.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-patient-tablet.icon, .task .wf-patient-tablet.icon {
  background-color: #6776e2; }

.setcat-manage-account .payment-method-type-icon .wf-available-reports.icon, .ui-draggable-dragging.patient-today-icon .wf-available-reports.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-available-reports.icon, .task .wf-available-reports.icon {
  background-color: #993e9a; }

.numeric-options-form .aligned-button.selected, .column-editor table .alert-button .btn.selected {
  border-radius: 2px;
  border-color: #49a75a;
  box-shadow: 0 0 5px #49a75a;
  background-color: #49a75a; }

.grid-layout-editor .wysiwyg-text-widget .html p, .grid-layout-editor .wysiwyg-text-editor .form-control p, .grid-layout-editor .wysiwyg-text-widget p {
  margin: 0;
  line-height: 0.85; }

.setcat-patient-import .table-data, .databind .table-data {
  border: 1px solid #bbb;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 0 0 5px #ddd inset; }

.algorithm-builder .algorithm-builder-content > .left-column, .setcat-survey > .left-column {
  width: 340px;
  flex-shrink: 0; }

.algorithm-builder .algorithm-builder-content > .right-column, .setcat-survey > .right-column {
  width: calc(100% - 340px - 5px);
  flex-grow: 1; }

.algorithm-builder .algorithm-builder-content .toolbar-box, .grid-layout-editor .toolbar-box {
  border: 1px solid #b4b4b4;
  border-bottom-width: 2px;
  background: #cfd1cf linear-gradient(to bottom, #ebebeb, #cfd1cf);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf');
  height: 40px;
  padding-top: 6px;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: 0 1px 0 #fff inset; }

.algorithm-search-dialog {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .algorithm-search-dialog .box-body {
    height: 460px;
    overflow-y: auto; }
  .algorithm-search-dialog .box-footer {
    height: 70px;
    text-align: right; }

.survey-designer-tile, .survey-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile {
  background-color: #edf4fb;
  color: #2f5b66;
  border-color: #43b9ed; }

.linked-data-display .algorithm-linked-data-display-expanded .algorithm-tile, .linked-data-display .algorithm-linked-data-display-collapsed, .algorithm-tile {
  background-color: #e0f4e4;
  color: #206220;
  border-color: #6eb66e; }

.report-tile, .linked-data-display .report-linked-data-display-expanded .report-tile, .linked-data-display .report-linked-data-display-collapsed {
  background-color: #e6edc6;
  color: #206220;
  border-color: #6eb66e; }

.image-tile, .report-tile, .survey-designer-tile, .survey-tile, .setcat-campaigns .campaign-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile, .new-encounter-survey-selection .encounter-type-tile, .algorithm-tile {
  display: flex; }
  .image-tile .icon, .report-tile .icon, .survey-designer-tile .icon, .survey-tile .icon, .setcat-campaigns .campaign-tile .icon, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .icon, .new-encounter-survey-selection .encounter-type-tile .icon, .algorithm-tile .icon {
    flex-shrink: 0;
    flex-grow: 0;
    margin: auto 7px auto 5px;
    width: 80px; }
  .image-tile .name-description, .report-tile .name-description, .survey-designer-tile .name-description, .survey-tile .name-description, .setcat-campaigns .campaign-tile .name-description, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .name-description, .new-encounter-survey-selection .encounter-type-tile .name-description, .algorithm-tile .name-description {
    flex-grow: 1; }
    .image-tile .name-description .small-font, .report-tile .name-description .small-font, .survey-designer-tile .name-description .small-font, .survey-tile .name-description .small-font, .setcat-campaigns .campaign-tile .name-description .small-font, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .name-description .small-font, .new-encounter-survey-selection .encounter-type-tile .name-description .small-font, .algorithm-tile .name-description .small-font {
      font-size: 0.9em;
      line-height: 1.2em;
      height: 58px;
      overflow-y: auto; }

.setcat-patient-import .table-data, .databind .table-data {
  overflow-x: auto; }
  .setcat-patient-import .table-data .header-row, .databind .table-data .header-row, .setcat-patient-import .table-data .data-row, .databind .table-data .data-row {
    display: flex;
    font-weight: bold;
    flex-direction: row;
    align-items: stretch;
    flex: 0 0 100%;
    width: 100%;
    border-bottom: 1px solid #eee; }
    .setcat-patient-import .table-data .header-row > div, .databind .table-data .header-row > div, .setcat-patient-import .table-data .data-row > div, .databind .table-data .data-row > div {
      flex-grow: 1;
      width: 10%; }
      .setcat-patient-import .table-data .header-row > div.remove-col, .databind .table-data .header-row > div.remove-col, .setcat-patient-import .table-data .data-row > div.remove-col, .databind .table-data .data-row > div.remove-col {
        width: 75px;
        padding-top: 2px;
        padding-bottom: 2px;
        flex-grow: 0;
        flex-shrink: 0; }
  .setcat-patient-import .table-data .header-row, .databind .table-data .header-row {
    border-bottom: 1px solid #aaa; }
    .setcat-patient-import .table-data .header-row > div, .databind .table-data .header-row > div {
      width: 5%;
      text-overflow: ellipsis;
      overflow-x: hidden; }
  .setcat-patient-import .table-data .data-row, .databind .table-data .data-row {
    transition: background-color 0.2s;
    height: 38px; }
    .setcat-patient-import .table-data .data-row:hover, .databind .table-data .data-row:hover {
      background-color: #f8f8f8; }
    .setcat-patient-import .table-data .data-row.selected, .databind .table-data .data-row.selected {
      background-color: #d9e8f1; }

.linked-data-display .algorithm-linked-data-display-collapsed, .linked-data-display .report-linked-data-display-collapsed {
  height: 10px;
  margin-top: -5px;
  border: 1px solid;
  border-radius: 5px;
  position: relative; }

.flippable-widget {
  height: 220px;
  min-height: 220px;
  perspective: 1500px;
  transform-style: preserve-3d;
  position: relative; }
  .flippable-widget.tiny-size .buttons > div {
    margin-left: 5px;
    font-size: 10px; }
    .flippable-widget.tiny-size .buttons > div.simple-line-icons-family {
      margin-top: 7px; }
  .flippable-widget.bottom .top-bottom-flipper {
    transform: rotateX(180deg); }
    .flippable-widget.bottom .top-bottom-flipper .top {
      pointer-events: none; }
  .flippable-widget .top-bottom-flipper {
    perspective: 1500px;
    transform-style: preserve-3d;
    position: relative;
    transition: 0.6s;
    height: 220px; }
    .flippable-widget .top-bottom-flipper > .bottom {
      width: 100%;
      transform: rotateX(180deg); }
  .flippable-widget .top {
    width: 100%;
    height: 220px; }
    .flippable-widget .top .front-back-flip-root {
      perspective: 1500px;
      transform-style: preserve-3d;
      position: relative;
      height: 220px;
      /* back, initially hidden pane */
      /* flip the pane when on back */ }
      .flippable-widget .top .front-back-flip-root .front-back-flipper {
        -webkit-transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        -ms-transition: 0.6s;
        -moz-transition: 0.6s;
        -moz-transform: perspective(1500px);
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
        /* front pane, placed above back */ }
        .flippable-widget .top .front-back-flip-root .front-back-flipper > div {
          width: 100%; }
        .flippable-widget .top .front-back-flip-root .front-back-flipper > .front {
          z-index: 2;
          /* for firefox 31 */
          transform: rotateY(0deg);
          transform: rotateX(0deg); }
        .flippable-widget .top .front-back-flip-root .front-back-flipper > div.back {
          transform: rotateY(180deg); }
  .flippable-widget.back .front-back-flipper, .flippable-widget.back.flip-style-horizontal .front-back-flipper {
    transform: rotateY(180deg); }
  .flippable-widget.back.flip-style-vertical .front-back-flipper {
    transform: rotateX(180deg); }
  .flippable-widget > div {
    /* hide back of pane during swap */ }
    .flippable-widget > div div.widget {
      overflow-y: auto;
      overflow-x: hidden; }
    .flippable-widget > div .front, .flippable-widget > div .back, .flippable-widget > div .bottom, .flippable-widget > div .top {
      backface-visibility: hidden;
      position: absolute;
      top: 0;
      left: 0; }

.widget-compose-engine div.flippable-widget div.box {
  height: 220px !important;
  overflow: hidden; }

.flippable-widget-shell .patient-dme-score-widget.box.widget {
  padding: 0 !important; }
  .flippable-widget-shell .patient-dme-score-widget.box.widget .box-body {
    padding-top: 0; }

.flippable-widget-shell .ui-resizable-handle.ui-resizable-s {
  margin-left: 7px;
  margin-right: 7px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

div.flippable-widget-shell {
  height: 220px;
  min-height: 220px; }
  div.flippable-widget-shell > div.simple-line-icons-family {
    float: right;
    color: #cfdbe2;
    cursor: pointer;
    transition: color 0.3s;
    z-index: 2;
    padding-top: 10px;
    padding-right: 20px; }
    div.flippable-widget-shell > div.simple-line-icons-family:hover {
      color: #90b2c6; }
  div.flippable-widget-shell.ui-resizable-resizing, div.flippable-widget-shell.ui-resizable-resizing * {
    transition: none; }

.zoom-shell {
  padding: 0;
  margin: 0;
  position: relative;
  border-radius: 3px; }
  .zoom-shell .widget {
    padding: 0 !important; }
  .zoom-shell div.box {
    width: 800px;
    /* make dialogs easier to read by widening them up */
    height: 600px; }
    .zoom-shell div.box .box-body {
      padding: 0; }

/*
_placeholders.scss contains all the placeholder selectors for desktop.scss.

These include the selecters prefixed by percentages.
*/
/*
_variables.scss holds all the variables and settings used for desktop.scss.

These settings set things like colours and sizes that are used repeatedly.
*/
/* horizontal-gradient can be used any time a horizontal gradient is needed in a background.
horizontal-gradient is currently used for the patient-score widget's out of range gradient */
/*
Either this or the draggable class should be used on every element
that is draggable.
*/
.advanced-action-write .rule-content .conditions, .setcat-campaigns .create-edit-form .questionnaires, .setcat-campaigns .create-edit-form .conditions, .setcat-campaigns .create-edit-form .actions {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #bbb; }

.patient-score-history {
  height: 220px;
  min-height: 220px; }
  .box.patient-score-history {
    margin: 0; }

/* %flippable-general is used by .flippable-widget-shell and .zoom-shell */
.flippable-widget-shell .simple-line-icons-family, .zoom-shell .simple-line-icons-family {
  margin-top: 2px;
  font-size: 13px;
  display: inline-block; }

.flippable-widget-shell .patient-dme-score-breakdown .score, .zoom-shell .patient-dme-score-breakdown .score {
  padding-right: 70px; }

.flippable-widget-shell .buttons, .zoom-shell .buttons {
  position: absolute;
  right: 15px;
  top: 6px;
  z-index: 1;
  color: white; }
  .flippable-widget-shell .buttons > div, .zoom-shell .buttons > div {
    margin-left: 7px;
    cursor: pointer; }
  .flippable-widget-shell .buttons > div.simple-line-icons-family, .zoom-shell .buttons > div.simple-line-icons-family {
    opacity: 0.5;
    float: right;
    transition: opacity 0.6s; }

.flippable-widget-shell:hover, .zoom-shell:hover {
  /* When in a flippable widget, the zoom icon will show. */ }
  .flippable-widget-shell:hover div.buttons > div.simple-line-icons-family, .zoom-shell:hover div.buttons > div.simple-line-icons-family {
    opacity: 1; }

.password-confirmation .invalid, .patient-profile-summary .invalid input {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
  border-radius: 1px; }

.matrix .first-cell, .categorized .first-cell, .column-editor table .first-cell {
  width: 75px;
  padding-right: 5px; }

.matrix .buttons, .categorized .buttons, .column-editor .buttons {
  width: 98px; }
  .matrix .buttons .btn, .categorized .buttons .btn, .column-editor .buttons .btn {
    margin: 3px; }

.c-q-body-demarc-editor.box .box-footer .btn-primary, .tablet-messenger .box-footer .btn-primary, .system-dashboard-copy .box-footer .btn-primary, .survey-notes-generator-dialog .box-footer .btn-primary, .c-q-body-demarc-editor.box .box-footer .btn-danger, .tablet-messenger .box-footer .btn-danger, .system-dashboard-copy .box-footer .btn-danger, .survey-notes-generator-dialog .box-footer .btn-danger, .text-field-dialog .box-footer .btn-primary, .image-tile-edit .box-footer .btn-primary, .image-selector .box-footer .btn-primary, .icon-selector .box-footer .btn-primary, .colour-selector .box-footer .btn-primary, .survey-select-dialog .box-footer .btn-primary, .new-encounter-survey-selection .box-footer .btn-primary, .algorithm-search-dialog .box-footer .btn-primary, .question-select-dialog .box-footer .btn-primary, .text-field-dialog .box-footer .btn-danger, .image-tile-edit .box-footer .btn-danger, .image-selector .box-footer .btn-danger, .icon-selector .box-footer .btn-danger, .colour-selector .box-footer .btn-danger, .survey-select-dialog .box-footer .btn-danger, .new-encounter-survey-selection .box-footer .btn-danger, .algorithm-search-dialog .box-footer .btn-danger, .question-select-dialog .box-footer .btn-danger {
  background-color: #3c8dbc;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #23b7e5;
  height: 45px;
  font-size: 16px;
  text-align: center;
  width: 150px;
  transition: background-color 0.3s, border-color 0.3s;
  border-radius: 5px; }

/*
Used to add consistent styling for various dialogs.

- Used by the pain locations editor dialog on desktop
*/
.c-q-body-demarc-editor.box, .tablet-messenger, .system-dashboard-copy, .survey-notes-generator-dialog, .text-field-dialog, .image-tile-edit, .image-selector, .icon-selector, .colour-selector, .survey-select-dialog, .new-encounter-survey-selection, .algorithm-search-dialog, .question-select-dialog {
  width: 800px; }
  .c-q-body-demarc-editor.box .box-footer .btn-danger, .tablet-messenger .box-footer .btn-danger, .system-dashboard-copy .box-footer .btn-danger, .survey-notes-generator-dialog .box-footer .btn-danger, .text-field-dialog .box-footer .btn-danger, .image-tile-edit .box-footer .btn-danger, .image-selector .box-footer .btn-danger, .icon-selector .box-footer .btn-danger, .colour-selector .box-footer .btn-danger, .survey-select-dialog .box-footer .btn-danger, .new-encounter-survey-selection .box-footer .btn-danger, .algorithm-search-dialog .box-footer .btn-danger, .question-select-dialog .box-footer .btn-danger {
    background-color: #f56954;
    border-color: #f4543c; }
  .c-q-body-demarc-editor.box .box-footer .pull-right, .tablet-messenger .box-footer .pull-right, .system-dashboard-copy .box-footer .pull-right, .survey-notes-generator-dialog .box-footer .pull-right, .text-field-dialog .box-footer .pull-right, .image-tile-edit .box-footer .pull-right, .image-selector .box-footer .pull-right, .icon-selector .box-footer .pull-right, .colour-selector .box-footer .pull-right, .survey-select-dialog .box-footer .pull-right, .new-encounter-survey-selection .box-footer .pull-right, .algorithm-search-dialog .box-footer .pull-right, .question-select-dialog .box-footer .pull-right {
    margin-left: 5px; }
  .c-q-body-demarc-editor.box .box-footer .pull-left, .tablet-messenger .box-footer .pull-left, .system-dashboard-copy .box-footer .pull-left, .survey-notes-generator-dialog .box-footer .pull-left, .text-field-dialog .box-footer .pull-left, .image-tile-edit .box-footer .pull-left, .image-selector .box-footer .pull-left, .icon-selector .box-footer .pull-left, .colour-selector .box-footer .pull-left, .survey-select-dialog .box-footer .pull-left, .new-encounter-survey-selection .box-footer .pull-left, .algorithm-search-dialog .box-footer .pull-left, .question-select-dialog .box-footer .pull-left {
    margin-right: 5px; }

.patient-profile-epic-data .control-list .control-list-item .data-point-count, .body-map .content-container .image-wrapper .body-map-image-small, .body-map-tile .content-container .image-wrapper .body-map-image-small, .datetime .datetime-section, .setcat-question .question-row .question-meta-data .question-meta-data-box, .questions .question-row .question-meta-data .question-meta-data-box, .setcat-question .question-row .question-order, .questions .question-row .question-order, .rule-row .rule-order, .setcat-survey-cycles .task-group, .encounter-type-survey-cycles .task-group, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .monitoring-survey-configuration, .patient-profile-monitoring .monitoring-box, .setcat-survey .splash-image, .setcat-survey .survey-header-collapsed .splash-image-icon, .setcat-survey > .right-column .expanded-header, .setcat-report-editor .widget-editor, .patient-profile-epic-data .control-list .control-list-item, .survey-questions .control-list .control-list-item, .toggled-advanced-action-editor .control-list .control-list-item, .sortable-array .control-list-item, .patient-profile-monitoring .selected-survey-control-list .control-list-item, .tablet-list .control-list-item, .acknowledgement-task-list .control-list .control-list-item, .image-tile, .report-tile, .survey-designer-tile, .survey-tile, .setcat-campaigns .campaign-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile, .new-encounter-survey-selection .encounter-type-tile, .algorithm-tile, .available-report-task-tile .available-report-task-icon, .setcat-report-editor form.page-form, .setcat-report-editor form.report-basic-properties-form, .setcat-manage-account .payment-method-edit-container, .toggled-advanced-action-editor, .survey-question, .accordion .questions .question-control-list .control-list-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item, .setcat-report-editor .questions .question-control-list .control-list-item, .setcat-manage-account .payment-method-item, .patient-search .control-list .patient-search-result, .patient-search .control-list .patients-today-item, .available-report-task-tile, .setcat-survey .survey-header-collapsed, .scale-thickness-image, .scale-shape-image {
  border: 1px solid #b1b1b1; }

.available-report-task-tile .available-report-task-icon {
  font-size: 50px;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: #fdfdfd;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 5px;
  margin-left: 3px;
  height: 70px;
  width: 70px;
  border-radius: 8px;
  font-weight: bold; }

.notes-bubble-left, .notes-bubble-right {
  position: relative;
  width: auto;
  padding: 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: #7F7F7F solid 1px; }
  .bubble-regular.notes-bubble-left, .bubble-regular.notes-bubble-right {
    background: #F3FFFF; }
  .bubble-disabled.notes-bubble-left, .bubble-disabled.notes-bubble-right {
    background: #F2F2F2; }
  .bubble-info.notes-bubble-left, .bubble-info.notes-bubble-right {
    background: #D2FFB6; }

.notes-bubble-left:after, .notes-bubble-right:after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  z-index: 1;
  top: 25px; }
  .bubble-regular.notes-bubble-left:after, .bubble-regular.notes-bubble-right:after {
    border-color: transparent #F3FFFF; }
  .bubble-disabled.notes-bubble-left:after, .bubble-disabled.notes-bubble-right:after {
    border-color: transparent #F2F2F2; }
  .bubble-info.notes-bubble-left:after, .bubble-info.notes-bubble-right:after {
    border-color: transparent #D2FFB6; }

.notes-bubble-left:before, .notes-bubble-right:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: transparent #7F7F7F;
  display: block;
  width: 0;
  z-index: 0;
  top: 25px; }

.mandatory-content-modal-dialog .modal-header h3, .box .box-header h3.box-title, .messageBox .modal-header h3, .fc-center h2 {
  font-weight: bold;
  font-size: 17px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #656565; }

div.popup-menu ul li a:hover {
  color: #23b7e5 !important; }

.setcat-report-editor form.page-form, .setcat-report-editor form.report-basic-properties-form {
  transition: max-height 0.3s;
  border-radius: 5px; }

.setcat-report-editor .widget-options .checkbox, .setcat-report-editor .widget-survey-questions .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0; }
  .setcat-report-editor .widget-options .checkbox input[type="checkbox"], .setcat-report-editor .widget-survey-questions .checkbox input[type="checkbox"] {
    margin-left: 0;
    margin-right: 5px; }

.widget-instance-being-dragged, .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance {
  width: 98px;
  height: 114px;
  position: relative;
  background-size: auto 75%;
  background-position: top center;
  background-repeat: no-repeat;
  border: 3px solid #888;
  border-radius: 6px; }
  .widget-instance-being-dragged .name, .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance .name {
    position: absolute;
    bottom: 5px;
    width: 100%;
    line-height: 1;
    text-align: center; }

.zoom-shell, .reactivate-reports {
  height: 600px;
  width: 800px;
  box-shadow: 0 0 15px #000; }

.setcat-manage-account .payment-method-edit-container, .toggled-advanced-action-editor, .survey-question, .accordion .questions .question-control-list .control-list-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item, .setcat-report-editor .questions .question-control-list .control-list-item, .setcat-manage-account .payment-method-item, .patient-search .control-list .patient-search-result, .patient-search .control-list .patients-today-item, .available-report-task-tile, .setcat-survey .survey-header-collapsed, .patient-profile-epic-data .control-list .control-list-item, .survey-questions .control-list .control-list-item, .toggled-advanced-action-editor .control-list .control-list-item, .sortable-array .control-list-item, .patient-profile-monitoring .selected-survey-control-list .control-list-item, .tablet-list .control-list-item, .acknowledgement-task-list .control-list .control-list-item, .image-tile, .report-tile, .survey-designer-tile, .survey-tile, .setcat-campaigns .campaign-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile, .new-encounter-survey-selection .encounter-type-tile, .algorithm-tile {
  background-color: #f1f1f1;
  border-radius: 4px;
  margin: 2px; }

.setcat-manage-account .payment-method-item, .patient-search .control-list .patient-search-result, .patient-search .control-list .patients-today-item, .available-report-task-tile, .setcat-survey .survey-header-collapsed, .patient-profile-epic-data .control-list .control-list-item, .survey-questions .control-list .control-list-item, .toggled-advanced-action-editor .control-list .control-list-item, .sortable-array .control-list-item, .patient-profile-monitoring .selected-survey-control-list .control-list-item, .tablet-list .control-list-item, .acknowledgement-task-list .control-list .control-list-item, .accordion .questions .question-control-list .control-list-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item, .setcat-report-editor .questions .question-control-list .control-list-item, .image-tile, .report-tile, .survey-designer-tile, .survey-tile, .setcat-campaigns .campaign-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile, .new-encounter-survey-selection .encounter-type-tile, .algorithm-tile {
  font-weight: bold;
  font-size: 14px;
  height: 82px; }

.patient-profile-epic-data .control-list, .survey-questions .control-list, .toggled-advanced-action-editor .control-list, .sortable-array, .patient-profile-monitoring .selected-survey-control-list, .tablet-list, .acknowledgement-task-list .control-list, .accordion .questions .question-control-list, .question-select-dialog .box-body .questions .question-control-list, .setcat-report-editor .questions .question-control-list {
  height: 170px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: auto; }
  .patient-profile-epic-data .control-list .control-list-item, .survey-questions .control-list .control-list-item, .toggled-advanced-action-editor .control-list .control-list-item, .sortable-array .control-list-item, .patient-profile-monitoring .selected-survey-control-list .control-list-item, .tablet-list .control-list-item, .acknowledgement-task-list .control-list .control-list-item, .accordion .questions .question-control-list .control-list-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item, .setcat-report-editor .questions .question-control-list .control-list-item {
    padding: 2px;
    margin: 2px 2px 2px 0px; }
    .patient-profile-epic-data .control-list .control-list-item .row, .survey-questions .control-list .control-list-item .row, .toggled-advanced-action-editor .control-list .control-list-item .row, .sortable-array .control-list-item .row, .patient-profile-monitoring .selected-survey-control-list .control-list-item .row, .tablet-list .control-list-item .row, .acknowledgement-task-list .control-list .control-list-item .row, .accordion .questions .question-control-list .control-list-item .row, .question-select-dialog .box-body .questions .question-control-list .control-list-item .row, .setcat-report-editor .questions .question-control-list .control-list-item .row {
      padding: 0px; }
    .patient-profile-epic-data .control-list .control-list-item .short-description, .survey-questions .control-list .control-list-item .short-description, .toggled-advanced-action-editor .control-list .control-list-item .short-description, .sortable-array .control-list-item .short-description, .patient-profile-monitoring .selected-survey-control-list .control-list-item .short-description, .tablet-list .control-list-item .short-description, .acknowledgement-task-list .control-list .control-list-item .short-description, .accordion .questions .question-control-list .control-list-item .short-description, .question-select-dialog .box-body .questions .question-control-list .control-list-item .short-description, .setcat-report-editor .questions .question-control-list .control-list-item .short-description {
      color: black;
      font-weight: bold; }
    .patient-profile-epic-data .control-list .control-list-item .code, .survey-questions .control-list .control-list-item .code, .toggled-advanced-action-editor .control-list .control-list-item .code, .sortable-array .control-list-item .code, .patient-profile-monitoring .selected-survey-control-list .control-list-item .code, .tablet-list .control-list-item .code, .acknowledgement-task-list .control-list .control-list-item .code, .accordion .questions .question-control-list .control-list-item .code, .question-select-dialog .box-body .questions .question-control-list .control-list-item .code, .setcat-report-editor .questions .question-control-list .control-list-item .code {
      font-size: 18px;
      color: black;
      font-weight: bold;
      text-align: right;
      padding-right: 10px; }
      .patient-profile-epic-data .control-list .control-list-item .code .code-type, .survey-questions .control-list .control-list-item .code .code-type, .toggled-advanced-action-editor .control-list .control-list-item .code .code-type, .sortable-array .control-list-item .code .code-type, .patient-profile-monitoring .selected-survey-control-list .control-list-item .code .code-type, .tablet-list .control-list-item .code .code-type, .acknowledgement-task-list .control-list .control-list-item .code .code-type, .accordion .questions .question-control-list .control-list-item .code .code-type, .question-select-dialog .box-body .questions .question-control-list .control-list-item .code .code-type, .setcat-report-editor .questions .question-control-list .control-list-item .code .code-type {
        font-size: 8px; }
    .patient-profile-epic-data .control-list .control-list-item .description, .survey-questions .control-list .control-list-item .description, .toggled-advanced-action-editor .control-list .control-list-item .description, .sortable-array .control-list-item .description, .patient-profile-monitoring .selected-survey-control-list .control-list-item .description, .tablet-list .control-list-item .description, .acknowledgement-task-list .control-list .control-list-item .description, .accordion .questions .question-control-list .control-list-item .description, .question-select-dialog .box-body .questions .question-control-list .control-list-item .description, .setcat-report-editor .questions .question-control-list .control-list-item .description {
      font-weight: normal; }
    .patient-profile-epic-data .control-list .control-list-item .icon, .survey-questions .control-list .control-list-item .icon, .toggled-advanced-action-editor .control-list .control-list-item .icon, .sortable-array .control-list-item .icon, .patient-profile-monitoring .selected-survey-control-list .control-list-item .icon, .tablet-list .control-list-item .icon, .acknowledgement-task-list .control-list .control-list-item .icon, .accordion .questions .question-control-list .control-list-item .icon, .question-select-dialog .box-body .questions .question-control-list .control-list-item .icon, .setcat-report-editor .questions .question-control-list .control-list-item .icon {
      font-size: 47px;
      border-radius: 4px;
      text-align: center;
      height: 58px;
      width: 58px;
      margin-top: 5px; }
      .patient-profile-epic-data .control-list .control-list-item .icon i, .survey-questions .control-list .control-list-item .icon i, .toggled-advanced-action-editor .control-list .control-list-item .icon i, .sortable-array .control-list-item .icon i, .patient-profile-monitoring .selected-survey-control-list .control-list-item .icon i, .tablet-list .control-list-item .icon i, .acknowledgement-task-list .control-list .control-list-item .icon i, .accordion .questions .question-control-list .control-list-item .icon i, .question-select-dialog .box-body .questions .question-control-list .control-list-item .icon i, .setcat-report-editor .questions .question-control-list .control-list-item .icon i {
        color: white; }

.toggled-advanced-action-editor .form-group .form-group-divider, .survey-question .form-group .form-group-divider, .system-settings .appointment-resource-management .form-group .form-group-divider, .patient-profile-monitoring .form-group .form-group-divider, .patient-profile-relations .form-group .form-group-divider, .payer-entity .form-group .form-group-divider, .entity-contact .form-group .form-group-divider, .patient-profile-summary .form-group .form-group-divider, .practice-theme-summary .form-group .form-group-divider, .practice-profile-summary .form-group .form-group-divider, .location-profile .form-group .form-group-divider, .user-profile .form-group .form-group-divider, .setcat-survey > .right-column .form-group .form-group-divider {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid; }

.question-bank-item, .accordion .questions .question-control-list .control-list-item.question-bank-item, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item {
  height: 120px; }
  .question-bank-item .top, .accordion .questions .question-control-list .control-list-item.question-bank-item .top, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .top, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .top {
    height: 58px;
    display: flex; }
    .question-bank-item .top .icon, .accordion .questions .question-control-list .control-list-item.question-bank-item .top .icon, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .top .icon, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .top .icon {
      margin-left: 5px;
      margin-right: 7px;
      height: 50px; }
    .question-bank-item .top .question-text, .accordion .questions .question-control-list .control-list-item.question-bank-item .top .question-text, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .top .question-text, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .top .question-text {
      line-height: 1.2em;
      font-size: 12px; }
      .question-bank-item .top .question-text p, .accordion .questions .question-control-list .control-list-item.question-bank-item .top .question-text p, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .top .question-text p, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .top .question-text p {
        margin-bottom: -14px; }
  .question-bank-item .bottom, .accordion .questions .question-control-list .control-list-item.question-bank-item .bottom, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .bottom, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .bottom {
    height: 65px;
    overflow: hidden; }
    .question-bank-item .bottom > div.content, .accordion .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content {
      background-color: transparent; }
      .question-bank-item .bottom > div.content ol, .accordion .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol {
        line-height: 1.1em;
        padding-left: 7px;
        list-style-type: none;
        counter-reset: item; }
        .question-bank-item .bottom > div.content ol li:before, .accordion .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol li:before, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol li:before, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item .bottom > div.content ol li:before {
          content: "A" counter(item, decimal) ". ";
          counter-increment: item; }

.scale-thickness-image, .scale-shape-image {
  margin-top: -5px;
  margin-bottom: 5px;
  margin-right: 5px;
  background-color: inherit;
  height: 45px; }
  .selected.scale-thickness-image, .selected.scale-shape-image {
    border-color: #000;
    box-shadow: 0 0 5px #00f; }

.user-widget-instance-options-widget .options .option-list .invert-choices-option label, .user-widget-instance-options-widget .options .option-list .page-repeat-option label, .user-widget-instance-options-widget .options .option-list .border-styles-option label {
  display: block;
  width: 100%; }

.eula-review-modal .eula iframe, .eula-acknowledgement-modal .eula iframe {
  display: block;
  width: 100%;
  height: 400px;
  border: none; }

.workflow-diagram .workflow-diagram-tasks > div, .tasks > div {
  display: inline-block;
  vertical-align: top; }

.workflow-diagram .arrow .horizontal-line-2, .workflow-diagram .arrow .horizontal-line-1, .workflow-diagram .arrow .horizontal-line {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #555;
  height: 2px; }

.task.complete .icon, .task.in-progress .icon {
  border-width: 2px;
  border-style: solid;
  background-color: #eee;
  border-radius: 10px;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 3px; }

.workflow-editor .icon-trash {
  padding-top: 2px;
  padding-right: 2px;
  padding-left: 5px;
  float: right;
  transition: font-size 0.5s; }

.matrix .question-rows, .categorized .question-rows {
  padding-left: 6px;
  padding-right: 6px; }
  .matrix .question-rows > div .clickable, .categorized .question-rows > div .clickable {
    cursor: pointer; }
  .matrix .question-rows > div .question-html, .categorized .question-rows > div .question-html {
    min-height: 30px; }
  .matrix .question-rows > div input, .categorized .question-rows > div input {
    width: 100%; }

.matrix .divider, .categorized .divider {
  height: 1px;
  display: block;
  margin: 9px 0;
  overflow: hidden;
  background-color: #b1b1b1; }

.patient-profile-detail label[for=p_notes], .patient-profile-detail label[for=p_race] {
  text-align: left; }

table.selectable > tbody > tr td, table.selectable > tbody > tr {
  cursor: pointer;
  transition: background-color 0.3s; }

.image-selector div.box-body .tablist, .dashboard-survey-answers .box-body .tablist, .cdsm-data-grid-shell .tablist, .patient-profile div.form-horizontal .tablist, .new-encounter-survey-selection .box-body .tablist {
  border-bottom: 1px solid;
  border-color: #ddd;
  padding-left: 0px;
  padding-top: 5px; }

.modalHost .c-body-demarc canvas, .modalHost .c-body-demarc-points canvas {
  height: 500px;
  width: 250px; }

.question-select-dialog .box-body .questions .question-control-list .loading {
  text-align: center; }
  .question-select-dialog .box-body .questions .question-control-list .loading .spinner-loader {
    -webkit-animation: spinner-loader 1s linear infinite;
    -moz-animation: spinner-loader 1s linear infinite;
    -ms-animation: spinner-loader 1s linear infinite;
    -o-animation: spinner-loader 1s linear infinite;
    animation: spinner-loader 1s linear infinite; }

.image-selector .tablist .tabContent, .image-selector div.box-body .tabContent, .dashboard-survey-answers .box-body .tablist .tabContent, .test-list .tabContent, .tab-list-bottom .tabContent, .tab-list .tabContent, .patient-search .control-list .tabContent, .document-viewer .tabs .tabContent, .cdsm-data-grid-shell .tabContent, .patient-profile .tablist .tabContent, .patient-profile div.form-horizontal .tabContent, .new-encounter-survey-selection .box-body .tablist .tabContent {
  text-align: left;
  vertical-align: middle;
  border-top: none; }

.image-selector .tablist .tab, .image-selector div.box-body .tab, .dashboard-survey-answers .box-body .tablist .tab, .test-list .tab, .tab-list-bottom .tab, .tab-list .tab, .patient-search .control-list .tab, .document-viewer .tabs .tab, .cdsm-data-grid-shell .tab, .patient-profile .tablist .tab, .patient-profile div.form-horizontal .tab, .new-encounter-survey-selection .box-body .tablist .tab {
  cursor: pointer;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  padding: 1px 10px 0 10px;
  display: inline-block;
  margin-top: 4px;
  border: 1px solid #bbb;
  box-shadow: 0 1px 3px #ddd inset; }
  .image-selector .tablist .tab.selected, .image-selector div.box-body .tab.selected, .dashboard-survey-answers .box-body .tablist .tab.selected, .test-list .tab.selected, .tab-list-bottom .tab.selected, .tab-list .tab.selected, .patient-search .control-list .tab.selected, .document-viewer .tabs .tab.selected, .cdsm-data-grid-shell .tab.selected, .patient-profile .tablist .tab.selected, .patient-profile div.form-horizontal .tab.selected, .new-encounter-survey-selection .box-body .tablist .tab.selected {
    font-weight: bold;
    padding-top: 3px;
    margin-top: 2px;
    color: black; }
  .image-selector .tablist .tab.active, .image-selector div.box-body .tab.active, .dashboard-survey-answers .box-body .tablist .tab.active, .test-list .tab.active, .tab-list-bottom .tab.active, .tab-list .tab.active, .patient-search .control-list .tab.active, .document-viewer .tabs .tab.active, .cdsm-data-grid-shell .tab.active, .patient-profile .tablist .tab.active, .patient-profile div.form-horizontal .tab.active, .new-encounter-survey-selection .box-body .tablist .tab.active {
    font-weight: bold;
    padding-top: 3px;
    margin-top: 2px;
    color: black; }

.image-selector .tablist .tab-bottom, .image-selector div.box-body .tab-bottom, .dashboard-survey-answers .box-body .tablist .tab-bottom, .test-list .tab-bottom, .tab-list-bottom .tab-bottom, .tab-list .tab-bottom, .patient-search .control-list .tab-bottom, .document-viewer .tabs .tab-bottom, .cdsm-data-grid-shell .tab-bottom, .patient-profile .tablist .tab-bottom, .patient-profile div.form-horizontal .tab-bottom, .new-encounter-survey-selection .box-body .tablist .tab-bottom {
  cursor: pointer;
  border-radius: 0 0 4px 4px;
  padding: 1px 10px 0 10px;
  display: inline-block;
  margin-top: -3px;
  border: 1px solid #bbb;
  box-shadow: 0 1px 3px #ddd inset;
  margin-bottom: 4px;
  border-top: none; }
  .image-selector .tablist .tab-bottom.selected, .image-selector div.box-body .tab-bottom.selected, .dashboard-survey-answers .box-body .tablist .tab-bottom.selected, .test-list .tab-bottom.selected, .tab-list-bottom .tab-bottom.selected, .tab-list .tab-bottom.selected, .patient-search .control-list .tab-bottom.selected, .document-viewer .tabs .tab-bottom.selected, .cdsm-data-grid-shell .tab-bottom.selected, .patient-profile .tablist .tab-bottom.selected, .patient-profile div.form-horizontal .tab-bottom.selected, .new-encounter-survey-selection .box-body .tablist .tab-bottom.selected {
    font-weight: bold;
    padding-bottom: 3px;
    margin-top: -3px;
    color: black; }
  .image-selector .tablist .tab-bottom.active, .image-selector div.box-body .tab-bottom.active, .dashboard-survey-answers .box-body .tablist .tab-bottom.active, .test-list .tab-bottom.active, .tab-list-bottom .tab-bottom.active, .tab-list .tab-bottom.active, .patient-search .control-list .tab-bottom.active, .document-viewer .tabs .tab-bottom.active, .cdsm-data-grid-shell .tab-bottom.active, .patient-profile .tablist .tab-bottom.active, .patient-profile div.form-horizontal .tab-bottom.active, .new-encounter-survey-selection .box-body .tablist .tab-bottom.active {
    font-weight: bold;
    padding-bottom: 3px;
    margin-top: -3px;
    color: black; }

.image-selector .tablist .tab:hover, .image-selector div.box-body .tab:hover, .dashboard-survey-answers .box-body .tablist .tab:hover, .test-list .tab:hover, .tab-list-bottom .tab:hover, .tab-list .tab:hover, .patient-search .control-list .tab:hover, .document-viewer .tabs .tab:hover, .cdsm-data-grid-shell .tab:hover, .patient-profile .tablist .tab:hover, .patient-profile div.form-horizontal .tab:hover, .new-encounter-survey-selection .box-body .tablist .tab:hover {
  color: black; }

.fc-left button.fc-button.fc-state-default.fc-next-button, .fc-left button.fc-button.fc-state-default.fc-prev-button {
  padding: 0; }

.agenda .fc-button-group button, .agenda .fc-left button {
  background-image: none; }

.setcat-report-editor .survey-defaults h4, .setcat-report-editor .page h4, .setcat-report-editor .header-footer h4, .setcat-report-editor .report-basic-properties h4 {
  width: 130px;
  text-align: right;
  font-size: 16px; }

.setcat-report-editor .survey-defaults .form-group, .setcat-report-editor .page .form-group, .setcat-report-editor .header-footer .form-group, .setcat-report-editor .report-basic-properties .form-group {
  display: flex; }
  .setcat-report-editor .survey-defaults .form-group .fixed-width, .setcat-report-editor .page .form-group .fixed-width, .setcat-report-editor .header-footer .form-group .fixed-width, .setcat-report-editor .report-basic-properties .form-group .fixed-width {
    width: 130px;
    text-align: right;
    flex-grow: 0;
    flex-shrink: 0; }
  .setcat-report-editor .survey-defaults .form-group .maxed-fixed-width, .setcat-report-editor .page .form-group .maxed-fixed-width, .setcat-report-editor .header-footer .form-group .maxed-fixed-width, .setcat-report-editor .report-basic-properties .form-group .maxed-fixed-width {
    max-width: 200px; }
  .setcat-report-editor .survey-defaults .form-group .control-label, .setcat-report-editor .page .form-group .control-label, .setcat-report-editor .header-footer .form-group .control-label, .setcat-report-editor .report-basic-properties .form-group .control-label {
    text-align: right;
    padding-right: 5px; }
  .setcat-report-editor .survey-defaults .form-group .units, .setcat-report-editor .page .form-group .units, .setcat-report-editor .header-footer .form-group .units, .setcat-report-editor .report-basic-properties .form-group .units {
    font-weight: bold;
    padding-top: 7px;
    padding-left: 5px; }

.ui-timepicker-table.ui-widget-content td > span.ui-state-disabled, .ui-timepicker-table.ui-widget-content td a {
  display: inline-block;
  width: 25px;
  padding-left: 2px;
  color: #666;
  border: 1px solid #eee;
  border-radius: 1px; }

.new-encounter-survey-selection .flexible-choice.flex-buttons.pull-center label, .patient-add-appointment .flexible-choice.flex-buttons.pull-center label {
  font-size: 14px;
  font-weight: normal;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #e8e8e8;
  border-radius: 5px;
  transition: all 0.3s; }
  .new-encounter-survey-selection .flexible-choice.flex-buttons.pull-center label:hover, .patient-add-appointment .flexible-choice.flex-buttons.pull-center label:hover {
    background-color: #efe;
    color: #000; }
  .new-encounter-survey-selection .flexible-choice.flex-buttons.pull-center label.selected-1, .patient-add-appointment .flexible-choice.flex-buttons.pull-center label.selected-1 {
    background-color: #BCF9BC;
    color: #000; }

.patient-add-appointment .scrollable-content {
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 2px;
  padding-right: 2px; }

.patient-add-appointment .summary {
  font-weight: bold; }

.patient-add-appointment h3 {
  margin-top: 0; }

.patient-add-appointment div.modal-body .input-row {
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 8px;
  box-shadow: 0px 2px 2px #ddd; }

.patient-add-appointment div.modal-body label.special {
  color: #008; }

.patient-add-appointment .input-row {
  padding: 5px;
  box-shadow: 0px 2px 2px #ddd;
  min-height: 150px;
  margin-bottom: 2px; }

.patient-add-appointment .date, .patient-add-appointment .time, .patient-add-appointment .carecds-datepicker > input {
  line-height: 20px;
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 3px; }

.patient-add-appointment .carecds-datepicker > input {
  width: 139px;
  margin-left: auto;
  margin-right: auto; }

.patient-add-appointment .flexible-choice {
  padding-bottom: 5px; }

.login-shell .password-change, .login-shell .thank-you, .login-shell .forgot-password {
  position: fixed;
  z-index: 2;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #555; }
  .login-shell .password-change .body, .login-shell .thank-you .body, .login-shell .forgot-password .body {
    padding: 10px 20px; }
  .login-shell .password-change .footer, .login-shell .thank-you .footer, .login-shell .forgot-password .footer {
    padding: 10px 20px; }
    .login-shell .password-change .footer button, .login-shell .thank-you .footer button, .login-shell .forgot-password .footer button {
      color: #fff;
      background-color: #0b5e6b;
      font-size: 16px;
      padding: 8px;
      transition: background-color 0.3s; }
      .login-shell .password-change .footer button:hover, .login-shell .thank-you .footer button:hover, .login-shell .forgot-password .footer button:hover {
        background-color: #127382; }
  .login-shell .password-change .header, .login-shell .thank-you .header, .login-shell .forgot-password .header {
    font-size: 30px;
    text-align: center;
    padding-bottom: 10px;
    box-shadow: inset 0 -10px 10px -10px #ccc; }

.setcat-manage-account .payment-method-type-icon, .ui-draggable-dragging.patient-today-icon, .patient-search-result-icon, .patient-search .control-list .patients-today-item .patient-today-icon .icon {
  font-size: 45px;
  width: 60px;
  line-height: 63px;
  text-align: center;
  vertical-align: middle;
  color: #fff !important;
  border-radius: 8px;
  margin: 9px 5px 5px 0px;
  background-color: #808080; }
  .setcat-manage-account .payment-method-type-icon:hover, .ui-draggable-dragging.patient-today-icon:hover, .patient-search-result-icon:hover, .patient-search .control-list .patients-today-item .patient-today-icon .icon:hover {
    cursor: pointer; }

.c-body-demarc canvas, .c-body-demarc-points canvas {
  height: 130px;
  width: 55px; }

.c-body-demarc > div, .c-body-demarc-points > div {
  text-align: center; }

.agree-disagree button {
  margin-top: 10px;
  margin-bottom: 5px;
  color: #fff;
  border-width: 0;
  padding: 2px;
  width: 60px;
  border-radius: 4px;
  font-size: 10px; }
  .agree-disagree button.selected {
    box-shadow: 0 0 5px #000 inset;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.4); }

.ui-draggable-placeholder-borderless, .ui-draggable-placeholder {
  background-color: #caecf4 !important;
  transition: all 1s !important;
  border-radius: 5px; }

.survey-select-dialog .selected .survey-tile, .setcat-campaigns .campaign-tile.selected, .new-encounter-survey-selection .encounter-type-tile.selected, .new-encounter-survey-selection .selected .survey-tile, .grid-layout-editor button.show-grid-button.toolbar-btn.selected, .grid-layout-editor button.show-grid-button.toolbar-btn.selected:hover,
.grid-layout-editor button.avoid-overlapping-widgets.toolbar-btn.selected,
.grid-layout-editor button.avoid-overlapping-widgets.toolbar-btn.selected:hover,
.grid-layout-editor .toolbar-box .option-list > div.page-repeat-option.selected,
.grid-layout-editor .toolbar-box .option-list > div.question-id-option.selected,
.grid-layout-editor .toolbar-box .option-list > div.image-selector-option.selected,
.grid-layout-editor .toolbar-box .option-list > div.invert-choices-option.selected, .selected .algorithm-tile, .body-location-selector .toolbar-btn.selected, .user-widget-instance-options-widget .options .option-list .invert-choices-option .toolbar-btn.selected, .user-widget-instance-options-widget .options .option-list .page-repeat-option .toolbar-btn.selected, .question-id-option .toolbar-btn.selected, .image-selector-option .toolbar-btn.selected, .reactivate-reports .modal-body .results > div.selected .report-tile, .accordion .questions .question-control-list .control-list-item.question-bank-item.selected, .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item.selected, .setcat-report-editor .questions .question-control-list .control-list-item.question-bank-item.selected {
  border-color: #000;
  box-shadow: 0 0 5px #00f inset; }

.text-field-dialog, .image-tile-edit, .image-selector, .icon-selector, .colour-selector, .survey-select-dialog, .new-encounter-survey-selection, .algorithm-search-dialog, .question-select-dialog {
  background-color: #fff;
  height: 85vh; }
  .box.text-field-dialog, .box.image-tile-edit, .box.image-selector, .box.icon-selector, .box.colour-selector, .box.survey-select-dialog, .box.new-encounter-survey-selection, .box.algorithm-search-dialog, .box.question-select-dialog {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .box.text-field-dialog > .box-header, .box.image-tile-edit > .box-header, .box.image-selector > .box-header, .box.icon-selector > .box-header, .box.colour-selector > .box-header, .box.survey-select-dialog > .box-header, .box.new-encounter-survey-selection > .box-header, .box.algorithm-search-dialog > .box-header, .box.question-select-dialog > .box-header {
      background-color: #8cb4cd;
      color: #fff;
      margin: 0 0 2px 0;
      padding-bottom: 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 2px 5px 0px #7fabc6 inset; }
      .box.text-field-dialog > .box-header select, .box.image-tile-edit > .box-header select, .box.image-selector > .box-header select, .box.icon-selector > .box-header select, .box.colour-selector > .box-header select, .box.survey-select-dialog > .box-header select, .box.new-encounter-survey-selection > .box-header select, .box.algorithm-search-dialog > .box-header select, .box.question-select-dialog > .box-header select, .box.text-field-dialog > .box-header input, .box.image-tile-edit > .box-header input, .box.image-selector > .box-header input, .box.icon-selector > .box-header input, .box.colour-selector > .box-header input, .box.survey-select-dialog > .box-header input, .box.new-encounter-survey-selection > .box-header input, .box.algorithm-search-dialog > .box-header input, .box.question-select-dialog > .box-header input, .box.text-field-dialog > .box-header option, .box.image-tile-edit > .box-header option, .box.image-selector > .box-header option, .box.icon-selector > .box-header option, .box.colour-selector > .box-header option, .box.survey-select-dialog > .box-header option, .box.new-encounter-survey-selection > .box-header option, .box.algorithm-search-dialog > .box-header option, .box.question-select-dialog > .box-header option {
        color: #000; }
      .box.text-field-dialog > .box-header .box-title, .box.image-tile-edit > .box-header .box-title, .box.image-selector > .box-header .box-title, .box.icon-selector > .box-header .box-title, .box.colour-selector > .box-header .box-title, .box.survey-select-dialog > .box-header .box-title, .box.new-encounter-survey-selection > .box-header .box-title, .box.algorithm-search-dialog > .box-header .box-title, .box.question-select-dialog > .box-header .box-title {
        color: #FFFFFF !important;
        padding: 5px 0px 5px 10px;
        text-shadow: 0 0 2px #7fabc6; }
        .box.text-field-dialog > .box-header .box-title a, .box.image-tile-edit > .box-header .box-title a, .box.image-selector > .box-header .box-title a, .box.icon-selector > .box-header .box-title a, .box.colour-selector > .box-header .box-title a, .box.survey-select-dialog > .box-header .box-title a, .box.new-encounter-survey-selection > .box-header .box-title a, .box.algorithm-search-dialog > .box-header .box-title a, .box.question-select-dialog > .box-header .box-title a, .box.text-field-dialog > .box-header .box-title div, .box.image-tile-edit > .box-header .box-title div, .box.image-selector > .box-header .box-title div, .box.icon-selector > .box-header .box-title div, .box.colour-selector > .box-header .box-title div, .box.survey-select-dialog > .box-header .box-title div, .box.new-encounter-survey-selection > .box-header .box-title div, .box.algorithm-search-dialog > .box-header .box-title div, .box.question-select-dialog > .box-header .box-title div {
          color: #FFFFFF !important; }
    .box.text-field-dialog > .box-header, .box.image-tile-edit > .box-header, .box.image-selector > .box-header, .box.icon-selector > .box-header, .box.colour-selector > .box-header, .box.survey-select-dialog > .box-header, .box.new-encounter-survey-selection > .box-header, .box.algorithm-search-dialog > .box-header, .box.question-select-dialog > .box-header {
      cursor: pointer; }
      .box.text-field-dialog > .box-header .box-title, .box.image-tile-edit > .box-header .box-title, .box.image-selector > .box-header .box-title, .box.icon-selector > .box-header .box-title, .box.colour-selector > .box-header .box-title, .box.survey-select-dialog > .box-header .box-title, .box.new-encounter-survey-selection > .box-header .box-title, .box.algorithm-search-dialog > .box-header .box-title, .box.question-select-dialog > .box-header .box-title {
        cursor: pointer; }

/* Used in the question bank search and the survey select dialog search */
.text-field-dialog .input-group, .image-tile-edit .input-group, .image-selector .input-group, .icon-selector .input-group, .colour-selector .input-group, .survey-select-dialog .input-group, .new-encounter-survey-selection .input-group, .algorithm-search-dialog .input-group, .question-select-dialog .input-group, .accordion .questions .input-group, .question-select-dialog .box-body .questions .input-group, .setcat-report-editor .questions .input-group {
  flex-shrink: 0;
  margin-bottom: 2px; }
  .text-field-dialog .input-group .input-group-btn, .image-tile-edit .input-group .input-group-btn, .image-selector .input-group .input-group-btn, .icon-selector .input-group .input-group-btn, .colour-selector .input-group .input-group-btn, .survey-select-dialog .input-group .input-group-btn, .new-encounter-survey-selection .input-group .input-group-btn, .algorithm-search-dialog .input-group .input-group-btn, .question-select-dialog .input-group .input-group-btn, .accordion .questions .input-group .input-group-btn, .setcat-report-editor .questions .input-group .input-group-btn {
    height: 28px; }
    .text-field-dialog .input-group .input-group-btn button.btn, .image-tile-edit .input-group .input-group-btn button.btn, .image-selector .input-group .input-group-btn button.btn, .icon-selector .input-group .input-group-btn button.btn, .colour-selector .input-group .input-group-btn button.btn, .survey-select-dialog .input-group .input-group-btn button.btn, .new-encounter-survey-selection .input-group .input-group-btn button.btn, .algorithm-search-dialog .input-group .input-group-btn button.btn, .question-select-dialog .input-group .input-group-btn button.btn, .accordion .questions .input-group .input-group-btn button.btn, .setcat-report-editor .questions .input-group .input-group-btn button.btn {
      padding-top: 4px;
      height: 28px; }

.accordion .questions, .question-select-dialog .box-body .questions, .setcat-report-editor .questions {
  display: flex;
  flex-direction: column;
  height: 96%;
  height: calc(100% - 7px);
  padding-top: 5px;
  padding-left: 0;
  padding-right: 2px; }
  .accordion .questions .question-control-list, .question-select-dialog .box-body .questions .question-control-list, .setcat-report-editor .questions .question-control-list {
    flex-grow: 1;
    overflow: auto;
    padding-left: 0; }
    .accordion .questions .question-control-list .question-container, .question-select-dialog .box-body .questions .question-control-list .question-container, .setcat-report-editor .questions .question-control-list .question-container {
      height: 55px;
      width: 100%;
      overflow: hidden; }
      .accordion .questions .question-control-list .question-container .question-text, .question-select-dialog .box-body .questions .question-control-list .question-container .question-text, .setcat-report-editor .questions .question-control-list .question-container .question-text {
        white-space: pre-wrap;
        background-color: #f1f1f1; }
    .accordion .questions .question-control-list .btn, .question-select-dialog .box-body .questions .question-control-list .btn, .setcat-report-editor .questions .question-control-list .btn {
      margin: 5px; }

.data-forms-list-question-answer .question-html, .matrix-question-answer .question-html, .numeric-collection-question-answer .question-html {
  font-family: Helvetica; }
  .data-forms-list-question-answer .question-html p, .matrix-question-answer .question-html p, .numeric-collection-question-answer .question-html p {
    font-family: Helvetica; }

.data-forms-list-question-answer .subquestions .question, .matrix-question-answer .subquestions .question, .numeric-collection-question-answer .subquestions .plain-question-and-answer-text .question {
  font-size: 0.9em; }

.setcat-manage-account .payment-method-type-icon .wf-disabled.icon, .ui-draggable-dragging.patient-today-icon .wf-disabled.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-disabled.icon, .task .wf-disabled.icon {
  background-color: #bbb; }

.setcat-manage-account .payment-method-type-icon .wf-new-patient.icon, .ui-draggable-dragging.patient-today-icon .wf-new-patient.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-new-patient.icon, .task .wf-new-patient.icon {
  background-color: #5b5; }

.setcat-manage-account .payment-method-type-icon .wf-arrived.icon, .ui-draggable-dragging.patient-today-icon .wf-arrived.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-arrived.icon, .task .wf-arrived.icon {
  background-color: #00b900; }

.setcat-manage-account .payment-method-type-icon .wf-close-encounter.icon, .ui-draggable-dragging.patient-today-icon .wf-close-encounter.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-close-encounter.icon, .task .wf-close-encounter.icon {
  background-color: #333; }

.setcat-manage-account .payment-method-type-icon .wf-ma-review.icon, .ui-draggable-dragging.patient-today-icon .wf-ma-review.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-ma-review.icon, .task .wf-ma-review.icon {
  background-color: #ecaa32; }

.setcat-manage-account .payment-method-type-icon .wf-notes.icon, .ui-draggable-dragging.patient-today-icon .wf-notes.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-notes.icon, .task .wf-notes.icon {
  background-color: #cfb5e9; }

.setcat-manage-account .payment-method-type-icon .wf-patient-tablet.icon, .ui-draggable-dragging.patient-today-icon .wf-patient-tablet.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-patient-tablet.icon, .task .wf-patient-tablet.icon {
  background-color: #6776e2; }

.setcat-manage-account .payment-method-type-icon .wf-available-reports.icon, .ui-draggable-dragging.patient-today-icon .wf-available-reports.icon, .patient-search .control-list .patients-today-item .patient-today-icon .wf-available-reports.icon, .task .wf-available-reports.icon {
  background-color: #993e9a; }

.numeric-options-form .aligned-button.selected, .column-editor table .alert-button .btn.selected {
  border-radius: 2px;
  border-color: #49a75a;
  box-shadow: 0 0 5px #49a75a;
  background-color: #49a75a; }

.grid-layout-editor .wysiwyg-text-widget .html p, .grid-layout-editor .wysiwyg-text-editor .form-control p, .grid-layout-editor .wysiwyg-text-widget p {
  margin: 0;
  line-height: 0.85; }

.setcat-patient-import .table-data, .databind .table-data {
  border: 1px solid #bbb;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 0 0 5px #ddd inset; }

.algorithm-builder .algorithm-builder-content > .left-column, .setcat-survey > .left-column {
  width: 340px;
  flex-shrink: 0; }

.algorithm-builder .algorithm-builder-content > .right-column, .setcat-survey > .right-column {
  width: calc(100% - 340px - 5px);
  flex-grow: 1; }

.algorithm-builder .algorithm-builder-content .toolbar-box, .grid-layout-editor .toolbar-box {
  border: 1px solid #b4b4b4;
  border-bottom-width: 2px;
  background: #cfd1cf linear-gradient(to bottom, #ebebeb, #cfd1cf);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf');
  height: 40px;
  padding-top: 6px;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: 0 1px 0 #fff inset; }

.algorithm-search-dialog {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .algorithm-search-dialog .box-body {
    height: 460px;
    overflow-y: auto; }
  .algorithm-search-dialog .box-footer {
    height: 70px;
    text-align: right; }

.survey-designer-tile, .survey-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile {
  background-color: #edf4fb;
  color: #2f5b66;
  border-color: #43b9ed; }

.linked-data-display .algorithm-linked-data-display-expanded .algorithm-tile, .linked-data-display .algorithm-linked-data-display-collapsed, .algorithm-tile {
  background-color: #e0f4e4;
  color: #206220;
  border-color: #6eb66e; }

.report-tile, .linked-data-display .report-linked-data-display-expanded .report-tile, .linked-data-display .report-linked-data-display-collapsed {
  background-color: #e6edc6;
  color: #206220;
  border-color: #6eb66e; }

.image-tile, .report-tile, .survey-designer-tile, .survey-tile, .setcat-campaigns .campaign-tile, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile, .new-encounter-survey-selection .encounter-type-tile, .algorithm-tile {
  display: flex; }
  .image-tile .icon, .report-tile .icon, .survey-designer-tile .icon, .survey-tile .icon, .setcat-campaigns .campaign-tile .icon, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .icon, .new-encounter-survey-selection .encounter-type-tile .icon, .algorithm-tile .icon {
    flex-shrink: 0;
    flex-grow: 0;
    margin: auto 7px auto 5px;
    width: 80px; }
  .image-tile .name-description, .report-tile .name-description, .survey-designer-tile .name-description, .survey-tile .name-description, .setcat-campaigns .campaign-tile .name-description, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .name-description, .new-encounter-survey-selection .encounter-type-tile .name-description, .algorithm-tile .name-description {
    flex-grow: 1; }
    .image-tile .name-description .small-font, .report-tile .name-description .small-font, .survey-designer-tile .name-description .small-font, .survey-tile .name-description .small-font, .setcat-campaigns .campaign-tile .name-description .small-font, .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .name-description .small-font, .new-encounter-survey-selection .encounter-type-tile .name-description .small-font, .algorithm-tile .name-description .small-font {
      font-size: 0.9em;
      line-height: 1.2em;
      height: 58px;
      overflow-y: auto; }

.setcat-patient-import .table-data, .databind .table-data {
  overflow-x: auto; }
  .setcat-patient-import .table-data .header-row, .databind .table-data .header-row, .setcat-patient-import .table-data .data-row, .databind .table-data .data-row {
    display: flex;
    font-weight: bold;
    flex-direction: row;
    align-items: stretch;
    flex: 0 0 100%;
    width: 100%;
    border-bottom: 1px solid #eee; }
    .setcat-patient-import .table-data .header-row > div, .databind .table-data .header-row > div, .setcat-patient-import .table-data .data-row > div, .databind .table-data .data-row > div {
      flex-grow: 1;
      width: 10%; }
      .setcat-patient-import .table-data .header-row > div.remove-col, .databind .table-data .header-row > div.remove-col, .setcat-patient-import .table-data .data-row > div.remove-col, .databind .table-data .data-row > div.remove-col {
        width: 75px;
        padding-top: 2px;
        padding-bottom: 2px;
        flex-grow: 0;
        flex-shrink: 0; }
  .setcat-patient-import .table-data .header-row, .databind .table-data .header-row {
    border-bottom: 1px solid #aaa; }
    .setcat-patient-import .table-data .header-row > div, .databind .table-data .header-row > div {
      width: 5%;
      text-overflow: ellipsis;
      overflow-x: hidden; }
  .setcat-patient-import .table-data .data-row, .databind .table-data .data-row {
    transition: background-color 0.2s;
    height: 38px; }
    .setcat-patient-import .table-data .data-row:hover, .databind .table-data .data-row:hover {
      background-color: #f8f8f8; }
    .setcat-patient-import .table-data .data-row.selected, .databind .table-data .data-row.selected {
      background-color: #d9e8f1; }

.linked-data-display .algorithm-linked-data-display-collapsed, .linked-data-display .report-linked-data-display-collapsed {
  height: 10px;
  margin-top: -5px;
  border: 1px solid;
  border-radius: 5px;
  position: relative; }

/* horizontal-gradient can be used any time a horizontal gradient is needed in a background.
horizontal-gradient is currently used for the patient-score widget's out of range gradient */
/*
Either this or the draggable class should be used on every element
that is draggable.
*/
/*
_reports.scss is for styles that make widgets look good for various dimensions.
*/
/*
When a PDF is generated, we want the scrollbars hidden.
*/
.wkhtmltopdf ::-webkit-scrollbar {
  display: none; }

.wkhtmltopdf > body.desktop {
  overflow-y: visible;
  text-align: center;
  margin: 0;
  padding: 0; }
  .wkhtmltopdf > body.desktop header, .wkhtmltopdf > body.desktop footer, .wkhtmltopdf > body.desktop nav, .wkhtmltopdf > body.desktop .wrapper-header, .wkhtmltopdf > body.desktop .available-reports {
    display: none; }
  .wkhtmltopdf > body.desktop .printable-widget {
    text-align: left; }
    .wkhtmltopdf > body.desktop .printable-widget.icon {
      text-align: center; }

.wkhtmltopdf > body .ui-resizable-handle {
  display: none; }

/* Hide URL's in generated PDF documents.  This counters Bootstrap's CSS that shows "(URL)".
For more details on this solution, see
https://stackoverflow.com/questions/23022795/bootstrap-3-1-1-page-hide-the-url-of-links */
@media print {
  a[href]:after {
    content: ""; } }

.matrix-question-answer {
  text-align: left; }
  .matrix-question-answer table {
    width: 99%;
    margin: auto;
    border: 1px solid #888; }
    .matrix-question-answer table th, .matrix-question-answer table td {
      padding-left: 3px;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
      .matrix-question-answer table th.choice, .matrix-question-answer table th .choice, .matrix-question-answer table td.choice, .matrix-question-answer table td .choice {
        text-align: center; }

.matrix-row-answer > .choices {
  display: table;
  text-align: center;
  width: 100%; }
  .matrix-row-answer > .choices > div {
    display: table-cell; }

.matrix-choice > .choices {
  display: table;
  text-align: center;
  width: 100%; }
  .matrix-choice > .choices > div {
    display: table-cell;
    padding-left: 2px;
    padding-right: 2px; }

.horizontal-rule {
  height: 100%; }
  .horizontal-rule .rectangle {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background-color: #000; }

.vertical-rule {
  height: 100%;
  text-align: center; }
  .vertical-rule .rectangle {
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #000; }

.circle {
  height: 100%; }
  .circle .rectangle {
    width: 100%;
    height: 100%;
    background-color: #000;
    border-width: 0;
    border-radius: 50%/50%; }

.rectangle {
  height: 100%; }
  .rectangle .rectangle {
    width: 100%;
    height: 100%;
    background-color: #000; }

.printable-widget.icon {
  height: 100%; }
  .printable-widget.icon em {
    line-height: 1; }

.grid-layout-editor {
  background-color: #FFFFFF; }
  .grid-layout-editor .hspan-1 .patient-info label {
    display: none; }
  .grid-layout-editor .hspan-2 .patient-info {
    font-size: 0.75em; }
  .grid-layout-editor .vspan-1 .not-available-text {
    margin-top: 7px;
    font-size: 0.9em; }
  .grid-layout-editor .vspan-1.hspan-2 .icon {
    font-size: 1.4em;
    margin-top: 5px; }
  .grid-layout-editor .vspan-1.hspan-2 .scores {
    margin-top: 0.5em; }
  .grid-layout-editor .vspan-1.hspan-2 .vertical-text {
    min-width: 30px;
    min-height: 30px;
    font-size: 0.6em;
    margin-top: 0.5em; }
  .grid-layout-editor .vspan-1.hspan-3 .icon {
    font-size: 1.4em;
    margin-top: 5px; }
  .grid-layout-editor .vspan-1.hspan-3 .scores {
    margin-top: 0.5em; }
  .grid-layout-editor .vspan-1.hspan-3 .vertical-text {
    min-width: 30px;
    min-height: 30px;
    font-size: 0.6em;
    margin-top: 0.5em; }
  .grid-layout-editor .vspan-1 .icon {
    font-size: 1.4em; }
  .grid-layout-editor .vspan-1 .scores {
    font-size: 1.3em;
    text-align: center; }
  .grid-layout-editor .vspan-1 .vertical-text {
    min-width: 32px;
    min-height: 32px;
    font-size: 0.8em; }
  .grid-layout-editor .vspan-1 .score-status-text {
    font-size: 0.6em; }
  .grid-layout-editor .vspan-1 .patient-info {
    font-size: 0.4em; }
  .grid-layout-editor .vspan-2.hspan-2 .scores {
    font-size: 1.5em;
    margin-top: 0.5em; }
    .grid-layout-editor .vspan-2.hspan-2 .scores .patient-score {
      padding-left: 10px; }
  .grid-layout-editor .vspan-2.hspan-3 .patient-score {
    font-size: 0.9em; }
    .grid-layout-editor .vspan-2.hspan-3 .patient-score .icon {
      font-size: 3em; }
    .grid-layout-editor .vspan-2.hspan-3 .patient-score .out-of-score {
      font-size: 0.60em; }
    .grid-layout-editor .vspan-2.hspan-3 .patient-score .score-status-text {
      font-size: 0.75em; }
    .grid-layout-editor .vspan-2.hspan-3 .patient-score .scores {
      padding-top: 20px;
      padding-left: 10px;
      text-align: center; }
  .grid-layout-editor .vspan-2 .icon {
    font-size: 2.5em; }
  .grid-layout-editor .vspan-2 .scores {
    font-size: 2em;
    text-align: center; }
  .grid-layout-editor .vspan-2 .vertical-text {
    min-width: 60px;
    min-height: 60px;
    font-size: 1.0em; }
  .grid-layout-editor .vspan-2 .patient-info {
    font-size: 0.7em; }
  .grid-layout-editor .vspan-3.hspan-2 .scores {
    margin-top: 2em;
    font-size: 1.5em; }
  .grid-layout-editor .vspan-3.hspan-2 .icon {
    font-size: 2em;
    margin-top: 1.2em; }
  .grid-layout-editor .vspan-3.hspan-2 .score-status-text {
    font-size: 0.5em; }
  .grid-layout-editor .vspan-3.hspan-3 .scores {
    margin-top: 1.2em;
    font-size: 2.2em; }
  .grid-layout-editor .vspan-3.hspan-3 .icon {
    font-size: 2.8em;
    line-height: 1.2em;
    margin-top: 0.6em; }
  .grid-layout-editor .vspan-3.hspan-3 .score-status-text {
    font-size: 0.90em; }
  .grid-layout-editor .vspan-3.hspan-4 .scores {
    margin-top: 0.7em; }
  .grid-layout-editor .vspan-3.hspan-4 .icon {
    font-size: 5em;
    line-height: 1.2em; }
  .grid-layout-editor .vspan-3.hspan-5 .scores {
    margin-top: 0.8em; }
  .grid-layout-editor .vspan-3.hspan-5 .icon {
    font-size: 7em;
    line-height: 1.2em; }
  .grid-layout-editor .vspan-3.hspan-6 .scores {
    margin-top: 0.8em; }
  .grid-layout-editor .vspan-3.hspan-6 .icon {
    font-size: 7em;
    line-height: 1.2em; }
  .grid-layout-editor .vspan-3 .icon {
    font-size: 4em;
    line-height: 1em; }
  .grid-layout-editor .vspan-3 .scores {
    font-size: 2.7em;
    text-align: center; }
  .grid-layout-editor .vspan-3 .vertical-text {
    min-width: 70px;
    min-height: 80px;
    font-size: 1em; }
  .grid-layout-editor .vspan-3 .patient-info {
    font-size: 0.9em; }
  .grid-layout-editor .vspan-4.hspan-2 .scores {
    margin-top: 1em;
    font-size: 1.7em; }
  .grid-layout-editor .vspan-4.hspan-2 .icon {
    font-size: 2.5em;
    line-height: 1.2em;
    margin-top: 1em; }
  .grid-layout-editor .vspan-4.hspan-2 .score-status-text {
    font-size: 0.7em; }
  .grid-layout-editor .vspan-4.hspan-3 .scores {
    margin-top: 1em;
    font-size: 2.5em; }
  .grid-layout-editor .vspan-4.hspan-3 .icon {
    font-size: 5em;
    line-height: 1.2em;
    margin-top: 0.5em; }
  .grid-layout-editor .vspan-4.hspan-3 .score-status-text {
    font-size: 0.9em; }
  .grid-layout-editor .vspan-4.hspan-4 .scores {
    margin-top: 0.7em;
    font-size: 3em; }
  .grid-layout-editor .vspan-4.hspan-4 .icon {
    font-size: 6em;
    line-height: 1.2em;
    margin-top: 0.2em; }
  .grid-layout-editor .vspan-4.hspan-5 .scores {
    margin-top: 0.8em; }
  .grid-layout-editor .vspan-4.hspan-5 .icon {
    font-size: 7em;
    line-height: 1.2em; }
  .grid-layout-editor .vspan-4.hspan-6 .scores {
    margin-top: 0.8em; }
  .grid-layout-editor .vspan-4.hspan-6 .icon {
    font-size: 7em;
    line-height: 1.2em; }
  .grid-layout-editor .vspan-4 .icon {
    font-size: 7em;
    line-height: 1.2em; }
  .grid-layout-editor .vspan-4 .scores {
    font-size: 4em;
    text-align: center; }
  .grid-layout-editor .vspan-4 .vertical-text {
    min-width: 140px;
    min-height: 140px;
    font-size: 1.5em; }
  .grid-layout-editor .vspan-4 .score-status-text {
    font-size: 1.2em; }
  .grid-layout-editor .vspan-5 .icon {
    font-size: 8em;
    line-height: 1.3em; }
  .grid-layout-editor .vspan-5 .scores {
    font-size: 5em;
    text-align: center;
    margin-top: 0.5em; }
  .grid-layout-editor .vspan-5 .vertical-text {
    min-width: 160px;
    min-height: 160px;
    font-size: 1.6em; }
  .grid-layout-editor .vspan-5 .score-status-text {
    font-size: 1.3em; }
  .grid-layout-editor .vspan-6.hspan-4 .scores {
    font-size: 3.9em; }
  .grid-layout-editor .vspan-6 .icon {
    margin-top: 0.2em;
    font-size: 8em;
    line-height: 1.3em; }
  .grid-layout-editor .vspan-6 .scores {
    font-size: 5em;
    text-align: center;
    margin-top: 0.5em; }
  .grid-layout-editor .vspan-6 .vertical-text {
    min-width: 200px;
    min-height: 200px;
    font-size: 1.6em; }
  .grid-layout-editor .vspan-6 .score-status-text {
    font-size: 1.3em; }
  .grid-layout-editor .taller-than-wide div.patient-info > div {
    display: block; }

.printable-widget {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .printable-widget .printable-widget {
    position: static; }
  .printable-widget .printable-widget.pain-locations-one-side {
    position: absolute; }
  .printable-widget .not-available-text {
    margin-top: 40px; }
  .printable-widget.hidden-border {
    border-width: 0;
    box-shadow: none; }
    .printable-widget.hidden-border .printable-widget {
      border-width: 0;
      box-shadow: none; }
  .printable-widget .patient-reasons {
    margin-top: 5px; }
  .printable-widget.row {
    margin-left: 0;
    margin-right: 0; }
  .printable-widget.patient-allergies {
    font-size: 10px; }
    .printable-widget.patient-allergies .icon {
      font-size: 13px !important;
      text-align: center; }
    .printable-widget.patient-allergies .row.severity-life-threatening {
      color: #ff6961; }
    .printable-widget.patient-allergies .row.severity-severe {
      color: #ffac00; }
    .printable-widget.patient-allergies .row:nth-child(even) {
      background-color: rgba(220, 220, 200, 0.4); }
  .printable-widget.alerts-widget ul.alerts {
    padding-left: 20px; }
  .printable-widget.patient-reasons {
    padding-left: 10px;
    padding-right: 5px;
    margin-top: 15px; }
    .printable-widget.patient-reasons .row.reasons {
      font-size: 9px; }
  .printable-widget .wysiwyg-text-widget p {
    margin: 0; }
  .printable-widget .plain-question-and-answer-text .question {
    width: 67%;
    float: left;
    padding-right: 10px; }
  .printable-widget .plain-question-and-answer-text .answer {
    width: 33%;
    float: left; }
  .printable-widget .data-forms-list-question-answer .answer {
    text-align: center; }

.question-notes p {
  white-space: pre-wrap; }

body :not(.office-selector):not(.patient-import-rows):not(.eula)::-webkit-scrollbar {
  display: none; }

.eula-acknowledgement-modal .agree-confirmation {
  padding-left: 12px; }
  .eula-acknowledgement-modal .agree-confirmation label {
    display: inline-block;
    width: 160px;
    text-align: right; }
  .eula-acknowledgement-modal .agree-confirmation input {
    margin-left: 5px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle; }

.eula-review-modal {
  width: 95vw; }
  .eula-review-modal .eula {
    height: 400px;
    overflow-y: auto; }

.user-permission-groups {
  width: 543px; }

.permission-editor-container .permission-editor {
  width: 800px;
  margin: auto; }

@media screen and (max-width: 810px) {
  .permission-editor-container > div > .permission-editor {
    width: 100%; }
    .permission-editor-container > div > .permission-editor .items > div > span {
      font-size: 1.75vw; } }

.permission-editor .row {
  border-bottom: 1px solid #ddd; }

.permission-editor .items {
  overflow-y: auto;
  border-right: 1px solid #ddd;
  height: 300px; }
  .permission-editor .items > div {
    cursor: pointer;
    height: 22px;
    color: #111;
    overflow-y: hidden;
    /* We place an invisible div over the checkbox. */ }
    .permission-editor .items > div .checkbox {
      position: relative;
      display: inline-block;
      width: 20px;
      margin-bottom: 0;
      margin-top: 0; }
      .permission-editor .items > div .checkbox > input {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0; }
      .permission-editor .items > div .checkbox > div {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
    .permission-editor .items > div > span {
      vertical-align: top; }
    .permission-editor .items > div.selected {
      background-color: #d9e8f1; }
    .permission-editor .items > div.disabled {
      color: #666; }

.survey-notes-generator-dialog {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #fff; }
  .survey-notes-generator-dialog > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .survey-notes-generator-dialog > .box-header select, .survey-notes-generator-dialog > .box-header input, .survey-notes-generator-dialog > .box-header option {
      color: #000; }
    .survey-notes-generator-dialog > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .survey-notes-generator-dialog > .box-header .box-title a, .survey-notes-generator-dialog > .box-header .box-title div {
        color: #FFFFFF !important; }
  .survey-notes-generator-dialog > .box-header {
    cursor: pointer; }
    .survey-notes-generator-dialog > .box-header .box-title {
      cursor: pointer; }
  .survey-notes-generator-dialog .box-body {
    height: 160px;
    padding-top: 20px; }
    .survey-notes-generator-dialog .box-body label {
      margin-left: 30px; }
    .survey-notes-generator-dialog .box-body .row {
      margin-top: 20px;
      margin-bottom: 20px; }
      .survey-notes-generator-dialog .box-body .row label {
        margin-bottom: 20px; }
      .survey-notes-generator-dialog .box-body .row button {
        width: 150px; }
      .survey-notes-generator-dialog .box-body .row button.selected {
        background-color: #d9e8f1;
        box-shadow: 0 0 5px #86b6d2 inset; }
  .survey-notes-generator-dialog .box-footer {
    text-align: right;
    height: 65px;
    padding: 10px; }

.system-dashboard-copy {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 700px;
  height: 85vh; }
  .system-dashboard-copy > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .system-dashboard-copy > .box-header select, .system-dashboard-copy > .box-header input, .system-dashboard-copy > .box-header option {
      color: #000; }
    .system-dashboard-copy > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .system-dashboard-copy > .box-header .box-title a, .system-dashboard-copy > .box-header .box-title div {
        color: #FFFFFF !important; }
  .system-dashboard-copy > .box-header {
    cursor: pointer; }
    .system-dashboard-copy > .box-header .box-title {
      cursor: pointer; }
  .system-dashboard-copy .scrollable {
    height: 570px;
    overflow-y: auto;
    overflow-x: hidden; }
  .system-dashboard-copy .box-header {
    padding-bottom: 0; }
  .system-dashboard-copy .box-body > div {
    height: 640px;
    height: 70vh; }
  .system-dashboard-copy h4 {
    margin-bottom: 3px; }
  .system-dashboard-copy .system-dashboard-shell:nth-child(odd) {
    background-color: #eee; }
  .system-dashboard-copy .system-dashboard {
    cursor: pointer;
    height: 44px;
    position: relative; }
    .system-dashboard-copy .system-dashboard.selected {
      background-color: #d9e8f1;
      border-radius: 3px;
      box-shadow: 0 0 5px #86b6d2 inset; }
    .system-dashboard-copy .system-dashboard .thumbnail {
      width: 50px;
      height: 40px;
      background-size: contain;
      display: inline-block;
      margin: 2px 0 0 2px; }
    .system-dashboard-copy .system-dashboard .info {
      display: inline-block;
      width: 170px;
      height: 40px;
      position: absolute;
      top: 0;
      left: 60px;
      overflow: hidden; }
      .system-dashboard-copy .system-dashboard .info .name {
        margin: 0; }
      .system-dashboard-copy .system-dashboard .info .description {
        line-height: 1;
        margin: 0; }
  .system-dashboard-copy .system-dashboard-list, .system-dashboard-copy .selected-dashboard {
    transition: width 0.3s, height 0.3s, opacity 0.3s, margin 0.3s; }
  .system-dashboard-copy.zoomed .system-dashboard-list {
    width: 0;
    opacity: 0;
    padding: 0;
    margin: 0; }
  .system-dashboard-copy.zoomed .selected-dashboard {
    width: 730px;
    padding: 0;
    margin: 0 0 0 38px; }
    .system-dashboard-copy.zoomed .selected-dashboard .screenshot {
      height: 576px; }
  .system-dashboard-copy .selected-dashboard .description {
    margin-top: 10px; }
  .system-dashboard-copy .screenshot {
    height: 418px;
    height: 60vh;
    box-shadow: 0 0 1px 2px #1A6DED;
    border-radius: 2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center; }
  .system-dashboard-copy .system-dashboard-group-selector {
    width: 100%; }

.notes-bubble-right {
  margin-left: 30px !important; }

.notes-bubble-right:after {
  border-width: 15px 15px 15px 0;
  left: -15px; }

.notes-bubble-right:before {
  left: -16px;
  border-width: 15px 15px 15px 0; }

.notes-bubble-left {
  margin-right: 30px !important; }

.notes-bubble-left:after {
  border-width: 15px 0 15px 15px;
  right: -15px; }

.notes-bubble-left:before {
  right: -16px;
  border-width: 15px 0 15px 15px; }

.notes-timeline {
  height: 600px; }
  .notes-timeline .scrollable-content {
    overflow-y: scroll;
    height: 550px; }
  .notes-timeline td {
    width: 50%;
    vertical-align: top; }
    .notes-timeline td > div {
      margin: 10px; }
  .notes-timeline h3, .notes-timeline h4 {
    margin-top: 0; }
  .notes-timeline .dashed {
    border-right-style: dashed; }

.encounter-surveys .list {
  padding-left: 0;
  padding-right: 0;
  height: 470px;
  overflow-y: auto; }
  .encounter-surveys .list .control-list-item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; }
    .encounter-surveys .list .control-list-item:nth-child(odd) {
      background-color: #f8f8f8; }
    .encounter-surveys .list .control-list-item > div {
      display: flex;
      flex-direction: column; }
  .encounter-surveys .list .full-name {
    font-weight: bold;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee; }

.acknowledgement-task-list.tiny-size .filter label, .acknowledgement-task-list.tiny-size .filter-selectors .filter .col-1 {
  display: none; }

.acknowledgement-task-list.tiny-size .show-acknowledged label {
  font-size: 0.6em; }

.acknowledgement-task-list.small-size .filter label, .acknowledgement-task-list.small-size .show-acknowledged label {
  font-size: 0.8em; }

.acknowledgement-task-list.small-size .filter-selectors .filter .col-1 {
  width: 35px; }

.acknowledgement-task-list .control-list {
  padding-left: 0;
  padding-right: 0;
  height: 470px; }
  .acknowledgement-task-list .control-list fieldset {
    padding: inherit;
    border-radius: 5px;
    border: 1px solid #8a8a8a; }
    .acknowledgement-task-list .control-list fieldset legend {
      margin-bottom: 0;
      width: initial;
      font-size: 14px;
      border-bottom: none;
      color: #656565;
      padding-left: 2px;
      padding-right: 2px; }
  .acknowledgement-task-list .control-list .content-cell {
    padding-top: 10px; }

.acknowledgement-task-list .acknowledgement-task-list-icon {
  background-color: #e2d737; }

.acknowledgement-task-list .acknowledgement-task-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.acknowledgement-task-list .description-scroller {
  height: 70px;
  margin-top: -8px; }
  .acknowledgement-task-list .description-scroller .description {
    font-style: italic;
    color: #2666b0;
    white-space: pre-wrap; }
  .acknowledgement-task-list .description-scroller .question-text {
    height: 17px;
    overflow: hidden; }
    .acknowledgement-task-list .description-scroller .question-text > span {
      font-size: 10px;
      font-weight: normal; }
      .acknowledgement-task-list .description-scroller .question-text > span p {
        display: inline; }
  .acknowledgement-task-list .description-scroller .answer {
    height: 17px;
    overflow: hidden; }
    .acknowledgement-task-list .description-scroller .answer > span {
      font-size: 10px;
      font-weight: normal; }
  .acknowledgement-task-list .description-scroller .full-name {
    height: 17px;
    overflow: hidden; }
    .acknowledgement-task-list .description-scroller .full-name > span {
      font-size: 10px;
      font-weight: normal; }

.acknowledgement-task-list .filter-selectors {
  height: 30px; }
  .acknowledgement-task-list .filter-selectors label, .acknowledgement-task-list .filter-selectors input, .acknowledgement-task-list .filter-selectors select {
    display: inline-block; }
  .acknowledgement-task-list .filter-selectors .filter {
    height: 30px; }
    .acknowledgement-task-list .filter-selectors .filter .col-1 {
      width: 50px;
      height: 30px;
      float: left; }
      .acknowledgement-task-list .filter-selectors .filter .col-1 label {
        margin-left: 10px; }
    .acknowledgement-task-list .filter-selectors .filter .col-2 {
      height: 30px;
      overflow: hidden; }
  .acknowledgement-task-list .filter-selectors .show-acknowledged {
    height: 30px; }
    .acknowledgement-task-list .filter-selectors .show-acknowledged input {
      width: auto;
      float: right; }

.acknowledgement-task-list .last-cell {
  position: relative; }
  .acknowledgement-task-list .last-cell .code {
    min-width: 60px;
    font-size: 10px !important; }
    .acknowledgement-task-list .last-cell .code .survey-name {
      white-space: nowrap; }
  .acknowledgement-task-list .last-cell .agree-disagree {
    position: absolute;
    bottom: 0;
    padding-bottom: 5px; }
    .acknowledgement-task-list .last-cell .agree-disagree button {
      margin-top: 2px;
      margin-bottom: 0;
      font-size: 10px !important; }

.acknowledgement-task-list .selected {
  background-color: #9ee0f3 !important; }

.acknowledgement-task-list .ion-android-note, .acknowledgement-task-list .icon-note {
  padding-right: 10px; }

.content-header > h1 {
  margin-top: 0; }

body .btn.btn-default:hover {
  background-color: #fff; }

body div .box .box {
  border-top-width: 0;
  border-radius: 0; }
  body div .box .box > .box-header {
    background-color: #fff;
    color: #444;
    border-radius: 0;
    box-shadow: none; }
    body div .box .box > .box-header > .box-title {
      color: #444 !important;
      text-shadow: none; }
      body div .box .box > .box-header > .box-title a, body div .box .box > .box-header > .box-title div, body div .box .box > .box-header > .box-title i {
        color: #444 !important; }
    body div .box .box > .box-header .fa-caret-up, body div .box .box > .box-header .fa-caret-down {
      color: #444; }

/* This is meant to create a rounded border for grouping similar items
    together... it can be used on tables or divs.
    Currently, only used in setcat_survey_cycles. */
.section-border {
  border-radius: 6px;
  border: 1px solid #aaa;
  border-collapse: separate;
  padding-bottom: 5px;
  margin-bottom: 5px;
  box-shadow: 0 0 5px #ddd; }

div {
  /* styles for popup menu that appears when the left side menu is closed and you click an item that would otherwise drop down.  */ }
  div.popup-menu {
    position: fixed;
    left: 40px;
    top: 0;
    padding: 15px;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #ddd;
    overflow-y: auto; }
    div.popup-menu > h4 {
      padding-left: 36px;
      color: #444; }
    div.popup-menu ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      div.popup-menu ul li a {
        color: #888;
        display: block;
        padding: 5px; }

.setcat-patient-exports .main-content {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto; }
  .setcat-patient-exports .main-content p {
    font-size: 16px; }
  .setcat-patient-exports .main-content label {
    margin-top: 5px;
    margin-bottom: 0; }
  .setcat-patient-exports .main-content .all-patients {
    margin-top: 60px;
    margin-bottom: 60px; }
  .setcat-patient-exports .main-content .active-patient-exporter {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 0 5px #ddd inset; }
    .setcat-patient-exports .main-content .active-patient-exporter h4 {
      margin-bottom: 20px; }
    .setcat-patient-exports .main-content .active-patient-exporter .btn {
      margin-top: 20px;
      margin-bottom: 10px; }
  .setcat-patient-exports .main-content .loading {
    font-size: 20px;
    text-align: center; }

.setcat-patient-validation .two-side-multi-select-control {
  width: 800px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto; }
  .setcat-patient-validation .two-side-multi-select-control > div select {
    min-height: 460px; }

.setcat-provider {
  padding-left: 10px;
  padding-right: 10px; }
  .setcat-provider input, .setcat-provider select {
    margin-top: 3px;
    margin-bottom: 3px; }

.setcat-report-editor .tablist {
  margin-bottom: 2px; }

.setcat-report-editor .layout-editor-box .box-body {
  padding-top: 0; }

.setcat-report-editor .report-basic-properties .alias {
  width: 70px;
  flex-grow: 0;
  flex-shrink: 0; }

.setcat-report-editor form.report-basic-properties-form {
  padding-right: 5px; }
  .setcat-report-editor form.report-basic-properties-form .form-group > div:last-child {
    padding-left: 0;
    padding-right: 0;
    box-sizing: content-box;
    flex-grow: 1; }
  .setcat-report-editor form.report-basic-properties-form.optimized-space div.form-group > div input[type="checkbox"] {
    margin-top: 0; }

.setcat-report-editor .widget-editor {
  border-radius: 5px;
  padding: 5px; }

.setcat-report-editor .widget-basic-properties {
  border-bottom: 1px solid #b1b1b1; }

.setcat-report-editor .survey-defaults form {
  padding-left: 20px; }
  .setcat-report-editor .survey-defaults form h4 {
    padding-left: 20px; }

.setcat-report-editor .widget-survey {
  border-bottom: 1px solid #b1b1b1; }

.setcat-report-editor .widget-survey-questions {
  height: 270px;
  overflow: auto; }
  .setcat-report-editor .widget-survey-questions .checkbox-label {
    text-align: right; }

.setcat-report-editor .widget-popup-menu {
  position: absolute;
  background-color: #f8f8f8;
  z-index: 6;
  /* Should be overlapping the grid */
  border: 1px solid #aaa;
  border-radius: 3px;
  width: 220px;
  box-shadow: 0 0 3px #000;
  transition: border-color 0.2s, border-color 0.2s, background-color 0.2s; }
  .setcat-report-editor .widget-popup-menu:hover {
    border-color: #666;
    box-shadow: 0 0 3px #000, 0 0 3px #999 inset; }
  .setcat-report-editor .widget-popup-menu > div {
    color: #444;
    padding-left: 5px;
    transition: color 0.2s, border-color 0.2s;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    cursor: pointer; }
    .setcat-report-editor .widget-popup-menu > div.divider {
      height: 1px;
      border-width: 0;
      background-color: #888; }
    .setcat-report-editor .widget-popup-menu > div.disabled {
      color: #888;
      background-color: #eee; }
    .setcat-report-editor .widget-popup-menu > div:hover {
      color: #000;
      background-color: #fff;
      border-color: #888; }

.setcat-report-editor .widget-options {
  margin-top: 50px;
  margin-left: 50px; }

.setcat-report-editor .questions {
  border: 1px solid #bbb;
  border-radius: 3px; }

.setcat-report-editor .cdsm-data-grid-shell > .box-body {
  padding-top: 0; }

.reactivate-reports .modal-header {
  padding-top: 10px;
  padding-bottom: 10px; }
  .reactivate-reports .modal-header h3 {
    margin-top: 0;
    margin-bottom: 0; }

.reactivate-reports .modal-body {
  height: 445px; }
  .reactivate-reports .modal-body .input-group {
    margin-bottom: 3px; }
    .reactivate-reports .modal-body .input-group button {
      padding-top: 4px;
      height: 28px; }

.tablet-messenger .box-header {
  margin-bottom: 0;
  padding-bottom: 0; }

.tablet-messenger .box-footer {
  text-align: center;
  margin-top: 20px; }
  .tablet-messenger .box-footer > button {
    margin: 1px; }

.tablet-messenger h4 {
  margin-top: 0;
  margin-bottom: 25px; }

@media screen {
  .right-side.stretch {
    margin-left: 40px; } }

header.header.left-collapsed > a.logo {
  width: 40px;
  font-size: 16px;
  display: block;
  text-align: center; }

header.header.left-collapsed > nav {
  margin-left: 40px !important; }

.agree {
  background-color: #32aa8c; }

.disagree {
  background-color: #fd0b02; }

.search .tt-suggestion:hover {
  color: inherit; }

.modalHost.flipping-modal.in {
  transform-style: preserve-3d;
  transition: 1s;
  transform: rotateX(360deg);
  -webkit-transform: rotateX(360deg);
  -moz-transform: rotateX(360deg);
  -o-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg); }

#external-events > div {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  margin: 2px; }

.login-or-line > div {
  display: inline-block;
  width: 40%;
  height: 1px;
  background-color: lightgrey;
  margin: 0 0 3px 0;
  border: 0; }

.login-or-line > i {
  color: grey;
  margin-left: 5px;
  margin-right: 5px; }

.splash {
  text-align: center;
  margin: 10% 0 0 0; }
  .splash .message {
    font-size: 5em;
    line-height: 1.5em;
    -webkit-text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
    text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
    text-transform: uppercase; }
  .splash .icon-spinner {
    text-align: center;
    display: inline-block;
    font-size: 5em;
    margin-top: 50px; }

.messageBox .message {
  text-align: center; }

.page-host {
  position: relative; }

.navbar-fixed-top {
  margin-left: 220px; }
  .navbar-fixed-top .navbar-inner {
    padding-left: 1em;
    padding-right: 1em; }
  .navbar-fixed-top .icon-home {
    font-size: 18px; }

footer.wrapper-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background-color: #fff;
  z-index: 6;
  padding-top: 5px;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 5px;
  box-shadow: 0 0 5px #ddd; }

footer .footer-text {
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "...";
  /* required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden; }

.highlightable {
  border-width: 1px !important;
  border-style: solid;
  border-color: #ddd !important;
  transition: border-color 0.3s, box-shadow 0.3s; }
  .highlightable.white-when-not-highlighted {
    border-color: #fff !important; }
  .highlightable.highlighted {
    border-color: #f00 !important;
    box-shadow: 0 0 5px #f00 inset; }

.setcat-survey {
  display: flex;
  x-justify-content: space-around;
  x-align-items: stretch; }
  .setcat-survey .centered-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 30px; }
    .setcat-survey .centered-loading .loading-text {
      display: inline-block;
      padding-right: 5px; }
    .setcat-survey .centered-loading .spinner-loader {
      display: inline-block;
      font-size: 30px;
      animation: spinner-loader 1s linear infinite; }
  .setcat-survey .survey-description > p {
    font-size: 14px;
    display: inline-block; }
  .setcat-survey > .right-column .expanded-header {
    padding: 5px;
    margin: 5px;
    transition: max-height 0.3s;
    border-radius: 5px; }
    .setcat-survey > .right-column .expanded-header .survey-tabs {
      height: 270px; }
      .setcat-survey > .right-column .expanded-header .survey-tabs a {
        cursor: pointer !important;
        padding: 10px; }
        .setcat-survey > .right-column .expanded-header .survey-tabs a.active {
          text-decoration: underline !important; }
        .setcat-survey > .right-column .expanded-header .survey-tabs a:focus {
          text-decoration: none !important; }
    .setcat-survey > .right-column .expanded-header h3.expanded-header-title {
      margin-left: 10px; }
  .setcat-survey .credits {
    font-style: italic;
    margin-bottom: 4px;
    display: inline-block;
    margin-left: 5px; }
  .setcat-survey .bottom-spacer {
    margin-bottom: 15px; }
  .setcat-survey fieldset {
    padding-bottom: 0;
    margin-bottom: 0; }
  .setcat-survey .collapsed-survey-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.0;
    overflow-y: hidden;
    height: 1.0em;
    word-break: break-all;
    cursor: pointer; }
  .setcat-survey .collapse-expand-toggle-button {
    cursor: pointer;
    disabled: initial !important; }
  .setcat-survey .collapse-expand-toggle {
    max-height: 30px;
    overflow: hidden;
    transition: opacity 0.3s, max-height 0.3s; }
  .setcat-survey .survey-header-collapsed {
    margin: 2px 5px 2px 5px;
    cursor: pointer;
    overflow-y: hidden;
    display: flex;
    padding-left: 5px;
    background-color: #f8ffff; }
    .setcat-survey .survey-header-collapsed .splash-image-icon {
      width: 70px;
      height: auto;
      margin-top: 5px;
      margin-right: 5px;
      background-color: #fff;
      border-radius: 8px; }
    .setcat-survey .survey-header-collapsed .collapsed-survey-title {
      font-weight: bold;
      height: 22px; }
    .setcat-survey .survey-header-collapsed .collapse-expand-toggle {
      opacity: 0;
      max-height: 0; }
    .setcat-survey .survey-header-collapsed > form {
      max-height: 0;
      overflow: hidden; }
  .setcat-survey .splash-image {
    width: 4%;
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px; }
    .setcat-survey .splash-image.selected {
      border-color: #000;
      box-shadow: 0 0 5px #00f; }

.messageBox .publish-btn {
  width: 300px !important; }

.question-select-dialog .box-body {
  padding: 0 5px 5px 5px;
  height: 450px;
  height: 70vh;
  height: calc(85vh - 95px); }
  .question-select-dialog .box-body .questions {
    padding: 0 5px 5px 5px;
    height: 450px;
    height: 70vh;
    height: calc(85vh - 95px); }
    .question-select-dialog .box-body .questions .question-control-list {
      height: inherit; }
      .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item {
        height: 94px; }
        .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .numeric-tile {
          line-height: 1.1; }
        .question-select-dialog .box-body .questions .question-control-list .control-list-item.question-bank-item .top {
          height: 35px; }
      .question-select-dialog .box-body .questions .question-control-list .loading {
        font-size: 40px;
        padding: 10px;
        margin: 10px; }

.question-select-dialog .box-footer {
  height: 65px; }
  .question-select-dialog .box-footer .cancel {
    margin-left: 5px; }

.question-answers .headings {
  font-weight: bold;
  border-bottom: 1px solid #aaa; }

.question-answers .question-answer {
  border: 1px solid #ddd; }

.question-answers .question-answers-list {
  overflow-y: auto; }
  .question-answers .question-answers-list .numeric-collection-question-answer {
    position: static; }
    .question-answers .question-answers-list .numeric-collection-question-answer .plain-question-and-answer-text .answer {
      text-align: center; }

.question-id-option .toolbar-btn, .image-selector-option .toolbar-btn {
  margin-top: 0; }

.question-id-option .toolbar-btn > span {
  font-family: 'Libre Baskerville', serif; }

.colour-option .toolbar-btn {
  padding-top: 3px; }
  .colour-option .toolbar-btn em {
    display: inline-block;
    font-size: 15px; }

.modalHost .image-selector {
  width: 800px;
  min-height: 300px; }

.accordion {
  border: 1px solid #adc1cd;
  border-radius: 3px;
  background-color: #8cb4cd;
  overflow-y: hidden; }
  .accordion .accordion-item > div.title {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0;
    padding: 5px 0 5px 5px;
    cursor: pointer;
    font-size: 19px;
    box-shadow: 0 0 3px #ccc inset;
    transition: background-color 0.3s; }
    .accordion .accordion-item > div.title > span.title-status-icon {
      display: inline-block;
      width: 20px;
      margin-right: 8px; }
    .accordion .accordion-item > div.title > span.title-text {
      font-weight: bold; }
  .accordion .accordion-item .collapsible-content {
    height: 0;
    transition: height 0.3s;
    overflow-y: hidden;
    padding: 0;
    background-color: #fff; }
  .accordion .accordion-item.expanded > div.title {
    background-color: #367fa9; }
  .accordion .accordion-item.expanded .collapsible-content {
    height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px; }
  .accordion .accordion-item.expanded.accordion-question-bank .collapsible-content {
    display: flex; }
    .accordion .accordion-item.expanded.accordion-question-bank .collapsible-content .questions {
      height: 100%;
      flex-grow: 1;
      width: 335px; }

.user-friendly-qtypes {
  padding: 5px; }
  .user-friendly-qtypes .user-friendly-qtypes-foreach div.user-friendly-qtype-container {
    display: inline-block;
    vertical-align: top;
    width: 32.5%; }

.user-friendly-qtype {
  cursor: pointer;
  border: 3px solid #b1b1b1;
  background-color: #eee;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  height: 114px;
  width: 95px;
  border-radius: 6px; }
  .user-friendly-qtype .icon {
    height: 55px;
    margin: 8px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  .user-friendly-qtype div {
    line-height: 1;
    padding-left: 5px;
    padding-right: 5px; }
    .user-friendly-qtype div span {
      box-sizing: content-box;
      font-size: 13px;
      transition: color 0.3s; }
  .user-friendly-qtype:hover div span {
    color: #333; }

.user-profile {
  padding-top: 5px; }
  .user-profile .pad-right {
    margin-right: 15px; }
  .user-profile .btn.btn-primary {
    width: 180px; }

.location-profile {
  padding-top: 5px; }
  .location-profile .pad-right {
    margin-right: 15px; }

.practice-profile-summary .row.practice-summary-info {
  padding-bottom: 10px;
  padding-top: 10px; }

.practice-profile-summary .row.top-groups {
  margin-top: 20px; }

.practice-profile-summary form div.practice-names > div.form-group div, .practice-profile-summary form div.practice-names > div.form-group label {
  position: relative;
  float: left; }

.practice-profile-summary form div.practice-names > div.form-group > div {
  padding-left: 5px;
  padding-right: 5px;
  width: 60%; }

.practice-profile-summary form div.practice-names > div.form-group label {
  width: 40%; }

.practice-profile-summary .image-uploader > div .delete {
  text-align: right; }

.practice-profile-summary .image-uploader > div .image-preview {
  font-size: 32px;
  height: 32px;
  cursor: pointer; }

.practice-profile-summary .image-uploader > div label {
  float: right; }

.practice-profile-summary .image-uploader > div .context-help-icon {
  float: right;
  margin-top: -15px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  cursor: pointer; }

.practice-profile-summary #hidden-image-uploader, .practice-profile-summary #hidden-banner-image-uploader {
  display: none; }

.practice-profile-summary .tabbable .tab-content .tab-pane {
  display: none; }
  .practice-profile-summary .tabbable .tab-content .tab-pane.active {
    display: block; }

.practice-profile-summary .tabbable .tab-title {
  text-align: center;
  font-size: 20px; }

.practice-profile-summary .save-practice {
  margin: 10px; }

.practice-profile-summary div.form-group > div > input[type="checkbox"].use-ssl-checkbox {
  margin-left: 30px;
  margin-top: 0; }

.practice-theme-summary .row.practice-summary-info {
  padding-bottom: 10px;
  padding-top: 10px; }

.practice-theme-summary .row.top-groups {
  margin-top: 20px; }

.practice-theme-summary form div.practice-names > div.form-group div, .practice-theme-summary form div.practice-names > div.form-group label {
  position: relative;
  float: left; }

.practice-theme-summary form div.practice-names > div.form-group > div {
  padding-left: 5px;
  padding-right: 5px;
  width: 60%; }

.practice-theme-summary form div.practice-names > div.form-group label {
  width: 40%; }

.practice-theme-summary .image-uploader > div .delete {
  text-align: right; }

.practice-theme-summary .image-uploader > div .image-preview {
  font-size: 32px;
  height: 32px;
  cursor: pointer; }

.practice-theme-summary .image-uploader > div label {
  float: right; }

.practice-theme-summary .image-uploader > div .context-help-icon {
  float: right;
  margin-top: -15px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  cursor: pointer; }

.practice-theme-summary #hidden-image-uploader, .practice-theme-summary #hidden-banner-image-uploader {
  display: none; }

.practice-theme-summary .tabbable .tab-content .tab-pane {
  display: none; }
  .practice-theme-summary .tabbable .tab-content .tab-pane.active {
    display: block; }

.practice-theme-summary .tabbable .tab-title {
  text-align: center;
  font-size: 20px; }

.practice-theme-summary .save-practice {
  margin: 10px; }

.practice-theme-summary div.form-group > div > input[type="checkbox"].use-ssl-checkbox {
  margin-left: 30px;
  margin-top: 0; }

.practice-theme-summary div.colour-name {
  margin-top: 5px; }

.loader {
  margin: 6px 8px 4px 8px;
  visibility: hidden; }

.loader.active {
  visibility: visible; }

.selection-modal {
  width: 450px; }
  .selection-modal .box-header {
    background-color: #8cb4cd;
    color: #fff;
    padding-bottom: 0; }
  .selection-modal.box .box-header h3.box-title {
    color: #fff; }
  .selection-modal .box-title {
    width: 100%; }
  .selection-modal .modal-body {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px; }
  .selection-modal .checkbox-col {
    width: 50px;
    text-align: center; }

.change-password-modal {
  width: 450px; }
  .change-password-modal .strength-meter {
    padding-top: 5px;
    padding-bottom: 5px; }
  .change-password-modal .info-text {
    margin-bottom: 10px;
    margin-top: 10px; }

.toast-alert {
  width: 500px;
  position: absolute;
  left: 50%;
  margin-left: -300px;
  z-index: 5;
  top: 40%;
  background-color: #FF0000;
  color: #F0F0F0;
  font-family: Calibri;
  font-size: 40px;
  padding: 100px 0;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 0 24px -1px #383838; }

@media (max-width: 979px) {
  .page-host {
    top: 0; }
  .navbar-fixed-top {
    margin-bottom: 0; } }

.insurance-modal {
  overflow-y: scroll;
  height: 500px;
  width: 800px; }

.table > tbody > tr.row-vertical-centre > td {
  vertical-align: middle; }

.item > .message > button {
  float: right;
  position: absolute;
  top: 0;
  right: 0; }

/*
Tablet list
-----------
*/
.tablet-list {
  padding-left: 0;
  padding-right: 0;
  height: auto; }
  .tablet-list .control-list-item {
    height: 87px;
    padding-left: 5px;
    padding-right: 5px; }
  .tablet-list .tablet-flex {
    display: flex; }
    .tablet-list .tablet-flex.control-list-item {
      flex-direction: column; }
    .tablet-list .tablet-flex > .tablet-info-grow {
      flex-grow: 1; }
    .tablet-list .tablet-flex > .message {
      padding-left: 5px; }
  .tablet-list .box {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .tablet-list .box > .box-header {
      background-color: #8cb4cd;
      color: #fff;
      margin: 0 0 2px 0;
      padding-bottom: 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 2px 5px 0px #7fabc6 inset; }
      .tablet-list .box > .box-header select, .tablet-list .box > .box-header input, .tablet-list .box > .box-header option {
        color: #000; }
      .tablet-list .box > .box-header .box-title {
        color: #FFFFFF !important;
        padding: 5px 0px 5px 10px;
        text-shadow: 0 0 2px #7fabc6; }
        .tablet-list .box > .box-header .box-title a, .tablet-list .box > .box-header .box-title div {
          color: #FFFFFF !important; }
    .tablet-list .box > .box-header {
      cursor: pointer; }
      .tablet-list .box > .box-header .box-title {
        cursor: pointer; }
  .tablet-list .scrollable {
    overflow-y: auto;
    overflow-x: hidden; }
  .tablet-list .ui-resizable-s {
    border-radius: 0; }
  .tablet-list .tablet-actions {
    cursor: pointer; }
    .tablet-list .tablet-actions i[disabled] {
      cursor: not-allowed;
      color: #c0c0c0; }
  .tablet-list .progress.progress-striped {
    height: 5px;
    margin-bottom: 2px; }

.ep-icontab-icon.ep-icontab-active {
  width: 72px;
  height: 63px;
  min-height: 63px; }

.out-of-range {
  color: #f63313; }
  .out-of-range .gradient {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(left, #FF0000 0%, #F9F9F9 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, #FF0000 0%, #F9F9F9 100%);
    /* Opera */
    background-image: -o-linear-gradient(left, #FF0000 0%, #F9F9F9 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(1, #F9F9F9));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, #FF0000 0%, #F9F9F9 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to right, #FF0000 0%, #F9F9F9 100%); }

.box .box-header .icon-help {
  margin-top: 7px;
  float: right;
  font-size: 14px;
  display: inline-block;
  padding: 0 10px 0 8px;
  cursor: pointer; }

.box-header .icon-basket {
  margin-top: 7px;
  margin-right: 10px;
  font-size: 14px;
  float: right;
  cursor: pointer;
  transition: margin-right 0.2s; }

.flippable-widget-shell .box-header .icon-basket {
  margin-right: 60px;
  margin-top: 10px; }

.gradient {
  height: 1px;
  opacity: 0.5;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(left, #656565 0%, #F9F9F9 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(left, #656565 0%, #F9F9F9 100%);
  /* Opera */
  background-image: -o-linear-gradient(left, #656565 0%, #F9F9F9 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #656565), color-stop(1, #F9F9F9));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(left, #656565 0%, #F9F9F9 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to right, #656565 0%, #F9F9F9 100%); }

.p-next-back-style .progress-bar-surveys {
  background-color: #7266ba; }

.table-layout {
  display: table;
  width: 100%; }
  .table-layout .table-cell {
    display: table-cell; }

.diagnosis .description-scroller {
  overflow: hidden;
  height: 65px; }
  .diagnosis .description-scroller .content {
    margin: 0;
    background-color: #f1f1f1; }

.diagnosis .icon {
  margin: 5px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 70px; }

.diagnosis .last-cell {
  width: 15%;
  padding-right: 8px;
  height: 80px; }

.diagnosis .content-cell {
  padding-left: 10px;
  padding-right: 8px; }

.diagnosis.diagnosis-tile {
  display: flex; }

.diagnosis > .diagnosis-table {
  width: 100%;
  margin: auto; }

.widget {
  padding: 0 !important;
  page-break-inside: avoid; }
  .widget div.box-header {
    padding-bottom: 3px; }
    .widget div.box-header h3.box-title {
      padding-bottom: 0; }
  .widget .box .box-body {
    padding: 0; }

.patient-score-history .box-body .gradient {
  margin-bottom: 35px; }

/* used by patient_score and printable/patient_score views */
.vertical-text {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  float: left;
  min-width: 100px;
  min-height: 100px;
  color: black;
  font-size: 20px;
  -webkit-backface-visibility: hidden; }

.user-widget-instance-options-widget {
  cursor: auto; }
  .user-widget-instance-options-widget .options {
    min-height: 42px; }
    .user-widget-instance-options-widget .options .option-list {
      cursor: not-allowed !important; }
      .user-widget-instance-options-widget .options .option-list > * {
        display: inline-block;
        margin: 0;
        height: 26px; }
      .user-widget-instance-options-widget .options .option-list .disabled {
        pointer-events: none;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65; }
      .user-widget-instance-options-widget .options .option-list .border-styles-option {
        box-sizing: border-box; }
        .user-widget-instance-options-widget .options .option-list .border-styles-option button {
          height: 22px;
          border-width: 0;
          padding-top: 0;
          padding-bottom: 0;
          background-color: transparent;
          margin-top: 0; }
          .user-widget-instance-options-widget .options .option-list .border-styles-option button img {
            border-sizing: border-box; }
      .user-widget-instance-options-widget .options .option-list .page-repeat-option .toolbar-btn {
        margin-top: 0; }
      .user-widget-instance-options-widget .options .option-list .invert-choices-option .toolbar-btn {
        margin-top: 0; }
      .user-widget-instance-options-widget .options .option-list .border-options-list {
        position: absolute;
        z-index: 100;
        background-color: #ffffff;
        width: 225px;
        border: thin solid #d3d3d3; }
        .user-widget-instance-options-widget .options .option-list .border-options-list ul {
          list-style-type: none;
          padding-left: 2px; }
        .user-widget-instance-options-widget .options .option-list .border-options-list li {
          padding: 3px; }
          .user-widget-instance-options-widget .options .option-list .border-options-list li > div {
            display: inline;
            padding-left: 7px; }
          .user-widget-instance-options-widget .options .option-list .border-options-list li.selected {
            background-color: #d3d3d3; }
        .user-widget-instance-options-widget .options .option-list .border-options-list li:hover {
          cursor: pointer;
          background-color: #f5f5f5; }
          .user-widget-instance-options-widget .options .option-list .border-options-list li:hover.selected {
            background-color: #d3d3d3; }

.toolbar-btn {
  width: 33px;
  border-color: #888;
  padding: 0 6px 0 6px; }

.toolbar-btn-down-caret {
  margin-left: -4px;
  width: 15px;
  margin-top: 1px; }
  .toolbar-btn-down-caret i {
    margin-left: -4px; }

.body-location-selector .toolbar-btn {
  display: inline-block;
  padding: 0;
  border: 1px solid #999;
  background-color: #eee;
  border-radius: 5px; }
  .body-location-selector .toolbar-btn.selected {
    background-color: #f3f3f3; }
  .body-location-selector .toolbar-btn .sample {
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px; }

.shape-selector {
  padding-top: 2px;
  height: 40px;
  width: 90px;
  margin-top: 1px; }
  .shape-selector .shapes > div {
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    border-style: solid;
    border-width: 1px; }
    .shape-selector .shapes > div.selected {
      border-color: #000;
      background-color: #eee; }
    .shape-selector .shapes > div .sample .shape {
      margin-left: auto;
      margin-right: auto;
      width: 18px;
      height: 18px;
      position: static;
      display: block; }

@media screen {
  .multi-page-printout {
    display: none; } }

.algorithm-search-dialog .cancel {
  margin-left: 2px; }

.algorithm-tile .icon {
  z-index: 1;
  font-size: 40px;
  color: inherit;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center; }

.algorithm-tile .algorithm-info {
  display: flex;
  flex-direction: column; }
  .algorithm-tile .algorithm-info .name {
    flex-grow: 0;
    font-weight: bold; }
  .algorithm-tile .algorithm-info .description {
    flex-grow: 1;
    flex-shrink: 1;
    line-height: 1.1em;
    overflow-y: auto; }
  .algorithm-tile .algorithm-info .related-surveys {
    flex-grow: 0;
    height: 22px; }

.report-editor-main-container {
  display: flex;
  x-justify-content: space-around;
  x-align-items: stretch; }
  .report-editor-main-container > .accordion-column {
    width: 340px;
    flex-shrink: 0; }
    .report-editor-main-container > .accordion-column .layout-menu div {
      font-size: 16px;
      background-color: #eee;
      cursor: pointer;
      box-shadow: 0 0 3px #ddd inset; }
      .report-editor-main-container > .accordion-column .layout-menu div.selected {
        background-color: #d9e8f1;
        box-shadow: none; }
        .report-editor-main-container > .accordion-column .layout-menu div.selected span.fa {
          font-size: 10px;
          padding-top: 7px;
          padding-right: 4px; }
      .report-editor-main-container > .accordion-column .layout-menu div:nth-child(even) {
        background-color: #fff;
        box-shadow: none; }
        .report-editor-main-container > .accordion-column .layout-menu div:nth-child(even).selected {
          background-color: #d9e8f1; }
    .report-editor-main-container > .accordion-column .designer-widgets {
      height: 100%;
      flex-grow: 1; }
      .report-editor-main-container > .accordion-column .designer-widgets .search-bar {
        flex-shrink: 0;
        margin-bottom: 2px; }
      .report-editor-main-container > .accordion-column .designer-widgets .matched-categories {
        flex-grow: 1;
        overflow: auto;
        padding-left: 0; }
        .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box {
          border: 1px solid #7fabc6;
          border-radius: 3px;
          margin: 4px 0; }
          .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .category-box-body {
            padding-left: 7px;
            padding-right: 7px; }
          .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .category-title {
            background-color: #8cb4cd;
            padding: 1px 5px 2px 5px; }
            .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .category-title h4 {
              color: #fff;
              margin: 0; }
          .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .selected .widget-instance {
            border-color: #000; }
          .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance {
            margin-bottom: 3px;
            margin-top: 3px;
            border-color: #ddd;
            cursor: pointer;
            transition: border-color 0.2s, box-shadow 0.2s; }
            .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance.long-name {
              background-size: 75% auto; }
              .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance.long-name .name {
                font-size: 0.92em; }
            .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance.very-long-name {
              background-size: 68% auto; }
              .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance.very-long-name .name {
                font-size: 0.88em; }
            .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .category-box .widget-instance:hover {
              border-color: #888; }
        .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .widget-instance {
          position: relative; }
          .report-editor-main-container > .accordion-column .designer-widgets .matched-categories .widget-instance .name {
            position: absolute;
            width: 100%;
            bottom: 5px;
            line-height: 1;
            text-align: center; }
      .report-editor-main-container > .accordion-column .designer-widgets .new-widget-btn {
        margin-bottom: 5px; }
      .report-editor-main-container > .accordion-column .designer-widgets .btn-survey {
        border-radius: 10px;
        width: 90%;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 5px; }
        .report-editor-main-container > .accordion-column .designer-widgets .btn-survey.selected {
          background-color: #BCF9BC; }
      .report-editor-main-container > .accordion-column .designer-widgets .search-box {
        margin-top: 5px;
        margin-bottom: 5px; }
      .report-editor-main-container > .accordion-column .designer-widgets hr {
        border-top-color: #525252; }
      .report-editor-main-container > .accordion-column .designer-widgets .survey-tile .name-description .small-font {
        height: 35px; }
  .report-editor-main-container .right-pane {
    flex-grow: 1;
    padding-left: 5px;
    padding-right: 5px;
    overflow: auto; }
    .report-editor-main-container .right-pane .grid-layout-editor .scrollable {
      overflow-y: auto; }

@keyframes animateBorder {
  0% {
    outline-color: #fff;
    box-shadow: 0 0 0 1px #000; }
  50% {
    outline-color: #fff;
    box-shadow: 0 0 0 1px #000; }
  50.00001% {
    outline-color: #000;
    box-shadow: 0 0 0 1px #fff; }
  100% {
    outline-color: #000;
    box-shadow: 0 0 0 1px #fff; } }

.grid-layout-editor {
  position: relative; }
  .grid-layout-editor .validation {
    height: 30px; }
  .grid-layout-editor .gauge {
    border: 1px solid #888;
    border-radius: 3px;
    height: 10px;
    box-shadow: 0 0 2px #ddd;
    margin: 3px 0; }
    .grid-layout-editor .gauge .progress {
      height: 8px;
      min-width: 2px;
      border-radius: 2px;
      background-color: #548dd5; }
  .grid-layout-editor .wysiwyg-text-editor {
    width: 100%;
    height: 100%; }
    .grid-layout-editor .wysiwyg-text-editor .form-control {
      width: 100%;
      height: 100%;
      padding: 0;
      border-width: 0; }
  .grid-layout-editor .tab-list {
    display: inline-block; }
    .grid-layout-editor .tab-list .tab {
      transition: margin-left 0.2s, margin-right 0.2s, color 0.2s opacity 0.2s; }
      .grid-layout-editor .tab-list .tab.hovered {
        color: #600;
        font-weight: bold; }
        .grid-layout-editor .tab-list .tab.hovered.insert-right {
          margin-right: 20px; }
        .grid-layout-editor .tab-list .tab.hovered.insert-left {
          margin-left: 20px; }
      .grid-layout-editor .tab-list .tab.being-dragged {
        opacity: 0.1; }
  .grid-layout-editor .tabs-row {
    box-shadow: 0 -1px #ddd inset; }
    .grid-layout-editor .tabs-row .add-page-button {
      padding-left: 5px; }
  .grid-layout-editor .grid-editor-page-being-dragged {
    background-color: #eee; }
  .grid-layout-editor .not-authorized {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 6;
    background-color: rgba(200, 200, 200, 0.9); }
    .grid-layout-editor .not-authorized .message {
      margin-left: auto;
      margin-right: auto;
      margin-top: 15px;
      background-color: #fff;
      text-align: center;
      padding: 5px;
      border: 1px solid #888;
      width: 320px;
      border-radius: 4px;
      box-shadow: 0 0 4px #888; }
  .grid-layout-editor.print-colour-optimized .toggle-colour-optimization {
    color: #00b; }
  .grid-layout-editor .toggle-colour-optimization {
    min-height: 27px; }
  .grid-layout-editor .widget-selection-box {
    position: absolute;
    border: 1px dashed #000;
    background-color: rgba(0, 0, 255, 0.1);
    z-index: 5;
    display: none; }
  .grid-layout-editor .drag-box {
    border: solid #000;
    position: absolute;
    z-index: 5;
    transition: border-color 0.2s; }
    .grid-layout-editor .drag-box.warning-mode {
      border-color: #f00; }
    .grid-layout-editor .drag-box .wysiwyg-text-editor {
      display: none; }
    .grid-layout-editor .drag-box.is-editing-text {
      z-index: 10; }
      .grid-layout-editor .drag-box.is-editing-text .wysiwyg-text-editor {
        display: block; }
    .grid-layout-editor .drag-box.show-options {
      border-color: transparent; }
      .grid-layout-editor .drag-box.show-options.is-moving-or-resizing {
        border-color: #888; }
      .grid-layout-editor .drag-box.show-options .cke_textarea_inline {
        outline: 1px dashed #004;
        box-shadow: 0 0 0 1px #000;
        animation: 0.8s animateBorder infinite; }
      .grid-layout-editor .drag-box.show-options.warning-mode {
        border-color: #f00; }
  .grid-layout-editor.animating .specifically-selected {
    outline: 1px dashed #004;
    box-shadow: 0 0 0 1px #000;
    animation: 0.8s animateBorder infinite; }
  .grid-layout-editor .multi-layer-display {
    margin-top: 2px;
    position: relative;
    width: 100%;
    display: block;
    min-width: 500px;
    min-height: 50px; }
    .grid-layout-editor .multi-layer-display .grid-pattern {
      position: absolute !important;
      border-spacing: 0;
      border-collapse: collapse;
      z-index: 5;
      /* should be enough to overlap all layers inside a widget */
      font-size: 0; }
    .grid-layout-editor .multi-layer-display .empty-page {
      position: absolute !important;
      left: 0;
      right: 0;
      z-index: 4; }
    .grid-layout-editor .multi-layer-display .grid {
      table-layout: fixed;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 70px;
      background-color: #fff;
      box-shadow: 0 0 10px #888; }
      .grid-layout-editor .multi-layer-display .grid:first-child {
        margin-top: 5px; }
  .grid-layout-editor.is-editing {
    cursor: pointer; }
    .grid-layout-editor.is-editing .disabled {
      cursor: not-allowed !important;
      pointer-events: none; }
    .grid-layout-editor.is-editing .grid-cell {
      border: 1px solid #ddd; }
  .grid-layout-editor .grid-cell {
    /* The following width settings assumes 12 columns wide */ }
    .grid-layout-editor .grid-cell[colspan="1"] {
      width: 8.3333333%; }
  .grid-layout-editor .widget-instance {
    margin: 0;
    overflow: hidden;
    border-spacing: 0;
    border-collapse: collapse;
    position: relative; }
    .grid-layout-editor .widget-instance.selected {
      border-color: #000;
      box-shadow: 0 0 5px #00f; }
    .grid-layout-editor .widget-instance > div {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      font-family: Arial, sans-serif;
      font-size: 11px; }
      .grid-layout-editor .widget-instance > div .composition-container {
        height: 100%; }
  .grid-layout-editor .grid-row {
    height: 43.7px;
    border-spacing: 0;
    margin: 0;
    border-collapse: collapse; }
  .grid-layout-editor .button {
    font-size: 32px;
    color: #888;
    display: inline-block; }
    .grid-layout-editor .button.active {
      color: #000; }
    .grid-layout-editor .button.icon-size-fullscreen {
      font-size: 25px; }
    .grid-layout-editor .button.icon-cursor-move {
      font-size: 25px; }
  .grid-layout-editor .icon {
    text-align: center;
    line-height: 1em; }
  .grid-layout-editor .page {
    position: relative;
    page-break-inside: avoid !important;
    page-break-after: always !important; }
    .grid-layout-editor .page .widget-instance {
      position: absolute; }
  .grid-layout-editor .report-widget-options {
    display: flex; }
  .grid-layout-editor .toolbars {
    height: 82px; }
    .grid-layout-editor .toolbars .cke_top {
      padding: 6px 0 0 6px !important; }
    .grid-layout-editor .toolbars .cke_voice_label,
    .grid-layout-editor .toolbars .cke_button_label,
    .grid-layout-editor .toolbars .cke_combo_label {
      display: none !important; }
    .grid-layout-editor .toolbars a.cke_button {
      padding: 3px 4px !important; }
    .grid-layout-editor .toolbars .cke_combo_text {
      padding-left: 6px !important;
      line-height: 24px !important; }
    .grid-layout-editor .toolbars .cke_combo_open {
      height: 18px !important;
      line-height: 16px !important; }
    .grid-layout-editor .toolbars .cke_combo_arrow {
      margin: 10px 0 0 !important; }
  .grid-layout-editor .toolbar-box .option-list > div, .grid-layout-editor .toolbar-box .show-grid-button, .grid-layout-editor .toolbar-box .border-styles-option, .grid-layout-editor .toolbar-box .avoid-overlapping-widgets {
    border: 1px solid #888;
    border-radius: 4px;
    background: #e4e4e4 linear-gradient(to bottom, #fff, #e4e4e4);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    float: left;
    margin-right: 3px;
    color: #000;
    user-select: none;
    height: 26px; }
    .grid-layout-editor .toolbar-box .option-list > div .toolbar-btn, .grid-layout-editor .toolbar-box .show-grid-button .toolbar-btn, .grid-layout-editor .toolbar-box .border-styles-option .toolbar-btn, .grid-layout-editor .toolbar-box .avoid-overlapping-widgets .toolbar-btn {
      border-width: 0;
      width: 34px;
      height: 24px; }
    .grid-layout-editor .toolbar-box .option-list > div > .question-id-option .toolbar-btn, .grid-layout-editor .toolbar-box .option-list > div > .page-repeat-option .toolbar-btn, .grid-layout-editor .toolbar-box .show-grid-button > .question-id-option .toolbar-btn, .grid-layout-editor .toolbar-box .show-grid-button > .page-repeat-option .toolbar-btn, .grid-layout-editor .toolbar-box .border-styles-option > .question-id-option .toolbar-btn, .grid-layout-editor .toolbar-box .border-styles-option > .page-repeat-option .toolbar-btn, .grid-layout-editor .toolbar-box .avoid-overlapping-widgets > .question-id-option .toolbar-btn, .grid-layout-editor .toolbar-box .avoid-overlapping-widgets > .page-repeat-option .toolbar-btn {
      height: 24px; }
    .grid-layout-editor .toolbar-box .option-list > div button, .grid-layout-editor .toolbar-box .show-grid-button button, .grid-layout-editor .toolbar-box .border-styles-option button, .grid-layout-editor .toolbar-box .avoid-overlapping-widgets button {
      background-color: transparent; }
  .grid-layout-editor .master-toolbar {
    align-self: flex-end;
    padding-left: 5px;
    padding-right: 5px; }
  .grid-layout-editor button.show-grid-button.toolbar-btn.selected, .grid-layout-editor button.show-grid-button.toolbar-btn.selected:hover,
  .grid-layout-editor button.avoid-overlapping-widgets.toolbar-btn.selected,
  .grid-layout-editor button.avoid-overlapping-widgets.toolbar-btn.selected:hover,
  .grid-layout-editor .toolbar-box .option-list > div.page-repeat-option.selected,
  .grid-layout-editor .toolbar-box .option-list > div.page-repeat-option.selected:hover,
  .grid-layout-editor .toolbar-box .option-list > div.question-id-option.selected,
  .grid-layout-editor .toolbar-box .option-list > div.question-id-option.selected:hover,
  .grid-layout-editor .toolbar-box .option-list > div.image-selector-option.selected,
  .grid-layout-editor .toolbar-box .option-list > div.image-selector-option.selected:hover,
  .grid-layout-editor .toolbar-box .option-list > div.invert-choices-option.selected,
  .grid-layout-editor .toolbar-box .option-list > div.invert-choices-option.selected:hover {
    border: 1px solid #000; }

.task {
  width: 64px;
  display: inline-block; }
  .task.ready {
    cursor: pointer; }
  .task h5 {
    margin-top: 0;
    margin-bottom: 5px; }
  .task.in-progress .icon {
    border-color: #292; }
    .task.in-progress .icon .clock {
      display: block; }
  .task.complete .icon {
    border-color: #333; }
  .task .clock {
    display: none; }
  .task .icon {
    font-size: 45px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    padding-top: 3px;
    margin: 5px 5px 4px 0;
    position: relative;
    border-radius: 8px; }
    .task .icon .completed-task {
      font-size: 12px;
      position: absolute;
      height: 20px;
      width: 23px;
      bottom: 0;
      right: 0;
      padding: 1px 3px 1px 3px;
      background-color: #333;
      border-radius: 5px;
      z-index: 100;
      margin: 2px; }
      .task .icon .completed-task > div {
        position: absolute;
        top: 4px;
        right: 5px; }
    .task .icon .clock {
      font-size: 12px;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 1;
      top: 0;
      right: 0;
      left: 0;
      padding-bottom: 3px;
      border-radius: 9px; }

.available-tasks.small-size .task {
  width: 40px; }
  .available-tasks.small-size .task h5 {
    font-size: 12px; }
  .available-tasks.small-size .task[data-task_key="ARRIVED"] h5 {
    padding-left: 6px; }
  .available-tasks.small-size .task .icon {
    font-size: 20px;
    line-height: 30px;
    width: 30px; }

.available-tasks .scrollable {
  overflow-y: auto;
  overflow-x: hidden; }

.video-call-add-icon {
  display: none; }

.available-reports-widget .search-input {
  display: flex;
  margin-bottom: 8px; }
  .available-reports-widget .search-input .input-group {
    flex: 1;
    margin-right: 5px; }
  .available-reports-widget .search-input label {
    min-width: 105px; }

.available-reports-widget .control-list {
  overflow-y: auto; }

.available-reports-widget .date-filters {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px; }
  .available-reports-widget .date-filters > * {
    flex: 1;
    margin: 3px; }
  .available-reports-widget .date-filters button {
    width: 100%; }

.available-reports-widget .input-group-btn button.btn.btn-default {
  height: 28px;
  padding-top: 4px; }

.available-reports-widget .box-footer {
  display: flex;
  justify-content: space-evenly; }
  .available-reports-widget .box-footer .btn {
    width: 70px; }

.available-reports-widget .selected-1 {
  background-color: #BCF9BC; }

.available-reports-widget .order-options {
  display: flex;
  justify-content: space-between; }
  .available-reports-widget .order-options > * {
    flex: 1;
    margin: 3px; }
  .available-reports-widget .order-options .pull-right {
    margin-right: 20px;
    cursor: pointer; }

.available-reports-widget .order-option {
  font-weight: normal; }
  .available-reports-widget .order-option input {
    height: 13px; }

.available-reports-widget .loading {
  font-size: 20px;
  display: flex;
  justify-content: center; }

.available-report-task-tile {
  display: flex;
  overflow-y: hidden; }
  .available-report-task-tile .consent {
    padding-right: 12px; }
    .available-report-task-tile .consent label {
      margin-bottom: 0; }
  .available-report-task-tile .no-consent {
    color: #800; }
  .available-report-task-tile .report-task-info {
    flex-grow: 1; }
  .available-report-task-tile .run-archive-checkbox {
    display: table-cell;
    width: 12%;
    overflow: hidden; }
    .available-report-task-tile .run-archive-checkbox div {
      margin-right: 10px; }
  .available-report-task-tile .report-task-info-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    line-height: 1.2; }
    .available-report-task-tile .report-task-info-row .report-title {
      display: table-cell;
      width: 43%;
      font-size: medium;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .available-report-task-tile .report-task-info-row .report-task-property-group {
      display: table-cell;
      width: 33%; }
  .available-report-task-tile .report-task-property {
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.workflow-diagram .workflow-diagram-tasks {
  white-space: nowrap; }
  .workflow-diagram .workflow-diagram-tasks h5 {
    text-align: center; }
    .workflow-diagram .workflow-diagram-tasks h5 small {
      white-space: normal;
      line-height: 0; }

.workflow-diagram .last-arrow {
  opacity: 0; }
  .workflow-diagram .last-arrow.ui-draggable-placeholder {
    height: 80px;
    width: 70px;
    transition-duration: 1s; }

.workflow-diagram .arrow-drop-zone.ui-draggable-placeholder {
  height: 80px;
  width: 70px;
  transition-duration: 1s; }

.workflow-diagram .arrow {
  width: 50px;
  height: 80px;
  font-size: 30px;
  position: relative; }
  .workflow-diagram .arrow.right .vertical-line {
    display: none; }
  .workflow-diagram .arrow.right .horizontal-line {
    top: 50%;
    margin-top: -1px;
    right: 15px;
    left: 0; }
  .workflow-diagram .arrow.right .icon-arrow-down {
    display: none; }
  .workflow-diagram .arrow.right .icon-arrow-right {
    top: 50%;
    margin-top: -15px; }
  .workflow-diagram .arrow.down {
    height: 40px;
    width: auto; }
    .workflow-diagram .arrow.down .horizontal-line {
      display: none; }
    .workflow-diagram .arrow.down .icon-arrow-right {
      display: none; }
    .workflow-diagram .arrow.down .icon-arrow-down {
      left: 50%;
      margin-left: -15px; }
    .workflow-diagram .arrow.down .vertical-line {
      top: 0;
      bottom: 30px;
      left: 50%;
      margin-left: -1px; }
  .workflow-diagram .arrow.down-right {
    margin-top: 40px;
    height: 145px; }
    .workflow-diagram .arrow.down-right .icon-arrow-down {
      display: none; }
    .workflow-diagram .arrow.down-right .icon-arrow-right {
      bottom: 0; }
    .workflow-diagram .arrow.down-right .vertical-line {
      top: 0;
      bottom: 15px;
      left: 50%;
      margin-left: -10px; }
    .workflow-diagram .arrow.down-right .horizontal-line {
      display: none; }
    .workflow-diagram .arrow.down-right .horizontal-line-1 {
      display: block;
      left: 0;
      right: 50%;
      margin-right: 10px;
      top: 0; }
    .workflow-diagram .arrow.down-right .horizontal-line-2 {
      display: block;
      left: 50%;
      margin-left: -10px;
      right: 15px;
      bottom: 15px; }
  .workflow-diagram .arrow.up-right {
    margin-top: 25px;
    height: 145px; }
    .workflow-diagram .arrow.up-right .icon-arrow-down {
      display: none; }
    .workflow-diagram .arrow.up-right .icon-arrow-right {
      top: 0; }
    .workflow-diagram .arrow.up-right .vertical-line {
      top: 15px;
      bottom: 0;
      left: 50%;
      margin-left: -10px; }
    .workflow-diagram .arrow.up-right .horizontal-line {
      display: none; }
    .workflow-diagram .arrow.up-right .horizontal-line-1 {
      display: block;
      left: 0;
      right: 50%;
      margin-right: 10px;
      bottom: 0; }
    .workflow-diagram .arrow.up-right .horizontal-line-2 {
      display: block;
      left: 50%;
      margin-left: -10px;
      right: 15px;
      top: 15px; }
  .workflow-diagram .arrow .horizontal-line-1 {
    display: none; }
  .workflow-diagram .arrow .horizontal-line-2 {
    display: none; }
  .workflow-diagram .arrow .vertical-line {
    width: 2px;
    position: absolute;
    background-color: #555; }
  .workflow-diagram .arrow .icon-arrow-right {
    z-index: 2;
    position: absolute;
    right: 0;
    background-color: #fff; }
  .workflow-diagram .arrow .icon-arrow-down {
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-left: -15px; }

.workflow-diagram .vertical-stack .workflow-task-set {
  margin-top: -15px; }

.workflow-diagram .workflow-task-set {
  margin-top: 118px;
  position: relative; }
  .workflow-diagram .workflow-task-set .icon {
    position: absolute;
    z-index: 2; }
    .workflow-diagram .workflow-task-set .icon.icon-shadow {
      -webkit-box-shadow: 5px 5px 5px #888888;
      -moz-box-shadow: 5px 5px 5px #888888;
      box-shadow: 5px 5px 5px #888888; }
  .workflow-diagram .workflow-task-set h5 {
    position: absolute;
    top: 85px;
    margin-bottom: 0; }

.active-job-function {
  float: right;
  margin-top: 3px; }

.workflow-editor.small-size .scrollable {
  height: 185px;
  overflow-x: auto;
  overflow-y: auto; }

.workflow-editor.small-size .workflow-diagram-tasks {
  white-space: nowrap; }
  .workflow-editor.small-size .workflow-diagram-tasks .vertical-stack {
    white-space: normal; }
    .workflow-editor.small-size .workflow-diagram-tasks .vertical-stack .workflow-task-set {
      margin-top: -23px; }
  .workflow-editor.small-size .workflow-diagram-tasks .workflow-task-set {
    margin-top: 80px; }
    .workflow-editor.small-size .workflow-diagram-tasks .workflow-task-set h5 {
      top: 55px; }
      .workflow-editor.small-size .workflow-diagram-tasks .workflow-task-set h5 small {
        font-size: 65% !important; }
  .workflow-editor.small-size .workflow-diagram-tasks .task {
    width: 30px; }
    .workflow-editor.small-size .workflow-diagram-tasks .task h5 {
      font-size: 12px; }
    .workflow-editor.small-size .workflow-diagram-tasks .task .icon {
      font-size: 20px;
      line-height: 30px;
      width: 30px; }
      .workflow-editor.small-size .workflow-diagram-tasks .task .icon .completed-task {
        font-size: 8px;
        height: 15px;
        width: 17px; }
      .workflow-editor.small-size .workflow-diagram-tasks .task .icon .clock {
        display: none; }
  .workflow-editor.small-size .workflow-diagram-tasks .arrow {
    font-size: 20px;
    height: 30px;
    width: 25px; }
    .workflow-editor.small-size .workflow-diagram-tasks .arrow.right .icon-arrow-right {
      margin-top: 0; }
    .workflow-editor.small-size .workflow-diagram-tasks .arrow.right .horizontal-line {
      margin-top: 10px; }
    .workflow-editor.small-size .workflow-diagram-tasks .arrow.down {
      height: 30px; }
      .workflow-editor.small-size .workflow-diagram-tasks .arrow.down .icon-arrow-down {
        margin-left: -7px;
        top: 5px; }
      .workflow-editor.small-size .workflow-diagram-tasks .arrow.down .vertical-line {
        top: 0;
        bottom: 25px;
        left: 80%;
        margin-left: -6px; }
    .workflow-editor.small-size .workflow-diagram-tasks .arrow.down-right {
      margin-top: 24px;
      height: 105px; }
      .workflow-editor.small-size .workflow-diagram-tasks .arrow.down-right .vertical-line {
        bottom: 10px; }
      .workflow-editor.small-size .workflow-diagram-tasks .arrow.down-right .horizontal-line-2 {
        bottom: 10px; }
      .workflow-editor.small-size .workflow-diagram-tasks .arrow.down-right .icon-arrow-right {
        right: -3px; }
    .workflow-editor.small-size .workflow-diagram-tasks .arrow.up-right {
      margin-top: 15px;
      height: 105px; }
      .workflow-editor.small-size .workflow-diagram-tasks .arrow.up-right .vertical-line {
        top: 10px; }
      .workflow-editor.small-size .workflow-diagram-tasks .arrow.up-right .horizontal-line-2 {
        top: 10px; }

.workflow-editor .box-header {
  padding-bottom: 0; }
  .workflow-editor .box-header .box-title {
    padding-bottom: 0; }
  .workflow-editor .box-header .job-function-dropdown {
    margin-right: 5px;
    margin-top: 5px;
    float: right; }
    .workflow-editor .box-header .job-function-dropdown > .dropdown-toggle {
      color: white; }
    .workflow-editor .box-header .job-function-dropdown > .dropdown-menu a:hover {
      background-color: #d9e8f1;
      color: black; }

.workflow-editor .icon-trash.small {
  font-size: 25px; }

.workflow-editor .icon-trash.large {
  font-size: 48px; }

.workflow-editor .vertically-resizable {
  margin-bottom: 5px; }

.workflow-editor .scrollable {
  height: 245px;
  overflow-x: auto;
  overflow-y: auto; }

.workflow-editor .close-tab-button {
  padding-left: 10px; }

.workflow-editor .workflow-diagram-tasks .task .icon .video-call-add-icon {
  display: none; }

.workflow-editor .workflow-diagram-tasks .task .icon.participant_waiting .fa {
  animation-duration: 1.2s;
  animation-name: phoneAnimate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; }

.workflow-editor .workflow-diagram-tasks .task .icon.participant_waiting .video-call-add-icon {
  display: block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-size: 11px;
  line-height: 1;
  height: 15px;
  width: 15px;
  background: #ab0906;
  border-radius: 5px;
  padding: 3px 0; }

.workflow-editor .workflow-diagram-tasks .task .icon.participant_joined {
  background-image: url("/desktop/img/phone_call.gif");
  background-size: cover; }
  .workflow-editor .workflow-diagram-tasks .task .icon.participant_joined .fa:before {
    display: none; }
  .workflow-editor .workflow-diagram-tasks .task .icon.participant_joined .video-call-add-icon {
    display: none;
    position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 11px;
    line-height: 1;
    height: 15px;
    width: 15px;
    background: #dac50e;
    border-radius: 5px;
    padding: 3px 0; }

.workflow-editor .tab-bottom.participant_waiting .tab-title:before {
  content: "\f095";
  font: normal normal normal 14px / 1 FontAwesome;
  display: inline-block;
  margin-right: 5px;
  animation-duration: 1.2s;
  animation-name: phoneAnimate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; }

.workflow-editor .tab-bottom.participant_joined .tab-title:before {
  content: "\f095";
  font: normal normal normal 14px / 1 FontAwesome;
  display: inline-block;
  margin-right: 5px; }

.printable-image {
  height: 100%; }
  .printable-image .image {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat; }

div.pdf-report > section.content > div.container-fluid {
  padding-top: 0 !important; }

@media print {
  @viewport {
    max-width: 744px;
    width: 744px;
    orientation: portrait; }
  /*
    The transition: none is needed to work around a bug in Chrome that renders the printout before all transitions complete.
    https://code.google.com/p/chromium/issues/detail?id=412281
    */
  * {
    transition: none !important; }
  .wrapper-footer {
    display: none; }
  section .invoice .settings-nav {
    display: none; }
  html {
    /* prevent blank last page in report printout with Firefox 39.0 */ }
    html section.content {
      padding-bottom: 0 !important; }
    html aside.right-side {
      margin-left: 0; }
    html body {
      overflow-x: initial !important; }
      html body section.content > div.container-fluid {
        padding-top: 0; }
      html body header.header {
        display: none; }
      html body .container-fluid {
        padding-top: 0; }
  .printable-report .tab-list {
    display: none; }
  .printable-report .header-title {
    display: none; }
  .grid-layout-editor {
    font-size: 14px; }
    .grid-layout-editor .tabs-row {
      display: none; }
    .grid-layout-editor .multi-layer-display {
      display: none; }
    .grid-layout-editor.is-editing .multi-layer-display {
      display: block; }
    .grid-layout-editor .layout-editor-box {
      display: none; }
  .printable-widget.patient-allergies .row.severity-life-threatening div {
    color: #ff6961 !important; }
  .printable-widget.patient-allergies .row.severity-severe div {
    color: #ffac00 !important; }
  .printable-widget.patient-allergies .row:nth-child(even) {
    background-color: rgba(220, 220, 200, 0.4) !important; } }

/*
The scrollable-data class should always look similar wherever it gets used.
This includes alternating background colours for its rows, an auto vertical scroll(overflow-y: auto) and a set height.
The main differences are merely in what that set height should be.
*/
.scrollable-data {
  height: 150px;
  overflow-y: auto;
  overflow-x: hidden; }
  .scrollable-data .row:nth-child(odd) {
    background-color: #f8f8f8; }
  .scrollable-data .row:nth-child(odd):hover {
    background-color: #f5f5ff; }

/* fieldset for addresses in the patient tab */
form > fieldset {
  padding: 5px;
  margin: 5px 3px; }

.databind input[type="file"] {
  display: none; }

.databind .soft-seek {
  margin-left: 20px; }

.databind .file-row {
  display: flex; }
  .databind .file-row input {
    flex-grow: 1; }
  .databind .file-row label {
    width: 95px;
    margin-top: 3px; }
  .databind .file-row button {
    margin-top: 0; }

.databind p.success {
  color: #080; }

.databind p.error {
  color: #800;
  font-weight: bold; }

.databind .warning {
  font-weight: bold;
  color: #800; }

.column-editor table {
  width: 100%; }
  .column-editor table .score-label {
    padding-top: 9px; }
  .column-editor table .score-input {
    padding-top: 4px; }
  .column-editor table .score-cell {
    width: 120px;
    padding-left: 6px; }
  .column-editor table .alert-cell {
    width: 254px; }
    .column-editor table .alert-cell .alert-dropdown-cell {
      padding-top: 5px;
      padding-right: 0 !important; }
  .column-editor table .alert-button {
    width: 51px; }
    .column-editor table .alert-button .btn {
      margin-right: 0; }
  .column-editor table .answer-number {
    font-weight: bold;
    padding-top: 7px;
    width: 80px !important;
    padding-right: 5px; }
  .column-editor table .alert-row-label {
    padding-top: 10px; }
  .column-editor table .first-cell {
    width: 80px !important;
    padding-left: 3px !important; }

.subquestion-editor td.alias {
  width: 175px; }

.categorized .subquestion-label {
  font-weight: bold;
  padding-top: 5px;
  width: 80px !important;
  padding-right: 5px; }

.categorized .first-cell {
  width: 80px !important;
  padding-left: 3px !important; }

.categorized table {
  width: 100%; }

.categorized .multiselect-row {
  padding-left: 9px; }

.matrix {
  min-height: 315px; }
  .matrix h4 {
    font-weight: bold;
    margin-left: 30px;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 16px; }
  .matrix > .tabs {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px; }
  .matrix .subquestion-label {
    font-weight: bold;
    padding-top: 5px; }
  .matrix table {
    width: 100%; }
  .matrix .multiselect-row {
    padding-left: 9px; }

.multiple-choice fieldset {
  margin-top: 0;
  padding-top: 0; }
  .multiple-choice fieldset .choices .add-choice {
    margin: 0; }

.main-fieldset {
  padding: 5px;
  margin: 5px 3px; }

.add-button {
  display: inline-block;
  margin-left: calc(100% - 78px); }
  .add-button .patient-information-add {
    float: right; }

.remove-button {
  display: inline-block;
  float: right; }
  .remove-button .patient-information-remove {
    float: right; }

table.selectable > tbody > tr.selected td {
  background-color: rgba(35, 183, 229, 0.6); }

table.selectable > tbody > tr td.selected {
  background-color: rgba(35, 183, 229, 0.6); }

table.selectable > tbody > tr:hover {
  background-color: rgba(35, 183, 229, 0.2); }

.table.joined-table {
  margin-bottom: 0; }

textarea {
  resize: vertical; }

.notes textarea {
  resize: none; }

.setcat-dashboard-editor {
  padding-bottom: 40px;
  padding-left: 8px;
  padding-right: 8px; }
  .setcat-dashboard-editor .title-bar {
    white-space: nowrap; }
    .setcat-dashboard-editor .title-bar h2 {
      display: inline-block;
      margin-top: 2px; }
    .setcat-dashboard-editor .title-bar .save-new-buttons {
      margin-top: 9px; }
  .setcat-dashboard-editor .row > div.general-left-section {
    padding-right: 10px; }
    .setcat-dashboard-editor .row > div.general-left-section > div {
      margin-bottom: 5px; }
      .setcat-dashboard-editor .row > div.general-left-section > div.dashboard-layout-selector-composition {
        margin-bottom: 25px; }
  .setcat-dashboard-editor .row > div.general-right-section {
    padding-left: 10px; }
  .setcat-dashboard-editor .name {
    overflow: hidden;
    /* clear the float */
    padding-left: 5px; }
    .setcat-dashboard-editor .name label {
      float: left;
      display: inline-block; }
    .setcat-dashboard-editor .name input {
      width: 85%;
      overflow: hidden;
      display: block;
      float: right; }
  .setcat-dashboard-editor .scroll-locked, .setcat-dashboard-editor .default-dashboard, .setcat-dashboard-editor .dashboard-for-menu,
  .setcat-dashboard-editor .dashboard-for-container {
    padding-right: 26px;
    padding-left: 5px; }
    .setcat-dashboard-editor .scroll-locked input, .setcat-dashboard-editor .default-dashboard input, .setcat-dashboard-editor .dashboard-for-menu input,
    .setcat-dashboard-editor .dashboard-for-container input {
      display: inline-block; }
  .setcat-dashboard-editor .dashboards .dashboard {
    min-height: 27px;
    cursor: pointer;
    position: relative; }
    .setcat-dashboard-editor .dashboards .dashboard:nth-child(odd) {
      background-color: #fff; }
    .setcat-dashboard-editor .dashboards .dashboard.is-default .dashboard-name {
      font-weight: bold; }
    .setcat-dashboard-editor .dashboards .dashboard .dashboard-name {
      padding-left: 5px;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0; }
    .setcat-dashboard-editor .dashboards .dashboard.selected {
      background-color: #d9e8f1; }
    .setcat-dashboard-editor .dashboards .dashboard .delete-btn {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 2;
      padding-right: 5px; }
  .setcat-dashboard-editor .dashboard-widget-details .thumbnail {
    height: 74px;
    /* height of the source thumbnail images */
    background-repeat: no-repeat;
    background-position: center center; }
  .setcat-dashboard-editor .dashboard-widget-details h4 {
    font-weight: bold; }
  .setcat-dashboard-editor .dashboard-widget-groups select {
    display: block;
    width: 100%;
    margin-bottom: 7px; }
  .setcat-dashboard-editor .dashboard-widget-groups .scrollable-data {
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    height: 313px;
    /*
            To get a fixed width left side(thumbnail) working with a right side
            that fills remaining width, a CSS trick was applied from:
http://stackoverflow.com/questions/5540485/how-to-make-an-inline-block-element-fill-the-remainder-of-the-line
            */ }
    .setcat-dashboard-editor .dashboard-widget-groups .scrollable-data .dashboard-widget {
      overflow: hidden;
      /* clear the float */
      height: 44px; }
      .setcat-dashboard-editor .dashboard-widget-groups .scrollable-data .dashboard-widget:nth-child(odd) {
        background-color: #fff; }
      .setcat-dashboard-editor .dashboard-widget-groups .scrollable-data .dashboard-widget.selected {
        box-shadow: 0 0 8px #aad inset; }
      .setcat-dashboard-editor .dashboard-widget-groups .scrollable-data .dashboard-widget .thumbnail {
        display: inline-block;
        height: 40px;
        width: 120px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: 2px;
        margin-left: 2px;
        float: left; }
      .setcat-dashboard-editor .dashboard-widget-groups .scrollable-data .dashboard-widget > .description {
        position: relative;
        padding-left: 8px;
        padding-top: 0;
        margin-top: 0;
        top: 0;
        overflow: hidden; }
        .setcat-dashboard-editor .dashboard-widget-groups .scrollable-data .dashboard-widget > .description h4 {
          margin: 0;
          font-weight: bold; }
        .setcat-dashboard-editor .dashboard-widget-groups .scrollable-data .dashboard-widget > .description input {
          position: absolute;
          top: 0;
          right: 0; }
  .setcat-dashboard-editor .dashboard-layout {
    padding: 5px 3px 3px 3px;
    background: rgba(226, 224, 236, 0.5);
    margin: 5px;
    min-height: 66px;
    cursor: pointer; }
    .setcat-dashboard-editor .dashboard-layout.selected {
      box-shadow: 0 0 1px 2px #1A6DED; }
    .setcat-dashboard-editor .dashboard-layout.row-count-2 .layout-demo-box {
      height: 25px; }
    .setcat-dashboard-editor .dashboard-layout .layout-demo-box {
      margin-top: 2px;
      height: 55px;
      background-color: #fff;
      border: 1px solid #ccc;
      border-top: 2px solid #cfdbe2;
      border-radius: 2px; }

div.typeahead {
  position: relative;
  z-index: 5;
  background-color: #fff;
  max-height: 125px;
  overflow: auto; }

div.second-typeahead {
  padding-left: 0;
  padding-right: 0;
  margin-left: -10px; }

div.graph-range .btn {
  padding: 3px;
  font-size: 14px;
  margin: 3px; }

div div.btn.btn-info.selected {
  box-shadow: 0 0 10px #1A6DED;
  border: 1px solid; }

td.medication-td {
  width: 25%; }

td.medication-other-td {
  width: 10%; }

td > button.btn {
  border-width: 2px; }

td > button:focus {
  border-style: solid;
  border-color: #000; }

input {
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  /* checkboxes look too big at 28px height. */ }
  input[type="checkbox"] {
    height: auto; }

aside.right-side {
  margin-left: 220px; }

html {
  /* Desktop has a top band header and a footer, which everything scrolls underneath.
       Make sure that by default, the main content is visible */ }
  html section.content > div.container-fluid {
    padding-top: 46px; }
  html .desktop .dropdown-menu {
    margin-top: 10px; }
  html .desktop a.logo {
    background-size: auto 100%;
    height: 40px; }
  html .desktop header.header {
    height: 40px; }
    html .desktop header.header .navbar {
      margin: 0 0 0 220px;
      min-height: 0;
      height: 40px; }
      html .desktop header.header .navbar a.sidebar-toggle {
        padding-top: 3px;
        padding-bottom: 0; }
      html .desktop header.header .navbar .user-menu .dropdown-menu .menu-item i {
        width: 10px; }
      html .desktop header.header .navbar .user-menu .dropdown-menu .menu-item span {
        margin: 10px; }

.navbar-nav > li > a.dropdown-toggle {
  padding-top: 8px;
  padding-bottom: 0; }

.navbar-nav > li.user-notification > a {
  margin-right: 10px;
  color: #FFF; }
  .navbar-nav > li.user-notification > a > .badge {
    position: absolute;
    top: 3px;
    left: 12px;
    padding: 2px 5px;
    font-size: 10px;
    background: #E35D2A; }

.new-encounter-survey-selection .box-body {
  padding-top: 0;
  height: 70vh; }
  .new-encounter-survey-selection .box-body .surveys {
    height: 50vh;
    overflow-y: auto;
    cursor: pointer; }
  .new-encounter-survey-selection .box-body .encounter-types {
    height: 50vh;
    overflow-y: scroll; }
    .new-encounter-survey-selection .box-body .encounter-types .survey-list {
      height: 21px;
      overflow-y: hidden;
      display: flex; }
      .new-encounter-survey-selection .box-body .encounter-types .survey-list .surveys-first-row {
        flex-grow: 1; }
        .new-encounter-survey-selection .box-body .encounter-types .survey-list .surveys-first-row.equally-space {
          display: flex;
          height: 18px;
          justify-content: space-between; }
      .new-encounter-survey-selection .box-body .encounter-types .survey-list .toggle-button-toggler {
        flex-grow: 0;
        flex-shrink: 0;
        width: 30px;
        height: 18px;
        text-align: center;
        font-size: 0;
        /* prevent whitespace characters from moving the span element. */
        padding-top: 0; }
        .new-encounter-survey-selection .box-body .encounter-types .survey-list .toggle-button-toggler .popover {
          font-size: 12px; }
        .new-encounter-survey-selection .box-body .encounter-types .survey-list .toggle-button-toggler .toggle-button {
          height: 15px;
          padding-top: 0;
          padding-bottom: 4px;
          font-size: 11px;
          line-height: 15px;
          background-color: #808080;
          cursor: pointer;
          transition: background-color 0.2s; }
          .new-encounter-survey-selection .box-body .encounter-types .survey-list .toggle-button-toggler .toggle-button:hover {
            background-color: #000; }
  .new-encounter-survey-selection .box-body .providers {
    height: 10vh;
    overflow-y: scroll; }
  .new-encounter-survey-selection .box-body .tablist {
    padding-top: 0; }
    .new-encounter-survey-selection .box-body .tablist .tab.active a {
      color: #000; }
  .new-encounter-survey-selection .box-body .tab-content {
    padding-bottom: 15px; }

.new-encounter-survey-selection .box-footer .button-container {
  margin-top: 5px; }

.new-encounter-survey-selection .box-footer .cancel {
  margin-left: 5px; }

.new-encounter-survey-selection .encounter-type-desc {
  font-size: 0.9em;
  line-height: 1.2em;
  height: 35px;
  overflow-y: auto; }

.new-encounter-survey-selection .encounter-type-tile {
  cursor: pointer; }
  .new-encounter-survey-selection .encounter-type-tile .icon {
    background-color: #449e83;
    text-align: center;
    margin: 5px;
    font-size: 48px;
    color: #FFFFFF;
    border-radius: 5px; }

.patient-profile div.form-horizontal {
  padding: 0 4px 0 4px; }

.patient-profile .box-body {
  padding-top: 0;
  padding-bottom: 0; }

.patient-profile .box-header {
  margin-bottom: 0 !important; }

.patient-profile .tab-content {
  padding-right: 5px; }
  .patient-profile .tab-content .tab-pane {
    overflow-y: auto;
    overflow-x: hidden; }

.patient-profile button.btn.btn-default {
  height: 28px; }

.patient-save-button-padder {
  padding: 3px; }
  .patient-save-button-padder .right-btn {
    margin-left: 2px; }
  .patient-save-button-padder .link-btn {
    margin-right: 5px; }
  .patient-save-button-padder .btn-selected {
    background-color: #3c8dbc;
    border-color: #367fa9 !important;
    color: #ffffff; }

.vertically-resizable {
  overflow: hidden;
  position: relative; }

.ui-resizable-handle {
  background-color: rgba(217, 232, 241, 0.3); }
  .ui-resizable-handle.ui-resizable-s {
    bottom: 0; }
  .ui-resizable-handle:hover {
    background-color: #d9e8f1; }

.cdsm-data-grid-shell .tab-panel {
  margin-top: 5px; }

.cdsm-data-grid-shell .tablist {
  padding-top: 0; }

.cdsm-data-grid {
  min-height: 100px; }
  .cdsm-data-grid .delete-column {
    text-align: center;
    width: 10px; }
    .cdsm-data-grid .delete-column .btn-danger {
      padding: 0 6px; }
  .cdsm-data-grid .cdsm-paging {
    height: 38px;
    float: none; }
  .cdsm-data-grid > div > div > div > div > .input-group > .input-group-btn > button {
    height: 28px; }
  .cdsm-data-grid .data-grid-group {
    display: flex; }
    .cdsm-data-grid .data-grid-group > label {
      padding-right: 5px;
      padding-top: 4px;
      padding-left: 10px;
      text-align: right;
      flex-shrink: 0;
      flex-grow: 0; }

.salutation-selector {
  display: flex; }
  .salutation-selector > label {
    width: 40%;
    padding-right: 5px; }
  .salutation-selector > div {
    padding-left: 5px;
    width: 60%; }

.patient-profile-summary {
  padding-top: 5px; }
  .patient-profile-summary .email-and-contact {
    padding-bottom: 5px; }
  .patient-profile-summary .first-group {
    display: flex; }
    .patient-profile-summary .first-group > div.title-selector {
      width: 41.667%;
      flex-grow: 0;
      flex-shrink: 0; }
      .patient-profile-summary .first-group > div.title-selector .salutation-selector {
        margin-right: -5px; }
    .patient-profile-summary .first-group > div.practice-link-button {
      flex-grow: 1; }
      .patient-profile-summary .first-group > div.practice-link-button button {
        margin-left: 3px; }

.ui-datepicker-title .ui-datepicker-year {
  color: #333; }

.entity-contact {
  padding-right: 20px; }

.payer-entity {
  padding-right: 5px; }
  .payer-entity .no-self-pay {
    margin-right: 1px; }
  .payer-entity .value-text {
    text-align: left; }
  .payer-entity .collapse-icon {
    padding: 5px; }

.related-person .value-text {
  text-align: left; }

.related-person .collapse-icon {
  padding: 5px; }

.patient-profile-monitoring .monitoring-box {
  min-height: 150px;
  margin-bottom: 10px;
  padding: 5px; }

.patient-profile-monitoring form.optimized-space div.form-group > div > input[type="checkbox"] {
  margin-top: 0; }

.patient-profile-monitoring .selected-survey-control-list {
  height: auto; }
  .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile {
    overflow-y: hidden; }
    .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .icon {
      height: 80px;
      font-size: 65px; }
      .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .icon i {
        margin-top: 5px; }
    .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .remove-buttons {
      width: 27px;
      padding-left: 0; }
      .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .remove-buttons .disabled {
        cursor: not-allowed; }
    .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .monitoring-survey-configuration {
      border-radius: 5px;
      padding: 5px 0;
      margin: 5px 0 0 5px; }
      .patient-profile-monitoring .selected-survey-control-list .monitoring-survey-tile .monitoring-survey-configuration .form-group {
        margin-bottom: 0; }
  .patient-profile-monitoring .selected-survey-control-list .control-list-item {
    height: 110px; }
  .patient-profile-monitoring .selected-survey-control-list .survey-full-name {
    font-size: 16px; }
  .patient-profile-monitoring .selected-survey-control-list .descr-scroller {
    height: 60px;
    overflow: hidden; }
    .patient-profile-monitoring .selected-survey-control-list .descr-scroller .content {
      background-color: transparent; }
  .patient-profile-monitoring .selected-survey-control-list .scheduling-row {
    font-size: 11px;
    display: flex;
    justify-content: space-between; }
    .patient-profile-monitoring .selected-survey-control-list .scheduling-row .control-label {
      vertical-align: top;
      padding-top: 0; }
    .patient-profile-monitoring .selected-survey-control-list .scheduling-row span {
      vertical-align: top; }
    .patient-profile-monitoring .selected-survey-control-list .scheduling-row > * {
      flex: 1;
      margin: 3px; }

.user-management .table-striped.table-bordered.table-hover.dataTable tr.inactive td {
  font-style: italic; }

.user-management form > button, .user-management form.optimized-space > div.form-group > div > input.form-control {
  margin-bottom: 7px; }

.user-management form label.control-label, .user-management form #u_email {
  display: inline-block; }

.user-management a {
  text-decoration: underline;
  cursor: pointer; }

.login-form .forgot-password-link {
  color: #3c8dbc;
  cursor: pointer;
  text-decoration: underline;
  margin-bottom: 15px;
  transition: color 0.2s; }
  .login-form .forgot-password-link:hover {
    color: #296080; }

html > body.desktop .login {
  margin-left: -365px; }
  html > body.desktop .login .footer {
    border-bottom-left-radius: 0; }

.desktop .login-form {
  width: 730px; }

.desktop #login-box select {
  width: 100%;
  box-sizing: border-box; }

.create-account {
  background-color: #f8faff;
  padding-right: 20px;
  padding-left: 20px; }
  .create-account h2 {
    margin-top: 0; }
  .create-account p {
    font-size: 1.2em; }

@media screen and (min-width: 768px) {
  .login .login-layout-container {
    display: flex; }
  .login .left-side {
    padding-right: 0;
    width: 50%;
    position: relative; }
    .login .left-side .create-account {
      min-height: 265px;
      position: absolute;
      top: 0;
      bottom: 0;
      border-bottom-left-radius: 10px;
      box-shadow: -1px 0 5px -2px #888 inset; }
      .login .left-side .create-account h2 {
        font-size: 26px; }
      .login .left-side .create-account p {
        font-size: 1.25em; }
      .login .left-side .create-account button {
        position: absolute;
        bottom: 20px;
        width: 320px; }
  .login .right-side {
    padding-left: 0;
    width: 50%; } }

@media screen and (max-width: 767px) {
  html > body.desktop .login-form {
    width: 500px; }
  html > body.desktop .create-account {
    background-color: #fff;
    padding-bottom: 10px;
    box-shadow: 0 -1px 2px 0 #888 inset; }
    html > body.desktop .create-account button {
      margin-top: 10px; }
  html > body.desktop .login {
    margin-left: -250px; }
    html > body.desktop .login .footer {
      border-bottom-left-radius: 10px; } }

/* styling for validation messages in the user management screen */
.validation {
  color: #800; }

section.content.user-management-editors {
  padding-top: 0; }

.durandal-wrapper .page-host [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px; }

.durandal-wrapper .page-host .box [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px; }

.column-headers.row {
  border-bottom: 1px solid #eee;
  box-shadow: 0 -4px 2px -2px #f8f8f8 inset; }
  .column-headers.row > div {
    font-weight: bold; }

.report-list {
  margin: 0 5px; }
  .report-list .column-headers input[type="checkbox"] {
    margin-left: 5px; }
  .report-list .navigation-link {
    cursor: pointer; }
  .report-list a {
    cursor: pointer; }

.dashboard-widget-compose-engine .box {
  box-shadow: 0 0 2px #87b1ca; }

.dashboard-widget-compose-engine .scrollable-column > div > .box, .dashboard-widget-compose-engine .scrollable-column > .box {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .dashboard-widget-compose-engine .scrollable-column > div > .box > .box-header, .dashboard-widget-compose-engine .scrollable-column > .box > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .dashboard-widget-compose-engine .scrollable-column > div > .box > .box-header select, .dashboard-widget-compose-engine .scrollable-column > div > .box > .box-header input, .dashboard-widget-compose-engine .scrollable-column > div > .box > .box-header option, .dashboard-widget-compose-engine .scrollable-column > .box > .box-header select, .dashboard-widget-compose-engine .scrollable-column > .box > .box-header input, .dashboard-widget-compose-engine .scrollable-column > .box > .box-header option {
      color: #000; }
    .dashboard-widget-compose-engine .scrollable-column > div > .box > .box-header .box-title, .dashboard-widget-compose-engine .scrollable-column > .box > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .dashboard-widget-compose-engine .scrollable-column > div > .box > .box-header .box-title a, .dashboard-widget-compose-engine .scrollable-column > div > .box > .box-header .box-title div, .dashboard-widget-compose-engine .scrollable-column > .box > .box-header .box-title a, .dashboard-widget-compose-engine .scrollable-column > .box > .box-header .box-title div {
        color: #FFFFFF !important; }
  .dashboard-widget-compose-engine .scrollable-column > div > .box > .box-header, .dashboard-widget-compose-engine .scrollable-column > .box > .box-header {
    cursor: pointer; }
    .dashboard-widget-compose-engine .scrollable-column > div > .box > .box-header .box-title, .dashboard-widget-compose-engine .scrollable-column > .box > .box-header .box-title {
      cursor: pointer; }

.dashboard-widget-compose-engine.highlighting-widgets-enabled .widget.clicked.box {
  border-color: #1A6DED;
  border-top-color: #1A6DED;
  box-shadow: 0 0 10px #1A6DED; }

.dashboard-widget-compose-engine .patient-search .box-body, .dashboard-widget-compose-engine .acknowledgement-task-list .box-body, .dashboard-widget-compose-engine .encounter-surveys .box-body,
.dashboard-widget-compose-engine .workflow-editor .box-body {
  padding-bottom: 0; }

.dashboard-widget-compose-engine div > div > .report-content-row > div {
  margin-bottom: 30px; }

.dashboard-widget-compose-engine .container-widget {
  /*
        Direct child because we don't want to select box-body elements from
        child
        */ }
  .dashboard-widget-compose-engine .container-widget > .box-body {
    padding-bottom: 0; }
  .dashboard-widget-compose-engine .container-widget div > div > .report-content-row > div {
    margin-bottom: 0; }
  .dashboard-widget-compose-engine .container-widget .box {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .dashboard-widget-compose-engine .container-widget .box > .box-header {
      background-color: #8cb4cd;
      color: #fff;
      margin: 0 0 2px 0;
      padding-bottom: 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 2px 5px 0px #7fabc6 inset; }
      .dashboard-widget-compose-engine .container-widget .box > .box-header select, .dashboard-widget-compose-engine .container-widget .box > .box-header input, .dashboard-widget-compose-engine .container-widget .box > .box-header option {
        color: #000; }
      .dashboard-widget-compose-engine .container-widget .box > .box-header .box-title {
        color: #FFFFFF !important;
        padding: 5px 0px 5px 10px;
        text-shadow: 0 0 2px #7fabc6; }
        .dashboard-widget-compose-engine .container-widget .box > .box-header .box-title a, .dashboard-widget-compose-engine .container-widget .box > .box-header .box-title div {
          color: #FFFFFF !important; }
    .dashboard-widget-compose-engine .container-widget .box > .box-header {
      cursor: pointer; }
      .dashboard-widget-compose-engine .container-widget .box > .box-header .box-title {
        cursor: pointer; }

.dashboard-widget-compose-engine .flippable-widget .questions-answers-breakdown {
  padding: 0 !important; }

.container-widget .container-widget-scrollable {
  overflow-x: hidden;
  overflow-y: auto; }

.container-widget .dashboard-selector {
  margin-right: 5px;
  margin-top: 3px; }

.container-widget .box-header .icon-help {
  margin-top: 5px;
  padding-right: 4px; }

.scrollable-column > div > .box, .scrollable-column > .box {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .scrollable-column > div > .box > .box-header, .scrollable-column > .box > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .scrollable-column > div > .box > .box-header select, .scrollable-column > div > .box > .box-header input, .scrollable-column > div > .box > .box-header option, .scrollable-column > .box > .box-header select, .scrollable-column > .box > .box-header input, .scrollable-column > .box > .box-header option {
      color: #000; }
    .scrollable-column > div > .box > .box-header .box-title, .scrollable-column > .box > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .scrollable-column > div > .box > .box-header .box-title a, .scrollable-column > div > .box > .box-header .box-title div, .scrollable-column > .box > .box-header .box-title a, .scrollable-column > .box > .box-header .box-title div {
        color: #FFFFFF !important; }

.flippable-widget-shell .box,
html > body div > .flippable-widget-shell .box {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .flippable-widget-shell .box > .box-header,
  html > body div > .flippable-widget-shell .box > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .flippable-widget-shell .box > .box-header select, .flippable-widget-shell .box > .box-header input, .flippable-widget-shell .box > .box-header option,
    html > body div > .flippable-widget-shell .box > .box-header select,
    html > body div > .flippable-widget-shell .box > .box-header input,
    html > body div > .flippable-widget-shell .box > .box-header option {
      color: #000; }
    .flippable-widget-shell .box > .box-header .box-title,
    html > body div > .flippable-widget-shell .box > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .flippable-widget-shell .box > .box-header .box-title a, .flippable-widget-shell .box > .box-header .box-title div,
      html > body div > .flippable-widget-shell .box > .box-header .box-title a,
      html > body div > .flippable-widget-shell .box > .box-header .box-title div {
        color: #FFFFFF !important; }

.zoom-shell .box {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .zoom-shell .box > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .zoom-shell .box > .box-header select, .zoom-shell .box > .box-header input, .zoom-shell .box > .box-header option {
      color: #000; }
    .zoom-shell .box > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .zoom-shell .box > .box-header .box-title a, .zoom-shell .box > .box-header .box-title div {
        color: #FFFFFF !important; }

.left-workspace {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .left-workspace > .box-header {
    background-color: #23b7e5;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .left-workspace > .box-header select, .left-workspace > .box-header input, .left-workspace > .box-header option {
      color: #000; }
    .left-workspace > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .left-workspace > .box-header .box-title a, .left-workspace > .box-header .box-title div {
        color: #FFFFFF !important; }

.right-report-content {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .right-report-content > .box-header {
    background-color: #3C8DBC;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .right-report-content > .box-header select, .right-report-content > .box-header input, .right-report-content > .box-header option {
      color: #000; }
    .right-report-content > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .right-report-content > .box-header .box-title a, .right-report-content > .box-header .box-title div {
        color: #FFFFFF !important; }

.c-patient-profile-mini {
  padding-left: 0;
  padding-right: 0; }
  .c-patient-profile-mini.small-size .phone-numbers label, .c-patient-profile-mini.small-size .email-addresses label {
    width: 16.66666667%; }
  .c-patient-profile-mini.small-size .phone-numbers .col-xs-5, .c-patient-profile-mini.small-size .email-addresses .col-xs-5 {
    width: 83.33333333%; }
  .c-patient-profile-mini.medium-size .notes label, .c-patient-profile-mini.small-size .notes label {
    display: none; }
  .c-patient-profile-mini.medium-size .notes .col-xs-11, .c-patient-profile-mini.small-size .notes .col-xs-11 {
    width: 100%; }
  .c-patient-profile-mini .next-prev-buttons {
    padding-top: 40px; }
  .c-patient-profile-mini .btn-prev {
    margin-right: 10px; }
  .c-patient-profile-mini .notes {
    border: none; }
  .c-patient-profile-mini .questions {
    padding-top: 0;
    padding-bottom: 0;
    height: 520px;
    overflow-y: auto; }

.notes textarea.form-control {
  margin-bottom: 5px; }

.modalHost {
  /* Make the dialog windows wide enough to look good */ }
  .modalHost > section {
    min-width: 500px;
    min-height: 300px; }
  .modalHost .questions-answers-breakdown .questions {
    height: auto; }

.c-q-textbox .row {
  border-top: 1px solid #CCC;
  margin-left: 0;
  margin-right: 0; }

.c-q-textbox .input-col {
  padding-top: 4px; }

.c-q-big-round-radio-choices-multi .c-question-text .question-html {
  font-size: 20px; }

.c-question-text {
  margin-top: 0; }
  .c-question-text .notes {
    display: block !important; }
  .c-question-text .notes-icon {
    padding: 5px 5px 0;
    vertical-align: top;
    display: inline-block; }
  .c-question-text .question-div-expanded {
    max-height: 90px !important; }
  .c-question-text .question-div {
    line-height: 15px !important;
    max-height: 60px;
    width: 80%;
    padding: 2px;
    overflow: hidden;
    vertical-align: top;
    display: inline-block; }
    .c-question-text .question-div .question-html {
      font-size: 20px;
      display: inline-block !important; }

.c-q-body-demarc-group .region-stacks {
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto; }

.c-q-body-demarc-editor.box .overlay-text {
  font-weight: bold;
  font-size: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  /* Let mouse events pass through the element. */ }
  .c-q-body-demarc-editor.box .overlay-text .text-left {
    padding-left: 20px; }
  .c-q-body-demarc-editor.box .overlay-text .text-right {
    padding-right: 20px; }

.grid-layout-editor .c-body-demarc {
  background-color: transparent; }

div.pain-locations {
  margin-bottom: 0; }
  div.pain-locations .gradient {
    margin-bottom: 5px; }

div.pain-locations-breakdown {
  margin-bottom: 0; }

.questions-answers-breakdown {
  min-height: 210px; }
  .questions-answers-breakdown.tiny-size .question, .questions-answers-breakdown.tiny-size .answer {
    font-size: 0.7em; }
  .questions-answers-breakdown.small-size .question, .questions-answers-breakdown.small-size .answer {
    font-size: 0.8em; }
  .questions-answers-breakdown.medium-size .question, .questions-answers-breakdown.medium-size .answer {
    font-size: 0.9em; }
  .questions-answers-breakdown div.box {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0; }
  .questions-answers-breakdown .questions {
    height: 135px;
    overflow-y: auto; }
  .questions-answers-breakdown .answer {
    font-weight: bold;
    color: #003; }
  .questions-answers-breakdown .row:not(:last-child) {
    border-bottom: 1px solid #eee; }
  .questions-answers-breakdown .row {
    margin-left: 0;
    margin-right: 0; }

.configurable-widgets > div > .row > div {
  margin-bottom: 5px; }

@-webkit-keyframes spinner-loader /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner-loader {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.available-reports {
  display: flex;
  width: 1150px;
  background-color: #fff; }
  .available-reports.compressed-width {
    width: 1030px; }
    .available-reports.compressed-width .report-list {
      margin-left: 0;
      margin-right: 0; }
    .available-reports.compressed-width .box.report-list {
      width: 200px;
      font-size: 0.75em; }
      .available-reports.compressed-width .box.report-list .column-headers .report-name {
        width: 40%; }
      .available-reports.compressed-width .box.report-list .column-headers .filter-to-encounter {
        width: 60%; }
        .available-reports.compressed-width .box.report-list .column-headers .filter-to-encounter input {
          margin-top: 0; }
      .available-reports.compressed-width .box.report-list .column-headers span {
        line-height: 1; }
    .available-reports.compressed-width .box.email, .available-reports.compressed-width .email-form {
      width: 180px; }
  .available-reports.compressed-height .box.report-list .box-body > div:first-child {
    height: 500px; }
  .available-reports.compressed-height .box.report-list .report-list .scrollable-data {
    height: 478px; }
  .available-reports.compressed-height .box.report-list .report-list.empty .scrollable-data {
    height: 458px; }
  .available-reports.compressed-height .report-preview {
    height: 640px; }
    .available-reports.compressed-height .report-preview .scrollable-region .multi-layer-display {
      height: 500px; }
  .available-reports .box.report-list {
    width: 300px;
    flex-shrink: 0; }
    .available-reports .box.report-list .column-headers {
      display: flex; }
    .available-reports .box.report-list .report-name {
      width: 50%;
      flex-shrink: 0; }
    .available-reports .box.report-list .filter-to-encounter {
      width: 50%;
      text-align: right;
      flex-shrink: 0; }
    .available-reports .box.report-list .row.no-consent {
      color: #800; }
    .available-reports .box.report-list .box-body > div:first-child {
      height: 650px; }
    .available-reports .box.report-list .report-list .scrollable-data {
      height: 628px; }
    .available-reports .box.report-list .report-list.empty .scrollable-data {
      height: 608px; }
  .available-reports .box.email {
    width: 300px;
    flex-shrink: 0; }
    .available-reports .box.email .send {
      margin-left: 10px; }
  .available-reports .email > div {
    height: 100%; }
  .available-reports .report-preview {
    flex-grow: 1;
    height: 790px;
    display: flex;
    flex-direction: column; }
    .available-reports .report-preview .scrollable-region {
      flex-grow: 1;
      overflow-y: hidden; }
      .available-reports .report-preview .scrollable-region .multi-layer-display {
        height: 650px;
        overflow-y: auto; }
    .available-reports .report-preview .footer {
      height: 55px;
      flex-grow: 0;
      flex-shrink: 0; }
      .available-reports .report-preview .footer .btn {
        width: 100px;
        margin-right: 10px;
        margin-bottom: 10px; }
  .available-reports .loading {
    font-size: 20px; }
    .available-reports .loading .spinner-loader {
      -webkit-animation: spinner-loader 1s linear infinite;
      -moz-animation: spinner-loader 1s linear infinite;
      -ms-animation: spinner-loader 1s linear infinite;
      -o-animation: spinner-loader 1s linear infinite;
      animation: spinner-loader 1s linear infinite; }
  .available-reports .layout-editor-box {
    min-height: 1200px; }
  .available-reports .download-email {
    padding-top: 5px; }
  .available-reports .format-selector select {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 6px; }
  .available-reports .hidden-report-composition {
    display: none; }

.select-preview-box {
  height: 500px; }
  .select-preview-box .select-to-preview {
    font-size: 40px;
    text-align: center;
    margin-top: 200px; }

.scrollable-column {
  top: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: inherit; }

.date-format-selector.widget {
  height: auto;
  min-height: 0;
  padding: 0 !important; }
  .date-format-selector.widget div {
    padding: 0 !important; }

.c-slider-with-number .slider.slider-horizontal {
  width: 95%; }

.c-slider-with-number .mbsc-android-holo-light .mbsc-slider-step {
  background: #31B7E8; }

input.c-checkbox {
  height: 22px; }

input input[type="checkbox"] {
  height: 22px; }

.c-q-slider-with-numeric {
  display: flex; }
  .c-q-slider-with-numeric > div:first-child {
    width: 50%;
    flex-grow: 1;
    flex-shrink: 1; }
  .c-q-slider-with-numeric .slider-answer-selector {
    width: 50%;
    flex-grow: 1;
    flex-shrink: 1; }
  .c-q-slider-with-numeric .row:first-of-type .slider-horizontal:first-child {
    margin-top: 6px; }
  .c-q-slider-with-numeric div.slider .tooltip.top {
    margin-top: -30px; }

.box .box-header.with-border {
  border-top: 3px solid #cfdbe2; }

.news-viewer {
  width: 800px;
  height: 85vh; }
  .news-viewer .modal-header {
    height: 60px; }
  .news-viewer .modal-body {
    height: calc(85vh - 180px);
    height: -webkit-calc(85vh - 180px);
    height: -moz-calc(85vh - 180px);
    overflow-x: auto;
    margin: 20px; }
  .news-viewer .modal-footer {
    height: 120px; }

.notify-detail {
  width: 1000px; }

.document-viewer {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width: 1100px;
  height: 700px; }
  .document-viewer > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .document-viewer > .box-header select, .document-viewer > .box-header input, .document-viewer > .box-header option {
      color: #000; }
    .document-viewer > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .document-viewer > .box-header .box-title a, .document-viewer > .box-header .box-title div {
        color: #FFFFFF !important; }
  .document-viewer > .box-header {
    cursor: pointer; }
    .document-viewer > .box-header .box-title {
      cursor: pointer; }
  .document-viewer .close-help {
    font-size: 14px;
    padding: 5px;
    cursor: pointer; }
  .document-viewer .info {
    float: right;
    content: "\f05a";
    color: #000; }
  .document-viewer.showing-tabs .tabs {
    display: block; }
  .document-viewer.showing-tabs iframe {
    top: 35px;
    min-height: 631px; }
  .document-viewer.help-popup {
    width: 800px; }
  .document-viewer .box-header {
    padding-bottom: 0; }
  .document-viewer .box-body {
    position: relative; }
  .document-viewer .tabs {
    display: none; }
  .document-viewer iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    width: 100%;
    min-height: 665px; }

.test-list .tab, .tab-list-bottom .tab, .tab-list .tab, .patient-search .control-list .tab {
  padding-right: 3px; }

.test-list .control-list, .tab-list-bottom .control-list, .tab-list .control-list, .patient-search .control-list .control-list {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 600px; }
  .test-list .control-list .tabContent, .tab-list-bottom .control-list .tabContent, .tab-list .control-list .tabContent, .patient-search .control-list .control-list .tabContent {
    height: 550px;
    overflow-y: auto;
    overflow-x: hidden; }

.patient-search .control-list {
  overflow-y: auto; }
  .patient-search .control-list .selectable > div {
    cursor: default; }
  .patient-search .control-list .patients-today-item {
    display: flex;
    padding-left: 5px; }
    .patient-search .control-list .patients-today-item .patient-today-icon .icon {
      flex-grow: 0;
      flex-shrink: 0; }
    .patient-search .control-list .patients-today-item .patient-encounter-info {
      flex-grow: 1;
      padding-right: 5px; }
      .patient-search .control-list .patients-today-item .patient-encounter-info .patient-name, .patient-search .control-list .patients-today-item .patient-encounter-info .encounter-reasons {
        height: 26px;
        line-height: 1.1em;
        overflow: hidden; }
      .patient-search .control-list .patients-today-item .patient-encounter-info .ssn, .patient-search .control-list .patients-today-item .patient-encounter-info .gender {
        line-height: 13px; }
    .patient-search .control-list .patients-today-item .patient-encounter-info {
      padding-top: 7px; }
  .patient-search .control-list .encounter-reasons {
    height: 38px;
    font-size: 0.9em;
    line-height: 1.2em;
    overflow-y: auto; }
  .patient-search .control-list .status {
    line-height: 1.1em; }

.tab-list-bottom {
  margin-top: -4px; }

.agenda.tiny-size .agenda-box-body .fc-button, .agenda.tiny-size .agenda-box-body button {
  height: 28px;
  font-size: 0.8em;
  margin-top: 24px;
  padding-left: 2px;
  padding-right: 2px; }

.agenda.tiny-size .agenda-box-body .agenda-title {
  font-size: 16px; }

.agenda.tiny-size .agenda-box-body .provider-selector {
  width: 125px; }

.agenda.tiny-size .agenda-box-body .dropdown-menu {
  min-width: 120px; }

.agenda.small-size .agenda-box-body .fc-button, .agenda.small-size .agenda-box-body button {
  height: 28px;
  font-size: 0.8em;
  padding-left: 2px;
  padding-right: 2px; }

.agenda.small-size .agenda-box-body .agenda-title {
  font-size: 13px; }

.agenda.small-size .agenda-box-body .provider-selector {
  width: 135px; }

.agenda.small-size .agenda-box-body .dropdown-menu {
  min-width: 130px; }

.agenda.medium-size .agenda-box-body .fc-button, .agenda.medium-size .agenda-box-body button {
  height: 33px;
  font-size: 0.9em;
  padding-left: 4px;
  padding-right: 4px; }

.agenda.medium-size .agenda-box-body .agenda-title {
  font-size: 17px; }

.agenda.medium-size .agenda-box-body .provider-selector {
  width: 145px; }

.agenda.medium-size .agenda-box-body .dropdown-menu {
  min-width: 140px; }

.agenda .box-header .agenda-dropdown-menu {
  min-width: 105px;
  left: unset;
  margin-top: 0; }

.agenda .top-options {
  position: relative; }

.agenda .agenda-box-body {
  text-align: center;
  height: 650px; }
  .agenda .agenda-box-body .provider-selector {
    width: 160px;
    display: inline-block; }
    .agenda .agenda-box-body .provider-selector .btn-group {
      width: 100%; }
      .agenda .agenda-box-body .provider-selector .btn-group button {
        width: 100%; }
  .agenda .agenda-box-body .agenda-title {
    font-size: 18pt;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none; }
  .agenda .agenda-box-body .full-calendar {
    clear: both; }
  .agenda .agenda-box-body .fc-state-default:hover {
    background-color: #e6e6e6;
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear; }
  .agenda .agenda-box-body .fc-button {
    height: 38px; }
  .agenda .agenda-box-body .fc-button-group {
    padding-left: 5px; }
  .agenda .agenda-box-body .multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    .agenda .agenda-box-body .multiselect-container .active a:hover {
      color: #FFFFFF; }
    .agenda .agenda-box-body .multiselect-container a:hover {
      color: #3c8dbc; }
  .agenda .agenda-box-body .calendars-parent {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    clear: both; }
    .agenda .agenda-box-body .calendars-parent.overflow-x-hidden {
      overflow-x: hidden; }
    .agenda .agenda-box-body .calendars-parent > div {
      display: inline-block;
      vertical-align: top; }
  .agenda .agenda-box-body .cal-col-100 {
    width: 100%; }
  .agenda .agenda-box-body .cal-col-50 {
    width: 50%; }
  .agenda .agenda-box-body .cal-col-25 {
    width: 25%; }
  .agenda .agenda-box-body .cal-col-33 {
    width: 33.33%; }

.agenda .box-footer {
  padding: 5px; }

.agenda .new-appointment-handle {
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  background-color: #ffffff; }
  .agenda .new-appointment-handle .handle-click {
    border: 1px solid;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    background-color: #8cb4cd;
    margin-right: 10px;
    width: 120px; }
  .agenda .new-appointment-handle .handle-content {
    display: none;
    overflow: auto;
    height: 390px;
    border: 1px solid;
    border-radius: 5px; }

.agenda .user-menu {
  float: right;
  margin-top: 3px;
  margin-right: 21px; }
  .agenda .user-menu .dropdown-toggle {
    color: #fff;
    font-weight: bold;
    text-decoration: none; }
  .agenda .user-menu .virtual-encounters-toggle a {
    color: #fff;
    font-weight: bold;
    text-decoration: none; }
  .agenda .user-menu .user-menu-divider {
    margin-left: 5px;
    margin-right: 5px; }

.agenda .fc-event-container .vc-participant_waiting .fc-content:after {
  content: "\f095";
  font: normal normal normal 14px / 1 FontAwesome;
  display: inline-block;
  margin-left: 5px;
  animation-duration: 1.2s;
  animation-name: phoneAnimate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; }

.agenda .fc-event-container .vc-participant_joined .fc-content:after {
  content: "\f095";
  font: normal normal normal 14px / 1 FontAwesome;
  display: inline-block;
  margin-left: 5px; }

button.fc-button {
  border: 1px solid #ccc;
  height: 28px;
  transition: all 0.2s; }

button.fc-state-default {
  background-image: none;
  background-color: #f5f5f5; }

button.fc-state-down {
  box-shadow: none; }

button.fc-state-active {
  box-shadow: none; }

div.fc-left {
  font-size: 12px; }

div.fc-right {
  font-size: 12px; }

div.order-test {
  width: 700px; }
  div.order-test .scrollable-data {
    padding: 4px 6px;
    height: 350px;
    border-radius: 4px;
    overflow-y: visible;
    box-shadow: 0 0 4px #ccc inset; }
    div.order-test .scrollable-data input {
      height: auto; }
  div.order-test .box-footer {
    height: 70px; }
    div.order-test .box-footer button {
      margin-left: 5px; }

.date-format-selector.widget select {
  width: 100%;
  padding: 0;
  box-sizing: border-box; }

.date-format-selector.widget > div {
  padding: 0;
  box-sizing: border-box; }

.setcat-locale .warning-level {
  margin-top: 5px; }

.setcat-locale label {
  text-align: right !important; }

.setcat-locale .box-body {
  width: 80%;
  margin: auto; }

.setcat-locale .box-title {
  padding-left: 175px !important;
  font-size: 16px !important; }

.setcat-locale .date-format {
  margin-top: 5px; }

.setcat-locale .locale-divider {
  border-top: 1px solid;
  margin-bottom: 5px;
  margin-left: 175px;
  margin-right: 150px; }

.setcat-locale .btn-grp {
  padding-right: 150px; }

.agenda.small-size .input-row input {
  width: 100%; }

.patient-add-appointment h4 {
  margin-top: 0; }

.patient-add-appointment h3 {
  margin-bottom: 0; }

.patient-add-appointment .reasons {
  padding-top: 5px; }

.patient-add-appointment .notes-summary {
  padding-top: 5px; }

.patient-add-appointment .advance-surveys {
  padding: 3px; }

.patient-add-appointment .notes {
  padding-top: 5px;
  width: 100%;
  height: 50%; }
  .patient-add-appointment .notes textarea {
    width: 100%;
    height: 100%;
    border-radius: 5px; }

.patient-add-appointment .summary {
  font-style: italic; }

.patient-add-appointment .summary-title {
  font-weight: bold; }

.notes-timeline {
  white-space: nowrap; }
  .notes-timeline .box-header {
    overflow: hidden; }
    .notes-timeline .box-header h4 {
      color: #fff;
      font-size: 1.1em;
      display: inline-block;
      white-space: nowrap;
      margin-left: 10px;
      margin-top: 7px;
      margin-bottom: 0; }
      .notes-timeline .box-header h4:before {
        content: " - "; }
  .notes-timeline .scrollable-content {
    padding-left: 3px;
    padding-right: 3px;
    overflow-x: hidden; }

.encounter-length-options {
  text-align: center;
  padding-top: 10px; }
  .encounter-length-options > div {
    margin-left: auto;
    margin-right: auto;
    display: inline-block; }
  .encounter-length-options .flexible-choice {
    display: inline-block; }

div.modal-body {
  padding: 3px; }
  div.modal-body > .message {
    padding-left: 15px;
    padding-right: 15px; }

.zoom-shell .w-panel-summary .substances .scrollable-data {
  height: 510px; }

.login-shell .forgot-password {
  left: 50%;
  top: 50%;
  margin-left: -180px;
  margin-top: -165px;
  width: 360px;
  height: 330px; }
  .login-shell .forgot-password p {
    margin-bottom: 30px;
    font-size: 1.1em; }

.login-shell .thank-you {
  left: 50%;
  top: 50%;
  margin-left: -180px;
  margin-top: -160px;
  width: 360px;
  height: 320px; }

.login-shell .password-change {
  left: 50%;
  top: 50%;
  margin-left: -180px;
  margin-top: -155px;
  width: 360px;
  height: 310px; }
  .login-shell .password-change .body {
    height: 185px; }
  .login-shell .password-change .footer button {
    display: inline-block;
    width: 49%;
    margin: 0; }
  .login-shell .password-change .password-strength-meter {
    height: 35px;
    padding-right: 5px;
    padding-left: 5px; }
  .login-shell .password-change .password-change-message {
    padding-right: 5px;
    padding-left: 5px; }

div.needs-attention {
  box-shadow: #fd0b02 0 0 5px !important; }

table.table-bordered > thead {
  font-weight: bold; }

.survey-widget .box-body {
  overflow: auto; }

.survey-widget .right-report-content > .box-body {
  overflow-x: hidden; }

.unsaved-changes-dialog {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width: 600px;
  height: 200px;
  display: flex;
  flex-direction: column; }
  .unsaved-changes-dialog > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .unsaved-changes-dialog > .box-header select, .unsaved-changes-dialog > .box-header input, .unsaved-changes-dialog > .box-header option {
      color: #000; }
    .unsaved-changes-dialog > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .unsaved-changes-dialog > .box-header .box-title a, .unsaved-changes-dialog > .box-header .box-title div {
        color: #FFFFFF !important; }
  .unsaved-changes-dialog .box-body {
    flex-grow: 1; }
  .unsaved-changes-dialog .box-footer {
    text-align: right; }

.participant-viewer-dialog .modal-header > h3 {
  margin: 0; }

.participant-viewer-dialog .modal-body {
  overflow-x: auto;
  margin: 20px;
  width: 700px; }
  .participant-viewer-dialog .modal-body .video-participants-wrap {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 10px; }
    .participant-viewer-dialog .modal-body .video-participants-wrap table {
      margin-bottom: 0; }
      .participant-viewer-dialog .modal-body .video-participants-wrap table th, .participant-viewer-dialog .modal-body .video-participants-wrap table td {
        border: 0 none;
        padding: 5px 8px; }
      .participant-viewer-dialog .modal-body .video-participants-wrap table td {
        vertical-align: middle; }
      .participant-viewer-dialog .modal-body .video-participants-wrap table.participants-list-view th {
        border-bottom: 2px solid #DDD; }
  .participant-viewer-dialog .modal-body .participant-item {
    margin-bottom: 5px; }
  .participant-viewer-dialog .modal-body .participant-action {
    margin-top: 15px; }
    .participant-viewer-dialog .modal-body .participant-action .participant-relative {
      display: inline-block;
      margin-left: 15px; }
      .participant-viewer-dialog .modal-body .participant-action .participant-relative select {
        display: inline;
        width: auto;
        vertical-align: middle; }
  .participant-viewer-dialog .modal-body .video-participants-new {
    margin: 10px 0; }
    .participant-viewer-dialog .modal-body .video-participants-new .flex-grid {
      display: flex;
      align-items: flex-end;
      width: 100%;
      gap: 10px; }
    .participant-viewer-dialog .modal-body .video-participants-new .flex-grid-item {
      flex: 1 1 0;
      min-width: 0; }
    .participant-viewer-dialog .modal-body .video-participants-new .flex-grid-button {
      flex: 0 0 auto;
      min-width: auto; }

.legend {
  height: 35px; }
  .legend span {
    display: inline-block;
    padding-left: 15px;
    padding-bottom: 0;
    position: relative; }
    .legend span:after {
      padding-left: 4px;
      content: '\00a0\00a0\00a0\00a0\00a0\00a0';
      text-decoration: line-through; }

/* For the timepicker to match our colour scheme */
.ui-widget-header {
  background: #1ca9d7 !important;
  border: 1px solid #1ca9d7 !important; }

/* timepicker pluggin styles */
.ui-timepicker-table.ui-widget-content {
  padding: 3px;
  border-width: 0;
  border-radius: 6px;
  background-color: #eee;
  box-shadow: 0 0 1px 1px #ccc inset;
  /* Hide the AM and PM. */ }
  .ui-timepicker-table.ui-widget-content .ui-timepicker-title {
    border-width: 0;
    border-radius: 0;
    background-color: #4398c9 !important; }
  .ui-timepicker-table.ui-widget-content .ui-timepicker {
    margin-bottom: 3px; }
  .ui-timepicker-table.ui-widget-content .ui-timepicker-hours .ui-timepicker-title {
    border-top-left-radius: 5px; }
  .ui-timepicker-table.ui-widget-content .ui-timepicker-hours .ui-timepicker {
    margin-left: 3px;
    border-right: 1px solid #ddd; }
  .ui-timepicker-table.ui-widget-content .ui-timepicker-minutes .ui-timepicker {
    border-left: 1px solid #ddd;
    margin-left: 3px;
    margin-right: 3px; }
  .ui-timepicker-table.ui-widget-content .ui-timepicker-minutes .ui-timepicker-title {
    border-left: 2px solid #74bee8 !important;
    border-top-right-radius: 5px; }
  .ui-timepicker-table.ui-widget-content .ui-widget-header {
    background-color: #4398c9 !important;
    border: 0 solid #1ca9d7 !important; }
  .ui-timepicker-table.ui-widget-content td {
    padding: 0; }
    .ui-timepicker-table.ui-widget-content td a.ui-state-active {
      color: #a83;
      border-color: #ca5; }
  .ui-timepicker-table.ui-widget-content th {
    display: none; }

.border-top-solid {
  border-top: 1px solid #bbb; }

.border-right-solid {
  border-right: 1px solid #bbb; }

.border-bottom-solid {
  border-bottom: 1px solid #bbb; }

.border-left-solid {
  border-left: 1px solid #bbb; }

.settings-nav h4, .system-settings-header h4 {
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 17px; }

.system-settings {
  /* all setcat screens include the system-settings class, and therefore
       have this padding at the bottom, so that the lowest items are always
       visible */
  padding-bottom: 40px; }
  .system-settings .setting-category {
    /* we need to give the row a 1px height, so that all children,
           including td and .category-item's can set height 100% and have
           it work.
           http://stackoverflow.com/questions/2841484/how-can-a-label-completely-fill-its-parent-td/3074320
        */ }
    .system-settings .setting-category .box {
      border-top: 3px solid #cfdbe2; }
    .system-settings .setting-category tr {
      height: 1px; }
    .system-settings .setting-category td {
      height: 100%;
      padding: 0; }
      .system-settings .setting-category td .category-item {
        display: block;
        padding: 8px;
        min-height: 100%;
        height: 100%; }
      .system-settings .setting-category td.category-item-name {
        background-color: #f6f6f6; }
      .system-settings .setting-category td:hover {
        cursor: pointer; }
    .system-settings .setting-category .name {
      width: 14%; }
    .system-settings .setting-category .description {
      width: 36%; }
  .system-settings .appointment-resource-management .form-group.appointment-length .appointment-length-search {
    border-radius: 5px; }
  .system-settings .appointment-resource-management .encounter-types-table-row {
    max-height: 600px;
    overflow: auto; }

.setcat-campaigns .main-column {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px; }

.setcat-campaigns .create-edit-form {
  margin-bottom: 35px;
  margin-top: 25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #ccc; }
  .setcat-campaigns .create-edit-form .name-row {
    display: flex;
    width: 100%;
    margin-bottom: 15px; }
    .setcat-campaigns .create-edit-form .name-row .name-label {
      width: 50px;
      flex-grow: 0;
      flex-shrink: 0; }
    .setcat-campaigns .create-edit-form .name-row .name-input {
      flex-grow: 1; }
      .setcat-campaigns .create-edit-form .name-row .name-input input {
        width: 70%; }
    .setcat-campaigns .create-edit-form .name-row .name-buttons {
      width: 120px;
      flex-grow: 0;
      flex-shrink: 0; }
  .setcat-campaigns .create-edit-form .actions {
    display: flex;
    width: 100%; }
    .setcat-campaigns .create-edit-form .actions .frequency-selector {
      flex-grow: 1;
      padding-left: 5px; }
  .setcat-campaigns .create-edit-form .conditions .condition-row {
    margin-bottom: 3px;
    padding-left: 5px;
    display: flex; }
    .setcat-campaigns .create-edit-form .conditions .condition-row .condition-data {
      flex-grow: 1; }
    .setcat-campaigns .create-edit-form .conditions .condition-row .condition-buttons {
      width: 95px;
      flex-shrink: 0;
      flex-grow: 0; }
      .setcat-campaigns .create-edit-form .conditions .condition-row .condition-buttons button.btn {
        height: 28px; }
  .setcat-campaigns .create-edit-form .test-start-campaign {
    margin-top: 5px; }
    .setcat-campaigns .create-edit-form .test-start-campaign button, .setcat-campaigns .create-edit-form .test-start-campaign input {
      margin-right: 5px; }
    .setcat-campaigns .create-edit-form .test-start-campaign .run-date {
      display: inline-block;
      width: auto;
      position: relative;
      top: 2px; }
  .setcat-campaigns .create-edit-form .look-up {
    position: relative;
    width: 120px;
    text-align: center; }
    .setcat-campaigns .create-edit-form .look-up > div {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 28px; }
  .setcat-campaigns .create-edit-form .questionnaires label {
    display: block; }
  .setcat-campaigns .create-edit-form .questionnaires .survey-lookup-cycle {
    display: flex; }
    .setcat-campaigns .create-edit-form .questionnaires .survey-lookup-cycle .add-survey {
      margin-left: 5px; }
  .setcat-campaigns .create-edit-form .questionnaires .questionnaire-adder {
    display: flex; }
  .setcat-campaigns .create-edit-form .questionnaires .tags {
    padding-top: 5px; }
  .setcat-campaigns .create-edit-form .questionnaires .form-control, .setcat-campaigns .create-edit-form .actions .form-control {
    width: auto; }

.setcat-campaigns .tag {
  display: inline-block;
  padding: 4px;
  border-radius: 5px;
  background-color: #ddd;
  border: 1px solid #ccc; }
  .setcat-campaigns .tag .remove {
    cursor: pointer; }

.setcat-campaigns .campaign-tile .icon {
  font-size: 65px;
  text-align: center; }

.setcat-campaigns .campaign-tile .name-and-details {
  flex-grow: 1;
  flex-shrink: 1; }

.setcat-campaigns .campaign-tile .campaign-name {
  font-size: 16px; }

.setcat-campaigns .campaign-tile .run-date {
  padding-right: 5px;
  padding-top: 30px; }

.setcat-campaigns .campaign-tile .activate-deactivate {
  padding-right: 5px;
  padding-top: 30px; }

.setcat-campaigns .campaign-tile .edit-run-terminate {
  position: relative;
  padding-top: 30px;
  padding-right: 6px; }
  .setcat-campaigns .campaign-tile .edit-run-terminate button {
    display: block;
    margin-bottom: 2px; }
  .setcat-campaigns .campaign-tile .edit-run-terminate .campaign-delete {
    position: absolute;
    top: 2px;
    right: 3px;
    cursor: pointer;
    font-size: 20px; }
    .setcat-campaigns .campaign-tile .edit-run-terminate .campaign-delete:hover {
      color: #000; }

.survey-tile {
  overflow-y: hidden; }
  .survey-tile .name-description .full-name {
    line-height: 1em; }
  .survey-tile .name-description .small-font {
    margin-top: 4px; }
  .survey-tile i {
    font-size: 60px; }
  .survey-tile .icon {
    text-align: center; }

.survey-designer-tile {
  overflow-y: hidden;
  cursor: pointer;
  z-index: 5;
  position: relative; }
  .survey-designer-tile .name-description .full-name {
    line-height: 1em; }
  .survey-designer-tile .name-description .small-font {
    margin-top: 4px; }
  .survey-designer-tile i {
    font-size: 60px; }
  .survey-designer-tile .icon {
    text-align: center; }
  .survey-designer-tile .extra-details {
    position: relative; }
    .survey-designer-tile .extra-details .is-published {
      margin-top: 40px;
      margin-right: 6px; }

.linked-data-display:hover {
  cursor: pointer; }

.linked-data-display .report-linked-data-display-collapsed {
  margin-left: 30px;
  z-index: 2; }

.linked-data-display.collapsed .report-linked-data-display-expanded, .linked-data-display.collapsed .algorithm-linked-data-display-expanded, .linked-data-display.collapsed .report-tile, .linked-data-display.collapsed .algorithm-tile {
  opacity: 0;
  overflow: hidden;
  height: 0; }

.linked-data-display.collapsed .algorithm-linked-data-display-collapsed, .linked-data-display.collapsed .report-linked-data-display-collapsed {
  opacity: 1;
  height: 10px; }

.linked-data-display .report-linked-data-display-expanded {
  margin-left: 30px; }

.linked-data-display .report-linked-data-display-expanded, .linked-data-display .algorithm-linked-data-display-expanded, .linked-data-display .report-tile, .linked-data-display .algorithm-tile {
  opacity: 1.0;
  transition-property: opacity, height;
  transition-duration: 0.3s; }

.linked-data-display .algorithm-linked-data-display-collapsed, .linked-data-display .report-linked-data-display-collapsed {
  opacity: 0.0;
  height: 0;
  transition: opacity 0.05s, height 0.1s; }

.linked-data-display .algorithm-linked-data-display-collapsed {
  margin-left: 45px;
  z-index: 1; }

.linked-data-display .algorithm-linked-data-display-expanded {
  margin-left: 45px; }

.x-button {
  position: absolute;
  top: 0;
  right: 7px;
  cursor: pointer;
  font-size: 24px; }

.setcat-report-editor .report-tile:hover {
  background-color: #dced8c; }

.setcat-report-editor .image-tile:hover {
  background-color: #add8e6; }

.report-tile {
  display: flex;
  overflow-y: hidden;
  cursor: pointer;
  transition: background-color 0.2s; }
  .report-tile .icon {
    text-align: center; }
    .report-tile .icon em {
      font-size: 60px; }
  .report-tile .report-description-and-categories {
    flex-grow: 1; }
    .report-tile .report-description-and-categories h3 {
      margin-top: 0;
      margin-bottom: 3px; }
    .report-tile .report-description-and-categories p {
      margin-bottom: 3px; }
  .report-tile .published-and-remove {
    position: relative;
    width: 100px;
    flex-grow: 0;
    flex-shrink: 0; }
    .report-tile .published-and-remove .is-published {
      margin-top: 40px;
      margin-right: 6px; }
      .report-tile .published-and-remove .is-published div {
        text-align: right; }

.image-tile {
  display: flex;
  overflow-y: hidden;
  cursor: pointer;
  transition: background-color 0.2s;
  background-color: white; }
  .image-tile .icon {
    text-align: center; }
    .image-tile .icon em {
      font-size: 60px; }
    .image-tile .icon img {
      width: 60px; }
  .image-tile .image-tile-summary {
    flex-grow: 1;
    width: 265px;
    max-width: 265px; }
    .image-tile .image-tile-summary h3 {
      margin-top: 0;
      margin-bottom: 3px;
      font-size: 16px; }
      .image-tile .image-tile-summary h3 input[type="radio"] {
        vertical-align: text-top;
        height: 14px; }
    .image-tile .image-tile-summary p {
      margin-bottom: 3px;
      margin-left: 17px;
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis; }
  .image-tile .edit-and-remove {
    position: relative;
    width: 25px;
    flex-grow: 0;
    flex-shrink: 0; }
    .image-tile .edit-and-remove .edit-button {
      position: absolute;
      top: 0;
      right: 4px;
      cursor: pointer;
      font-size: 15px;
      font-weight: normal; }
    .image-tile .edit-and-remove .x-button {
      position: absolute;
      top: 18px;
      right: 6px;
      cursor: pointer;
      font-size: 15px;
      font-weight: normal; }

.dashboard-survey-answers .survey-answers-checkbox {
  margin-left: 5px;
  vertical-align: middle;
  margin-right: 10px; }

.dashboard-survey-answers .survey-answers-checkbox-label {
  padding-left: 5px;
  font-weight: normal;
  vertical-align: sub; }

.dashboard-survey-answers .box-header {
  overflow-x: hidden;
  position: relative; }
  .dashboard-survey-answers .box-header .box-title {
    white-space: nowrap; }
  .dashboard-survey-answers .box-header .pull-right {
    position: relative; }
    .dashboard-survey-answers .box-header .pull-right em, .dashboard-survey-answers .box-header .pull-right i {
      background-color: #8cb4cd;
      position: absolute;
      top: 0;
      margin-top: 0;
      cursor: pointer;
      box-shadow: 0 0 5px #8cb4cd;
      box-shadow: -5px 0 5px -2px #8cb4cd; }
    .dashboard-survey-answers .box-header .pull-right em.fa {
      padding: 5px 5px 0 2px;
      font-size: large; }
      .dashboard-survey-answers .box-header .pull-right em.fa.fa-clipboard {
        right: 18px; }
      .dashboard-survey-answers .box-header .pull-right em.fa.fa-list-alt {
        right: 40px; }
    .dashboard-survey-answers .box-header .pull-right .icon-help {
      right: 0;
      padding-top: 7px;
      padding-right: 6px;
      padding-left: 0; }

.dashboard-survey-answers .box-body {
  padding-top: 0; }
  .dashboard-survey-answers .box-body .tablist {
    padding-top: 0; }
    .dashboard-survey-answers .box-body .tablist .tab.active a {
      color: #000; }
  .dashboard-survey-answers .box-body .tab-content {
    padding-bottom: 15px; }
    .dashboard-survey-answers .box-body .tab-content .survey-title-bar {
      display: flex; }
      .dashboard-survey-answers .box-body .tab-content .survey-title-bar .patient-name, .dashboard-survey-answers .box-body .tab-content .survey-title-bar .time-taking-survey {
        flex-shrink: 0;
        flex-grow: 2;
        font-size: 12px; }
      .dashboard-survey-answers .box-body .tab-content .survey-title-bar .time-taking-survey {
        text-align: right; }
      .dashboard-survey-answers .box-body .tab-content .survey-title-bar .survey-name {
        flex-grow: 5;
        text-align: center;
        font-weight: bold;
        font-size: 1.2em; }
    .dashboard-survey-answers .box-body .tab-content .question-answers-list {
      overflow-y: auto; }
      .dashboard-survey-answers .box-body .tab-content .question-answers-list .numeric-collection-question-answer {
        position: static; }
      .dashboard-survey-answers .box-body .tab-content .question-answers-list .subquestions tr {
        transition: background-color 0.2s; }
        .dashboard-survey-answers .box-body .tab-content .question-answers-list .subquestions tr:hover {
          background-color: #eee; }
      .dashboard-survey-answers .box-body .tab-content .question-answers-list .subquestions .question {
        padding-bottom: 5px; }
      .dashboard-survey-answers .box-body .tab-content .question-answers-list .matrix-question-answer {
        padding-top: 5px; }
      .dashboard-survey-answers .box-body .tab-content .question-answers-list .question-answer {
        transition: border-color 0.2s; }
        .dashboard-survey-answers .box-body .tab-content .question-answers-list .question-answer:hover {
          border-color: #999; }

.dashboard-survey-answers .question-answers .printable-widget {
  position: static; }

.survey-select-dialog .box-body {
  height: 450px;
  height: 70vh;
  height: calc(85vh - 95px); }
  .survey-select-dialog .box-body .surveys {
    overflow-y: auto;
    height: 420px;
    height: 65vh;
    height: calc(85vh - 125px);
    cursor: pointer; }

.survey-select-dialog .box-footer {
  height: 65px; }
  .survey-select-dialog .box-footer .cancel {
    margin-left: 5px; }

.colour-selector {
  height: 310px;
  width: 407px;
  display: flex;
  flex-direction: column; }
  .colour-selector .box-body {
    flex-grow: 1; }
  .colour-selector .box-footer, .colour-selector .box-header {
    flex-grow: 0;
    flex-shrink: 0; }
    .colour-selector .box-footer .cancel, .colour-selector .box-header .cancel {
      margin-left: 5px; }

.icon-selector {
  height: 480px;
  display: flex;
  flex-direction: column; }
  .icon-selector > .box-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
    .icon-selector > .box-body .search-box {
      flex-shrink: 0;
      flex-grow: 0; }
    .icon-selector > .box-body .icon-search-results {
      flex-grow: 1;
      flex-shrink: 1;
      padding-top: 5px;
      overflow-y: auto;
      height: 380px; }
      .icon-selector > .box-body .icon-search-results .icon {
        display: inline-block;
        font-size: 25px;
        width: 40px;
        height: 35px;
        cursor: pointer;
        text-align: center;
        transition: color 0.2s;
        border-radius: 5px; }
        .icon-selector > .box-body .icon-search-results .icon em {
          color: #222; }
        .icon-selector > .box-body .icon-search-results .icon:hover em {
          color: #000; }
        .icon-selector > .box-body .icon-search-results .icon.selected {
          box-shadow: 0 0 5px #00f inset; }
  .icon-selector .box-footer .cancel {
    margin-left: 5px; }

.image-selector {
  height: 480px;
  display: flex;
  flex-direction: column; }
  .image-selector > .image-selector-body {
    flex-grow: 1; }
  .image-selector div.box-body {
    padding: 0 4px 0 4px; }
  .image-selector .save-button {
    margin-right: 5px; }

.image-tile-edit {
  width: 480px;
  height: 100px;
  display: flex;
  flex-direction: column; }
  .image-tile-edit .field {
    text-align: right; }
  .image-tile-edit > .image-tile-edit-body {
    flex-grow: 1; }
  .image-tile-edit .save-button {
    margin-right: 5px; }
  .image-tile-edit input {
    min-width: 100%; }

.upload-report-image .image {
  text-align: center;
  height: 300px; }

.upload-report-image .input-group {
  margin-top: 5px;
  float: left;
  padding-left: 20px; }
  .upload-report-image .input-group input {
    width: 100%; }

.upload-report-image .btn-success {
  height: 28px;
  padding-top: 3px;
  margin-top: 5px; }

.existing-images {
  height: 36vh;
  overflow: scroll; }
  .existing-images > div {
    text-align: center; }
  .existing-images .selected {
    border-color: #000;
    box-shadow: 0 0 15px #00f; }
  .existing-images ul {
    padding: 0;
    list-style-type: none; }
  .existing-images li {
    text-align: center;
    float: left;
    width: 33%;
    list-style: none;
    height: 100px;
    border: thin solid;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

.multi-report-images .image-list {
  height: 36vh;
  overflow: scroll; }
  .multi-report-images .image-list ul {
    padding: 0;
    list-style-type: none; }

.multi-report-images .input-group {
  margin-top: 5px;
  float: left;
  padding-left: 20px; }
  .multi-report-images .input-group input {
    width: 100%; }

.multi-report-images .btn-success {
  height: 28px;
  padding-top: 3px;
  margin-top: 5px; }

.encounter-type-survey-cycles {
  min-height: 400px; }
  .encounter-type-survey-cycles .search-bar {
    display: flex; }
    .encounter-type-survey-cycles .search-bar .search-inputs {
      width: 100%;
      padding-right: 5px; }
    .encounter-type-survey-cycles .search-bar .form-group {
      flex-grow: 1; }
    .encounter-type-survey-cycles .search-bar .help-icon {
      flex-grow: 0;
      width: 50px; }
  .encounter-type-survey-cycles .control-list {
    z-index: 999;
    position: absolute;
    right: 10px;
    left: 5px; }
    .encounter-type-survey-cycles .control-list .survey-tile:hover {
      background-color: #d3f1fa; }
  .encounter-type-survey-cycles .help-icon {
    cursor: pointer;
    font-size: 18px;
    padding-right: 5px; }
  .encounter-type-survey-cycles .encounter-type-stats-box {
    border: 1px solid;
    border-radius: 4px;
    padding: 5px;
    margin-top: 25px; }
  .encounter-type-survey-cycles .task-group {
    background-color: rgba(128, 128, 128, 0.12);
    border-radius: 5px;
    margin-bottom: 5px; }
  .encounter-type-survey-cycles .survey-row {
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid;
    background-color: #ffffff; }
    .encounter-type-survey-cycles .survey-row:hover {
      cursor: move; }
    .encounter-type-survey-cycles .survey-row .order-text {
      font-weight: bold;
      padding: 5px;
      border: 1px solid;
      border-radius: 3px;
      width: 30%;
      text-align: center;
      background-color: #F0FFFF; }
    .encounter-type-survey-cycles .survey-row .survey-row-value {
      padding-top: 5px; }
  .encounter-type-survey-cycles .title-row {
    padding: 5px 5px 0 5px; }
  .encounter-type-survey-cycles .task-group-title-row {
    margin: 5px; }

.patient-search-result-icon {
  z-index: 1;
  color: inherit;
  margin-top: auto;
  margin-bottom: auto; }

.patient-male {
  background-color: #537eff; }

.patient-female {
  background-color: #ff79dd; }

.patient-search .patient-search-checkbox {
  margin-left: 5px;
  vertical-align: middle; }

.patient-search .patient-search-checkbox-label {
  padding-left: 5px;
  font-weight: normal;
  vertical-align: sub; }

.patient-search .search-by-text {
  vertical-align: sub; }

.patient-search .control-list {
  max-height: 422px;
  overflow-x: auto; }
  .patient-search .control-list .patient-search-result {
    display: flex;
    justify-content: space-around;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px; }
    .patient-search .control-list .patient-search-result .small-font {
      font-size: 0.9em;
      line-height: 1.2em;
      overflow-y: auto; }
    .patient-search .control-list .patient-search-result > .patient-search-info-container {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      padding-top: 5px; }
      .patient-search .control-list .patient-search-result > .patient-search-info-container > .patient-search-info {
        display: flex;
        justify-content: space-between; }

.patient-search .input-group input.form-control {
  z-index: auto;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.ui-draggable-dragging.patient-today-icon {
  color: inherit; }
  .ui-draggable-dragging.patient-today-icon .icon {
    margin-top: 0;
    margin-bottom: 0; }

.ui-draggable-placeholder {
  border: 1px dashed #0d5fe5 !important; }

.ui-draggable {
  cursor: pointer; }

/*
Either this or the draggable mixin should be used on every element
that is draggable.
*/
.draggable {
  cursor: pointer; }

.setcat-survey-cycles .survey {
  margin: 5px;
  padding: 5px; }
  .setcat-survey-cycles .survey .default {
    margin-top: 5px; }

.setcat-survey-cycles .assistant-survey {
  border: 1px solid #fff; }
  .setcat-survey-cycles .assistant-survey:hover {
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px #ddd;
    cursor: move; }

.setcat-survey-cycles .task-group {
  border-radius: 5px;
  padding: 5px;
  margin: 5px; }

.patient-info-collapse {
  font-size: 20px;
  text-align: right;
  padding-right: 10px;
  color: #fff; }
  .patient-info-collapse .btn-xs {
    margin-bottom: 2px; }
  .patient-info-collapse:hover {
    cursor: pointer; }

.widget-instance-being-dragged {
  background-color: #fff;
  box-shadow: 0 0 3px #ddd inset, 0 0 5px #888; }

.list-info-box-table .name-column {
  width: 40%; }

.list-info-box-table .description-column {
  width: 60%; }

.layout-editor-box {
  min-height: 100px; }

/* This is meant to be used on any <a href> link, to make it fill
   the entire area that contains it.

   For example, see the system_settings.html page.
*/
.full-size-link {
  display: flex;
  width: 100%;
  height: 100%; }

.user-permissions-modal {
  width: 950px;
  padding-left: 8px;
  padding-right: 8px; }

.two-side-multi-select-control {
  width: 500px; }
  .two-side-multi-select-control select {
    width: 100%; }
  .two-side-multi-select-control .vertical-align {
    margin-top: 100%; }
  .two-side-multi-select-control .btn {
    margin: 5px;
    font-size: 10px; }

.ui-draggable-helper {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .ui-draggable-helper > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .ui-draggable-helper > .box-header select, .ui-draggable-helper > .box-header input, .ui-draggable-helper > .box-header option {
      color: #000; }
    .ui-draggable-helper > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .ui-draggable-helper > .box-header .box-title a, .ui-draggable-helper > .box-header .box-title div {
        color: #FFFFFF !important; }
  .ui-draggable-helper > .box-header {
    cursor: pointer; }
    .ui-draggable-helper > .box-header .box-title {
      cursor: pointer; }
  .ui-draggable-helper > div > .box, .ui-draggable-helper > .box {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .ui-draggable-helper > div > .box > .box-header, .ui-draggable-helper > .box > .box-header {
      background-color: #8cb4cd;
      color: #fff;
      margin: 0 0 2px 0;
      padding-bottom: 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 2px 5px 0px #7fabc6 inset; }
      .ui-draggable-helper > div > .box > .box-header select, .ui-draggable-helper > div > .box > .box-header input, .ui-draggable-helper > div > .box > .box-header option, .ui-draggable-helper > .box > .box-header select, .ui-draggable-helper > .box > .box-header input, .ui-draggable-helper > .box > .box-header option {
        color: #000; }
      .ui-draggable-helper > div > .box > .box-header .box-title, .ui-draggable-helper > .box > .box-header .box-title {
        color: #FFFFFF !important;
        padding: 5px 0px 5px 10px;
        text-shadow: 0 0 2px #7fabc6; }
        .ui-draggable-helper > div > .box > .box-header .box-title a, .ui-draggable-helper > div > .box > .box-header .box-title div, .ui-draggable-helper > .box > .box-header .box-title a, .ui-draggable-helper > .box > .box-header .box-title div {
          color: #FFFFFF !important; }
    .ui-draggable-helper > div > .box > .box-header, .ui-draggable-helper > .box > .box-header {
      cursor: pointer; }
      .ui-draggable-helper > div > .box > .box-header .box-title, .ui-draggable-helper > .box > .box-header .box-title {
        cursor: pointer; }

.ui-sortable > div > section > div, .ui-sortable > div > .box, .ui-sortable > div > div > div {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .ui-sortable > div > section > div > .box-header, .ui-sortable > div > .box > .box-header, .ui-sortable > div > div > div > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .ui-sortable > div > section > div > .box-header select, .ui-sortable > div > section > div > .box-header input, .ui-sortable > div > section > div > .box-header option, .ui-sortable > div > .box > .box-header select, .ui-sortable > div > .box > .box-header input, .ui-sortable > div > .box > .box-header option, .ui-sortable > div > div > div > .box-header select, .ui-sortable > div > div > div > .box-header input, .ui-sortable > div > div > div > .box-header option {
      color: #000; }
    .ui-sortable > div > section > div > .box-header .box-title, .ui-sortable > div > .box > .box-header .box-title, .ui-sortable > div > div > div > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .ui-sortable > div > section > div > .box-header .box-title a, .ui-sortable > div > section > div > .box-header .box-title div, .ui-sortable > div > .box > .box-header .box-title a, .ui-sortable > div > .box > .box-header .box-title div, .ui-sortable > div > div > div > .box-header .box-title a, .ui-sortable > div > div > div > .box-header .box-title div {
        color: #FFFFFF !important; }
  .ui-sortable > div > section > div > .box-header, .ui-sortable > div > .box > .box-header, .ui-sortable > div > div > div > .box-header {
    cursor: pointer; }
    .ui-sortable > div > section > div > .box-header .box-title, .ui-sortable > div > .box > .box-header .box-title, .ui-sortable > div > div > div > .box-header .box-title {
      cursor: pointer; }

.ui-sortable .c-patient-profile-mini .box-header > div {
  padding-top: 0; }

.ui-sortable-handle {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .ui-sortable-handle > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .ui-sortable-handle > .box-header select, .ui-sortable-handle > .box-header input, .ui-sortable-handle > .box-header option {
      color: #000; }
    .ui-sortable-handle > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .ui-sortable-handle > .box-header .box-title a, .ui-sortable-handle > .box-header .box-title div {
        color: #FFFFFF !important; }
  .ui-sortable-handle > .box-header {
    cursor: pointer; }
    .ui-sortable-handle > .box-header .box-title {
      cursor: pointer; }
  .ui-sortable-handle .c-patient-profile-mini .box-header > div {
    padding-top: 0; }

.entity-address {
  padding-bottom: 20px; }

.entity-addresses .sortable-array {
  overflow: visible; }

.sortable-array .addresses-sortable-array {
  margin-left: 6px; }

.sortable-array {
  overflow: hidden;
  padding-bottom: 7px;
  height: auto !important;
  cursor: move !important;
  margin: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .sortable-array .control-list-item.uncollapsed {
    height: auto !important;
    background-color: #ffffff; }
  .sortable-array .control-list-item .related-person-icon .order-icon {
    background-color: #5e5e5e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 70px;
    width: 60px;
    margin: 2px; }
    .sortable-array .control-list-item .related-person-icon .order-icon .order-icon-text {
      text-align: center;
      color: #ffffff;
      font-size: 48px;
      height: 50px; }
  .sortable-array .control-list-item i:hover {
    cursor: pointer; }
  .sortable-array.ui-sortable-disabled > div:hover {
    cursor: default !important; }
  .sortable-array.ui-sortable-disabled label {
    cursor: default; }
  .sortable-array label {
    cursor: move; }
  .sortable-array .ui-sortable-handle {
    border: 1px solid #fff; }
    .sortable-array .ui-sortable-handle:hover {
      border-radius: 5px;
      border: 1px solid #ddd; }
  .sortable-array fieldset {
    padding-right: 5px;
    padding-top: 5px; }

#toast-container .toast {
  background-image: none !important; }

#toast-container .toast:before {
  position: fixed;
  font-family: 'FontAwesome';
  font-size: 24px;
  line-height: 18px;
  float: left;
  color: #FFF;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em; }

#toast-container .toast-info:before {
  content: "\f05a"; }

#toast-container .toast-warning:before {
  content: "\f071"; }

#toast-container .toast-error:before {
  content: "\f06a"; }

#toast-container .toast-success:before {
  content: "\f05d"; }

.job-function .multi-select {
  padding-left: 25px; }

.publish .publish-text {
  margin-top: 15px; }

.publish .publish-divider {
  border-top: 1px solid;
  margin-bottom: 15px;
  margin-top: 15px; }

.publish .tablet-preview-button {
  margin-bottom: 10px; }

.tablet-preview .preview-with-frame {
  position: relative; }
  .tablet-preview .preview-with-frame.portrait .background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(90deg); }
  .tablet-preview .preview-with-frame .background {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
    /* behind the iframe */ }
  .tablet-preview .preview-with-frame iframe {
    border: 1px solid #888;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2; }

.tablet-preview .preview-footer {
  padding-top: 5px; }
  .tablet-preview .preview-footer .center-block {
    position: relative;
    left: -79px; }
  .tablet-preview .preview-footer .preview-size-options {
    padding-left: 5px;
    float: left;
    display: flex; }
    .tablet-preview .preview-footer .preview-size-options select {
      margin-right: 5px; }
    .tablet-preview .preview-footer .preview-size-options em {
      font-size: 18px;
      transition: transform 0.3s, filter 0.3s; }
      .tablet-preview .preview-footer .preview-size-options em.rotated {
        transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.help-tutorials iframe {
  width: 100%;
  height: calc(100vh - 85px); }

.parent-question {
  max-height: 66px;
  overflow-y: hidden; }

.regular-question {
  max-height: 76px;
  overflow-y: hidden; }

.data-list-tile.is-light-background .button-question {
  color: #000; }

.data-list-tile .button-question {
  color: #fff; }

.multiple-choice-tile {
  max-height: 82px; }
  .multiple-choice-tile .question-text {
    font-weight: bold;
    font-size: 1.3em;
    padding-left: 10px; }
    .multiple-choice-tile .question-text p {
      margin-bottom: 0; }
  .multiple-choice-tile .answer-index, .multiple-choice-tile .answer-description {
    display: inline-block; }
  .multiple-choice-tile .answer-index {
    width: 30px;
    text-align: right; }
  .multiple-choice-tile .choices {
    padding-left: 30px;
    line-height: 1.4;
    max-height: 49px;
    overflow: hidden; }
  .multiple-choice-tile .button-question {
    color: #fff; }
  .multiple-choice-tile.is-light-background .button-question {
    color: #000; }

.survey-question {
  background-color: #ffffff;
  margin-left: 0;
  padding-left: 5px; }
  .survey-question .top-border {
    border-top: 1px solid #b1b1b1;
    padding-top: 10px; }
  .survey-question .disabled {
    cursor: not-allowed; }
  .survey-question form > fieldset {
    margin-bottom: 0;
    padding-bottom: 0; }
    .survey-question form > fieldset .form-group-divider {
      line-height: 5px;
      margin-bottom: 0;
      padding-bottom: 0; }
  .survey-question div.form-group > div > input[type="checkbox"].is-persistent {
    margin-left: 10px;
    margin-top: 0; }
  .survey-question .ratings {
    flex-direction: row-reverse; }
    .survey-question .ratings .form-group {
      width: 245px;
      margin-bottom: 0;
      margin-right: 3px; }
      .survey-question .ratings .form-group label {
        margin-left: 9px; }
  .survey-question .question-editor .question-row {
    height: 34px;
    padding: 3px 0; }
    .survey-question .question-editor .question-row .question-label {
      width: 80px;
      padding-right: 5px;
      display: inline-block;
      line-height: 28px;
      vertical-align: bottom; }
    .survey-question .question-editor .question-row > .question-text {
      display: inline-block;
      width: calc(100% - 265px);
      overflow: hidden; }
    .survey-question .question-editor .question-row > .alias {
      width: 175px;
      display: inline-block; }
      .survey-question .question-editor .question-row > .alias .col-xs-9 {
        padding-right: 1px; }
    .survey-question .question-editor .question-row > .is-persistent-group {
      width: 175px;
      display: inline-block;
      vertical-align: bottom;
      padding-left: 10px; }
    .survey-question .question-editor .question-row > .user-friendly-qtype-parent {
      display: inline-block; }
  .survey-question .indented-field {
    display: flex;
    padding-left: 90px;
    margin-bottom: 5px; }
    .survey-question .indented-field > div, .survey-question .indented-field > label {
      flex-shrink: 1;
      flex-grow: 1; }
      .survey-question .indented-field > div.control-label, .survey-question .indented-field > label.control-label {
        width: 147px;
        padding-right: 5px;
        flex-shrink: 0;
        flex-grow: 0; }
  .survey-question .form-control.cke_editable {
    font-size: 14px;
    font-family: inherit; }

.advanced-actions {
  padding-left: 5px;
  padding-right: 5px; }

.advanced-action-read .toggleable {
  font-weight: bold;
  color: #428bca; }
  .advanced-action-read .toggleable:hover {
    color: #2a6496;
    text-decoration: underline; }

.advanced-action-write .rule-content {
  margin: 40px; }
  .advanced-action-write .rule-content .advanced-action-row {
    padding-bottom: 10px; }
  .advanced-action-write .rule-content .condition-and {
    padding-top: 3px; }

.advanced-action-write .save-close-buttons {
  padding-bottom: 10px;
  padding-right: 10px; }

.send-reports-action {
  display: flex;
  width: 100%; }
  .send-reports-action > div {
    flex-grow: 1; }
  .send-reports-action .destination {
    width: 260px;
    flex-grow: 0;
    display: flex; }
    .send-reports-action .destination label {
      padding-left: 4px;
      padding-top: 3px;
      width: 60px;
      flex-shrink: 0; }
    .send-reports-action .destination select {
      flex-grow: 1; }

.rule-row {
  height: 95px;
  padding: 3px 0;
  display: flex; }
  .rule-row .rule-order {
    font-size: 50px;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: #fdfdfd;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px;
    margin-left: 3px;
    height: 70px;
    width: 70px;
    border-radius: 8px;
    font-weight: bold; }
  .rule-row .remove-button {
    vertical-align: top;
    padding: 5px;
    font-size: 24px;
    width: 30px;
    display: inline-block; }
  .rule-row .rule-row-content {
    flex-grow: 1; }

.toggled-advanced-action-editor {
  background-color: #ffffff;
  margin-left: 0;
  padding-left: 5px; }
  .toggled-advanced-action-editor .rule-content {
    margin: 40px; }
  .toggled-advanced-action-editor .control-list {
    min-height: 100px;
    height: inherit; }
    .toggled-advanced-action-editor .control-list .control-list-item {
      height: 95px; }
      .toggled-advanced-action-editor .control-list .control-list-item .icon {
        height: initial; }
  .toggled-advanced-action-editor .top-border {
    border-top: 1px solid #b1b1b1;
    padding-top: 10px; }
  .toggled-advanced-action-editor .disabled {
    cursor: not-allowed; }
  .toggled-advanced-action-editor form > fieldset {
    margin-bottom: 0;
    padding-bottom: 0; }
    .toggled-advanced-action-editor form > fieldset .form-group-divider {
      line-height: 5px;
      margin-bottom: 0;
      padding-bottom: 0; }

.survey-questions {
  margin-top: 5px; }
  .survey-questions .control-list {
    min-height: 100px;
    height: inherit; }
    .survey-questions .control-list .control-list-item {
      height: 95px; }
      .survey-questions .control-list .control-list-item .icon {
        height: initial; }
  .survey-questions .btn {
    margin: 5px; }
  .survey-questions .matrix-value > .question-rows > .buttons {
    display: flex;
    flex: 0 100px;
    justify-content: space-around;
    align-items: stretch; }
    .survey-questions .matrix-value > .question-rows > .buttons .bar {
      height: 2px;
      width: 100%;
      background-color: #ccc;
      margin-top: 18px; }
    .survey-questions .matrix-value > .question-rows > .buttons .button-box {
      width: 120px; }

.printable-widget {
  overflow: hidden; }

.numeric-collection-question-answer .question-html {
  margin-left: 3px; }

.numeric-collection-question-answer .printable-widget {
  position: static;
  top: auto;
  left: auto; }

.numeric-collection-question-answer .subquestions {
  margin-left: 10px;
  margin-bottom: 5px; }
  .numeric-collection-question-answer .subquestions .plain-question-and-answer-text > div {
    border-top: 1px solid #ccc;
    min-height: 23px; }

.qr-code .display {
  text-align: center; }
  .qr-code .display img {
    margin-left: auto;
    margin-right: auto; }

.questions .input-group .tag-search {
  margin-top: 5px; }

.questions .input-group .input-group-btn .btn {
  height: 28px !important; }

.remove-buttons {
  vertical-align: top;
  padding: 5px;
  font-size: 24px;
  width: 30px;
  display: inline-block;
  cursor: pointer; }

.light-button-text {
  color: #fff; }

.setcat-question, .questions {
  display: table;
  width: 100%;
  background-color: #ffffff !important; }
  .setcat-question .btn, .questions .btn {
    display: initial;
    white-space: initial;
    height: 32px !important;
    overflow: hidden; }
  .setcat-question .info-container, .questions .info-container {
    overflow: hidden; }
    .setcat-question .info-container .tiles, .questions .info-container .tiles {
      overflow: hidden; }
      .setcat-question .info-container .tiles .popover, .questions .info-container .tiles .popover {
        width: 325px !important;
        max-width: 325px;
        display: table !important;
        overflow-x: hidden; }
  .setcat-question .main-question-text, .questions .main-question-text {
    max-height: 36px;
    overflow: hidden; }
    .setcat-question .main-question-text > p, .questions .main-question-text > p {
      font-size: 14px;
      display: inline-block; }
  .setcat-question .q-info-padder, .questions .q-info-padder {
    padding-top: 10px; }
  .setcat-question .btn, .questions .btn {
    width: 70px;
    margin: 5px; }
  .setcat-question .show-more-btn, .questions .show-more-btn {
    width: 40px !important; }
  .setcat-question .button-question, .questions .button-question {
    border-radius: 10px;
    width: 100px;
    overflow: hidden; }
    .setcat-question .button-question.wide, .questions .button-question.wide {
      width: 100%; }
  .setcat-question .rating-tile, .questions .rating-tile {
    text-align: center; }
    .setcat-question .rating-tile .ratings, .questions .rating-tile .ratings {
      font-size: 20px;
      display: inline-block; }
  .setcat-question .matrix-question, .questions .matrix-question {
    height: 72px;
    overflow-y: hidden; }
    .setcat-question .matrix-question table, .questions .matrix-question table {
      width: 100%;
      box-shadow: 0 0 3px #ccc inset; }
      .setcat-question .matrix-question table tbody tr:nth-child(odd), .questions .matrix-question table tbody tr:nth-child(odd) {
        background-color: #fff; }
  .setcat-question .question-row, .questions .question-row {
    display: flex; }
    .setcat-question .question-row.excluded, .questions .question-row.excluded {
      background-color: #ffffaadb; }
    .setcat-question .question-row .question-info, .questions .question-row .question-info {
      vertical-align: top;
      flex-grow: 1; }
      .setcat-question .question-row .question-info button[data-toggle], .questions .question-row .question-info button[data-toggle] {
        margin: 0; }
    .setcat-question .question-row .question-order, .questions .question-row .question-order {
      font-size: 50px;
      flex-shrink: 0;
      flex-grow: 0;
      background-color: #fdfdfd;
      margin-top: auto;
      margin-bottom: auto;
      margin-right: 5px;
      margin-left: 3px;
      height: 70px;
      width: 70px;
      border-radius: 8px; }
      .setcat-question .question-row .question-order.three-digits, .questions .question-row .question-order.three-digits {
        font-size: 40px; }
    .setcat-question .question-row .icon, .questions .question-row .icon {
      width: 58px;
      padding: 0 5px;
      margin-top: auto !important;
      margin-bottom: auto !important; }
    .setcat-question .question-row button.button-question[data-toggle], .questions .question-row button.button-question[data-toggle] {
      margin-right: 6px; }
      .setcat-question .question-row button.button-question[data-toggle]:last-child, .questions .question-row button.button-question[data-toggle]:last-child {
        margin-right: 0; }
    .setcat-question .question-row .question-meta-data, .questions .question-row .question-meta-data {
      width: 140px;
      flex-shrink: 0;
      padding: 5px 5px;
      line-height: 20px;
      margin-top: auto;
      margin-bottom: auto; }
      .setcat-question .question-row .question-meta-data .question-meta-data-box, .questions .question-row .question-meta-data .question-meta-data-box {
        height: 80px;
        border-radius: 8px;
        font-size: 12px;
        background-color: #fdfdfd;
        padding-left: 4px;
        padding-right: 4px; }
        .setcat-question .question-row .question-meta-data .question-meta-data-box .question-meta-data-item, .questions .question-row .question-meta-data .question-meta-data-box .question-meta-data-item {
          white-space: nowrap;
          text-align: center;
          overflow: hidden; }
          .setcat-question .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .question-type, .questions .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .question-type {
            color: black; }
          .setcat-question .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .published, .questions .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .published {
            color: green; }
          .setcat-question .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .unpublished, .questions .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .unpublished {
            color: red; }
          .setcat-question .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .persistent, .questions .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .persistent {
            font-style: italic; }
          .setcat-question .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .tags, .questions .question-row .question-meta-data .question-meta-data-box .question-meta-data-item .tags {
            overflow: hidden; }

.numeric-options-form .alert-label {
  text-align: right;
  margin-top: 0.2em; }

.numeric-options-form .aligned-button {
  width: 2.2em;
  margin-top: -0.05em; }

.matrix-value .row {
  padding-left: 3px !important;
  margin-right: 0 !important; }

.matrix-value .subquestion-label {
  margin-top: 36px;
  width: 80px;
  padding-right: 5px;
  display: inline-block; }

.matrix-value .question-input {
  margin-top: 36px;
  width: calc(100% - 85px);
  display: inline-block; }

.matrix-value .subquestion {
  display: flex; }
  .matrix-value .subquestion .question {
    flex-grow: 1;
    min-width: 150px; }
  .matrix-value .subquestion .subquestion-options {
    max-width: 325px;
    flex-grow: 0;
    flex-shrink: 0; }

@media screen and (max-width: 1100px) {
  .matrix-value .subquestion .subquestion-options {
    max-width: 280px;
    flex-grow: 0;
    flex-shrink: 0; }
    .matrix-value .subquestion .subquestion-options label {
      padding-left: 2px;
      font-size: 0.9em; } }

.datetime .checkbox input[type="checkbox"] {
  margin-left: 0; }

.datetime .checkbox input[type="radio"] {
  vertical-align: middle;
  margin-top: 0; }

.datetime .checkbox input[type="date"] {
  width: 125px; }

.datetime .checkbox input[type="time"] {
  width: 125px; }

.datetime .checkbox label {
  padding-left: 5px; }

.datetime .datetime-header {
  border-bottom: 1px solid #b1b1b1; }

.datetime .datetime-body {
  padding-top: 5px; }

.datetime .datetime-section {
  border-radius: 5px;
  padding: 5px; }

.body-map .prepopulate-from-question, .body-map-tile .prepopulate-from-question {
  width: 300px; }

.body-map .body-map-image, .body-map-tile .body-map-image {
  background-image: url("/desktop/img/body_map.png");
  background-position: 6px 0;
  background-repeat: no-repeat;
  padding-left: 190px;
  padding-top: 20px;
  min-height: 138px; }

.body-map .content-container, .body-map-tile .content-container {
  width: 175px;
  margin: auto; }
  .body-map .content-container .image-wrapper, .body-map-tile .content-container .image-wrapper {
    height: 50px;
    width: 61px;
    display: inline-block; }
    .body-map .content-container .image-wrapper .body-map-image-small, .body-map-tile .content-container .image-wrapper .body-map-image-small {
      border-radius: 2px;
      content: url("/desktop/img/body_map.png");
      height: 100%;
      width: 100%;
      overflow: hidden !important; }
  .body-map .content-container .checkbox-wrapper, .body-map-tile .content-container .checkbox-wrapper {
    display: inline-block;
    vertical-align: top;
    padding-left: 3px; }

.body-map :disabled, .body-map-tile :disabled {
  cursor: not-allowed; }

.body-map input[type="checkbox"], .body-map-tile input[type="checkbox"] {
  position: relative;
  top: 2px; }

.col-centered {
  display: inline-block;
  float: none; }

select.form-control.select2, .select2.select2-container.select2-container--default {
  width: 100% !important; }

.select2-container--default {
  height: 28px; }
  .select2-container--default .select2-selection {
    height: 28px; }
    .select2-container--default .select2-selection.select2-selection--multiple {
      min-height: 28px; }
    .select2-container--default .select2-selection.select2-selection--single {
      min-height: 28px; }
    .select2-container--default .select2-selection .select2-selection__choice {
      margin-top: 1px; }
    .select2-container--default .select2-selection .select2-search--inline {
      margin-top: 0; }
      .select2-container--default .select2-selection .select2-search--inline .select2-search__field {
        margin-top: 0; }
    .select2-container--default .select2-selection .select2-selection__rendered {
      height: inherit; }

.ckeditor-input {
  white-space: nowrap;
  overflow: hidden; }

.question-control-options .simplecolorpicker span.color {
  border: 2px solid transparent;
  width: 25px;
  height: 25px; }
  .question-control-options .simplecolorpicker span.color:hover, .question-control-options .simplecolorpicker span.color[data-selected], .question-control-options .simplecolorpicker span.color[data-selected]:hover {
    border-color: #222;
    border-width: 2px; }

.question-control-options .flexible-choice.flex-buttons.button-shapes {
  display: inline; }
  .question-control-options .flexible-choice.flex-buttons.button-shapes.selected {
    border-bottom: 3px solid #000; }
  .question-control-options .flexible-choice.flex-buttons.button-shapes > label {
    width: 4em;
    height: 2.3em;
    font-size: 12px;
    line-height: 2em;
    display: inline-block;
    border-width: 0;
    margin-right: 2px;
    margin-bottom: 2px; }

.question-control-options .flexible-choice.flex-buttons.square > label {
  border-radius: 0; }

.question-control-options .rating-shapes {
  display: flex; }
  .question-control-options .rating-shapes > div {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 20px;
    border-style: solid;
    border-color: #ddd;
    border-width: 2px;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    display: flex;
    min-width: 200px;
    justify-content: space-between; }
    .question-control-options .rating-shapes > div.selected {
      border-color: #000; }
    .question-control-options .rating-shapes > div > div {
      font-size: 40px;
      color: #ddd; }
      .question-control-options .rating-shapes > div > div.selected {
        color: #000; }

.question-control-options > .row {
  height: 55px; }
  .question-control-options > .row > label, .question-control-options > .row > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

.question-control-options > .row:nth-child(odd) {
  background-color: #fdfdfd;
  margin-right: 0; }

.question-control-options .selection-options {
  display: flex;
  width: 100%;
  margin-top: 20px; }
  .question-control-options .selection-options > div {
    flex-grow: 1;
    text-align: center;
    padding-top: 4px;
    border-radius: 5px; }
    .question-control-options .selection-options > div h4 {
      margin-top: 0; }
    .question-control-options .selection-options > div.selected {
      background-color: #d9e8f1;
      box-shadow: 0 0 5px #8ebbd6 inset; }

.permission-group-membership {
  width: 543px; }

.survey-config-text {
  border-bottom: 1px solid #b1b1b1;
  padding-bottom: 2px; }

.question-tile-table {
  width: 100%;
  border-style: solid;
  border-width: 1px; }

.matrix-tile .btns-container {
  display: flex; }

.matrix-tile .question-btn-div {
  width: calc(100% - 65px);
  display: inline-block; }

.matrix-tile.is-light-background .btn {
  color: #000; }

.matrix-tile .btn {
  width: 100%;
  display: inline-block;
  color: #fff; }

.matrix-tile .btn-text {
  padding-left: 3%;
  padding-right: 3%; }

.matrix-tile .show-more-padder {
  display: inline-block;
  padding-left: 5px; }

.wide-popover {
  max-width: 100%; }

.popover-content-box {
  display: none; }

.single-numeric > div {
  margin-left: auto;
  max-width: 350px; }

.multiple-numeric-tile .popover-table {
  width: 100%;
  display: block; }
  .multiple-numeric-tile .popover-table .popover-question-text {
    width: auto;
    max-width: 400px; }
  .multiple-numeric-tile .popover-table .popover-slider {
    width: 200px; }

.multiple-numeric-tile .multiple-numeric-tile-table {
  width: 100%; }
  .multiple-numeric-tile .multiple-numeric-tile-table .subquestion-td {
    width: 15%; }
  .multiple-numeric-tile .multiple-numeric-tile-table .subquestion-text {
    height: 20px;
    margin: auto;
    overflow: hidden; }

.slider-span * {
  pointer-events: none; }

.related-person input[type="checkbox"] {
  height: 28px; }

.related-person-collapsed .control-label {
  padding-top: 5px; }

.payer-entity input[type="checkbox"] {
  height: 28px; }

.payer-entity .payer-entity-collapsed .control-label {
  padding-top: 5px; }

.active-question .c-q-button-choices {
  background-color: #ddeeff; }

.active-question .c-q-slider-with-numeric {
  background-color: #ddeeff; }
  .active-question .c-q-slider-with-numeric .mbsc-android-holo.mbsc-form {
    background-color: transparent; }

.active-question .c-q-textbox {
  background-color: #ddeeff; }

.active-question .c-q-matrix-value {
  background-color: #ddeeff; }

.active-question .c-q-radio-choices {
  background-color: #ddeeff; }

.active-question .c-q-mc-categorized {
  background-color: #ddeeff; }

.active-question .c-q-rating, .active-question .c-q-rating .c-question-text {
  background-color: #ddeeff; }

.active-question .c-q-checkbox {
  background-color: #ddeeff; }

.active-question .c-q-checkbox-6 {
  background-color: #ddeeff; }

.active-question .c-ma-review-header {
  background-color: #ddeeff; }

.active-question .c-q-body-demarc-group {
  background-color: #ddeeff;
  box-shadow: inset 0 0 4px 1px #bdf; }
  .active-question .c-q-body-demarc-group .c-body-demarc {
    background-color: transparent; }

.active-question .c-date-picker {
  background-color: #ddeeff; }

.c-q-rating .c-rating {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px; }
  .c-q-rating .c-rating .interactive.ratings.rating-markers > div {
    font-size: 25px; }

.c-databind-textboxes .visible-search-results {
  box-shadow: 0 0 3px #ddd inset; }
  .c-databind-textboxes .visible-search-results > div {
    padding-left: 5px;
    box-shadow: 0 0 2px #ddd inset; }

.c-databind-textboxes .search-query-row button {
  width: 30px; }

.tablet-box > .modal-footer {
  display: flex; }

.provider-selection-modal .modal-footer button {
  margin: 2px; }

.cke_format .cke_combo_text {
  width: auto !important; }

.toast-message a {
  text-decoration: underline;
  font-weight: bold; }

.daily-tips iframe {
  width: 100%;
  height: 100%; }

.c-ma-review-header h4 {
  margin-top: 0; }

.list-style-question-divider {
  padding-top: 5px;
  padding-bottom: 10px;
  border-top: 1px solid; }
  .list-style-question-divider.active-question {
    background-color: #ddeeff; }

.mandatory-content-modal-dialog {
  width: calc(300% - 50px);
  height: auto;
  height: calc(300% - 50px); }
  .mandatory-content-modal-dialog .modal-footer {
    height: 60px; }
    .mandatory-content-modal-dialog .modal-footer .btn {
      margin: 4px;
      padding: 4px; }
  .mandatory-content-modal-dialog .modal-header {
    height: 60px; }
    .mandatory-content-modal-dialog .modal-header h3 {
      margin-top: 10px; }

.mandatory-content-modal iframe {
  width: 100%;
  height: 100%; }

.eula iframe {
  padding: 0;
  margin: 0;
  width: 200%;
  min-height: 400px; }

.discard-duplicates-prompt {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .discard-duplicates-prompt > .box-header {
    background-color: #8cb4cd;
    color: #fff;
    margin: 0 0 2px 0;
    padding-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 5px 0px #7fabc6 inset; }
    .discard-duplicates-prompt > .box-header select, .discard-duplicates-prompt > .box-header input, .discard-duplicates-prompt > .box-header option {
      color: #000; }
    .discard-duplicates-prompt > .box-header .box-title {
      color: #FFFFFF !important;
      padding: 5px 0px 5px 10px;
      text-shadow: 0 0 2px #7fabc6; }
      .discard-duplicates-prompt > .box-header .box-title a, .discard-duplicates-prompt > .box-header .box-title div {
        color: #FFFFFF !important; }
  .discard-duplicates-prompt .box-body {
    width: 700px;
    height: 100px;
    text-align: center; }

.setcat-patient-import h4 {
  margin-top: -10px; }

.setcat-patient-import .box {
  border-top: 3px solid #cfdbe2; }
  .setcat-patient-import .box .box-header .box-title {
    font-weight: bold;
    font-size: 17px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #656565; }

.setcat-patient-import .patient-import-form {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px; }
  .setcat-patient-import .patient-import-form .import-form-row {
    display: flex; }
    .setcat-patient-import .patient-import-form .import-form-row > div {
      flex-grow: 1; }
      .setcat-patient-import .patient-import-form .import-form-row > div.left-side, .setcat-patient-import .patient-import-form .import-form-row > div.right-side {
        width: 100px;
        flex-shrink: 0;
        flex-grow: 0; }
      .setcat-patient-import .patient-import-form .import-form-row > div.right-side {
        text-align: center; }

.setcat-patient-import .import-controls-box {
  height: 300px; }

.setcat-patient-import .patient-import-rows {
  width: 100%;
  box-sizing: border-box;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden; }
  .setcat-patient-import .patient-import-rows .data-row .first-cell {
    width: 0;
    padding-right: 3px; }
  .setcat-patient-import .patient-import-rows .data-row .fa-warning {
    display: none; }
  .setcat-patient-import .patient-import-rows .data-row.alert-warning .fa-warning {
    display: inline-block; }
  .setcat-patient-import .patient-import-rows .data-row .data-cell {
    width: 5%;
    text-overflow: ellipsis;
    overflow: hidden; }

.setcat-patient-import .btn-file {
  position: relative;
  overflow: hidden;
  margin-left: 5px; }

.setcat-patient-import .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block; }

.setcat-patient-import .verify-row {
  padding-top: 10px; }

.setcat-patient-import .table-data .header-row, .setcat-patient-import .table-data .patient-import-rows {
  min-width: 900px; }

.setcat-patient-import .box-footer {
  padding-bottom: 30px; }

.setcat-manage-account {
  max-width: 850px;
  margin: auto;
  margin-bottom: 40px; }
  .setcat-manage-account .paying-balance-box {
    border-top: 3px solid #cfdbe2;
    height: 80px; }
  .setcat-manage-account .paying-balance {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px; }
    .setcat-manage-account .paying-balance .balance {
      flex-grow: 1; }
      .setcat-manage-account .paying-balance .balance label {
        font-size: 17px;
        margin-left: 5px;
        margin-bottom: 10px; }
      .setcat-manage-account .paying-balance .balance p {
        margin-left: 6px; }
        .setcat-manage-account .paying-balance .balance p span {
          font-size: 14px;
          font-weight: normal; }
          .setcat-manage-account .paying-balance .balance p span.amount {
            font-weight: bold; }
    .setcat-manage-account .paying-balance .payment-button {
      flex-grow: 0;
      padding-top: 26px;
      padding-right: 24px; }
  .setcat-manage-account .payment-method-item {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 4px; }
  .setcat-manage-account .payment-method-edit-container {
    max-width: 800px;
    float: none;
    margin: 0 auto;
    margin-bottom: 4px; }
  .setcat-manage-account .payment-method-type-icon {
    color: inherit;
    width: 70px; }
    .setcat-manage-account .payment-method-type-icon img {
      margin-top: -10px; }
    .setcat-manage-account .payment-method-type-icon .icon {
      margin-top: 0;
      margin-bottom: 0; }
  .setcat-manage-account .payment-method-description {
    font-size: 25px;
    margin-top: 20px; }
  .setcat-manage-account .payment-method-action-button {
    margin-top: 25px; }
  .setcat-manage-account .payment-method-add-button {
    margin: 10px; }
  .setcat-manage-account .box-body {
    min-height: 160px; }
  .setcat-manage-account form {
    margin: 5px; }
  .setcat-manage-account .dropdown-menu > li > a:hover {
    color: #444444; }

.saving-spinner {
  margin-right: 3px; }

.cc-image {
  height: 20px;
  display: inline-block;
  margin-top: 4px; }

.label-not-clickable {
  background-color: #808080; }

.invoice {
  max-width: 800px;
  padding: 15px; }
  .invoice .settings-nav {
    margin-bottom: 20px; }
  .invoice .invoice-page {
    font-size: 18px; }
    .invoice .invoice-page .invoice-header .payer-payee-row {
      margin-top: 10px;
      margin-bottom: 10px; }
    .invoice .invoice-page .invoice-header .invoice-metadata-row {
      margin-bottom: 20px; }
    .invoice .invoice-page .invoice-detail .table {
      border-bottom: 2px solid #ddd; }
    .invoice .invoice-page .invoice-detail .total-section .total {
      font-weight: bold;
      border-bottom: 2px solid #ddd; }
    .invoice .invoice-page .invoice-footer .footer-box {
      margin: 10px;
      height: 150px;
      border: solid 1px; }
      .invoice .invoice-page .invoice-footer .footer-box .footer-box-text {
        margin-top: 60px;
        font-weight: bold; }
    .invoice .invoice-page .invoice-footer .footer-text {
      font-size: 12px; }

.account-transaction-detail {
  min-width: 500px; }

.form-control.cke_editable {
  font-family: Arial, sans-serif;
  font-size: 11px; }

.widget-highlighted {
  background-color: #BCF9BC !important;
  background-image: none !important;
  -webkit-transition: background-color 50ms linear;
  -moz-transition: background-color 50ms linear;
  -o-transition: background-color 50ms linear;
  -ms-transition: background-color 50ms linear;
  transition: background-color 50ms linear;
  -webkit-animation-direction: alternate;
  /* Chrome, Safari, Opera */
  animation-direction: alternate;
  -webkit-animation-iteration-count: 2;
  /* Chrome, Safari, Opera */
  animation-iteration-count: 2; }

.widget-unhighlighted {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
  -webkit-animation-direction: alternate;
  /* Chrome, Safari, Opera */
  animation-direction: alternate;
  -webkit-animation-iteration-count: 2;
  /* Chrome, Safari, Opera */
  animation-iteration-count: 2; }

.setcat-algorithm-builder .no-algorithms {
  text-align: center;
  font-size: 18px;
  margin: 15px;
  padding: 15px;
  border-top: #6D8A88 1px solid; }

.split-view-pane .split-view-pane-divider {
  height: 5px;
  background-color: #888;
  cursor: row-resize; }

.algorithm-builder .algorithm-builder-content {
  display: flex;
  x-justify-content: space-around;
  x-align-items: stretch; }
  .algorithm-builder .algorithm-builder-content .box {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 35px; }
    .algorithm-builder .algorithm-builder-content .box > .box-header {
      background-color: #8cb4cd;
      color: #fff;
      margin: 0 0 2px 0;
      padding-bottom: 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 2px 5px 0px #7fabc6 inset; }
      .algorithm-builder .algorithm-builder-content .box > .box-header select, .algorithm-builder .algorithm-builder-content .box > .box-header input, .algorithm-builder .algorithm-builder-content .box > .box-header option {
        color: #000; }
      .algorithm-builder .algorithm-builder-content .box > .box-header .box-title {
        color: #FFFFFF !important;
        padding: 5px 0px 5px 10px;
        text-shadow: 0 0 2px #7fabc6; }
        .algorithm-builder .algorithm-builder-content .box > .box-header .box-title a, .algorithm-builder .algorithm-builder-content .box > .box-header .box-title div {
          color: #FFFFFF !important; }
  .algorithm-builder .algorithm-builder-content > .right-column {
    margin-left: 5px; }
  .algorithm-builder .algorithm-builder-content .toolbar-box {
    margin-left: 0;
    margin-right: 0; }
    .algorithm-builder .algorithm-builder-content .toolbar-box .template-button, .algorithm-builder .algorithm-builder-content .toolbar-box .test-button {
      border: 1px solid #888;
      border-radius: 4px;
      background: #e4e4e4 linear-gradient(to bottom, #fff, #e4e4e4);
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
      float: left;
      margin-right: 3px;
      color: #000;
      user-select: none;
      height: 26px; }
      .algorithm-builder .algorithm-builder-content .toolbar-box .template-button .toolbar-btn, .algorithm-builder .algorithm-builder-content .toolbar-box .test-button .toolbar-btn {
        border-width: 0;
        width: 34px;
        height: 24px; }
      .algorithm-builder .algorithm-builder-content .toolbar-box .template-button > .question-id-option .toolbar-btn, .algorithm-builder .algorithm-builder-content .toolbar-box .template-button > .page-repeat-option .toolbar-btn, .algorithm-builder .algorithm-builder-content .toolbar-box .test-button > .question-id-option .toolbar-btn, .algorithm-builder .algorithm-builder-content .toolbar-box .test-button > .page-repeat-option .toolbar-btn {
        height: 24px; }
      .algorithm-builder .algorithm-builder-content .toolbar-box .template-button button, .algorithm-builder .algorithm-builder-content .toolbar-box .test-button button {
        background-color: transparent; }
      .algorithm-builder .algorithm-builder-content .toolbar-box .template-button.disabled, .algorithm-builder .algorithm-builder-content .toolbar-box .test-button.disabled {
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
        cursor: not-allowed !important; }
    .algorithm-builder .algorithm-builder-content .toolbar-box .test-button {
      text-align: center; }
      .algorithm-builder .algorithm-builder-content .toolbar-box .test-button span {
        margin-top: 5px; }
  .algorithm-builder .algorithm-builder-content .run-output {
    height: 5px; }
    .algorithm-builder .algorithm-builder-content .run-output .lines {
      overflow: auto; }

.algorithm-builder .algorithm-builder-save-cancel {
  min-height: 40px;
  padding: 5px; }

.no-plan-access {
  text-align: center;
  color: #FF0000;
  font-size: 20px;
  border: 1px solid;
  border-radius: 5px; }
  .no-plan-access a {
    color: #FF0000;
    text-decoration: underline; }

.email-form {
  height: 100%;
  width: 300px; }

.dropdown-menu:after {
  bottom: 100%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px; }

.agenda-dropdown-menu:after {
  left: 13px; }

.algorithm-data-sources .applicable-surveys {
  margin-top: 20px; }

.algorithm-data-sources .btn-survey {
  border-radius: 10px;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 5px; }
  .algorithm-data-sources .btn-survey.selected {
    background-color: #BCF9BC; }

.question-list .question-text {
  white-space: nowrap;
  cursor: pointer; }

.question-list .list {
  padding-left: 5px; }
  .question-list .list i {
    margin-top: 4px;
    padding-right: 4px; }
  .question-list .list .child-question-text {
    padding-left: 15px; }

.setcat-practice .tab-content {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto; }

ul.multiselect-container.dropdown-menu {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden; }

.patient-profile-epic-data .control-list {
  height: inherit; }
  .patient-profile-epic-data .control-list .control-list-item {
    height: auto; }
    .patient-profile-epic-data .control-list .control-list-item.pointer {
      cursor: pointer; }
    .patient-profile-epic-data .control-list .control-list-item .data-point-count {
      font-size: 50px;
      flex-shrink: 0;
      flex-grow: 0;
      background-color: #fdfdfd;
      margin: auto 5px auto 3px;
      height: 70px;
      width: 70px;
      border-radius: 8px; }

.patient-profile-epic-data .care-plan-tile .status {
  font-size: 18px;
  font-weight: 500; }

.text-field-dialog {
  height: 19vh; }
  .text-field-dialog .box-body {
    margin-left: 5px;
    margin-right: 5px; }

@keyframes phoneAnimate {
  0% {
    transform: rotate(-10deg);
    text-shadow: 0px 0px 0px rgba(10, 10, 10, 0); }
  5% {
    transform: rotate(20deg);
    text-shadow: 1px 1px 3px rgba(10, 10, 10, 0.6); }
  10% {
    transform: rotate(-10deg); }
  15% {
    transform: rotate(-10deg); }
  20% {
    transform: rotate(20deg); }
  25% {
    transform: rotate(-10deg); }
  30% {
    transform: rotate(-10deg); }
  35% {
    transform: rotate(20deg); }
  40% {
    transform: rotate(-10deg);
    text-shadow: 1px 1px 3px rgba(10, 10, 10, 0.6); }
  45% {
    transform: rotate(20deg); }
  50% {
    text-shadow: 0px 0px 0px rgba(10, 10, 10, 0);
    transform: rotate(0); } }