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

@external gwt-SplitLayoutPanel-VDragger, gwt-SplitLayoutPanel-HDragger;

/** BEGIN SHARED BETWEEN HISTORY AND REVIEW PANELS **/

.splitPanel {
   background-color: #f3f4f4;
}
@sprite .splitPanel .gwt-SplitLayoutPanel-VDragger {
   gwt-image: 'splitterTileV';
}
@sprite .splitPanelCommit .gwt-SplitLayoutPanel-HDragger {
   gwt-image: 'splitterTileH';
}

.whitebg {
   background-color: white;
}

.toolbar {
   background-image: none !important;
}

@sprite .toolbarWrapper {
   position: relative;
   gwt-image: 'toolbarTile';
   padding-top: 2px;
   font-size: 11px;
}
.toolbarWrapper select {
   font-size: 11px;
}

/** END SHARED BETWEEN HISTORY AND REVIEW PANELS **/


.splitPanelCommit {
   background-color: #f3f4f4;
   font-size: 11px;
}

.stagedLabel {
   display: inline;
   margin-right: 8px;
}

.staged {
   margin-right: 8px;
}

.unstaged {
   margin-right: 22px;
}

.diffToolbar {
   width: auto;
}

.diffViewOptions {
   white-space: nowrap;
   margin-left: 6px;
   margin-right: 16px;
}

.commitMessage {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   resize: none;
   border: 1px solid #c3c5c7;
   border-radius: 4px;
   padding: 3px;
   margin: 0;
   font-family: fixedWidthFont;
}

.commitButton {
   float: right;
   margin-right: -1px;
}
