@eval proportionalFont org.rstudio.core.client.theme.ThemeFonts.getProportionalFont();
@eval fixedWidthFont org.rstudio.core.client.theme.ThemeFonts.getFixedWidthFont();

@external editor_dark;
@external rstudio-themes-dark;

@eval THEME_DARK_ROW_SELECTED org.rstudio.core.client.theme.ThemeColors.darkRowSelected;
@eval THEME_DARK_ROW_FOCUSED org.rstudio.core.client.theme.ThemeColors.darkRowFocused;
@eval THEME_DARK_DIALOG_CONTROL_BACKGROUND org.rstudio.core.client.theme.ThemeColors.darkDialogControlBackground;
@eval THEME_DARKGREY_BORDER org.rstudio.core.client.theme.ThemeColors.darkGreyBorder;

.findOutput {
   width: 100%;
   height: 100%;
   outline: none;
}

.findOutput tr {
   height: 20px;
}

.findOutput .headerRow td {
   font-weight: bold;
   font-size: 12px !important;
   padding: 2px 2px 2px 3px;
}

.line {
   color: #6E6E6E;
   font-family: fixedWidthFont;
   text-align: right;
   padding-left: 12px;
}

.lineValue {
   font-family: fixedWidthFont;
   padding-right: 2px;
   white-space: pre;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.selectedRow {
   background-color: #ccc;
}
*:focus .selectedRow {
   background-color: rgb(146, 193, 240)
}

.rstudio-themes-dark .selectedRow {
   background-color: THEME_DARK_ROW_SELECTED;
}

.rstudio-themes-dark *:focus .selectedRow {
   background-color: THEME_DARK_ROW_FOCUSED;
}

.editor_dark .selectedRow {
   color: #FFF;
}

.overflowWarning {
   font-weight: bold;
   padding-left: 2px;
   background-color: #900;
   color: white;
}

.findOutput strong {
   font-weight: normal;
   color: #66A;
}

.findOutput mark {
   font-weight: bold;
   background-color: #A81900;
   color: white;
}

.findOutputReplace strong {
   font-weight: bold;
   background-color: #A81900;
   text-decoration: line-through;
   color: white;
}

.findOutputReplace del {
   font-weight: bold;
   background-color: #A81900;
   text-decoration: line-through;
   color: white;
}

.findOutputReplace ins {
   font-weight: bold;
   background-color: #006600;
   text-decoration: none;
   color: white;
}

.findOutputReplace mark {
   font-weight: bold;
   background-color: #A81900;
   color: white;
}

.editor_dark .line {
   color: #9E9E9E;
}

.editor_dark .findOutput strong {
   color: #A0A0E0;
}

.editor_dark .findOutput mark,
.editor_dark .findOutputReplace strong,
.editor_dark .findOutputReplace del,
.editor_dark .findOutputReplace mark {
   background-color: #7A2D21;
   color: #FFF;
}

.editor_dark .findOutputReplace ins {
   background-color: #2D5E2D;
   color: #FFF;
}

.replaceLabel {
   margin-top: 2px;
   padding-right: 6px;
}

.replaceTextBox {
   padding-top: 1px;
   padding-bottom: 1px;
   margin-top: 3px;
}

.rstudio-themes-dark .replaceTextBox {
   background: THEME_DARK_DIALOG_CONTROL_BACKGROUND;
   border: 1px solid THEME_DARKGREY_BORDER;
   color: #EEE;
   color-scheme: dark;
}
