/** Add css rules here for your application. */

body { 
	overflow: hidden; 
}

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

.dynamicForm {
	background-color: #FFFFFF;
}

.loadingPage {
			width: 151px;
			height: 150px;
			background-color: white;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -76px;
			margin-top: -81px;
}

	.compatibilityModeWarning {
			font-weight: bold;
			width: 451px;
			height: 150px;
			background-color: white;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -170px;
			margin-top: -81px;
		}
		
				.loadingText {
			font-family:Arial,Verdana;
			font-size: 12px;
			display: inline-block;
			margin-top: 20px;
			margin-bottom: 0px;
			margin-left: 0px;
			margin-right: 0px;
			padding:0px 50px
		}

.vidistarCanvas {
    background-color: #a3c2df; /* Custom background color */
}
/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.patientGrid,
.patientGridDark,
.patientGridOver,
.patientGridOverDark,
.patientGridSelected,
.patientGridSelectedDark,
.patientGridSelectedOver,
.patientGridSelectedOverDark,
.patientGridDisabled,
.patientGridDisabledDark{
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
}

.patientGridSelected,
.patientGridSelectedOver,
.patientGridSelectedDark,
.patientGridSelectedOverDark,
.patientGridSelected {
	background-color:#7697d5;
}



.studyGrid {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
	background-color:#f1e1b1;
}
.studyGridDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
	background-color:#ebdaa1;
}
.studyGridOver{
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#e5d49d;
}
.studyGridOverDark{
	font-family:Arial,Verdana,sans-serif; fo#a3c2dfnt-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#e5d49d;
}
.studyGridSelected {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#e0d099;
}
.studyGridSelectedDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#e0d099;
}
.studyGridSelectedOver {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#dccc95;
}
.studyGridSelectedOverDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#dccc95;
}
.studyGridDisabled {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#dccc95;
}
.studyGridDisabledDark{
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#dccc95;
}


.seriesGrid {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#b7bab6;
}
.seriesGridDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#acb0aa;
}
.seriesGridOver {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#a5aaa4;
}
.seriesGridOverDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#a5aaa4;
}
.seriesGridSelected {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#979c9d;
}
.seriesGridSelectedDark{
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#979c9d;
}
.seriesGridSelectedOver{
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#929798;
}
.seriesGridSelectedOverDark{
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#929798;
}
.seriesGridDisabled{
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#929798;
}
.seriesGridDisabledDark{
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#929798;
}


.instancesGrid {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fc285;
}
.instancesGridDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fba7d;
}
.instancesGridOver {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fb578;
}
.instancesGridOverDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fb578;
}
.instancesGridSelected {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fad70;
}
.instancesGridSelectedDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fad70;
}
.instancesGridSelectedOver {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fa86a;
}
.instancesGridSelectedOverDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fa86a;
}
.instancesGridDisabled {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fa86a;
}
.instancesGridDisabledDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    border-bottom-color: #EDEDED;
    background-color:#4fa86a;
}
/*

.filterSelectorSelected
{
  color: black;
  font-family: Arial, Verdana, sans-serif; 
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

.filterSelectorUnselected
{
  color: black;
  font-family: Arial, Verdana, sans-serif; 
  font-weight: normal;
  font-size: 11px;
  text-decoration: underline;
}
*/

/* Style for the label to look like a tab */
.filterSelectorSelected {
   background-color: #a3c2df;
	border-left: 1px solid #97a8be;
	border-right: 1px solid #97a8be;
	border-top: 1px solid #97a8be;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0 7px 1px 7px;
	text-align: center
}

/*.filterSelectorSelected {
  background-color: #f7f7f7;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #e8e8e8),
		color-stop(9%, #e8e8e8), color-stop(18%, #ededed),
		color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc),
		color-stop(100%, #fcfcfc));
	background-image: -moz-linear-gradient(top, #e8e8e8 0, #e8e8e8 9%, #ededed 18%, #f2f2f2
		32%, #fcfcfc 68%, #fcfcfc 100%);
	background-image: -webkit-linear-gradient(top, #e8e8e8 0, #e8e8e8 9%, #ededed 18%, #f2f2f2
		32%, #fcfcfc 68%, #fcfcfc 100%);
	background-image: linear-gradient(to bottom, #e8e8e8 0, #e8e8e8 9%, #ededed 18%, #f2f2f2
		32%, #fcfcfc 68%, #fcfcfc 100%);
	border-left: 1px solid #97a8be;
	border-right: 1px solid #97a8be;
	border-top: 1px solid #97a8be;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0 7px 1px 7px;
	text-align: center
}
*/
.filterSelectorUnselected {
 background-color: #e0e0e0;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #d4d4d4),
		color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8),
		color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
	background-image: -moz-linear-gradient(top, #d4d4d4 0, #d6d6d6 19%, #e8e8e8 57%, #ebebeb
		71%, #ebebeb 100%);
	background-image: -webkit-linear-gradient(top, #d4d4d4 0, #d6d6d6 19%, #e8e8e8 57%,
		#ebebeb 71%, #ebebeb 100%);
	background-image: linear-gradient(to bottom, #d4d4d4 0, #d6d6d6 19%, #e8e8e8 57%, #ebebeb
		71%, #ebebeb 100%);
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	border-top: 1px solid #ababab;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	padding: 0 7px 1px 7px;
	text-align: center
}

.gridBody {
  background-color: #d8d8d6;
}

.alternateGridBody {
  background-color: #d8d8d6;
}

.tabSetContainer {
  background-color: #d8d8d6;
}

.loading {
	width: 125px;
	height: 150px;
	background-color: white;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.textItemMonospace,
.textItemMonospaceFocused {
	font-family: monospace !important
}

.progress {
  height: 1.5em;
  width: 100%;
  /*background-color: #c9c9c9;*/
  position: relative;
  padding-top: 4px
}
.progress:before {
  content: attr(data-label);
  position: absolute;
  text-align: left;
  left: 0;
  right: 0;
}
.progress .value {
  background-color: #a3c2df;
  display: inline-block;
  height: 100%;
  margin-top: -4px
}

.resetButtonPWD {
	color: #0000a0;
	font-family:Arial,Verdana,sans-serif;
	font-size: 11px;
	cursor: pointer;
}
.error_msg {
	color: red;
}

.loginLayout {
	background-color: #ffffff;
}

.canvasLayout {
	background-color: #e6e6e6;
}

.searchPanelPadding {
	padding: 0px 0px 0px 8px;
}

.filterCellStyle,
.filterCellStyleFocused,
.filterCellStyleDisabled{
	padding: 4px 8px 2px 0px;
}

.rollOverCanvas{
    border: 1px solid black; 
    background-color: #ffffff; 
}

.studyFlagged {
	background-color:#ffff00 !important;
}
		
.studyReturned{
	background-color:#ff9150 !important;
}

.customFontTextArea,
.customFontTextAreaFocused,
.customFontTextAreaOver,
.customFontTextAreaFocusedOver{
	font-family: monospace; 
	font-size: 14px;
}

.signButtonStyle,
.signButtonStyleFocused,
.signButtonStyleOver,
.signButtonStyleFocusedOver{
	background-color: #64FF64;
	padding: 2px 2px 2px 2px;
}

.ecgTreeGridHover{
	background-color: #feffb3 !important;
	border: 1px solid #080808;
	padding: 2px 2px 2px 2px;
}