.mainWidget {
   width: 510px;
   height: 300px;
}

.headerLabel {
   font-size: 14px;
   font-weight: bold;
   cursor: default;
}

.headerPanel {
   width: 400px;
   height: 42px;
   margin-left: 5px;
}

.subcaptionLabel {
   font-size: 12px;
   color: #707070;
   margin-top: 3px;
   cursor: default;
   width: 410px;
}

.wizardBodyPanel {
   width: 533px;
   height: 244px;
   margin-left: -10px;
   margin-right: -10px;
}

.wizardPageSelector {
}

@sprite .wizardBackButton {
   gwt-image: 'wizardBackButton2x';
   border: none;
   font-weight: bold;
   padding-left: 26px;
   padding-top: 6px;
   background-size: 79px 30px;
}

@sprite .wizardBackButton:focus {
   gwt-image: 'wizardBackButtonFocus2x';
   border: none;
   font-weight: bold;
   padding-left: 26px;
   padding-top: 6px;
   background-size: 79px 30px;
   outline: none;
}

@sprite .wizardPageSelectorItem {
   width: 100%;
   gwt-image: 'wizardPageSelectorBackground';
}

@sprite .wizardPageSelectorItemFirst {
   gwt-image: 'wizardPageSelectorBackground';
}

@sprite .wizardPageSelectorItemLast {
   gwt-image: 'wizardPageSelectorBackgroundLast';
}

.wizardPageSelectorItem:hover {
   background: #DAE7F6;
}

.wizardPageSelectorItem:focus {
   outline: none;
}

.wizardPageSelectorItemSize {
   width: 100%;
   height: 34px;
}

.wizardPageSelectorItemLeftIcon {
   max-width: 20px;
   max-height: 18px;
   margin-left: 8px;
   margin-top: 9px;
}

.wizardPageSelectorItemRightArrow {
   margin-top: 10px;
}

.wizardPageSelectorItemLabel {
   margin-top: 10px;
   margin-left: 8px;
   white-space: nowrap;
}

@sprite .wizardPageBackground {
   gwt-image: 'wizardPageBackground';
}

.wizardDisclosureArrow {
}

.helpLink {
   margin-top: 6px;
}

/* Dark theme overrides (only active for wizards that opt in via setThemeAware) */
@external rstudio-themes-dark;
@external rstudio-theme-aware-dialog;
@eval THEME_DARKGREY_INACTIVE org.rstudio.core.client.theme.ThemeColors.darkGreyInactiveBackground;
@eval THEME_DARKGREY_MOST_INACTIVE org.rstudio.core.client.theme.ThemeColors.darkGreyMostInactiveBackground;
@eval THEME_DARKGREY_BORDER org.rstudio.core.client.theme.ThemeColors.darkGreyBorder;

.rstudio-themes-dark.rstudio-theme-aware-dialog .subcaptionLabel {
   color: #aaa;
}

.rstudio-themes-dark.rstudio-theme-aware-dialog .wizardPageSelectorItem,
.rstudio-themes-dark.rstudio-theme-aware-dialog .wizardPageSelectorItemFirst,
.rstudio-themes-dark.rstudio-theme-aware-dialog .wizardPageSelectorItemLast {
   background-image: none;
   background-color: THEME_DARKGREY_INACTIVE;
   border-bottom: 1px solid THEME_DARKGREY_BORDER;
}

.rstudio-themes-dark.rstudio-theme-aware-dialog .wizardPageSelectorItem:hover {
   background: THEME_DARKGREY_MOST_INACTIVE;
}

@sprite .rstudio-themes-dark.rstudio-theme-aware-dialog .wizardBackButton {
   gwt-image: 'wizardBackButtonDark2x';
   background-size: 79px 30px;
   color: #eee;
   filter: none;
   padding-top: 8px;
}

@sprite .rstudio-themes-dark.rstudio-theme-aware-dialog .wizardBackButton:focus {
   gwt-image: 'wizardBackButtonDarkFocus2x';
   background-size: 79px 30px;
   color: #eee;
   filter: none;
   padding-top: 8px;
}

.rstudio-themes-dark.rstudio-theme-aware-dialog .wizardPageSelectorItemRightArrow,
.rstudio-themes-dark.rstudio-theme-aware-dialog .wizardDisclosureArrow {
   filter: invert(1);
}

.rstudio-themes-dark.rstudio-theme-aware-dialog .wizardPageBackground {
   background-image: none;
}
