html 
{
  	font-size: 14px; 
}

body 
{
  	-webkit-font-smoothing: antialiased;
  	position: absolute;
  	top: 0;
  	right: 0;
  	left: 0;
  	bottom: 0;
    margin: 0 !important;
    overflow: hidden !important;
	background-color: var(--surface-b);
    color: var(--text-color);    
}



::-webkit-scrollbar 
{
  background: var(--surface-b); 
  width: 0.6rem;
  height: 0.6rem;
}

::-webkit-scrollbar-track 
{
  box-shadow: inset 0 0 0.1rem var(--surface-b); 
  border-radius: 0.3rem;
}
 
/* Handle */
::-webkit-scrollbar-thumb 
{
  background: var(--surface-d); 
  border-radius: 0.3rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover 
{
  background: var(--primary-color); 
}


.j4c-bg-a
{
	background-color: var(--surface-a);
}

.j4c-bg-b
{
	background-color: var(--surface-b);
}

*
{
	box-sizing: border-box;
}

svg *
{
	min-height:1px;
	min-width:1px;
	box-sizing: content-box;
}

.ui-tabs .ui-tabs-panel
{
	border-width: 1px !important;
}

.ui-widget-header 
{
    font-weight: normal;
}

.ui-tooltip-text
{
	white-space:pre-wrap;
}

.j4c-box
{
	border:1px solid;
}

.j4c-item-count 
{
    border: 1px solid #d5d5d5;
    background: #ccc;
    color: #222;
    font-weight: bold;
}

.unselectable 
{
  -webkit-user-select: none;
  -moz-user-select: none;  
  -ms-user-select: none;   
  user-select: none;
}

.ms-container 
{
    min-height: 100%;
    width: 100%;
}

.ui-columntoggler
{
	height: auto !important;
} 

.ui-growl 
{
	width:500px;
}

.ui-growl-message 
{
	width:400px;
}

.ui-accordion-content
{
	padding:0px !important;
}

.ui-dock-container-top,.ui-dock-container-bottom

{
	z-index:9999;
	background:none !important;
	border:none !important;
}

.j4c-button-32px
{
	height:32px !important; 
	width:32px !important;	
	vertical-align:middle;
	font-weight:bold !important;
}

.j4c-button-large
{
	height:38px !important; 
	width:38px !important;	
	margin:2px; 
	vertical-align:middle;
	font-weight:bold !important;
}

.j4c-button2-large
{
	height:38px !important; 
	margin:2px; 
	vertical-align:middle;
	font-weight:bold !important;
}

.j4c-button-vl-Top,.j4c-button-vl-Bottom
{
	height:44px; 
	width:100px;	
	vertical-align:middle;
	font-weight:bold !important;
}

.j4c-button-vl-Right,.j4c-button-vl-Left
{
	height:100px; 
	width:44px;	
	vertical-align:middle;
	font-weight:bold !important;
}

.j4c-select2-large label
{
	font-weight:bold !important;
}

.j4c-button-npe .ui-button-text
{
	pointer-events:none;	
}

.j4c-button-npe .ui-button-icon-left
{
	pointer-events:none;	
}

.j4c-button-small .ui-button-text
{
	padding: 2px !important;
}

.j4c-splitbutton-compact .ui-button .ui-button-text
{
	padding: 2px 4px 2px 4px !important;
}

.j4c-button-small .ui-icon
{
	padding: 2px !important;
	font-size:80%;
}

.j4c-button-small
{
	width: 22px !important;
}

.j4c-input-large
{
	margin-left:2px; 
	vertical-align:middle; 
	font-size:140% !important; 	
}

.j4c-input-large .ui-selectonemenu-label
{
	width: calc(100% + 20px);
}

.j4c-icon-border
{
	border-radius: 10px;
}

.j4c-worklist-panel
{
	margin:0px 10px 12px 0px;
	width:250px; 
	height:180px;
}

.j4c-worklist-description
{
	font-weight: bold;
	font-size: 110%;
}

.ui-selectlistbox-item
{
	vertical-align:middle;
}

.j4c-align-left
{
	text-align:left;
}

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

.j4c-bold
{
	font-weight:bold;
}

.j4c-top
{
	vertical-align:top;
}

.j4c-viewlink-Left
{
	position:absolute; 
	top:calc(50% - 120px); 
	bottom:calc(50% - 120px);
	left:0px; 
	width:16px; 
	overflow:visible;	
}

.j4c-viewlink-inner-Left
{
	position:relative; 
	top:45%; 
	left:0;
	width:40px; 
	text-align:left;
}	

.j4c-viewlink-Right
{
	position:absolute; 
	top:calc(50% - 120px); 
	bottom:calc(50% - 120px); 
	right:0px; 
	width:16px;	
	overflow:visible;	
}

.j4c-viewlink-inner-Right
{
	position:relative; 
	top:45%; 
	right:22px; 
	width:38px; 
	text-align:right;
}
	
.j4c-viewlink-Top
{
	position:absolute; 
	top:0px; 
	left:calc(50% - 120px); 
	right:calc(50% - 120px); 
	height:16px;	
	overflow:visible;	
}

.j4c-viewlink-inner-Top
{
	position:relative; 
	top:0px; 
	height:30px; 
	text-align:center;
}

.j4c-viewlink-Bottom
{
	position:absolute; 
	bottom:0px; 
	left:calc(50% - 120px); 
	right:calc(50% - 120px); 
	height:16px;	
	overflow:visible;	
}

.j4c-viewlink-inner-Bottom
{
	position:relative; 
	bottom:30px; 
	height:30px; 
	text-align:center;
}

.j4c-viewlink-style
{
	font-size: 30px;
}

.j4c-viewlink-home
{
	position:absolute; 
	top:0; 
	right:0; 
	width:30px;
	height:30px;	
	overflow:visible;	
}

.j4c-viewlink-home-inner
{
	position:relative; 
	right:118px; 
	width:110px;
	text-align:right;
}

.j4c-patient-icon
{
	font-size: 24px;
    padding-right: 4px;
    text-align: center;
    vertical-align: middle;
    width: 24px;
    height: 24px;
}

.j4c-patient-icon-64
{
	font-size: 64px;
    padding-right: 8px;
    text-align: center;
    vertical-align: middle;
    width: 64px;
    height: 64px;
}

.j4c-patient-icon-32
{
	font-size: 32px;
    padding-right: 4px;
    text-align: center;
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

.j4c-patient-image
{
	padding-right:10px;
	vertical-align:middle;
}

@media only screen and (max-width: 900px) 
{
	.j4c-patient-header
	{
		vertical-align:middle;
		font-size:110% !important;
		white-space:nowrap;
	}
}

@media only screen and (min-width: 900px) 
{
	.j4c-patient-header
	{
		vertical-align:middle;
		font-size:140% !important;
		white-space:nowrap;
	}
}

.j4c-patient-patientname
{
	font-weight:bold;
	vertical-align:middle;
}

.j4c-font-infotext
{
	font-weight:normal;
	font-size:140%;
	font-style:italic;
}

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

.j4c-thumbnail
{
	border-radius:6px;
}

.j4c-series-text
{
	font-size: large !important;
	font-weight:bold;
}

.j4c-series-thumbnail-num
{
	font-size: x-large !important;
    vertical-align: top;
    width: 40px;
    height: 64px;
    padding-left: 16px;
    padding-top: 16px;
    float: right;
}

.j4c-series-thumbnail-num-block
{
	font-size: x-large !important;
    vertical-align: top;
    width: 40px;
    padding: 16px;
}

.j4c-studypanel
{
	padding:0;
}

.j4c-studypanel .ui-panel-content
{
	padding:0;
}

.j4c-display-empty
{
	border-style: solid;
	border-width: 1px;	
	border-color: #222222;	
	background-color: #111111;
}

.j4c-display-localizer
{
	border-style: solid;
	border-width: 1px;	
	border-color: #222222;	
	background-color: #111111;
}

.j4c-display-empty-info
{
	color: #333333;	
	position:absolute; 
	top: 50%; 
	left: 50%; 
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}	

.j4c-display-full
{
	background-color: #000000;
	cursor: crosshair;
}	

.j4c-display-border-full
{
	border-style: solid !important; 
	border-width: 1px !important;	
	border-color: #222222;	
}	

.j4c-display-border-no-left
{
	border-style: solid !important; 
	border-width: 1px 1px 1px 0 !important;	
	border-color: #222222;	
}

.j4c-display-border-black-no-left
{
	border-style: solid !important; 
	border-width: 1px 1px 1px 0 !important;	
	border-color: #000000;	
}

.j4c-display-border-no-right
{
	border-style: solid !important; 
	border-width: 1px 0 1px 1px !important;	
	border-color: #222222;	
}

.j4c-display-border-black-no-right
{
	border-style: solid !important; 
	border-width: 1px 0 1px 1px !important;	
	border-color: #000000;	
}

.j4c-display-selected
{
	border-color: #666666;	
}

.j4c-display-highlight
{
	border-color: #999999 !important;	
}

.j4c-display-drop-hover
{
	box-shadow: inset 0px 0px 10px 5px orange !important;
}

.j4c-display-drop-active
{
	box-shadow: inset 0px 0px 5px 2px #aaaaff;
}

.j4c-screen-drop-hover
{
	box-shadow: inset 0px 0px 10px 5px orange !important;
}

.j4c-screen-drop-active
{
	box-shadow: inset 0px 0px 5px 2px #aaaaff;
}

.j4c-font-size30p
{
	font-size: 30%;
}

.j4c-font-size50p
{
	font-size: 50%;
}

.j4c-font-size80p
{
	font-size: 80%;
}

.j4c-font-size70p
{
	font-size: 70%;
}

.j4c-font-size110p
{
	font-size: 110%;
}

.j4c-font-size120p
{
	font-size: 120%;
}

.j4c-font-size150p
{
	font-size: 150%;
}

.j4c-font-size175p
{
	font-size: 175%;
}

.j4c-font-size200p
{
	font-size: 200%;
}

.j4c-font-size300p
{
	font-size: 300%;
}

.j4c-image-element
{
	color: white;
}

.j4c-position-tl
{
	position:absolute;
	left:0%;
	top:0%;
	width:33.33%;
	height:33.33%;
	border-right:1px dashed;
	border-bottom:1px dashed;
}

.j4c-position-tc
{
	position:absolute;
	left:33.33%;
	top:0%;
	width:33.33%;
	height:33.33%;
	border-right:1px dashed;
	border-bottom:1px dashed;
}

.j4c-position-tr
{
	position:absolute;
	left:66.66%;
	top:0%;
	width:33.33%;
	height:33.33%;
	border-bottom:1px dashed;
}

.j4c-position-ml
{
	position:absolute;
	left:0%;
	top:33.33%;
	width:33.33%;
	height:33.33%;
	border-right:1px dashed;
	border-bottom:1px dashed;
}

.j4c-position-mc
{
	position:absolute;
	left:33.33%;
	top:33.33%;
	width:33.33%;
	height:33.33%;
	border-right:1px dashed;
	border-bottom:1px dashed;
}

.j4c-position-mr
{
	position:absolute;
	left:66.66%;
	top:33.33%;
	width:33.33%;
	height:33.33%;
	border-bottom:1px dashed;
}

.j4c-position-bl
{
	position:absolute;
	left:0%;
	top:66.66%;
	width:33.33%;
	height:33.33%;
	border-right:1px dashed;
}

.j4c-position-bc
{
	position:absolute;
	left:33.33%;
	top:66.66%;
	width:33.33%;
	height:33.33%;
	border-right:1px dashed;
}

.j4c-position-br
{
	position:absolute;
	left:66.66%;
	top:66.66%;
	width:33.33%;
	height:33.33%;
}

.j4c-position-list
{
	width:100%;
	height:20px;
}

.j4c-position-sub-tl
{
	position:absolute;
	left:0%;
	top:0%;
	width:60%;
	height:60%;
}

.j4c-position-sub-tc
{
	position:absolute;
	left:20%;
	top:0%;
	width:60%;
	height:60%;
}

.j4c-position-sub-tr
{
	position:absolute;
	left:40%;
	top:0%;
	width:60%;
	height:60%;
}

.j4c-position-sub-ml
{
	position:absolute;
	left:0%;
	top:20%;
	width:60%;
	height:60%;
}

.j4c-position-sub-mc
{
	position:absolute;
	left:20%;
	top:20%;
	width:60%;
	height:60%;
}

.j4c-position-sub-mr
{
	position:absolute;
	left:40%;
	top:20%;
	width:60%;
	height:60%;
}

.j4c-position-sub-bl
{
	position:absolute;
	left:0%;
	top:40%;
	width:60%;
	height:60%;
}

.j4c-position-sub-bc
{
	position:absolute;
	left:20%;
	top:40%;
	width:60%;
	height:60%;
}

.j4c-position-sub-br
{
	position:absolute;
	left:40%;
	top:40%;
	width:60%;
	height:60%;
}

.j4c-display-icon
{
	width:32px;
	margin:8px;
}

.j4c-center
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.j4c-pointer
{
	cursor: pointer;
}

.j4c-grab
{
	cursor: -webkit-grab; 
	cursor: grab;
}

.j4c-thumbnail
{
	border-radius: 4px;
}

div.j4c-hide-thead div table thead
{
	display:none !important;
}

.j4c-progress-block-0
{
	background-color: #222222;
}

.j4c-progress-block-1
{
	background-color: #333333;
}

.j4c-progress-block-2
{
	background-color: #555555;
}

.j4c-progress-block-pos
{
	background-color: #00ccff;
}

.j4c-shadow-bluredblack
{
	text-shadow: rgb(0, 0, 0) 0px 0px 1px;	
}

.j4c-shadow-bluredblack2
{
	text-shadow: rgb(0, 0, 0) 0px 0px 2px;	
}

.j4c-display-mapping
{
	color: #e0e0e0;
	text-shadow: rgb(0, 0, 0) 0px 0px 1px;	
}

.j4c-display-mapping-blurry
{
	color: transparent;
   	text-shadow: 0 0 3px rgba(255,255,255, 1.0);
}

.j4c-cine-spinner .ui-spinner-input
{
	background: transparent;
	color: white;
	font-weight: bold;
   	text-shadow: 0 0 2px rgba(0,0,0, 1.0);
   	padding: 1px 17px 1px 1px;
   	width:67px;
}

.j4c-spinner-50px .ui-spinner-input
{
   	width:50px;
}

.j4c-spinner-60px .ui-spinner-input
{
   	width:60px;
}

.j4c-spinner-70px .ui-spinner-input
{
   	width:70px;
}

.j4c-spinner-80px .ui-spinner-input
{
   	width:80px;
}

.j4c-imagemenu-background
{
	position:absolute; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0; 
	background-color:black; 
	opacity:0.8; 
	border-radius:4px; 
	pointer-events: none;
}

.j4c-imagemenu-foreground
{
	position:absolute; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0; 
	border-radius:4px; 
	border: 1px solid #777777;
}

.j4c-imagemenu
{
	position:absolute; 
	background-color:#000000; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0; 
	border-radius:4px; 
	border: 1px solid #777777;
}

.j4c-drawtoolsmenu
{
	position:absolute; 
	background-color:#aaaaaa; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0; 
	border-radius:4px; 
	border: 1px solid #777777;
}

.j4c-text-outline-black
{
    text-shadow:  2px  2px 2px black,
                  2px -2px 2px black,
                 -2px  2px 2px black,
                 -2px -2px 2px black;	
}

.j4c-popupmenu-icon
{
	display:block;
	color:#c0c0c0;
	text-align:center;
	margin-top:6px;
	padding:2px;
}	

.j4c-popupmenu-icon-small
{
	display:block;
	color:#c0c0c0;
	text-align:center;
	margin-top:6px;
}
	
.j4c-icon24
{
	width: 24px !important;
	height: 24px !important;
}

.j4c-icon32
{
	width: 32px !important;
	height: 32px !important;
	margin-top: -14px !important;
	margin-left: -15px !important;
	font-size: 200%;
}	

.j4c-icon20 .ui-chkbox-box 
{
	width: 30px !important;
	height: 20px !important;
	padding-left: 7px !important;
	font-size: 150%;
}	

#ShareForm\:ShareSteps .ui-steps-item 
{
    width: 33.33%;
}

.j4c-chips-width-500px ul
{
	width:500px !important;
}

.j4c-state-selected
{
	padding: 4px;
	background: orange;
}

.j4c-state-unselected
{
	padding: 4px;
}

.j4c-drawmode-icon
{
	width:32px;
	margin:2px;
}

.j4c-drawmode-icon-small
{
	width:1.5rem;
	height:1.5rem;
	margin:0.35em 0.25rem 0.15rem 0.25rem;
}

.j4c-drawmode
{
	display:inline-block;
	width:36px;
	height:36px;
	margin:2px;
	vertical-align:top;
}

.j4c-drawmode-separator-v
{
	display:inline-block;
	width:1px;
	height:38px;
	background:#999999;
	vertical-align:top;
	margin:1px 0 1px 0;
}

.j4c-drawmode-separator-h
{
	display:block;
	height:1px;
	background:#999999;
	margin:1px 2px 1px 2px;
}

.j4c-drawmode-button
{
	width:32px;
	height:32px;
	margin:0;
}

.j4c-drawmode-active
{
	background-color:#2f2f2f;
	border:1px dashed white;	
	width:36px !important;
	height:36px !important;
	margin:0px !important;
}

.j4c-dialog-smalltitle .ui-dialog-titlebar
{
	padding-top:0.2em !important;
	padding-bottom:0.2em !important;
}

.j4c-dialog-smalltitle .ui-dialog-content
{
	padding:0.2em !important;
}

.j4c-dialog-smalltitle .ui-dialog-titlebar .ui-dialog-title
{
	margin-top:4px !important;
	margin-bottom:0 !important;
	font-size:80% !important;
}

.j4c-dialog-smalltitle .ui-dialog-titlebar .ui-dialog-titlebar-close
{
	margin:0 !important;	
}

.j4c-selectmanybutton-200px .ui-button
{
	width:200px;
	white-space:nowrap;
	overflow:hidden;
}

.j4c-tabs
{
	padding:0px !important
}

.j4c-tabs .ui-tabs-panels .ui-tabs-panel
{
	padding:1px !important
}

.j4c-fa-x2
{
	width:24px;
	height:24px;
	font-size:200% !important;
}

.j4c-arrow-right 
{
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid green;
}

.j4c-triangle-topright 
{
     width: 0;
     height: 0;
     border-top: 12px solid #e0e0e0;
     border-left: 12px solid transparent;
}
 
.j4c-icon-topright 
{
	top:-12px;
	text-align:right !important;
}

.j4c-field
{
	display:inline-block;
	font-weight:normal; 
 	padding:0.25rem; 
 	font-size:75% !important; 
 	color:#ffffff; 
 	background-color: rgba(51,51,51, 0.75);
 	border:1px solid rgba(153,153,153, 0.33); 
 	border-radius:4px;
 	vertical-align:middle;
}  

.j4c-field-compact
{
	display:inline-block;
	font-weight:bold; 
 	padding:2px; 
 	font-size:70% !important; 
 	color:#ffffff; 
 	background-color:rgba(51,51,51, 0.75);
 	border:1px solid rgba(153,153,153, 0.33); 
 	border-radius:4px
}
  
.j4c-field-large
{
	display:inline-block;
	font-weight:bold; 
 	padding:5px; 
 	color:#ffffff; 
 	background-color:rgba(51,51,51, 0.75);
 	border:1px solid rgba(153,153,153, 0.33); 
 	border-radius:4px
}

.j4c-field-border
{
 	border:1px solid rgba(153,153,153, 0.33); 
 	border-radius:4px
}	

.j4c-width-150px
{
	width:150px;
}

.j4c-width-200px
{
	width:200px;
}

.j4c-width-250px
{
	width:250px;
}

.j4c-width-300px
{
	width:300px;
}

.j4c-autocomplete-width-378px .ui-autocomplete-multiple-container
{
	width:374px;
}

.j4c-chips-width-408px .ui-chips-container
{
	width:408px;
}

.j4c-large-row-toggler .ui-row-toggler
{
	font-size:140% !important;
}

.j4c-pre
{
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", 
	"Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", 
	"Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace !important;
	white-space:pre !important;	
}

.j4c-nowrap
{
	white-space:nowrap;
}

.j4c-ext-tsr-icon
{
	font-size: 140%;
	margin-left:4px; 
	width:24px; 
	vertical-align:middle;
	text-align:center;
}

.j4c-ext-ts-icon-r
{
	font-size: 120%;
	margin-right:4px; 
	width:18px; 
	vertical-align:middle	
}

.j4c-ext-tsr-icon-r
{
	font-size: 140%;
	margin-right:4px; 
	width:24px; 
	vertical-align:middle;	
	text-align:center;
}

.j4c-ext-tf-type
{
	display:inline-block; 
	white-space:nowrap; 
	padding:4px;
}

.j4c-ext-lyt-box
{
	border-width: 1px; 
	border-style:solid; 
	position:absolute; 
	width:16px; 
	height:16px; 
	cursor:pointer
}

.j4c-ext-sb-btn
{
	display:inline-block; 
	width:26px; 
	vertical-align:middle; 
	height:22px; 
	padding:6px 4px 4px 4px; 
	border-radius:4px; 
	box-sizing:content-box
}

.j4c-ext-sb-btn-icn
{
	font-size: 150%;
	color: white;
	cursor: pointer;	
}

.j4c-ext-sb-btn-icn-l
{
	font-size: 200%;
	color: white;
	cursor: pointer;	
}

.j4c-ext-sb-btn-txt
{
	font-size: 150%;
	color: white;
	cursor: pointer;	
	display:inline-block; 
	width:1em; 
	height:1em; 
	position:relative; 
	top:-0.25em
}

.j4c-b-64px
{
	display:block; 
	width:64px; 
	height:64px;
	overflow:hidden
}

.j4c-ib-64px
{
	display:inline-block; 
	width:64px; 
	height:64px;
	overflow:hidden
}

.j4c-stb-ss-icn-film
{
	display:inline-block; 
	position:relative; 
	right:40px; 
	bottom:12px; 
	width:8px; 
	text-align:center; 
	vertical-align:bottom; 
	font-size:100% !important; 
	height:12px; 
	color:white
}

.j4c-stb-ss-icn-num
{
	float:right; 
	font-size:80%; 
	font-weight:normal; 
	position:relative; 
	top:-26px; 
	left:-4px; 
	padding:1px;
    border: 1px solid #d5d5d5;
    background: #ccc;
    color: #222;
    font-weight: bold;
}

.j4c-stb-ss-tn-c
{
	display:inline-block; 
	margin:1px; 
	width:64px; 
	height:64x; 
	vertical-align:middle;
}

.p-m-1px
{
	margin:1px !important
}

.p-m-2px
{
	margin:2px !important
}

.p-m-3px
{
	margin:3px !important
}

.p-mr-1px
{
	margin-right:1px !important
}

.p-mr-2px
{
	margin-right:2px !important
}

.p-mr-4px
{
	margin-right:4px !important
}

.p-ml-1px
{
	margin-left:1px !important
}

.p-ml-2px
{
	margin-left:2px !important
}

.p-mb-1px
{
	margin-bottom:1px !important
}

.p-mb-2px
{
	margin-bottom:2px !important
}

.p-mb-4px
{
	margin-bottom:4px !important
}

.p-w-icon
{
	width:2rem !important	
}

.p-p-1px
{
	padding:1px !important
}

.ui-clock
{
	padding: 0.5rem !important
}

.j4c-priors-Top
{
	white-space:nowrap;
}

.j4c-priors-Top > div
{
	display:inline-block;
	white-space:nowrap;
}	

.j4c-priors-Bottom
{
	white-space:nowrap;
}

.j4c-priors-Bottom > div
{
	display:inline-block;
	white-space:nowrap;
}	

.j4c-priors-Left
{
	max-width:204px; 
}

.j4c-priors-Right
{
	max-width:204px; 
}

.j4c-priors-outer-Top
{
	overflow-x:auto;	
	overflow-y:hidden;	
}

.j4c-priors-outer-Bottom
{
	overflow-x:auto;
	overflow-y:hidden;	
}

.j4c-priors-outer-Left
{
	overflow-x:hidden;	
	overflow-y:auto;
}

.j4c-priors-outer-Right
{
	overflow-x:hidden;	
	overflow-y:auto;	
}

.j4c-splitbutton-180
{
	width:180px;
}

.j4c-splitbutton-180 button
{
	width:146px;
}

.ce-manufacturer-48
{
	display:inline-block;
    width:48px; 
    height:42px;
    background-size:48px 42px !important;
    background: url("/SMooTHViewer/javax.faces.resource/ce/manufacturer.svg.jsf?ln=images");
    margin:8px
}

.ce-manufacturer-64
{
	display:inline-block;
    width:64px; 
    height:48px;
    background-size:64px 56px !important;
    background: url("/SMooTHViewer/javax.faces.resource/ce/manufacturer.svg.jsf?ln=images");
    margin:6px
}

.ce-date-of-manufacture-32
{
	display:inline-block;
	width:32px; 
	height:24px;
    background-size:32px 24px !important;
    background: url("/SMooTHViewer/javax.faces.resource/ce/date_of_manufacture.svg.jsf?ln=images");
    margin:4px 4px 0 4px
}

.ce-date-of-manufacture-48
{
	display:inline-block;
	width:48px; 
	height:42px;
    background-size:48px 42px !important;
    background: url("/SMooTHViewer/javax.faces.resource/ce/date_of_manufacture.svg.jsf?ln=images");
    margin:6px 6px 0 6px
}

.ce-manual-64
{
	display:inline-block;
	width:64px; 
	height:64px;
    background-size:64px 64px !important;
    background: url("/SMooTHViewer/javax.faces.resource/ce/manual.svg.jsf?ln=images");
}

.ce-manual-96
{
	display:inline-block;
	width:96px; 
	height:96px;
    background-size:96px 96px !important;
    background: url("/SMooTHViewer/javax.faces.resource/ce/manual.svg.jsf?ln=images");
}

.ce-64
{
	display:inline-block;
	width:64px; 
	height:46px;
    background-size:64px 46px !important;
    background: url("/SMooTHViewer/javax.faces.resource/ce/ce.svg.jsf?ln=images");
    margin:8px 8px 0 0;
}

.availability
{
	display:inline-block;
	border-radius:0.4rem;
	overflow:hidden;
	box-sizing: content-box;
	width:1.2rem;
	height:1.2rem;
	margin-top:0.1rem;
	background-color:#333333;
	outline:2px solid #333333;
}

.availability .online
{
	background-color:#00cc00;
	width:1.2rem;
	height:1.2rem;
}

.availability .nearline
{
	background-color:#ffcc00;
	width:1.2rem;
	height:1.2rem;
}

.availability .offline
{
	background-color:#ff0000;
	width:1.2rem;
	height:1.2rem;
}

.availability .unknown
{
	background-color:#cccccc;
	width:1.2rem;
	height:1.2rem;
}

.availability .unavailable
{
	background-color:#0000ff;
	width:1.2rem;
	height:1.2rem;
}

.availability .local
{
	background-color:#00ffff;
	width:1.2rem;
	height:1.2rem;
}

.availability .online-nearline
{
	display:inline-block;
	background-color:#00cc00;
	width:1.2rem;
	height:1.2rem;
	border-bottom:0.6rem solid #ffcc00;  
}

.availability .online-offline
{
	display:inline-block;
	background-color:#00cc00;
	width:1.2rem;
	height:1.2rem;
	border-bottom:0.6rem solid #ff0000;  
}

.availability .nearline-offline
{
	display:inline-block;
	background-color:#ffcc00;
	width:1.2rem;
	height:1.2rem;
	border-bottom:0.6rem solid #ff0000;  
}


.availability .online-nearline-offline
{
	display:inline-block;
	background-color:#ffcc00;
	width:1.2rem;
	height:1.2rem;
	border-top:0.4rem solid #00cc00;  
	border-bottom:0.4rem solid #ff0000;  
}

.j4c-fileupload-dropzone.ui-state-drag
{
	box-shadow: inset 0px 0px 10px 5px orange !important;
}

.j4c-table-layout-auto div table
{
	table-layout: auto !important;
}

.j4c-va-m
{
	vertical-align:middle	
}

.j4c-va-t
{
	vertical-align:top	
}


.datacolumn-ScheduledProcedureStepPriority-HIGH
{
	color:#ff0000
}

.datacolumn-ScheduledProcedureStepPriority-MEDIUM
{
	color:#ffaa00
}

.datacolumn-ScheduledProcedureStepPriority-LOW
{
	color:#3333ff
}