/* Minification failed. Returning unminified contents.
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-dark-grey'
(1131,15): run-time error CSS1039: Token not allowed after unary operator: '-font-color-default'
(1137,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-default'
 */
/* #region LegalNotice                                                           */
/* --           THE CONTENT OF THIS FILE IS SUBJECT TO COPYRIGHT.             -- */
/* -- DO NOT MODIFY OR REPRODUCE WITHOUT PERMISSION IN WRITING FROM LICENSOR. -- */
/* #endregion                                                                    */
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
* {
    margin: 0;
}

:root {
  --font-color-default: #444444;
}

html, body
{
    background-color: rgb(245, 245, 245); 
    background-image: none; /* to remove the background image specified by the pdf.js viewer styles */
    font-size: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0;
    min-width: 300px;
    height: 100%;
}

html, body, .ui-widget-content, a
{
    color: var(--font-color-dark-grey);
}

header,
footer,
nav,
section 
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

a:hover
{
  text-decoration: none;
}

a.link-pat-details 
{
    text-decoration:none;
    color: #000;
}

a img
{
    border: none; /*remove automatic image border in ie10 and below */
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* the main purpose of .page-stretcher is to "stretch" the page when necessary so that the footer will not show up 
  in the middle of the page on short pages. */
.page-stretcher
{
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -32px;
}

.header, .full-height-content .header
{
    position: fixed; /* header is "fixed" on normal (non-mobile) screens, and on "full height" pages regardless of screen size*/
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

@media (max-width: 480px), (max-height: 480px) /*when the window is too narrow, or too short, i.e., on a mobile phone*/
{
  .header
  {
    position: relative; /* header becomes scrollable on a mobile phone, unless it is on a "full height" page. */
  }
}

.header.hide .hide
{
  display: none!important;
}

.header.show
{
  display: block!important;
}

.header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#main
{
    background: rgb(245, 245, 245);
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

body.imaging-theme, .imaging-theme .page-stretcher, .imaging-theme #main 
{
  background-color: black;
  color: #A0A0A0;

  /* scrollbar styles for IE-only*/
  scrollbar-face-color:#444;
  scrollbar-track-color:#000;
  scrollbar-arrow-color:#444;
  /* scrollbar styles for Firefox*/
  scrollbar-color: #444 #000; /* thumb color then track color*/
}

.imaging-theme .invert-background-for-imaging 
{
  background-color: #A0A0A0;
}

.imaging-theme .editor-table .field-heading {
  background-color: #444; /* apply a dark gray background for field headings, to override the light gray */
}

/* scrollbar styles for webkit browsers -- Safari and Chrome*/
.imaging-theme *::-webkit-scrollbar {
  background-color: #000;
}
.imaging-theme *::-webkit-scrollbar-thumb 
{
  background-color: #444;
  border-radius: 3px;
  border: 1px solid #777;
}
.imaging-theme *::-webkit-scrollbar-button 
{
  background-color: #444;
  background-image: url("images/sprite.png");
  border: 1px solid #777;
}

.imaging-theme *::-webkit-scrollbar-button:start
{
  background-position: -32px -160px;
}

.imaging-theme *::-webkit-scrollbar-button:end
{
  background-position: -32px -176px;
}

/*jQueryUI elements, e.g. dialogs on pages with the dark imaging scheme */
.imaging-theme .ui-widget-content {
  background-color: #222; /* in place of #fff */
  color: #ccc; /* in place of #444 inherited from the root */
  border-color: #999; /* in place of #3b75bd */
}

/* Input boxes in dialogs, e.g. Mark as Key Image dialog */
.imaging-theme .ui-widget-content input {
  color: #444;
}

.imaging-theme .ui-widget-header {
  background-color: #444; /* in place of #f5f5f5 */
  color: #ddd; /* in place of #444 inherited from the root */
  border-color: #999; /* in place of #3b75bd */
}

.imaging-theme table th, .editor-table .inside-header-row td {
  background-color: #444; /* in place of #ccc */
  border-color: #ccc; /* in place of #eee */
}

/* buttons */
.imaging-theme .t-button {
  background-color: #555; /* use darker gray in place of light blue */
}

/* image slider */
.imaging-theme .ui-slider {
  background-color: #ccc;
}

#header-div.break-glass-mode {
  background-color: rgb(243,58,54);
}

#header-div .header-div-inner
{
    background-color: #f5f5f5;
    /*min-width: 640px;*/
    min-height: 45px; /* To create a consistent height, with or without the menu*/
}

#header-table
{
    width: 100%; 
    border-collapse: collapse;
    border: none; 
    border-bottom: 7px solid;
    border-bottom-color: #3b75bd;
}

#header-table td
{
    border: none;
    padding: 0px;
    height: 2.8rem;
}

#header-table span.heading-pat-name
{
    font-size: 150%; 
    font-weight:bold;
    white-space: nowrap;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    position: relative;
    top: 3px;
}

#header-table span.heading-pat-name.deceased
{
    text-decoration:line-through; 
    text-decoration-color: red;
}

#broadcast-msg-container
{
  background-color: Red; 
  color: White;
  padding-left: 10px;
}

footer, #footer, #push
{
    color: #444;
    text-align: center;
    line-height: 18px;
    margin: 0;
    font-size: .9em;
    height: 32px;
    background: inherit;
    /*min-width: 640px;*/
    border-collapse: collapse;
}

#footer
{
    background-color: #DDD;
}

#footer td
{
    border: 0 none;
    white-space: nowrap;
}

.full-height-content #main
{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

#session-countdown-dialog .t-button
{
  width: 100px;
}

#session-countdown-footer-display
{
  display: none;
}

.footer-left.counting-down div 
{
  display: none;
}

.footer-left.counting-down #session-countdown-footer-display 
{
  display: block;
}

/* MENU   
----------------------------------------------------------*/
/* MENU   
----------------------------------------------------------*/
.menu {
    border: 0 none;
    font: bold 14px "Lucida Sans Unicode","Bitstream Vera Sans","Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
}

.menu img 
{
    border: 0 none;
    vertical-align: bottom;
}

.main-menu img, .mobile-menu img
{
    height: 32px;   /* only main menu is forced to be 32px; item-level menues may have different heights */
}

.main-menu.menu li a, .mobile-menu.menu li a
{
    padding: 3px 10px;
}

.mobile-menu
{
  display: none; /* Mobile menu hidden by default */
}

.menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    display: inline;
}
.menu li {
    float: left;
    padding: 0;
    position: relative;
}
.menu li a {
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 0px 8px;
    text-align: center;
    text-decoration: none;
}
.menu li a:link, .menu li a:visited 
{
    color: black;
}
.menu li a.link-for-multi-selections {
    display: none; /*hidden until selections are made*/
}

.menu.support-hover li a:hover, .menu.support-hover ul li:hover a, .menu li.pop-up-item a, .menu.support-hover ul li:hover, .menu li.pop-up-item {
    background-color: #CCC;
    border-color: #EEE #AAA #AAA #EEE;
}

.menu li ul {
    border: 1px solid #AAA;
    background-color: #d2e7ff;
    display: none;
    height: auto;
    margin: 0;
    padding: 0;
}
.menu.support-hover li:hover > ul, .menu li.pop-up-item > ul {
    display: block;
}

.menu li li {
    background-color: transparent;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.menu li li img{
    vertical-align: middle;
}

.menu li li span{
    padding-left: 8px;
}

.menu.support-hover li:hover li > a, .menu li.pop-up-item li > a {
    background: none repeat scroll 0 0 transparent;
}
.menu li ul a {
    display: block;
    font-size: 12px;
    font-style: normal;
    height: 35px;
    margin: 0;
    padding: 8px;
    text-align: left;
}
.menu.support-hover li ul a:hover, .menu.support-hover li ul li:hover > a, .menu li ul li.pop-up-item > a {
    background-color: #CCC;
    border: 0 none;
    text-decoration: none;
}
.menu p {
    clear: left;
}

.menu_button {
  position: absolute;
  z-index: 50;
  display: inline-block;
  margin: 0 2px;
  border: 1px solid #000;
  height: 32px;
  filter: alpha(opacity=50); /* for IE8 */
  opacity: 0.5;
  background-image: url(images/menu.gif);
  width: 32px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
}


/* Right click context menu */
.vmenu {border:1px solid #aaa;position:absolute;background:#fff;	display:none;font-size:0.75em;}
.vmenu .first_li span{display:block;padding:5px 10px;cursor: pointer;white-space: nowrap;}
.vmenu .inner_li{display:none;margin-left:120px;position:absolute;border:1px solid #aaa; border-left:1px solid #ccc;margin-top:-32px;background:#fff;}
.vmenu .sep_li{border-top: 1px ridge #aaa;margin:5px 0}
.vmenu .fill_title{font-size:11px;font-weight:bold;word-wrap:break-word;}
.vmenu a {text-decoration: none}
.vmenu span:hover {background-color: #CCC}

.vmenu.fixed {position: fixed;}

/* overlay div, used for popup menus */
div.overlay {
    background-color: #FFF;
    cursor: default;
    height: 100%;
    left: 0;
    filter:alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    position: fixed;
    top: 0;
    width: 100%;
}

/* All z-index layers related with the menu system, from top to bottom:
- Context menu (vmenu)
- Overlay for context menu
- Active menu (by mouse hover or programmatically)
- Overlay for active menu (programmatically activated)
- Inactive menu
- Header section (with main menu)
*/
div.vmenu {z-index: 140;}
div.overlay.context-menu {z-index: 130;}
.menu.support-hover ul li:hover, .menu li.pop-up-item, .popup-button-group {z-index: 120;}
div.overlay.regular-menu {z-index: 100;}
.menu li ul {z-index: 95;}
#header-div {z-index: 90;}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

select, .ui-multiselect,
input[type=text], input[type=password], input[type=number], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week]
, input[type=range], input[type=color], input[type=email], input[type=url], input[type=search], input[type=tel]
{
    width: 200px;
    border: 1px solid #CCC;
}

.remote-cert-list .datetime-picker
{
  width: 150px;
}

.remote-cert-list td
{
  vertical-align: top;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #CCC;
  border-collapse: collapse;
  width: 100%;
}

table td 
{
  padding: 5px;   
  border: solid 1px #CCC;
  word-wrap: break-word;
}

table td select
{
  word-wrap: normal;
}

table th, .editor-table .inside-header-row td
{
  padding: 3px 5px;
  text-align: left;
  background-color: #CCC; 
  border: solid 1px #EEE;   
}

/* MISC  
----------------------------------------------------------*/
form input.dummy-input-for-autocomplete
{
  position: absolute;
  visibility: hidden;
}

.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.break-cell
{
    word-break: break-all;
}

div#title
{
    display:block;
    text-align:left;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.field-value-invalid
{
  font-size: small;
  color: #ff0000;
}

.field-value-valid
{
  font-size: small;
  color: #00ff00;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.list-table
{
    border: 1px solid #666;
}

.list-table a
{
    text-decoration: none;
}

.list-table thead
{
    background-color: #CCC;
}

.list-table thead th.sortable,
.list-table tbody tr
{
    cursor: pointer;
}

.list-table tr
{
    background-color: rgb(235,235,235); 
}

.list-table tr.row-hover 
{
    background-color: #E1E1E1;
    /*filter: brightness(80%);*/
}

.list-table tr.row-selected
{
   background-color: rgb(204,204,204);
  /*filter: brightness(60%);*/
}

.list-table tr.row-hover td, .list-table tr.row-selected td
{
    /*border-color: #EEE;*/
}

.list-table th, .list-table td
{
    height: 1em;
}

.list-table tr.deprecated td, #doc-header.deprecated, #doc-contents.deprecated, span.deprecated, .menu li a:link.deprecated, .menu li a:visited.deprecated
, .tbl-image-viewer.deprecated td, .tbl-img-report-metadata.deprecated td
, .single-img-viewer.deprecated
{
    color: #FF3300;
}

.list-table td a.link-doc-list
{
  /* Make the anchor occupy the whole td to maximize the click "hot spot" */
  display: inline-block;
  width: 100%;
}

.mouse-pass-through 
{
  pointer-events: none; /* to let mouse events pass through to the image viewport underneath*/
}

.tbl-image-viewer.deprecated td
{
    border-color: #FF3300;
}

.tbl-image-viewer.deprecated tr:first-child td
{
    border-top: solid 1px;
}

.series-banner-container
{
  color: #999;
  background-color: #333;
}

.series-label, .series-banner, .study-separator
{
  color: #999;
  background-color: #333;
  font-size: smaller;
}

.deprecated .series-label, .deprecated .series-banner, .deprecated .study-separator {
  color: #FF3300;
}

.series-banner span
{
  padding: 0 10px;
}

.series-banner-container
{
  position: relative;
  min-height: 35px;
}

.stack-viewer-viewport
{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.viewer-control-panel
{
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #333;
}

#footer .viewer-bottom-toolbar
{
  text-align: left;
}

.viewer-bottom-toolbar
{
  padding-top: 5px;
  -webkit-backface-visibility: hidden; /* For Android 2.2 or 2.3 */
  position:relative;
}

.study-separator
{
  border-bottom: 1px solid;
  font-size: larger;
}

.viewer-slider-group-container
{
  visibility: hidden; /* Hidden initially unless there is more than 1 frame*/
  display: table; 
  width: 100%;
  font-size: smaller;
}

.image-slider-container {
  position: relative;
  height: 15px;
  margin-top: 10px;
}

.slider-ext 
{
  height: 14px;
}

.slider-min-max
{
  display: table-cell; 
  width: 10%;
  position: relative;
  top: -9px;
  padding: 0 10px;
}

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

.viewer-button-container
{
  position: relative;
  padding: 0 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.viewer-button-container .iviewer_button
{
  bottom: auto;
}

.viewer-button-group
{
  display: inline-block;
}

.popup-button-group
{
  display: none; /* popup content is hidden initially, until the toggle button is clicked. */
  position: static; /* Initial position is static so we could get its initial width correctly in javascript. It will then be set to "fixed". */
  color: #000;
  background-color: #333;
  border: 1px #555 solid;
  margin-right: 1px;
}

.popup-button-group .iviewer_button
{
  display: block; /* to make the list of child buttons (which may contain text in addition to icons) stack vertically */
  background-position: left; /* to make icon display on the left, followed by optional text */
  background-color: #777;
  opacity: 0.6;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

.popup-button-group .tool-mode-active
{
  opacity: 0.8;
}

.popup-button-group .iviewer_button:hover
{
  background-color: #DDD;
}

ul.pr-policy-list
{
  list-style: none;
}

.iviewer_voi_stored_template
{
  display: none!important;
}

.tag-list-window
{
  font-size: 9pt;
  line-height: 13px;
  color: #ccc;
  background-color: #222;
  border: none;  
}

pre.tag-list-window {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.iviewer_button.annot-color-picker {
    padding-left: 0;
}

.annot-color-picker input {
  width: 30px;
}

.annot-color-picker input.color-as-button {
  height: 28px;
  cursor: pointer;
}

.annot-color-picker input.color-as-text {
  width: 70px;
  height: 28px;
  font-weight: normal;
}

.annot-color-picker label {
  font-weight: normal;
}

/* Image Ruler */
.img-ruler div {
  border-color: #999;
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
  text-shadow: 1px 1px #000;
}

div.img-ruler
{
  position: absolute;
  top: 25%;
  right: 1%;
  height: 50%;
  width: 50px;
  padding-bottom: 20px;
  background-color: transparent;
  font-size: smaller;
  visibility: hidden; /* Hidden initially until ruler becomes applicable for the image*/
}

div.img-ruler-caliper
{
  position:absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 100%;
  border-width: 1px 1px 1px 0;
}

div.img-ruler-tick
{
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  border-width: 0 0 1px 0;
}

div.img-ruler-sub-tick
{
  position: absolute;
  top: 0;
  width: 5px;
  margin-left: 5px;
  border-width: 0 0 1px 0;
}

.img-ruler-caption
{
  position: absolute;
  left: -30px;
  bottom: 0;
  width: 100%;
  text-align:center;
}

.img-ruler-tick-caption
{
  position: absolute;
  left: 15px;
  bottom: -10px;
  width: 100%;
  text-align:right;
}

/* On narrow screens, flip the ticks and text of the ruler (text on the left, ticks on right), to make the ruler even less obstructive*/
@media (max-width:481px) {
  .img-ruler-tick-caption {
    /* Shift text to the left, and up a little due to smaller font */
    left: -30px; 
    bottom: -8px;
  }

  div.img-ruler-caliper {
    /* Align ticks to the right (rather than the left) */
    left: auto;
    right: 0;
  }
}

/* Customize jQueryUI.slider*/
.ui-slider-horizontal {
    height: 4px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    margin-left: -6px;
}

.ui-slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    border: none;
    outline: 0;
}

.ui-slider .ui-slider-tick-mark
{
    display:inline-block;
    width:1px;
    border: none;
    height: 6px;
    position:absolute;
}

.ui-slider .ui-slider-tick-mark.high
{
    top: -9px;
}
.ui-slider .ui-slider-tick-mark.low
{
    top: 6px;
}

.ui-slider .ui-slider-sub-slider
{
    display:inline-block;
    background-color: #3b75bd;
    border: none;
    height: 2px;
    position:absolute;
    top:-5px;
}

a.ui-state-default.ui-state-highlight
{
    background-color: red;
}

.ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_second_label 
{
  font-weight: normal;
  font-size: small;
}

.ui_tpicker_hour, .ui_tpicker_minute, .ui_tpicker_second 
{
  padding-top: 5px;
}

.list-table tr.offline td, #doc-header.offline, #doc-contents.offline, span.offline {
    color: #999999;
}

.sort-dir-icon
{
    background-image: url("images/sprite.png");
    display: inline-block;
    font-size: 0;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    vertical-align: middle;
    width: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.sort-dir-asc
{
    background-position: -32px -160px;
}

.sort-dir-desc
{
    background-position: -32px -176px;
}
/* Common UI elements */
.content-heading-centered {
  font-size: 1.5em;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: var(--font-color-default);
}

/* search-criteria: currently used for patient and order search*/
/* search-criteria: the div below the heading */
.search-criteria .row {
    color: var(--font-color-default);
}

.search-criteria .row .form-group {
  color: inherit;
}

  /* order search: field headings */
  .search-criteria .row .form-group .field-heading-span {
    color: inherit;
    font-size: smaller;
  }

  /* order search: all input fields, including pulldowns and multi-selects */
  .search-criteria .row .form-group input, .search-criteria .row .form-group input[type="radio"], .search-criteria .row .form-group select,
  .search-criteria .row .form-group .ui-multiselect {
    color: inherit;
    accent-color: currentColor;
  }

  .search-criteria .order-search-date-time {
    white-space: nowrap;
  }

  .search-criteria .order-search-date, .order-search-time {
    white-space: nowrap;
  }

  .search-criteria .order-search-date input {
    width: 7em;
  }

.search-criteria .order-search-time input {
    width: 4em;
  }

/* Document viewer */
#doc-header, #doc-contents
{
    margin: 5px;
}

#doc-contents pre
{
    font-family: inherit;
    line-height: 1.5em;
}

#doc-viewer-container
{
    margin: 0 auto;
    /*max-width: 1400px;*/
}

#doc-viewer-container fieldset
{
    margin-top: 1em;
}

/* Image Viewer */
table.study-summary
{
    width: 100%;
    font-size: 0.8em;
    border: 0 none;
}

table.study-summary td
{
    text-overflow: ellipsis;
    border: 0 none;
    padding: 0;
    white-space: nowrap;
}

table.study-summary td span
{
    font-weight: bold;
}

table.study-summary td span.pat-name
{
    font-size: 1.2em;
}

/* Use automatic layout instead of fixed
table.study-summary .col1
{
    width: 35%;
}
table.study-summary .col2
{
    width: 25%;
}
table.study-summary .col3
{
}
*/

.tbl-image-viewer
{
    width: 100%;
    table-layout: fixed;
    margin: 0 0 5px 0;
    background-color: black;
    overflow: hidden;
    border-bottom: solid white 1px;
}

.tbl-image-viewer .viewer-viewport-container
{
    background-color: Black;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    border: solid white 0; /* border-width is 0 for now. it will be set later based on layout, to create a grid that has borders only on the inside.*/
    padding-bottom: 9999px;
    margin-bottom: -9999px;
}

.tbl-image-viewer.deprecated 
{
  border-bottom-color: #FF3300
}

.tbl-image-viewer.deprecated .viewer-viewport-container
{
  border-color: #FF3300;
}

table.table-bottom-border-only {
  border: none;
}

table.table-bottom-border-only th, table.table-bottom-border-only tr:first-child td
{
    border-top: none;
}

table.table-bottom-border-only th:first-child, table.table-bottom-border-only td:first-child
{
    border-left: none;
}

table.table-bottom-border-only th:last-child, table.table-bottom-border-only td:last-child
{
    border-right: none;
}

.tbl-image-viewer div.viewer-viewport, .non-image-viewport
{
    min-height: 150px;
}

.tbl-image-viewer .viewer-viewport img
{
    display: block;
    margin: 0 auto;
    max-width:100%;
    min-width: 70%; /* Zoom tiny images to at least 70% of viewport width */
    width:auto;
    height:auto;
    border:0;
}

.tbl-image-viewer, .tbl-image-viewer a, .tbl-image-viewer a:hover, .single-img-viewer, .viewer-control-panel
{
    color: #999999;
}

.viewer-viewport a 
{
  display: block; /* Make anchor clickable on full width */
  min-width: 200px;
  padding-bottom: 400px;  /*Make anchor clickable on more (and hopefully) height of the viewport */
  margin-bottom: -400px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-origin: content-box;
}

.tbl-image-viewer .viewport-text
{
  padding: 20% 0; /* Vertically pad 40% of width -- 20% top + 20% bottom*/
}

/* thumbnail bar within the stack viewer */
.thumbnail-panel
{
  display: none; /* thumbnail bar is hidden initially */
  position: fixed;
  top: 0;
  left: 0;
  bottom: 32px; /* placeholder value, will be auto adjusted based on footer height */
  background-color: #000;
  width: 120px; /* This is a placeholder value, will be overridden by configuration */
  border: solid #444 1px;
  overflow-y: auto;
  z-index: 10;
  /* scrollbar styles for IE-only. Unfortunately there is no css mechanism to change width in IE*/
  /* scrollbar styles for Firefox*/
  scrollbar-width: thin;
}

/* scrollbar styles for webkit browsers -- Safari and Chrome*/
.thumbnail-panel::-webkit-scrollbar 
{
  width: 8px;
}
.thumbnail-panel::-webkit-scrollbar-button 
{
  display: none;
}

.thumbnail-panel:focus
{
  outline: none;
}

.thumbnail-panel .tbl-image-viewer
{
  margin: 0;
}

.thumbnail-panel .tbl-image-viewer .viewer-viewport-container
{
    border-width: 1px 0 0 0; /* show border-top only */
}

.thumbnail-panel .tbl-image-viewer .viewer-viewport-container:first-child
{
    border-width: 0; /* no border at all for the first thumbnail window */
}

.thumbnail-panel .viewer-viewport a
{
  min-width: 90%;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

.thumbnail-panel .tbl-image-viewer div.viewer-viewport
{
  padding-top: 100%; /* Force the viewport to be a square*/
}

.thumbnail-panel .tbl-image-viewer div.viewer-viewport.current-series
{
  border: 1px dashed #888;
}

.thumbnail-panel .tbl-image-viewer.deprecated div.viewer-viewport
{
  border: 1px solid #FF3300;
}

.thumbnail-panel .tbl-image-viewer div.viewer-viewport, .thumbnail-panel .tbl-image-viewer .non-image-viewport
{
  min-height: 50px;
}

.thumbnail-panel .viewer-viewport img
{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.single-img-viewer, .img-container
{
    position: absolute;
    left: 0;
    top: 0; 
    bottom: 0;
    right: 0;
    width: 100%; 
    background-color: Black; 
    margin: 0 auto;
    min-height: 250px;
    min-width: 250px;
    touch-action: none; /* To prevent default browser gesture actions (e.g., swipe to navigate on some Edge browsers) */
}

.loading-progress
{
    display: none;
    position: absolute;
}
.img-container.iviewer_loading + .loading-progress
{
    display: block;
}

.single-img-viewer .viewer-error
{
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    font-size: xx-large;
    z-index: 99;
}

/* Imaging Report Viewer, Non-image object viewers */
.img-report, .non-image-viewport, .non-image-viewport pre
{
    background-color: black;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.img-report, .non-image-viewport
{
  padding: 1em;
  color: #C0C0C0;
}

.non-image-fallback-content
{
  width: 50%;
  margin: 0 auto;
}

.non-image-viewport.thumbnail-viewport
{
  color: #999;
}

.img-report.deprecated
{
    color: #FF3300;
}

table.tbl-img-report-metadata
{
    border: 0 none;
    font-size: small;
    width: 50%;
    margin: 0 auto;
    table-layout:fixed;
}

table.tbl-img-report-metadata td
{
    border: 0 none;
}

.img-report-metadata-tag, .img-report-body-tag
{
    padding-left: 5px;
    font-size: 12px;
    border-top: 1px solid;
}

.img-report-metadata-heading
{
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold;
    width: 150px;
    white-space:nowrap;
}

.img-report-metadata-value
{
    text-align: left;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 320px;
}

.img-report-metadata-padding
{
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 480px) /*when the window is too narrow, i.e., on a mobile phone*/
{
  /* Reduce padding related whitespace on the report page on a mobile phone */
  table.tbl-img-report-metadata
  {
    width: 100%;
    font-size: 12px;
  }

  .img-report-metadata-heading
  {
    width: 30%;
  }

  .img-report-metadata-value
  {
    width: 60%;
  }

  .img-report-metadata-padding
  {
    display: none;
  }
}

.img-report-body
{
    text-align: center;
    background-color: black;
}
.img-report-body pre {
    display: inline-block;
    text-align: left;
    background-color: black;
    border: none;
    white-space: pre-wrap; /* To make non-IE7 browsers to wrap lines*/
    word-wrap: break-word; /* To make IE7 wrap lines */
    word-break: keep-all;
    font-family: monospace;
    font-size:larger;
  }

.body-img-report.deprecated 
{
    color: #FF3300;
}

.body-img-report
{
    color: #C0C0C0;
}

.deprecated
{
    color: #FF3300;
}
pre.deprecated
{
    color: #FF3300;
}

.provider-inactive
{
    color: #dc3c10;
}

/* PDF viewer */
#pdf-content
{
  height:100%;
}

#pdf-content .toolbar
{
  z-index: 9;
}

#pdf-content #openFile, #pdf-content #secondaryOpenFile
{
  /* hide open file buttons */
  display: none;
}

#pdf-content .pdfViewer .page
{
  /* reduce the border size from 9px, so that a vertical scrollbar would not appear when user chooses "Page Fit" */
  border-width: 3px;
}

/* Overlay text */
.img-info-stack
{
  position: relative;
  height: 100%;
  font-size: 100%;
  text-shadow: 1px 1px #000;
}

.overlay-section
{
  position: absolute;
  font-size: smaller;
}

.overlay-section *
{
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

.overlay-section.left
{
    left: 10px;
    text-align: left;
}

.overlay-section.right
{
    right: 10px;
    text-align: right;
}

.overlay-section.top
{
  top: 10px;
}

.overlay-section.bottom
{
  bottom: 10px;
}

.orientation-label {
  width: auto;
  font-size: 16px;
  font-weight: bold;
}
.orientation-label.top, .orientation-label.bottom
{
  left: 50%;
}
.orientation-label.right, .orientation-label.left
{
  top: 50%;
}

.transient-mode .hide-in-transient-mode, .hide-in-non-transient-mode {
  display: none;
}

.transient-mode .hide-in-non-transient-mode
{
  display: inline;
}

/* Annotations */
.img-shutter-container, .img-annotation-container, .roi-selection-container, #img-annot-text-editor-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 20px;
  text-shadow: 1px 1px #000;
}

.img-shutter-container canvas, .img-annotation-container canvas, .roi-selection-container canvas 
{
  position: absolute;
}

#img-annot-text-editor-background {
  z-index: 1; /* just so it is above the image viewer*/
  visibility: hidden; /* hidden (but still rendered, to be used as a text block size calculator) */
}

#img-annot-text-editor-background textarea {
  position: relative;
  border: 1px solid #999;
  overflow: hidden;
  padding: 0;
  outline: none;
  background-color: #000;
  min-height: 1px;
  min-width: 8em;
  width: 8em;
  resize:none;
  box-sizing:border-box;
}

  #img-annot-text-editor-background textarea::selection {
    background-color: #CCC;
  }

  /* hidden div, used to calculate width/height of a single line of text */
  #img-annot-text-editor-background .text-size-helper {
    display: inline-block;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap;
  }

/* External viewer */
#iframe_ext_viewer
{
    border:none;
    width:100%;
}

/* Imaging list */

.icon-column
{
    text-align: center;
}

.smaller-icon
{
    width: 21px;
    height: 21px;
}

.expand-button {
  background-image: url("icons/black/folder-closed-h22px.png");
}

.cached .expand-button {
  background-image: url("icons/black/folder-closed-h22px-marked.png");
}

.expanded .expand-button
{
  background-image: url("icons/black/folder-open-h28px.png");
}

.cached.expanded .expand-button
{
  background-image: url("icons/black/folder-open-h28px-marked.png");
}

tr.doc-group-doc-row {
  display: none;
  background-color: rgb(249, 249, 249);
}

.expanded tr.doc-group-doc-row {
  display: table-row;
}

.expand-button {
  display: inline-block;
  font-size: 0;
  height: 28px;
  line-height: 0;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  background-repeat: no-repeat;
  width: 32px;
}

.expand-all-button {
  background-image: url("icons/black/add.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 32px;
  width: 32px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.expanded-all
{
  background-image: url("icons/black/subtract.png");
}

.doc-group-master-row
{
    background-color: rgb(235,235,235);
}

.doc-group-accession-missing
{
    color: purple;
}

.actionable-findings-critical, .menu li a:link.actionable-findings-critical, .menu li a:visited.actionable-findings-critical
{
    color: #e77f00;
}

.actionable-findings-noncritical, .menu li a:link.actionable-findings-noncritical, .menu li a:visited.actionable-findings-noncritical
{
    color: #007FFF;
}

.caching-progress-container
{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 50;  
}

.transfer-progress-bar
{
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    position: relative;
    width: 300px;
    height: 34px;
    margin: 2px auto;
    text-align: center;
    box-sizing: content-box;
}

.transfer-progress-bar .bar
{
    height: 100%;
    width: 0;
    background-color: #999999;
    color: #000;
}

.transfer-progress-bar .bar p
{
    position: absolute;
    text-align: center;
    width: 100%;
    margin: 0;
    line-height: 33px;    
}

.transfer-progress-bar button.btn-cancel
{
    background-image: url("icons/black/stop.png");
    width: 34px;
    height: 34px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    vertical-align:middle;
    margin-left: 30px;
    padding: 1px;
}

/* Patient Info/Details page*/

.pat-details-table {
  padding: 5px 0 0 0;
}

.pat-details-table .row {
  margin-left: 0;
  margin-right: 0;
}

.pat-details-table .form-group {
  padding-left: 0px;
  padding-right: 0px;
}

.pat-details-table .field-heading {
  vertical-align: bottom;
  font-size: small;
  font-weight: bold;
  padding-bottom: 5px;
}

.pat-details-table .field-value {
  vertical-align: top;
  font-weight: bold;
  padding: 5px 10px 5px 0;
  overflow-wrap: break-word;
}

.pat-details-table .field-value:after {
  content: "\00a0"; /* Add &nbsp to each field value to avoid Bootstrap cell collapse upon empty values*/
}

/* Patient Invite */
.pat-invite-table .field-heading-row {
  vertical-align: bottom;
  font-size: small;
}

/* Editor screens (patient register, edit, etc.) */
div.editor-panel {
  min-width: 500px;
  max-width: 1000px;
  margin: 0 auto;
}

div.editor-panel fieldset
{
    /* Workaround for IE where fieldset width is determined by its parent, instead of its contents */
    display: inline-block;
}

div.editor-panel.editor-panel-narrow
{
  max-width: 800px;
}

div.editor-panel.editor-panel-wide
{
  max-width: 90%;
}

div.editor-panel.editor-panel-x-wide
{
  max-width: 1700px;
}

table.fixed-layout {
    table-layout: fixed;
}

.editor-table
{
    color: inherit; 
    border-style: none;
    width: 100%;
    text-align:left;
    vertical-align: text-top;
}

/* Exam Search page */
#exam-search-panel .row, #exam-search-panel .container{
  display: inline-block;
  width: auto;
}

/* Overrides to Bootstrap styles */
/* Begin*/
.editor-table.container label {
  display: block;
  font-weight: normal;
  margin: 0; /*Bootstrap .form-group already has a margin-bottom defined*/
}

.editor-panel label
{
  font-weight: normal;
}

.form-group {
    margin-bottom: 8px; /* 15px -> 8px */
}

/* Copied from Bootstrap .form-inline .form-control, except with no media condition or auto size*/
.form-sub-field-group .form-control {
    display: inline-block;
    vertical-align: middle;
}

/* Bootstrap defaults box-sizing to border-box, which impacts some of our elements*/
.menu li a, .button-table td
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="radio"],
input[type="checkbox"] 
{
  margin: 0; /* Remove margin-top of 4px that extends list-table rows*/
}

/* End*/
/* Overrides to Bootstrap styles */

.editor-table td
{
  padding-left: 1px; /* minimize left and right padding so that field headings (with a diffent background) will vertically allign with field values */
  padding-right: 1px;
  border-style: none;
  border-collapse: collapse;
  word-break: break-all;
}

.editor-table input, .editor-table select, .editor-table .ui-multiselect
{
	font-size: 110%;
  text-align:left;
  vertical-align: middle;
	min-height: 30px; /* for IE, which does not auto adjust height based on font size */
  padding-left: .5em;
	border-color: gray;
}

.editor-table input.short, .editor-table select.short, .editor-table .ui-multiselect.short
{
    width: 80px;
}

.editor-table input.medium, .editor-table select.medium, .editor-table .ui-multiselect.medium 
{
    width: 230px;
}

.editor-table input.long, .editor-table select.long, .editor-table .ui-multiselect.long
{
    width: 330px;
}

.editor-table input.half-row, .editor-table select.half-row, .editor-table .ui-multiselect.half-row 
{
    width: 420px;
}

.editor-table input.whole-row,
.editor-table select.whole-row,
.editor-table .ui-multiselect.whole-row,
.editor-table textarea.whole-row 
{
    width: 100%;
}

.editor-table input.two-cells,
.editor-table select.two-cells,
.editor-table .ui-multiselect.two-cells,
.editor-table textarea.two-cells 
{
    width: 620px;
}

.editor-table input.whole-cell,
.editor-table select.whole-cell,
.editor-table .ui-multiselect.whole-cell,
.editor-table textarea.whole-cell 
{
    width: 100%;
}

.readonly-box, input[readonly]
{
    background-color: #C0C0C0;
}

.editor-table .field-heading td, .editor-table.container label, .editor-table .field-heading
{
    padding-top: 10px;
    color: #888;
}

.editor-table .field-heading {
  background-color: #EEE; /* apply a slightly grayed out background for field headings*/
}

.editor-table .commands {
    padding-top: 30px;
}

.editor-table .nested-editor-table
{
    margin: 10px;
    border: 1px dashed #CCC;
}

.editor-table .nested-editor-table td
{
    padding: 5px;
}

.editor-table .nested-editor-table .field-heading
{
    font-size: smaller;
}

.nested-editor-table button.btn-delete, .nested-editor-table button.btn-add, .nested-editor-table button.btn-refresh
{
    width: 21px;
    height: 21px;
    background-size: cover;
}

.editor-table.center, .editor-table .center, 
.editor-table.center input, .editor-table .center input, 
.editor-table.center select, .editor-table .center select
{
  text-align: center;
}

.editor-panel input[type=checkbox], .list-table input[type=checkbox],
.editor-panel input[type=radio], .list-table input[type=radio]
{
  width: 24px;
  height: 24px;
}

label.check-box-wrapper
{
    padding-right: 50px; /* To make a label wider and easier to click */
}

button.ui-multiselect
{
    overflow: hidden;
}

/* multiselect dropdown list styles */
.ui-multiselect.ui-state-default, .ui-multiselect.ui-state-hover
{
    background: none #FFF;
}

.ui-multiselect-menu.ui-widget-content .ui-state-active, .ui-multiselect-menu.ui-widget-content .ui-state-hover
{
    background: none repeat-x scroll 50% 50% rgb(210,231,255);
    color: #000000;
    border: 1px solid #FFF;
    border: 1px solid rgba(0, 0, 0, 0);
    font-weight: normal;
}

.ui-multiselect-menu.ui-widget-content .ui-state-active
{
    border: 1px solid #000000;
}

.xds-private-slot-value-container
{
    width: 660px;
}

.xds-private-slot-value-container input[type="text"]
{
    width: 200px;
}

.t-button
{
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  /*background: url("images/gradient.png") repeat-x scroll 0 center;*/
  background-color: rgb(200,219,230);
	font-size: 120%;
	color: inherit;
	border-color: gray;
	width: 300px;
	height: 40px;
  line-height: 38px;
  overflow: hidden;
}

.t-button:active
{
  background-color: rgb(177, 194, 203);
}

.t-button a
{
  text-decoration:none;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.t-button[disabled]
{
    cursor: not-allowed;
    color: #666;
}

/* trick to make the text print in the middle of the box */
span.t-button:after 
{
  content:"";
  display: inline-block;
  width: 1px solid transparent;
  height: 100%;
  vertical-align: middle;
}

.editor-table input.phone-country-code {
    width: 45px;
    padding-left: 3px;
    padding-right: 3px;
}
.editor-table input.phone-area-code {
    width: 65px;
    padding-left: 3px;
    padding-right: 3px;
}
.editor-table input.phone-main-number {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
}

.editor-table .field-heading-row {
  vertical-align: bottom;
  font-size: small;
}

td.date-sep-comp
{
    white-space: nowrap;
}

.editor-table input.date-year {
    width: 55px;
    padding-left: 3px;
    padding-right: 3px;
}
.editor-table input.date-month {
    width: 35px;
    padding-left: 3px;
    padding-right: 3px;
}
.editor-table input.date-day {
    width: 35px;
    padding-left: 3px;
    padding-right: 3px;
}

.editor-section-header {
    font-size: 120%;
    font-weight: bold;
    margin: 20px 0 0;
}

/* Document viewer */
.section-header {
  border-bottom: 2px solid;
  border-bottom-color: #3b75bd;
  background-color: rgb(228,228,228);
  font-weight: bold;
  margin: 12px 0 2px;
  padding: 2px 5px;
}

.section-header a 
{
    text-decoration: none;
}

.header_table{
  border: 0 none;
}

.header_table td{
  border: 0 none;
  text-align: left;
  word-wrap: break-word;
}

.header_table td.data-label{
  font-weight: bold;
  text-align: right;
}

ul.implicit-list
{
    list-style: none outside none;
}

ul.implicit-list li
{
    text-decoration: none;
    padding: 1em;
}

button.btn-delete, button.btn-add, button.btn-refresh
{
    width: 25px;
    height: 25px;
    padding: 0 !important;
    vertical-align: middle;
    margin: 0 5px;
    background-repeat:no-repeat;
    background-position: center;
}
button.btn-delete
{
    background-image: url("images/minus.png");
}
button.btn-add
{
    background-image: url("images/plus.png");
}
button.btn-refresh
{
    background-image: url("images/refresh.png");
}

/* Metadata update */
.multi-value-popup
{
    position: relative;
    display: inline-block;
    background-color: yellow;
}

.multi-value-popup div
{
    position: absolute;
    background-color: yellow;
    border: 1px solid;
    min-width: 600px;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    margin-left: -999em;
    z-index: 999;

}

.multi-value-popup:hover div
{
    margin-left: 0;
}

.multi-value-popup .popup-header
{
    font-weight: bold;
}

.multi-value-popup ul
{
    padding: 5px;
    list-style-position: inside;
    list-style-type: none;
}

ul.value-list
{
    width: 250px;
    padding: 5px;
    list-style-position: inside;
    list-style-type: none;
}

/* HPD */
.hpdHeading
{
    font-size: larger;
    font-weight: bolder;
}

.hpdHeadingLarge
{
    font-size: xx-large;
    font-weight: bolder;
}

.hpdFormGroup
{
    margin-top: 1em;
}

/* HEALTH CHECK */
#HealthcheckSummaryPage
{
}

#HealthcheckSummaryPage h3
{
    margin-top: 0px;
    border-bottom: 1px solid; 
    color: inherit;
}

.healthcheck-table
{
	border-style: none; 
	width: 95%;
    text-align:left;
    vertical-align: text-top;
}

.healthcheck-table td
{
	border-style: none; 
	border-collapse:collapse;
	vertical-align: top;
	padding-top: 10px;
}

.red
{
    background: red; 
    color: white;
}

.yellow
{
    background: yellow; 
    color: gray;
}

.green
{
    background: green; 
    color: white;
}

.gray
{
    background: gray; 
    color: white;
}

/* Table of buttons on admin settings page*/ 
    .button-table
    {            
        border-style: none;            
        background: inherit;
        table-layout: fixed;
    }                           
        
    .button-table td
    {            
        color: black; /* #444444; */
        font-size: x-large;
        font-weight: normal;
        background: rgb(204,204,204);
        border-color: rgb(245, 245, 245);       
        border-width: 20px;
        padding: 0;
        margin: 0;
        height: 90px;
    }

    /* Make the anchor a block item so that it can make the entire table cell clickable */
    .button-table td a
    {            
        text-decoration: none;
        color: Black;
        display: block;
        vertical-align: middle;
        height: 100%;
        width: 100%;
    }

    /* Make the first level inner span a "table" so it can have a "table-cell" child */
    .button-table td a>span
    {            
        display: table;
        height: 100%;
        width: 100%;
    }

    /* Make the second level inner span a "table-cell" so it can honor vertical-align */
    .button-table td a>span>span
    {            
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    
   
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.ui-dialog .ui-button-icon-only:focus,
.link-pat-details:focus
{
    /* Remove outline upon keyboard focus for "Patient Info" link and dialog X buttons */
    outline: none;
}

/* rotated text */
.rotated
{
  width:130px;
  height:50px;
  vertical-align:bottom;
  text-align:left;
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
}

/* status line */
.status-line-warning
{
    color: inherit;
    background-color: Orange;
    padding-left: 10px;
    padding-right: 10px;
}

/* sharing */
.recipient-details
{
    display: none; 
}

.unread-share
{
    font-weight: bold;
}

/* User management*/
.user-login-inactive 
{
    color: #888;
}

.editor-table .user-login-inactive td input
{
    background-color: #DDD;
}

.user-login-removed 
{
  text-decoration: line-through;
  color: red;
}

.enroll-key-button
{
    background-image: url("images/sprite.png");
    display: inline-block;
    font-size: 0;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    vertical-align: middle;
    width: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
}

.enroll-key-create
{
    background-position: -48px -320px;
}

.enroll-key-delete
{
    background-position: -48px -336px;
}

.enroll-key-email
{
    background-position: -48px -240px;
}

.indented
{
  padding-left: 3em;
}

span.heading-attribute, span.heading-attribute-last
{
    white-space: nowrap; 
}

span.heading-attribute
{
    padding-right: 15px;
    /* Trick for IE7 to inject an empty (wrappable/breakable) span between each "nowrap" spans */
    *zoom: expression(
                    this.runtimeStyle.zoom="1",
                    this.appendChild( document.createElement("span") )
                    );
}

span.exam-heading-attribute
{
    padding-right: 10px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

span.patient-heading-attribute-dod
{
    color: red;
}

span.heading-attribute-title
{
    font-weight: bold;
    padding-right: 2px;
}

span.heading-attribute-value
{
}

th.tbl-col-heading
{
    white-space: nowrap;
}

@media (min-width:481px) 
{
  th.tbl-col-heading-date-padded 
  {
    white-space: nowrap;
    min-width: 140px;
    width: 140px;
  }
}

td.tbl-cell-value, td.tbl-cell-value-green
{
}

td.tbl-cell-value-green
{
    color: green;
}

td.white-space-no-wrap, th.white-space-no-wrap
{
    white-space: nowrap;
}

.hideable
{
    display: normal; /* toggle beween normal/none to show/hid content */
}

@media (max-width: 767px)
{
  .main-menu
  {
    display: none;
  }

  .mobile-menu
  {
    display: inline;
  }

  .hideable
  {
    display: none !important;
  }

  .form-group 
  {
      margin-bottom: 0px;
  }

}

@media (max-width: 480px)
{
  /* When screen width is less than 480, i.e., on a regular phone in portrait mode. */
  .hide-on-narrow
  {
    display: none !important;
  }

  body, pre
  {
    font-size: 12px;
  }

  span.heading-attribute-last
  {
      white-space: normal; 
  }

  div.editor-panel 
  {
	  min-width: 300px;
  }
}

/* Bootstrap Clearfix without need for clearfix div */
/* Requires selectivizr2 on IE8 to avoid misallignment of view ports on Exam View*/
/* Begin */
/*  Tablet and phone */
@media (min-width:10px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }

  .tbl-image-viewer .col-xs-6.viewer-viewport-container:nth-child(1n),
  .tbl-image-viewer .col-sm-6.viewer-viewport-container:nth-child(1n)
  {
    border-top-width: 1px;
    border-left-width: 1px;
  }
  /* no top border for top row */
  .tbl-image-viewer .col-xs-6.viewer-viewport-container:nth-child(-n+2),
  .tbl-image-viewer .col-sm-6.viewer-viewport-container:nth-child(-n+2)
  {
    border-top-width: 0;
  }
  /* no left border for 1st column */
  .tbl-image-viewer .col-xs-6.viewer-viewport-container:nth-child(odd),
  .tbl-image-viewer .col-sm-6.viewer-viewport-container:nth-child(odd)
  {
    border-left-width: 0;
  }
}

@media (min-width: 768px) {

}

/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }

  .tbl-image-viewer .col-md-3.viewer-viewport-container:nth-child(1n)
  {
    border-top-width: 1px;
    border-left-width: 1px;
  }
  /* no top border for top row */
  .tbl-image-viewer .col-md-3.viewer-viewport-container:nth-child(-n+4)
  {
    border-top-width: 0;
  }
  /* no left border for 1st column */
  .tbl-image-viewer .col-md-3.viewer-viewport-container:nth-child(4n+1)
  {
    border-left-width: 0;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }

  .tbl-image-viewer .col-lg-2.viewer-viewport-container:nth-child(1n)
  {
    border-top-width: 1px;
    border-left-width: 1px;
  }
  /* no top border for top row */
  .tbl-image-viewer .col-lg-2.viewer-viewport-container:nth-child(-n+6)
  {
    border-top-width: 0;
  }
  /* no left border for 1st column */
  .tbl-image-viewer .col-lg-2.viewer-viewport-container:nth-child(6n+1)
  {
    border-left-width: 0;
  }
}

/* End */
/* Bootstrap Clearfix without need for clearfix div */

/*----------------------------------------------------------
Style customizations go here
----------------------------------------------------------*/