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

html, body { 
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #191919;
  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;
}


.vidistarCanvas {
    background-color: #2d2d2d; /* Custom background color */
}

.dynamicForm {
	background-color: #2d2d2d;
}

/** 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;
}

.loadingPage {
			width: 151px;
			height: 150px;
			/*background-color: #080808;*/
			background-color: transparent;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -76px;
			margin-top: -81px;
		}
		
		.compatibilityModeWarning {
			font-weight: bold;
			width: 451px;
			height: 150px;
			background-color: #080808;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -170px;
			margin-top: -81px;
		}


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

.patientGrid{
	background-color:#191919;
}
.patientGridDark{
	background-color:#080808;
}

.patientGridOver,
.patientGridOverDark{
	color: #c4c4c4;
	background-color:#252525;
}


.patientGridSelectedDark,
.patientGridSelected {
	background-color:#397b61;
	color: #ffffff;
	/*border-bottom-color: #191919;*/
}

.patientGridSelectedOver,
.patientGridSelectedOverDark {
	background-color:#439977;
	color: #ffffff;
	/*border-bottom-color: #191919;*/
}


.studyGrid,
.studyGridDark,
.studyGridOver,
.studyGridOverDark,
.studyGridSelected,
.studyGridSelectedDark,
.studyGridSelectedOver,
.studyGridSelectedOverDark,
.studyGridDisabled,
.studyGridDisabledDark{
	font-family:Segoe UI, sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    color: #c4c4c4;
     border-bottom-color: #191919;    
}

.studyGrid{
	background-color:#191919;
}
.studyGridDark{
	background-color:#080808;
}

.studyGridOver,
.studyGridOverDark{
	color: #c4c4c4;
	background-color:#252525;
}

.studyGridSelectedDark,
.studyGridSelected {
	background-color:#397b61;
	color: #ffffff;
	/*border-bottom-color: #191919;*/
}

.studyGridSelectedOver,
.studyGridSelectedOverDark{
	background-color:#439977;
	color: #ffffff;
	/*border-bottom-color: #191919;*/
}

.seriesGrid,
.seriesGridDark,
.seriesGridOver,
.seriesGridOverDark,
.seriesGridSelected,
.seriesGridSelectedDark,
.seriesGridSelectedOver,
.seriesGridSelectedOverDark,
.seriesGridDisabled,
.seriesGridDisabledDark{
	font-family:Segoe UI, sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    color: #c4c4c4;
    border-bottom-color: #191919;    
}

.seriesGrid{
	background-color:#191919;
}
.seriesGridDark{
	background-color:#080808;
}

.seriesGridOver,
.seriesGridOverDark{
	color: #c4c4c4;
	background-color:#252525;
}
.seriesGridSelectedDark,
.seriesGridSelected {
	background-color:#397b61;
	color: #fbfcfc;
	/*border-bottom-color: #191919;*/
}

.seriesGridSelectedOver,
.seriesGridSelectedOverDark{
	background-color:#439977;
	color: #fbfcfc;
	/*border-bottom-color: #191919;*/
}
.instancesGrid,
.instancesGridDark,
.instancesGridOver,
.instancesGridOverDark,
.instancesGridSelected,
.instancesGridSelectedDark,
.instancesGridSelectedOver,
.instancesGridSelectedOverDark,
.instancesGridDisabled,
.instancesGridDisabledDark{
	font-family:Segoe UI, sans-serif; font-size:11px; text-overflow:ellipsis;
	border-bottom:1px solid;
    color: #c4c4c4;    
    border-bottom-color: #191919;
}

.instancesGrid{
	background-color:#191919;
	
}
.instancesGridDark{
	background-color:#080808;
}

.instancesGridOver,
.instancesGridOverDark{
	color: #c4c4c4;
	background-color:#252525;
}


.instancesGridSelectedDark,
.instancesGridSelected {
	background-color:#397b61;
	color: #ffffff;
	/*border-bottom-color: #191919;*/
}

.instancesGridSelectedOver,
.instancesGridSelectedOverDark{
	background-color:#439977;
	color: #ffffff;
	/*border-bottom-color: #191919;*/
}
/* Style for the label to look like a tab */
.filterSelectorSelected {
  	background-color: #2d2d2d;
	border: 1px solid #464646;
	border-bottom: none;
	color: #D7D7D7;
	font-family: Segoe UI, sans-serif;
	font-size: 11px;
	text-align: center;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.filterSelectorUnselected {
   background-color: #252525;
	border: 1px solid #464646;
	border-bottom: none;
	color: #8C8C8C;
	font-family: Segoe UI, sans-serif;
	font-size: 11px;
	text-align: center;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.loading {
	width: 125px;
	height: 150px;
	background-color: transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

	.loadingText {
			font-family:Segoe UI, sans-serif;
			font-size: 12px;
			display: inline-block;
			margin-top: 20px;
			margin-bottom: 0px;
			margin-left: 0px;
			margin-right: 0px;
			color: gray;
			padding:0px 50px
			
		}

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

.progress {
  height: 1.5em;
  width: 100%;
  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: #C6C6C6;
	font-family:Segoe UI, sans-serif;
	font-size: 11px;
	cursor: pointer;
}

a {
	color: #C6C6C6;
	font-family:Segoe UI, sans-serif;
	font-size: 11px;
	cursor: pointer;
}
.error_msg {
	color: red;
}

.loginLayout {
	background-color: #252525;
}

.canvasLayout {
	background-color: #191919;
}

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


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

.rollOverCanvas{
    border-radius: 2px;       
    border: 1px solid #3E3E3E; 
    background-color: #252525; 
}

		
.studyFlagged {
	background-color:#777733 !important;
	color: #FFFFFF !important;
}
		
.studyReturned{
	background-color:#774433 !important;
	color: #FFFFFF !important;
}

.customFontTextArea,
.customFontTextAreaFocused,
.customFontTextAreaOver,
.customFontTextAreaFocusedOver{
	background-color: #2d2d2d;
	color: #c4c4c4;
	font-family: monospace; 
	font-size: 14px;
}

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

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

.viewerEmptyCanvas {
	background-color: #000000
}